/* ═══ EXKLUSIV MALL: Vellum (vellum) ═══ Inre-sid-CSS-lager + animation. Scopat [data-template="vellum"]. Video:true. Signatur:#A6703B. */

html[data-template="vellum"]{--bg:#F4EDDD;--bg-soft:#EBE0C9;--ink:#2A2014;--ink-2:#534535;--muted:#8C7B62;--line:rgba(42,32,20,0.14);--line-2:rgba(42,32,20,0.24);--star:#B07A2E;--ff-heading:var(--next-font-fraunces),"Playfair Display",Georgia,"Times New Roman",serif;--ff-body:var(--next-font-inter),Georgia,"Times New Roman",serif;--radius:4px;--radius-lg:6px;--radius-sm:3px;--btn-radius:2px;--btn-pad:15px 30px;--btn-weight:600;--btn-transform:uppercase;--btn-tracking:0.14em}
[data-template="vellum"] body{background:var(--bg);color:var(--ink-2);background-image:linear-gradient(180deg,rgba(0,0,0,0) 0,rgba(0,0,0,0) 100%),radial-gradient(circle at 14% 12%,rgba(166,112,59,0.05),transparent 44%),radial-gradient(circle at 86% 6%,rgba(120,92,52,0.04),transparent 42%),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)' opacity='0.035'/%3E%3C/svg%3E");background-attachment:fixed}
[data-template="vellum"] h1,[data-template="vellum"] h2,[data-template="vellum"] h3,[data-template="vellum"] h4{font-family:var(--ff-heading);letter-spacing:-0.005em;color:var(--ink);font-weight:600}
[data-template="vellum"] .subhero{position:relative;background:linear-gradient(180deg,var(--bg-soft) 0%,var(--bg) 80%);border-bottom:1px solid var(--line-2)}
[data-template="vellum"] .subhero::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:1px;background:repeating-linear-gradient(90deg,var(--brand) 0 14px,transparent 14px 24px);opacity:0.7}
[data-template="vellum"] .subhero h1{color:var(--ink);font-family:var(--ff-heading);font-weight:600}
[data-template="vellum"] .subhero__lead{color:var(--ink-2)}
[data-template="vellum"] .subhero__crumbs,[data-template="vellum"] .subhero__crumbs a{color:var(--muted);letter-spacing:0.08em;text-transform:uppercase;font-size:11.5px}
[data-template="vellum"] .subhero__crumbs a:hover{color:var(--brand-deep)}
[data-template="vellum"] .subhero__answer{background:#FBF6E9;border:1px solid var(--line);border-top:3px solid var(--brand);border-radius:0 0 var(--radius) var(--radius);box-shadow:0 16px 40px rgba(74,52,24,0.10)}
[data-template="vellum"] .subhero__answer-label,[data-template="vellum"] .subhero__answer-question{color:var(--brand-deep);letter-spacing:0.1em;text-transform:uppercase}
[data-template="vellum"] .subhero__answer p{color:var(--ink-2)}
[data-template="vellum"] .section:nth-child(even){background:linear-gradient(180deg,var(--bg-soft),var(--bg))}
[data-template="vellum"] .section-head h2{color:var(--ink)}
[data-template="vellum"] .section-head p{color:var(--ink-2)}
[data-template="vellum"] .eyebrow,[data-template="vellum"] .section-head .eyebrow{background:transparent;color:var(--brand-deep);border:0;border-radius:0;padding:0 0 5px;text-transform:uppercase;letter-spacing:0.22em;font-weight:600;font-size:11.5px;position:relative}
[data-template="vellum"] .eyebrow::after{content:"";position:absolute;left:0;bottom:0;width:30px;height:2px;background:var(--brand)}
[data-template="vellum"] .card,[data-template="vellum"] .aside-card,[data-template="vellum"] .aside-emblems,[data-template="vellum"] .aside-steps,[data-template="vellum"] .sitemap-block,[data-template="vellum"] .area-service-card,[data-template="vellum"] .article-card,[data-template="vellum"] .article-featured,[data-template="vellum"] .article-hero__tools,[data-template="vellum"] .reviews-carousel__card,[data-template="vellum"] .contact-method{background:#FBF6E9;border:1px solid var(--line);border-radius:var(--radius);box-shadow:0 1px 0 rgba(255,255,255,0.6) inset,0 14px 34px rgba(74,52,24,0.08)}
[data-template="vellum"] .card{position:relative;padding-top:2px;background-clip:padding-box}
[data-template="vellum"] .card::before{content:"";position:absolute;inset:6px;border:1px solid var(--line);border-radius:2px;pointer-events:none;opacity:0.5}
[data-template="vellum"] .card:hover,[data-template="vellum"] .area-service-card:hover,[data-template="vellum"] .article-card:hover,[data-template="vellum"] .sitemap-block:hover{border-color:var(--brand);box-shadow:0 22px 52px rgba(74,52,24,0.16)}
[data-template="vellum"] .card::after,[data-template="vellum"] .area-service-card::after{background:linear-gradient(90deg,var(--brand-deep) 0%,var(--brand) 55%,#D9A86A 100%)}
[data-template="vellum"] .card h3,[data-template="vellum"] .area-service-card__body h3,[data-template="vellum"] .article-card h3,[data-template="vellum"] .sitemap-block h2{color:var(--ink)}
[data-template="vellum"] .card p,[data-template="vellum"] .area-service-card__body p,[data-template="vellum"] .article-card p,[data-template="vellum"] .article-featured__body p{color:var(--ink-2)}
[data-template="vellum"] .card__icon,[data-template="vellum"] .sitemap-block__icon,[data-template="vellum"] .article-tool__icon{background:radial-gradient(circle at 32% 28%,#E6C088,#A6703B 62%,#7C5326);border:1px solid rgba(74,52,24,0.28);color:#FBF6E9;border-radius:50%;box-shadow:0 4px 10px rgba(74,52,24,0.30),inset 0 1px 2px rgba(255,255,255,0.45)}
[data-template="vellum"] .card__price,[data-template="vellum"] .area-service-card__price{color:var(--ink);font-family:var(--ff-heading)}
[data-template="vellum"] .card__link,[data-template="vellum"] .area-service-card__cta,[data-template="vellum"] .article-card__cta{color:var(--brand-deep);letter-spacing:0.06em;text-transform:uppercase;font-size:12.5px;font-weight:600}
[data-template="vellum"] .card__image,[data-template="vellum"] .photo,[data-template="vellum"] .subhero__photo,[data-template="vellum"] .area-service-card__media,[data-template="vellum"] .article-card__media,[data-template="vellum"] .article-featured__media{background:#E3D5B6;border:1px solid var(--line);border-radius:var(--radius-sm)}
[data-template="vellum"] .faq__item{background:#FBF6E9;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;margin-bottom:12px}
[data-template="vellum"] .faq__item:hover{border-color:var(--brand)}
[data-template="vellum"] .faq__q{color:var(--ink);font-family:var(--ff-heading);font-weight:600}
[data-template="vellum"] .faq__a p{color:var(--ink-2)}
[data-template="vellum"] .faq__icon{color:var(--brand)}
[data-template="vellum"] .form-card{background:#FBF6E9;border:1px solid var(--line);border-top:3px solid var(--brand);border-radius:0 0 var(--radius-lg) var(--radius-lg);box-shadow:0 20px 50px rgba(74,52,24,0.14)}
[data-template="vellum"] .field label,[data-template="vellum"] .form-step__name,[data-template="vellum"] .form-pane__title{color:var(--ink-2);letter-spacing:0.04em}
[data-template="vellum"] .field input,[data-template="vellum"] .field textarea,[data-template="vellum"] .field select,[data-template="vellum"] .postal-check__row input{background:#FFFDF6;border:1px solid var(--line-2);color:var(--ink);border-radius:var(--radius-sm)}
[data-template="vellum"] .field input::placeholder,[data-template="vellum"] .field textarea::placeholder,[data-template="vellum"] .postal-check__row input::placeholder{color:var(--muted)}
[data-template="vellum"] .field input:focus,[data-template="vellum"] .field textarea:focus,[data-template="vellum"] .field select:focus,[data-template="vellum"] .postal-check__row:focus-within{border-color:var(--brand);box-shadow:0 0 0 3px rgba(var(--brand-rgb),0.18);outline:none}
[data-template="vellum"] .form-step__bubble{background:#FBF6E9;border:1px solid var(--line-2);color:var(--muted);font-family:var(--ff-heading)}
[data-template="vellum"] .form-step.is-active .form-step__bubble,[data-template="vellum"] .form-step.is-done .form-step__bubble{background:var(--brand);border-color:var(--brand-deep);color:#FBF6E9}
[data-template="vellum"] .file-drop{background:#FFFDF6;border:1.5px dashed var(--line-2);color:var(--ink-2);border-radius:var(--radius)}
[data-template="vellum"] .file-drop:hover,[data-template="vellum"] .file-drop.is-drag{border-color:var(--brand);background:rgba(var(--brand-rgb),0.06);color:var(--brand-deep)}
[data-template="vellum"] .postal-check{background:#FBF6E9;border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:0 16px 40px rgba(74,52,24,0.10)}
[data-template="vellum"] .postal-check__title{color:var(--ink)}
[data-template="vellum"] .postal-check__sub{color:var(--muted)}
[data-template="vellum"] .postal-check__pin{background:radial-gradient(circle at 32% 28%,#E6C088,#A6703B 62%,#7C5326);border:1px solid rgba(74,52,24,0.28);color:#FBF6E9}
[data-template="vellum"] .postal-check__hint{background:linear-gradient(135deg,var(--brand) 0%,var(--brand-deep) 100%);color:#FBF6E9}
[data-template="vellum"] .review-card blockquote{color:var(--ink-2);font-family:var(--ff-heading);font-style:italic;font-size:18px;line-height:1.55}
[data-template="vellum"] .review-card blockquote::before{content:"\201C";font-family:var(--ff-heading);color:var(--brand);font-size:2.6em;line-height:0;vertical-align:-0.35em;margin-right:0.06em;opacity:0.55}
[data-template="vellum"] .review-card__author{color:var(--ink)}
[data-template="vellum"] .review-card__source{color:var(--muted)}
[data-template="vellum"] .review-card__avatar{background:radial-gradient(circle at 32% 28%,#E6C088,#A6703B 62%,#7C5326);color:#FBF6E9}
[data-template="vellum"] .reviews-carousel__nav,[data-template="vellum"] .card-scroller__nav{background:#FBF6E9;border:1px solid var(--line-2);color:var(--brand-deep)}
[data-template="vellum"] .reviews-carousel__nav:hover,[data-template="vellum"] .card-scroller__nav:hover{background:var(--brand);color:#FBF6E9;border-color:var(--brand)}
[data-template="vellum"] .cta-strip{background:linear-gradient(135deg,#2A2014 0%,#3D2E1B 52%,var(--brand-deep) 100%);border:1px solid rgba(166,112,59,0.4);border-radius:var(--radius-lg);box-shadow:0 26px 64px rgba(42,32,20,0.34)}
[data-template="vellum"] .cta-strip h2{color:#FBF6E9}
[data-template="vellum"] .cta-strip p{color:rgba(251,246,233,0.82)}
[data-template="vellum"] .cta-strip .btn--primary{background:#FBF6E9;color:#3D2E1B;border-color:#FBF6E9}
[data-template="vellum"] .cta-strip .btn--ghost{background:transparent;color:#FBF6E9;border:1px solid rgba(251,246,233,0.5)}
[data-template="vellum"] .btn--primary{background:var(--brand);border:1px solid var(--brand-deep);color:#FBF6E9;box-shadow:0 8px 20px rgba(var(--brand-rgb),0.30),inset 0 1px 0 rgba(255,255,255,0.3)}
[data-template="vellum"] .btn--primary .btn__arrow{background:#FBF6E9;color:var(--brand-deep)}
[data-template="vellum"] .btn--ghost{background:transparent;color:var(--ink);border:1px solid var(--ink);box-shadow:none}
[data-template="vellum"] .btn--ghost:hover{background:var(--ink);color:var(--bg)}
[data-template="vellum"] .btn--ghost .btn__arrow{background:var(--brand);color:#FBF6E9}
[data-template="vellum"] .process__step{background:#FBF6E9;border:1px solid var(--line);border-radius:var(--radius)}
[data-template="vellum"] .process__step h3{color:var(--ink)}
[data-template="vellum"] .process__step p{color:var(--ink-2)}
[data-template="vellum"] .process__check,[data-template="vellum"] .about-check__check{background:radial-gradient(circle at 32% 28%,#E6C088,#A6703B 62%,#7C5326);color:#FBF6E9;box-shadow:0 3px 8px rgba(74,52,24,0.28)}
[data-template="vellum"] .trusted{background:#FBF6E9;border:1px solid var(--line);border-radius:var(--radius-lg)}
[data-template="vellum"] .trusted__label,[data-template="vellum"] .reviews-source-label{color:var(--muted);letter-spacing:0.2em}
[data-template="vellum"] .trusted__google-rating{color:var(--ink)}
[data-template="vellum"] .trusted__google-score{color:var(--ink)}
[data-template="vellum"] .trusted__google-sub{color:var(--muted)}
[data-template="vellum"] .trusted__google-rating .hero__stars{color:var(--star)}
[data-template="vellum"] .pagination__btn,[data-template="vellum"] .article-filter__chip{background:#FBF6E9;border:1px solid var(--line-2);color:var(--ink-2);border-radius:2px;text-transform:uppercase;letter-spacing:0.08em;font-size:12.5px}
[data-template="vellum"] .pagination__btn.is-active,[data-template="vellum"] .article-filter__chip.is-active{background:var(--brand);color:#FBF6E9;border-color:var(--brand-deep)}
[data-template="vellum"] .price-table{color:var(--ink-2)}
[data-template="vellum"] .price-table th{background:var(--bg-soft);color:var(--ink);font-family:var(--ff-heading);text-transform:uppercase;letter-spacing:0.06em}
[data-template="vellum"] .price-table th,[data-template="vellum"] .price-table td{border-color:var(--line)}
[data-template="vellum"] .article-hero,[data-template="vellum"] .contact-hero{background:linear-gradient(180deg,var(--bg-soft),var(--bg))}
[data-template="vellum"] .prose blockquote{border-left:3px solid var(--brand);background:var(--bg-soft);font-family:var(--ff-heading);font-style:italic;border-radius:0 var(--radius) var(--radius) 0}
[data-template="vellum"] .prose a{color:var(--brand-deep);text-decoration:underline;text-underline-offset:3px;text-decoration-color:rgba(var(--brand-rgb),0.5)}
[data-template="vellum"] .related-link{background:#FBF6E9;border:1px solid var(--line);border-left:3px solid var(--brand);border-radius:var(--radius)}
[data-template="vellum"] .related-link__icon{background:radial-gradient(circle at 32% 28%,#E6C088,#A6703B 62%,#7C5326);color:#FBF6E9}
[data-template="vellum"] .footer{background:#241B10;color:#E8DDC6;border-top:3px solid var(--brand)}
[data-template="vellum"] .footer a{color:rgba(232,221,198,0.8)}
[data-template="vellum"] .footer a:hover{color:#E6C088}
[data-template="vellum"] .mobile-call-bar{background:rgba(251,246,233,0.96);border-top:1px solid var(--line-2);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
[data-template="vellum"] .mobile-call-bar .call{background:var(--brand);color:#FBF6E9;border:1px solid var(--brand-deep)}
[data-template="vellum"] .mobile-call-bar .quote{background:#FBF6E9;color:var(--ink);border:1px solid var(--line-2)}

/* — Animation (vellum) — */
@media (prefers-reduced-motion: no-preference){
  @keyframes ve-rise-in{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
  @keyframes ve-seal-press{0%{transform:scale(0.86) rotate(-8deg);opacity:0}60%{transform:scale(1.04) rotate(2deg);opacity:1}100%{transform:scale(1) rotate(0);opacity:1}}
  @keyframes ve-foil-sheen{0%{background-position:-160% 0}100%{background-position:260% 0}}
  [data-template="vellum"] .section .card,
  [data-template="vellum"] .area-service-card,
  [data-template="vellum"] .article-card{animation:ve-rise-in .55s cubic-bezier(.21,.68,.31,1) both}
  [data-template="vellum"] .section:nth-child(even) .card:nth-child(2){animation-delay:.07s}
  [data-template="vellum"] .section:nth-child(even) .card:nth-child(3){animation-delay:.14s}
  [data-template="vellum"] .card__icon,
  [data-template="vellum"] .postal-check__pin,
  [data-template="vellum"] .process__check,
  [data-template="vellum"] .about-check__check{animation:ve-seal-press .6s cubic-bezier(.2,.7,.2,1.2) both}
  [data-template="vellum"] .card__icon,
  [data-template="vellum"] .sitemap-block__icon{transition:transform .4s cubic-bezier(.21,.68,.31,1),box-shadow .4s ease}
  [data-template="vellum"] .card:hover .card__icon,
  [data-template="vellum"] .sitemap-block:hover .sitemap-block__icon{transform:rotate(-7deg) scale(1.07);box-shadow:0 6px 16px rgba(74,52,24,0.34),inset 0 1px 2px rgba(255,255,255,0.5)}
  [data-template="vellum"] .btn--primary{position:relative;overflow:hidden;transition:transform .3s cubic-bezier(.21,.68,.31,1),box-shadow .3s ease}
  [data-template="vellum"] .btn--primary::before{content:"";position:absolute;inset:0;background:linear-gradient(105deg,transparent 38%,rgba(255,247,225,0.55) 50%,transparent 62%);background-size:240% 100%;background-position:-160% 0;pointer-events:none}
  [data-template="vellum"] .btn--primary:hover{transform:translateY(-2px);box-shadow:0 14px 30px rgba(166,112,59,.36),inset 0 1px 0 rgba(255,255,255,.3)}
  [data-template="vellum"] .btn--primary:hover::before{animation:ve-foil-sheen .9s ease forwards}
  [data-template="vellum"] .card__link,
  [data-template="vellum"] .area-service-card__cta{transition:letter-spacing .25s ease,color .25s ease}
  [data-template="vellum"] .card:hover .card__link,
  [data-template="vellum"] .area-service-card:hover .area-service-card__cta{letter-spacing:0.1em;color:var(--brand)}
}


/* ═══ Vellum — CHROME ═══ */
/* ════════════════════════════════════════════════════════════════════
   VELLUM CHROME — prefix .vlm- . Exklusiv letterpress/foil-stamp brevpapper.
   Drivs av CSS-vars (--brand, --brand-rgb, --brand-deep, --ink, --bg, --ff-heading).
   Strikt rektilinjärt: hårfina linjer, 2px-hörn, vaxsegel-motiv, deckled copper-kant.
   ════════════════════════════════════════════════════════════════════ */

/* ---------- HEADER (två-tiers brevhuvud) ---------- */
[data-template="vellum"] .vlm-header { position: sticky; top: 0; z-index: 50; }
[data-template="vellum"] .vlm-header__rule { height: 1px; background: var(--line-2, rgba(42,32,20,0.24)); }

[data-template="vellum"] .vlm-topbar {
  background: var(--bg-soft, #EBE0C9);
  border-bottom: 1px solid var(--line, rgba(42,32,20,0.14));
  overflow: hidden;
  max-height: 60px;
  transition: max-height .3s ease, opacity .3s ease, padding .3s ease;
}
[data-template="vellum"] .vlm-topbar__inner {
  max-width: 1200px; margin: 0 auto; padding: 8px 32px;
  display: flex; align-items: center; justify-content: space-between; gap: 18px;
}
[data-template="vellum"] .vlm-topbar__tagline {
  font-family: var(--ff-heading); font-style: italic; color: var(--muted, #8C7B62);
  text-transform: uppercase; letter-spacing: .14em; font-size: 11px;
}
[data-template="vellum"] .vlm-topbar__contact { display: inline-flex; align-items: center; gap: 14px; }
[data-template="vellum"] .vlm-topbar__phone,
[data-template="vellum"] .vlm-topbar__email {
  display: inline-flex; align-items: center; gap: 7px;
  color: var(--ink-2, #534535); font-size: 12.5px; letter-spacing: .02em; text-decoration: none;
  transition: color .2s ease;
}
[data-template="vellum"] .vlm-topbar__phone:hover,
[data-template="vellum"] .vlm-topbar__email:hover { color: var(--brand-deep, #7C5326); }
[data-template="vellum"] .vlm-topbar__ico {
  width: 20px; height: 20px; border-radius: 50%; display: inline-grid; place-items: center;
  background: radial-gradient(circle at 32% 28%, #E6C088, var(--brand, #A6703B) 62%, var(--brand-deep, #7C5326));
  color: #FBF6E9; border: 1px solid rgba(74,52,24,0.28);
  box-shadow: inset 0 1px 2px rgba(255,255,255,0.45);
}
[data-template="vellum"] .vlm-topbar__sep { width: 1px; height: 14px; background: var(--line-2, rgba(42,32,20,0.24)); }

[data-template="vellum"] .vlm-bar {
  background: transparent;
  transition: background .3s ease, box-shadow .3s ease, backdrop-filter .3s ease;
}
[data-template="vellum"] .vlm-bar__inner {
  max-width: 1200px; margin: 0 auto; padding: 18px 32px;
  display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: 24px;
}

/* sticky scrolled: topbar collapses, bar gets cream blur */
[data-template="vellum"] .vlm-header.is-scrolled .vlm-topbar { max-height: 0; opacity: 0; padding: 0; border-bottom-color: transparent; }
[data-template="vellum"] .vlm-header.is-scrolled .vlm-bar {
  background: rgba(244,237,221,0.92);
  -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px);
  border-bottom: 1px solid var(--line-2, rgba(42,32,20,0.24));
}

/* brand */
[data-template="vellum"] .vlm-brand { display: inline-flex; align-items: center; text-decoration: none; }
[data-template="vellum"] .vlm-brand__text { display: inline-flex; flex-direction: column; gap: 3px; }
[data-template="vellum"] .vlm-brand__name {
  font-family: var(--ff-heading); font-weight: 700; font-size: 24px; line-height: 1;
  color: var(--ink, #2A2014); letter-spacing: -.01em;
}
[data-template="vellum"] .vlm-brand__rule { width: 24px; height: 2px; background: var(--brand, #A6703B); }
[data-template="vellum"] .vlm-brand__est {
  font-size: 10px; text-transform: uppercase; letter-spacing: .18em; color: var(--muted, #8C7B62);
}

/* nav — centrerad serif med center-ut underlinje */
[data-template="vellum"] .vlm-nav { display: flex; justify-content: center; align-items: center; gap: 30px; }
[data-template="vellum"] .vlm-nav__item { position: relative; }
[data-template="vellum"] .vlm-nav__link {
  position: relative; display: inline-flex; align-items: center; gap: 5px;
  font-family: var(--ff-heading); font-size: 15px; color: var(--ink-2, #534535);
  text-transform: uppercase; letter-spacing: .1em; text-decoration: none; padding: 4px 0;
  transition: color .26s ease;
}
[data-template="vellum"] .vlm-nav__link::after {
  content: ""; position: absolute; left: 0; right: 0; bottom: -2px; height: 1px;
  background: var(--brand, #A6703B); transform: scaleX(0); transform-origin: center;
  transition: transform .26s cubic-bezier(.21,.68,.31,1);
}
[data-template="vellum"] .vlm-nav__item:hover .vlm-nav__link,
[data-template="vellum"] .vlm-nav__link:focus-visible { color: var(--brand, #A6703B); }
[data-template="vellum"] .vlm-nav__item:hover .vlm-nav__link::after { transform: scaleX(1); }
[data-template="vellum"] .vlm-nav__caret { display: inline-flex; transition: transform .26s ease; }
[data-template="vellum"] .vlm-nav__item--has:hover .vlm-nav__caret { transform: rotate(180deg); }

/* dropdown — platt pergament-panel */
[data-template="vellum"] .vlm-nav__panel {
  position: absolute; top: calc(100% + 14px); left: 50%; transform: translateX(-50%) translateY(8px);
  min-width: 460px; background: #FBF6E9; border: 1px solid var(--line, rgba(42,32,20,0.14));
  border-top: 3px solid var(--brand, #A6703B); border-radius: 0 0 var(--radius, 4px) var(--radius, 4px);
  box-shadow: 0 24px 50px rgba(74,52,24,.18); padding: 14px;
  opacity: 0; visibility: hidden; pointer-events: none;
  transition: opacity .24s ease, transform .24s ease, visibility .24s;
}
[data-template="vellum"] .vlm-nav__item--has:hover .vlm-nav__panel,
[data-template="vellum"] .vlm-nav__item--has:focus-within .vlm-nav__panel {
  opacity: 1; visibility: visible; pointer-events: auto; transform: translateX(-50%) translateY(0);
}
[data-template="vellum"] .vlm-nav__panel::before {
  content: ""; position: absolute; top: -16px; left: 0; right: 0; height: 16px;
}
[data-template="vellum"] .vlm-nav__panel-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 2px 18px; }
[data-template="vellum"] .vlm-nav__panel-link {
  display: flex; flex-direction: column; gap: 2px; padding: 10px 12px; text-decoration: none;
  border-bottom: 1px solid var(--line, rgba(42,32,20,0.14)); border-radius: var(--radius-sm, 3px);
  transition: background .2s ease;
}
[data-template="vellum"] .vlm-nav__panel-link:hover { background: var(--bg-soft, #EBE0C9); }
[data-template="vellum"] .vlm-nav__panel-label {
  font-family: var(--ff-heading); font-size: 15px; color: var(--ink, #2A2014); letter-spacing: -.005em;
}
[data-template="vellum"] .vlm-nav__panel-desc { font-size: 12px; color: var(--muted, #8C7B62); }

/* right cluster: phone + wax seal + CTA */
[data-template="vellum"] .vlm-bar__cta { display: inline-flex; align-items: center; gap: 14px; justify-self: end; }
[data-template="vellum"] .vlm-bar__phone {
  font-family: var(--ff-heading); font-size: 14.5px; color: var(--ink, #2A2014); text-decoration: none;
  transition: color .2s ease;
}
[data-template="vellum"] .vlm-bar__phone:hover { color: var(--brand-deep, #7C5326); }
[data-template="vellum"] .vlm-seal {
  width: 44px; height: 44px; flex: 0 0 44px; border-radius: 50%; display: inline-grid; place-items: center;
  background: radial-gradient(circle at 32% 28%, #E6C088, var(--brand, #A6703B) 62%, var(--brand-deep, #7C5326));
  border: 1px solid rgba(74,52,24,0.28); color: #FBF6E9; text-decoration: none;
  box-shadow: 0 4px 10px rgba(74,52,24,0.30), inset 0 1px 2px rgba(255,255,255,0.45);
  transition: transform .3s cubic-bezier(.21,.68,.31,1), box-shadow .3s ease;
}
[data-template="vellum"] .vlm-seal:hover { transform: rotate(-7deg) scale(1.06); box-shadow: 0 6px 16px rgba(74,52,24,0.36), inset 0 1px 2px rgba(255,255,255,0.5); }
[data-template="vellum"] .vlm-seal__glyph { font-family: var(--ff-heading); font-weight: 700; font-size: 18px; line-height: 1; }
[data-template="vellum"] .vlm-bar__btn { white-space: nowrap; }

/* burger (mobil) */
[data-template="vellum"] .vlm-burger {
  display: none; width: 42px; height: 42px; border: 1px solid var(--ink, #2A2014); border-radius: 2px;
  background: transparent; cursor: pointer; padding: 0; flex-direction: column; gap: 5px;
  align-items: center; justify-content: center;
}
[data-template="vellum"] .vlm-burger__bar { width: 18px; height: 1.5px; background: var(--ink, #2A2014); }
[data-template="vellum"] .vlm-burger--close { border-color: var(--ink, #2A2014); position: relative; }
[data-template="vellum"] .vlm-burger__x { position: absolute; width: 18px; height: 1.5px; background: var(--ink, #2A2014); }
[data-template="vellum"] .vlm-burger__x:nth-child(1) { transform: rotate(45deg); }
[data-template="vellum"] .vlm-burger__x:nth-child(2) { transform: rotate(-45deg); }

/* drawer (mobil) */
[data-template="vellum"] .vlm-drawer {
  position: fixed; left: 0; right: 0; top: 0; bottom: 0; z-index: 60;
  background: var(--bg, #F4EDDD); display: flex; flex-direction: column;
  padding: 20px 28px 28px; overflow-y: auto;
  animation: vlm-drawer-in .32s cubic-bezier(.21,.68,.31,1) both;
}
@keyframes vlm-drawer-in { from { opacity: 0; transform: translateY(-12px); } to { opacity: 1; transform: none; } }
[data-template="vellum"] .vlm-drawer__top { display: flex; align-items: center; justify-content: space-between; padding-bottom: 16px; border-bottom: 1px solid var(--line-2, rgba(42,32,20,0.24)); }
[data-template="vellum"] .vlm-drawer__brand { font-size: 22px; }
[data-template="vellum"] .vlm-drawer__nav { display: flex; flex-direction: column; margin-top: 8px; }
[data-template="vellum"] .vlm-drawer__group { border-bottom: 1px solid var(--line, rgba(42,32,20,0.14)); }
[data-template="vellum"] .vlm-drawer__link {
  display: block; padding: 16px 0 10px; font-family: var(--ff-heading); font-size: 19px;
  text-transform: uppercase; letter-spacing: .08em; color: var(--ink, #2A2014); text-decoration: none;
}
[data-template="vellum"] .vlm-drawer__sub { padding: 0 0 12px 2px; display: flex; flex-direction: column; gap: 8px; }
[data-template="vellum"] .vlm-drawer__sublink { color: var(--ink-2, #534535); font-size: 14px; text-decoration: none; }
[data-template="vellum"] .vlm-drawer__sublink:hover { color: var(--brand-deep, #7C5326); }
[data-template="vellum"] .vlm-drawer__foot { margin-top: auto; padding-top: 22px; display: flex; flex-direction: column; gap: 14px; }
[data-template="vellum"] .vlm-drawer__phone { font-family: var(--ff-heading); font-size: 18px; color: var(--brand-deep, #7C5326); text-decoration: none; }
[data-template="vellum"] .vlm-drawer__cta { text-align: center; }

/* ---------- HERO (framed manuscript plate) ---------- */
[data-template="vellum"] .vlm-hero { position: relative; overflow: hidden; padding: 72px 0 92px; background: var(--bg-soft, #EBE0C9); }
[data-template="vellum"] .vlm-hero--bare { background: var(--bg-soft, #EBE0C9); }
[data-template="vellum"] .vlm-hero__bg { position: absolute; inset: 0; z-index: 0; }
[data-template="vellum"] .vlm-hero__video { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
[data-template="vellum"] .vlm-hero__veil {
  position: absolute; inset: 0;
  background: linear-gradient(100deg, var(--bg, #F4EDDD) 0%, rgba(244,237,221,0.93) 46%, rgba(244,237,221,0.42) 100%);
}
[data-template="vellum"] .vlm-hero__inner {
  position: relative; z-index: 2; max-width: 1200px; margin: 0 auto; padding: 0 32px;
  display: grid; grid-template-columns: 1.12fr 0.88fr; gap: 60px; align-items: center;
}

/* letterpress plate (double rule) */
[data-template="vellum"] .vlm-hero__plate {
  position: relative; padding: 40px 44px; background: rgba(251,246,233,0.5);
  border: 1px solid var(--line-2, rgba(42,32,20,0.24)); border-radius: var(--radius, 4px);
  animation: ve-rise-in .55s cubic-bezier(.21,.68,.31,1) both;
}
[data-template="vellum"] .vlm-hero__plate::before {
  content: ""; position: absolute; inset: 8px; border: 1px solid var(--line, rgba(42,32,20,0.14));
  border-radius: 2px; pointer-events: none;
}
[data-template="vellum"] .vlm-hero__eyebrow {
  position: relative; display: inline-block; padding-left: 40px; margin-bottom: 18px;
  text-transform: uppercase; letter-spacing: .22em; font-size: 11.5px; font-weight: 600;
  color: var(--brand-deep, #7C5326);
}
[data-template="vellum"] .vlm-hero__eyebrow::before {
  content: ""; position: absolute; left: 0; top: 50%; width: 28px; height: 1px; background: var(--brand, #A6703B);
}
[data-template="vellum"] .vlm-hero__title {
  font-family: var(--ff-heading); font-weight: 600; font-size: clamp(40px, 5.4vw, 72px);
  line-height: 1.05; color: var(--ink, #2A2014); letter-spacing: -.01em; margin: 0 0 20px;
}
[data-template="vellum"] .vlm-hero__title em {
  font-style: italic; color: var(--brand, #A6703B); position: relative;
  text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 6px;
  text-decoration-color: rgba(var(--brand-rgb, 166,112,59), 0.55);
}
[data-template="vellum"] .vlm-hero__title strong { font-weight: 700; color: var(--ink, #2A2014); }
[data-template="vellum"] .vlm-hero__lead {
  font-family: var(--ff-body); font-size: 19px; line-height: 1.6; color: var(--ink-2, #534535);
  max-width: 480px; margin: 0 0 26px;
}
[data-template="vellum"] .vlm-hero__cta-row { display: flex; flex-wrap: wrap; gap: 14px; align-items: center; }
[data-template="vellum"] .vlm-hero__rating { display: inline-flex; align-items: center; gap: 10px; margin-top: 22px; color: var(--ink-2, #534535); font-family: var(--ff-heading); font-size: 14.5px; }
[data-template="vellum"] .vlm-hero__rating .hero__stars { color: var(--star, #B07A2E); }
[data-template="vellum"] .vlm-hero__logos { display: flex; flex-wrap: wrap; align-items: center; gap: 20px; margin-top: 22px; opacity: .85; }
[data-template="vellum"] .vlm-hero__postal { margin-top: 26px; }

/* right portrait plate w/ wax stamp */
[data-template="vellum"] .vlm-hero__plate-media { position: relative; }
[data-template="vellum"] .vlm-hero__frame {
  position: relative; aspect-ratio: 4 / 5; border-radius: 4px; overflow: hidden;
  background: #FBF6E9; border: 8px solid #FBF6E9; outline: 1px solid var(--brand, #A6703B);
  box-shadow: 0 30px 64px rgba(42,32,20,.24);
}
[data-template="vellum"] .vlm-hero__frame img { width: 100%; height: 100%; object-fit: cover; display: block; border-radius: 2px; }
[data-template="vellum"] .vlm-hero__frame-fallback { width: 100%; height: 100%; background: #E3D5B6; }
[data-template="vellum"] .vlm-hero__stamp {
  position: absolute; left: -22px; bottom: 28px; width: 72px; height: 72px; border-radius: 50%;
  display: flex; flex-direction: column; align-items: center; justify-content: center; line-height: 1;
  background: radial-gradient(circle at 32% 28%, #E6C088, var(--brand, #A6703B) 62%, var(--brand-deep, #7C5326));
  color: #FBF6E9; border: 1px solid rgba(74,52,24,0.28); transform: rotate(-6deg);
  box-shadow: 0 8px 18px rgba(74,52,24,0.34), inset 0 1px 2px rgba(255,255,255,0.45);
  animation: ve-seal-press .6s cubic-bezier(.2,.7,.2,1.2) both;
}
[data-template="vellum"] .vlm-hero__stamp-top { font-family: var(--ff-heading); font-weight: 700; font-size: 20px; }
[data-template="vellum"] .vlm-hero__stamp-bot { font-size: 10px; text-transform: uppercase; letter-spacing: .12em; margin-top: 2px; }

/* hero ribbon — facts */
[data-template="vellum"] .vlm-hero__ribbon {
  position: relative; z-index: 2; max-width: 1200px; margin: 56px auto 0; padding: 0 32px;
}
[data-template="vellum"] .vlm-hero__facts {
  display: flex; flex-wrap: wrap; border-top: 1px solid var(--line-2, rgba(42,32,20,0.24)); padding-top: 22px;
}
[data-template="vellum"] .vlm-fact {
  flex: 1 1 0; min-width: 140px; padding: 0 24px; display: flex; flex-direction: column; gap: 4px;
  border-left: 1px solid var(--line, rgba(42,32,20,0.14));
}
[data-template="vellum"] .vlm-fact:first-child { border-left: 0; padding-left: 0; }
[data-template="vellum"] .vlm-fact__val { font-family: var(--ff-heading); font-weight: 600; font-size: 26px; color: var(--ink, #2A2014); }
[data-template="vellum"] .vlm-fact__lab { font-size: 11.5px; text-transform: uppercase; letter-spacing: .14em; color: var(--muted, #8C7B62); }

/* ---------- TRUST band wrap ---------- */
[data-template="vellum"] .vlm-trust { background: var(--bg, #F4EDDD); border-bottom: 1px solid var(--line, rgba(42,32,20,0.14)); }
[data-template="vellum"] .vlm-trust__inner { max-width: 1200px; margin: 0 auto; padding: 34px 32px; }

/* ---------- HOME sections (layout on top of shared .card etc) ---------- */
[data-template="vellum"] .vlm-section__head { max-width: 720px; }

[data-template="vellum"] .vlm-cards {
  display: grid; grid-template-columns: repeat(3, 1fr); gap: 26px; margin-top: 38px;
}
[data-template="vellum"] .vlm-card { display: flex; flex-direction: column; padding: 26px; }
[data-template="vellum"] .vlm-card__image { aspect-ratio: 4 / 3; overflow: hidden; margin-bottom: 18px; }
[data-template="vellum"] .vlm-card__image img { width: 100%; height: 100%; object-fit: cover; display: block; }
[data-template="vellum"] .vlm-card__icon { width: 52px; height: 52px; display: inline-grid; place-items: center; margin-bottom: 16px; }
[data-template="vellum"] .vlm-card h3 { font-size: 20px; margin: 0 0 8px; }
[data-template="vellum"] .vlm-card p { font-size: 14.5px; line-height: 1.6; margin: 0; }
[data-template="vellum"] .vlm-card__foot {
  margin-top: auto; padding-top: 18px; display: flex; align-items: center; justify-content: space-between; gap: 12px;
}

/* about */
[data-template="vellum"] .vlm-about { max-width: 820px; }
[data-template="vellum"] .vlm-about__head h2 { font-size: clamp(28px, 3.4vw, 40px); margin: 8px 0 0; }
[data-template="vellum"] .vlm-about__intro { font-size: 18px; line-height: 1.7; color: var(--ink-2, #534535); margin-top: 18px; }

/* stats band */
[data-template="vellum"] .vlm-band { background: linear-gradient(180deg, var(--bg-soft, #EBE0C9), var(--bg, #F4EDDD)); border-top: 1px solid var(--line, rgba(42,32,20,0.14)); border-bottom: 1px solid var(--line, rgba(42,32,20,0.14)); }
[data-template="vellum"] .vlm-band__inner {
  max-width: 1200px; margin: 0 auto; padding: 48px 32px; display: grid;
  grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
}
[data-template="vellum"] .vlm-stat { padding: 0 28px; border-left: 1px solid var(--line, rgba(42,32,20,0.14)); }
[data-template="vellum"] .vlm-stat:first-child { border-left: 0; padding-left: 0; }
[data-template="vellum"] .vlm-stat__num { font-family: var(--ff-heading); font-weight: 600; font-size: clamp(34px, 4vw, 50px); color: var(--ink, #2A2014); line-height: 1; }
[data-template="vellum"] .vlm-stat__lab { margin-top: 8px; font-size: 12.5px; text-transform: uppercase; letter-spacing: .12em; color: var(--muted, #8C7B62); }

/* usps */
[data-template="vellum"] .vlm-usps { display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 24px; margin-top: 38px; }
[data-template="vellum"] .vlm-usp { padding: 28px; }
[data-template="vellum"] .vlm-usp__icon { width: 46px; height: 46px; display: inline-grid; place-items: center; margin-bottom: 16px; }
[data-template="vellum"] .vlm-usp h3 { font-size: 19px; margin: 0 0 8px; }
[data-template="vellum"] .vlm-usp p { font-size: 14.5px; line-height: 1.6; margin: 0; }

/* process steps */
[data-template="vellum"] .vlm-steps { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 24px; margin-top: 38px; }
[data-template="vellum"] .vlm-step { padding: 28px 24px; }
[data-template="vellum"] .vlm-step__num { width: 44px; height: 44px; border-radius: 50%; display: inline-grid; place-items: center; font-family: var(--ff-heading); font-weight: 700; font-size: 18px; margin-bottom: 16px; }
[data-template="vellum"] .vlm-step h3 { font-size: 18px; margin: 0 0 8px; }
[data-template="vellum"] .vlm-step p { font-size: 14.5px; line-height: 1.6; margin: 0; }

/* ---------- FOOTER (espresso colophon) ---------- */
[data-template="vellum"] .vlm-footer { position: relative; background: #241B10; color: #E8DDC6; border-top: 3px solid var(--brand, #A6703B); }
[data-template="vellum"] .vlm-footer__deckle {
  position: absolute; top: -9px; left: 0; right: 0; height: 6px;
  background: repeating-linear-gradient(90deg, var(--brand, #A6703B) 0 14px, transparent 14px 24px);
}
[data-template="vellum"] .vlm-footer__inner { max-width: 1200px; margin: 0 auto; padding: 80px 32px 40px; }
[data-template="vellum"] .vlm-footer__claim {
  font-family: var(--ff-heading); font-weight: 700; font-size: clamp(30px, 4.4vw, 58px); line-height: 1.08;
  color: #F4EDDD; max-width: 20ch; margin: 0 0 56px;
}
[data-template="vellum"] .vlm-footer__cols { display: grid; grid-template-columns: 2fr 1fr 1fr 1fr; gap: 40px; }
[data-template="vellum"] .vlm-footer__brandline { display: flex; align-items: center; gap: 14px; margin-bottom: 18px; }
[data-template="vellum"] .vlm-footer__seal {
  width: 40px; height: 40px; flex: 0 0 40px; border-radius: 50%; display: inline-grid; place-items: center;
  background: radial-gradient(circle at 32% 28%, #E6C088, var(--brand, #A6703B) 62%, var(--brand-deep, #7C5326));
  border: 1px solid rgba(74,52,24,0.4); box-shadow: inset 0 1px 2px rgba(255,255,255,0.4);
}
[data-template="vellum"] .vlm-footer__seal-glyph { font-family: var(--ff-heading); font-weight: 700; font-size: 17px; color: #FBF6E9; }
[data-template="vellum"] .vlm-footer__name { font-family: var(--ff-heading); font-weight: 700; font-size: 22px; color: #F4EDDD; }
[data-template="vellum"] .vlm-footer__contact { display: flex; flex-direction: column; gap: 8px; font-style: normal; }
[data-template="vellum"] .vlm-footer__addr { color: rgba(232,221,198,0.78); font-size: 14px; line-height: 1.6; }
[data-template="vellum"] .vlm-footer__contact a { color: rgba(232,221,198,0.8); text-decoration: none; font-size: 14px; transition: color .2s ease; }
[data-template="vellum"] .vlm-footer__contact a:hover { color: #E6C088; }
[data-template="vellum"] .vlm-footer__h4 { font-family: var(--ff-heading); font-size: 12.5px; text-transform: uppercase; letter-spacing: .16em; color: #C9975F; margin: 0 0 16px; }
[data-template="vellum"] .vlm-footer__links { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 11px; }
[data-template="vellum"] .vlm-footer__links a { color: rgba(232,221,198,0.78); text-decoration: none; font-size: 14px; transition: color .2s ease; }
[data-template="vellum"] .vlm-footer__links a:hover { color: #E6C088; }
[data-template="vellum"] .vlm-footer__bottom {
  margin-top: 56px; padding-top: 24px; border-top: 1px solid rgba(232,221,198,.16);
  display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 14px;
  font-size: 13px; color: rgba(232,221,198,.6);
}
[data-template="vellum"] .vlm-footer__legal { display: flex; flex-wrap: wrap; gap: 18px; }
[data-template="vellum"] .vlm-footer__legal a { color: rgba(232,221,198,.6); text-decoration: none; transition: color .2s ease; }
[data-template="vellum"] .vlm-footer__legal a:hover { color: #E6C088; }

/* ---------- RESPONSIVE ---------- */
@media (max-width: 1080px) {
  [data-template="vellum"] .vlm-footer__cols { grid-template-columns: 1.4fr 1fr 1fr; }
}
@media (max-width: 900px) {
  [data-template="vellum"] .vlm-nav,
  [data-template="vellum"] .vlm-bar__phone,
  [data-template="vellum"] .vlm-seal,
  [data-template="vellum"] .vlm-bar__btn,
  [data-template="vellum"] .vlm-topbar__tagline { display: none; }
  [data-template="vellum"] .vlm-burger { display: flex; }
  [data-template="vellum"] .vlm-bar__inner { grid-template-columns: auto 1fr; }
  [data-template="vellum"] .vlm-bar__cta { gap: 0; }
  [data-template="vellum"] .vlm-topbar__inner { justify-content: center; }

  [data-template="vellum"] .vlm-hero { padding: 48px 0 64px; }
  [data-template="vellum"] .vlm-hero__inner { grid-template-columns: 1fr; gap: 36px; }
  [data-template="vellum"] .vlm-hero__plate-media { order: -1; }
  [data-template="vellum"] .vlm-hero__plate { padding: 28px; }
  [data-template="vellum"] .vlm-hero__stamp { left: auto; right: 16px; bottom: -18px; }

  [data-template="vellum"] .vlm-cards { grid-template-columns: 1fr; }
  [data-template="vellum"] .vlm-footer__cols { grid-template-columns: 1fr; gap: 32px; }
  [data-template="vellum"] .vlm-footer__inner { padding: 56px 24px 36px; }
  [data-template="vellum"] .vlm-stat { border-left: 0; padding-left: 0; }
}
@media (max-width: 560px) {
  [data-template="vellum"] .vlm-hero__facts { gap: 16px; }
  [data-template="vellum"] .vlm-fact { flex: 1 1 100%; border-left: 0; padding-left: 0; }
}


/* ═══ QA-FIXAR (vellum) ═══ */
/* [medel] html[data-template="vellum"] .faq__icon */
html[data-template="vellum"] .faq__icon{color:var(--brand-deep)}
/* [medel] html[data-template="vellum"] .card:hover .card__link, h */
html[data-template="vellum"] .card:hover .card__link,
html[data-template="vellum"] .area-service-card:hover .area-service-card__cta{color:var(--brand-deep)}
/* [medel] html[data-template="vellum"] .cta-strip */
html[data-template="vellum"] .cta-strip{background:linear-gradient(135deg,#2A2014 0%,#3D2E1B 60%,#4A3722 100%)}
/* [medel] html[data-template="vellum"] .btn--primary */
html[data-template="vellum"] .btn--primary{text-shadow:0 1px 2px rgba(42,32,20,0.45)}
html[data-template="vellum"] .btn--primary .btn__arrow{color:var(--brand-deep);background:#FBF6E9}