/* v0.1 · light-object. Source measurements: ../analysis/apple-live-*.json.
   Graphite accent, control sizes and semantic colors are project adaptations. */
:root {
--color-bg:#ffffff;--color-surface:#f5f5f7;--color-text:#1d1d1f;--color-muted:#59595f;--color-accent:#1d1d1f;--color-on-accent:#ffffff;--color-accent-hover:#38383c;--color-accent-active:#000000;--color-border:#d2d2d7;--color-control-border:#85858b;--color-error:#b42318;--color-error-bg:#fff1f0;--color-success:#19663b;--color-success-bg:#edf7ef;--color-focus:var(--color-accent);--color-warm:#faf7f4;--color-disabled:#e5e5e8;--color-disabled-text:#59595f;
--font-display:Vetluga, sans-serif;--font-body:Vetluga,sans-serif;--font-ui:Vetluga,sans-serif;--weight-display:600;--weight-body:400;--weight-ui:400;--case-ui:none;--tracking-ui:-.016em;--tracking-display:-.015em;
--text-display:40px;--lh-display:1.05;--text-h1:36px;--lh-h1:1.12;--text-h2:28px;--lh-h2:1.13;--text-h3:22px;--lh-h3:1.2;--text-body:16px;--lh-body:1.5;--text-small:14px;--lh-small:1.45;--text-ui:16px;--lh-ui:1.4;--text-label:12px;
--space-0:0;--space-1:4px;--space-2:8px;--space-3:16px;--space-4:24px;--space-5:32px;--space-6:48px;--space-7:64px;--space-8:96px;--space-9:128px;
--radius-control:980px;--radius-field:8px;--radius-block:0px;--radius-scene:28px;--border-width:1px;--border-selected:2px;--control-height:48px;--focus-width:2px;--focus-offset:3px;
--duration-fast:100ms;--duration-ui:250ms;--duration-button:160ms;--duration-loading:800ms;--ease-ui:linear;--ease-fast:ease-in-out;--ease-button:ease-out;--blur-nav:20px;--nav-background:rgba(255,255,255,.92);--opacity-muted:.8;--opacity-disabled:.6;
--container:1120px;--gutter:20px;--section-space:56px;--scene-height:280px;--scene-font:18px;--field-message-height:44px;--content-measure:65ch;--hero-measure:16ch;--hero-object-width:80%;--photo-ratio:4/3;--detail-ratio:1/1;--dot-size:8px;--control-icon-size:20px;--spinner-size:18px;--sticky-height:88px;--card-min:270px;--grid-column:1fr;--thumb-width:64px;--type-meta:160px;--move-card:100%;--rotate-turn:360deg;
}
[data-accent=blue]{--color-accent:#0066cc;--color-accent-hover:#0057ad;--color-accent-active:#00488f}
[data-light=warm]{--scene-bg:var(--color-warm)}
[data-light=white]{--scene-bg:var(--color-bg)}
@media(min-width:768px){:root{--gutter:40px;--section-space:80px;--text-display:64px;--text-h1:48px;--text-h2:36px;--text-h3:24px;--text-body:17px;--scene-height:360px}}
@media(min-width:1200px){:root{--text-display:80px;--text-h1:56px;--text-h2:40px;--section-space:96px;--scene-height:400px}}
@media(prefers-reduced-motion:reduce){:root{--duration-fast:0ms;--duration-ui:0ms;--duration-button:0ms}}
[data-reduced=true]{--duration-fast:0ms;--duration-ui:0ms;--duration-button:0ms}

/* v0.3: Merriweather is the default; explicit A remains available. */
:root{--opacity-body:.8;--font-display:'Vetluga Merriweather',serif;--font-body:'Vetluga Inter Tight',sans-serif;--font-ui:'Vetluga Inter Tight',sans-serif;--weight-display:500;--tracking-display:-.01em;--tracking-ui:0;--lh-display:1.05;--lh-h1:1.05;--lh-h2:1.08;--lh-h3:1.1;--lh-body:1.4}
:root{--weight-strong:600}
[data-typography="inter"]{--opacity-body:1;--font-display:Vetluga,sans-serif;--font-body:Vetluga,sans-serif;--font-ui:Vetluga,sans-serif;--weight-display:600;--tracking-display:-.015em;--tracking-ui:-.016em;--lh-display:1.05;--lh-h1:1.12;--lh-h2:1.13;--lh-h3:1.2;--lh-body:1.5}
[data-typography="merriweather"]{--opacity-body:.8;--font-display:'Vetluga Merriweather',serif;--font-body:'Vetluga Inter Tight',sans-serif;--font-ui:'Vetluga Inter Tight',sans-serif;--weight-display:500;--tracking-display:-.01em;--tracking-ui:0;--lh-display:1.05;--lh-h1:1.05;--lh-h2:1.08;--lh-h3:1.1;--lh-body:1.4}



@font-face{font-family:'Vetluga Merriweather';src:url('fonts/vetluga-serif-500.woff2') format('woff2');font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:'Vetluga Inter Tight';src:url('fonts/intertight.woff2') format('woff2');font-weight:100 900;font-style:normal;font-display:swap}
/* Layout values: selected schemes and accepted mechanic adaptations, 02–03.11.2026. */
:root{--wide-container:1296px;--hero-title-width:1000px;--hero-photo-width:570px;--faq-width:650px;--gallery-ratio:3/2;--footer-weight:700;--duration-ui:250ms;--ease-ui:linear}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--color-bg);color:var(--color-text);font-family:var(--font-body);font-size:var(--text-body);font-weight:var(--weight-body);line-height:var(--lh-body)}button,input,select,textarea{font:inherit}button,a,input,select,summary{ -webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer;color:inherit}button:disabled{cursor:default;opacity:var(--opacity-disabled)}a{color:inherit}h1,h2,h3,p,ul,ol,dl,dd{margin:0}h1,h2,h3{font-family:var(--font-display);font-weight:var(--weight-display);letter-spacing:var(--tracking-display);text-wrap:balance}h1{font-size:var(--text-h1);line-height:var(--lh-h1)}h2{font-size:var(--text-h2);line-height:var(--lh-h2);text-align:center;margin:0 auto var(--space-7);max-width:26ch}h3{font-size:var(--text-h3);line-height:var(--lh-h3)}p{text-wrap:pretty;max-width:var(--content-measure)}img{display:block;max-width:100%}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:var(--focus-width) solid var(--color-focus);outline-offset:var(--focus-offset)}[hidden]{display:none!important}.container{width:min(var(--container),calc(100% - 2*var(--gutter)));margin-inline:auto}.wide{width:min(var(--wide-container),calc(100% - 2*var(--gutter)));margin-inline:auto}.section{padding-block:var(--section-space)}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:var(--control-height);padding:12px var(--space-4);border:var(--border-width) solid transparent;border-radius:var(--radius-control);background:var(--color-accent);color:var(--color-on-accent);font-family:var(--font-ui);font-size:var(--text-ui);line-height:var(--lh-ui);text-decoration:none;font-weight:var(--weight-ui);transition:background-color var(--duration-button) var(--ease-button);white-space:normal;text-align:center}.btn:hover{background:var(--color-accent-hover)}.btn:active{background:var(--color-accent-active)}.btn-outline{color:var(--color-text);border-color:var(--color-control-border);background:transparent}.btn-outline:hover{background:var(--color-surface)}.text-button{border:0;background:transparent;padding:var(--space-2);font-family:var(--font-ui);text-decoration:underline;text-underline-offset:4px}.skip-link{position:fixed;left:20px;top:12px;padding:12px;background:white;z-index:10;transform:translateY(-200%)}.skip-link:focus{transform:none}.site-header{height:88px;width:min(var(--wide-container),calc(100% - 2*var(--gutter)));margin:auto;display:flex;align-items:center;justify-content:space-between;position:relative}.brand{font-family:var(--font-display);font-weight:500;font-size:24px;letter-spacing:-.01em;text-decoration:none}.site-header nav{display:flex;gap:var(--space-5);font-size:var(--text-ui)}.site-header nav a{text-decoration:none}.site-header nav a:hover{text-decoration:underline;text-underline-offset:5px}.mobile-menu{display:none}
.hero{padding:var(--space-5) var(--gutter) var(--space-7)}.hero-inner{display:flex;align-items:center;flex-direction:column;gap:var(--space-4);text-align:center}.hero h1{max-width:var(--hero-title-width)}.hero-intro{max-width:620px;font-size:20px;opacity:var(--opacity-body)}.photo{display:block;padding:0;border:0;background:transparent;width:100%;min-width:0}.photo img{width:100%;height:100%;object-fit:contain}.hero-photo{width:min(100%,var(--hero-photo-width));aspect-ratio:var(--gallery-ratio);margin-top:var(--space-1)}.hero .btn{margin-top:var(--space-1)}
.compare{background:var(--color-bg)}.product-track{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-5)}.product-card{min-width:0;display:flex;flex-direction:column;align-items:flex-start}.product-gallery{width:100%;margin-bottom:var(--space-4)}.product-photo{aspect-ratio:var(--gallery-ratio)}.product-photo img{object-fit:contain}.thumbnails{display:flex;gap:var(--space-2);margin-top:var(--space-3)}.thumbnails button{padding:0;width:var(--thumb-width);height:48px;border:1px solid transparent;background:var(--color-bg);border-radius:0}.thumbnails button[aria-pressed=true]{border-color:var(--color-text)}.thumbnails img{width:100%;height:100%;object-fit:contain}.product-card h3{margin-bottom:var(--space-4)}.product-price{font-size:28px;line-height:1.2;font-variant-numeric:tabular-nums}.deposit{font-size:var(--text-small);margin-top:var(--space-2);opacity:var(--opacity-body)}.product-card ul{list-style:none;padding:0;margin:var(--space-4) 0 var(--space-5);max-width:35ch}.product-card li{margin-top:var(--space-2);line-height:var(--lh-body)}.product-card .btn{margin-top:auto}.compare-common{max-width:680px;margin:var(--space-6) auto 0;text-align:center;opacity:var(--opacity-body)}.carousel-controls{display:none}.arrow{width:var(--control-height);height:var(--control-height);display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--color-border);border-radius:var(--radius-control);background:transparent;font-size:22px;flex-shrink:0}.arrow:hover:not(:disabled){background:var(--color-surface)}.arrow:disabled{opacity:.35}.gallery-controls{display:flex;align-items:center;justify-content:center;gap:var(--space-4);margin-top:var(--space-4);font-variant-numeric:tabular-nums}
.preorder{background:var(--color-surface);text-align:center}.order-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-6);list-style:none;padding:0;text-align:left;margin-bottom:var(--space-6)}.step-index{display:block;font-size:var(--text-small);margin-bottom:var(--space-4)}.order-steps h3{margin-bottom:var(--space-3)}.order-steps p{opacity:var(--opacity-body)}.split{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-7);align-items:center}.gift-photo{aspect-ratio:var(--gallery-ratio)}.gift-copy{display:grid;gap:var(--space-4)}.gift-copy h3{margin-bottom:var(--space-3)}.gift-copy p{opacity:var(--opacity-body)}.gift-copy .btn{justify-self:start;margin-top:var(--space-2)}.stage-tabs{display:flex;justify-content:center;gap:var(--space-4);margin-bottom:var(--space-6)}.stage-tabs button{position:relative;display:grid;place-items:center;background:transparent;border:0;min-height:var(--control-height);padding:var(--space-2) 0;opacity:var(--opacity-body);transition:opacity var(--duration-fast) var(--ease-fast)}.stage-tabs button[aria-selected=true]{opacity:1}.craft-copy p{margin-top:var(--space-4);opacity:var(--opacity-body)}.craft-main{aspect-ratio:var(--gallery-ratio)}.craft-details{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3);margin-top:var(--space-3)}.craft-details .photo{aspect-ratio:var(--detail-ratio)}.craft-panel{align-items:start}.craft-copy{padding-block:var(--space-5)}.faq{max-width:var(--faq-width);margin:auto}.faq details{border-bottom:1px solid var(--color-border)}.faq summary{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);list-style:none;padding-block:var(--space-4);cursor:pointer;font-family:var(--font-display);font-weight:500;font-size:var(--text-h3);line-height:var(--lh-h3);letter-spacing:var(--tracking-display);text-wrap:balance;min-height:var(--control-height)}.faq summary:after{content:'+';font-family:var(--font-ui);flex-shrink:0;align-self:center}.faq details[open] summary:after{content:'−'}.faq summary::-webkit-details-marker{display:none}.faq details p{padding-bottom:var(--space-4);opacity:var(--opacity-body)}
.footer{background:var(--color-surface);padding:var(--section-space) var(--gutter) var(--space-4);border-top:1px solid var(--color-border)}.footer-links{display:grid;grid-template-columns:1fr 1fr 1.3fr;gap:var(--space-6);width:100%;margin-bottom:var(--space-9)}.footer-links h3{font-family:var(--font-body);font-size:var(--text-body);font-weight:var(--weight-strong);line-height:var(--lh-body);letter-spacing:0;margin-bottom:var(--space-4)}.footer-links a{display:block;text-decoration:none;margin-top:var(--space-2)}.footer-links a:hover{text-decoration:underline}.footer-links p{font-size:var(--text-small);margin-top:var(--space-2);opacity:var(--opacity-body)}.footer-word{line-height:1;width:100%;overflow:hidden}.footer-word > span{display:inline-block;white-space:nowrap;font-family:var(--font-body);font-weight:var(--footer-weight);letter-spacing:-.045em;font-size:18vw;line-height:1}
dialog{color:var(--color-text);border:0;padding:var(--space-5);background:var(--color-bg);max-height:calc(100dvh - 48px);overflow:auto;overscroll-behavior:contain}dialog::backdrop{background:rgba(0,0,0,.35)}body:has(dialog[open]){overflow:hidden}.order-dialog{width:min(1060px,calc(100% - 48px));margin:auto;border-radius:var(--radius-field)}.dialog-top{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);margin-bottom:var(--space-4)}.dialog-top h2{text-align:left;margin:0;font-size:var(--text-h2)}.form-intro{opacity:var(--opacity-body);margin-bottom:var(--space-5)}.form-steps{display:flex;gap:var(--space-4);margin-bottom:var(--space-5);color:var(--color-muted);font-size:var(--text-small);flex-wrap:wrap}.form-steps [aria-current=step]{color:var(--color-text);font-weight:var(--weight-strong)}.order-layout{display:grid;grid-template-columns:1.1fr 1fr;gap:var(--space-6);align-items:start}.field{display:grid;gap:var(--space-2);align-content:start;margin-bottom:var(--space-3)}.field label{font-size:var(--text-ui)}.field input,.field select{width:100%;height:var(--control-height);font-size:var(--text-ui);border:1px solid var(--color-control-border);border-radius:var(--radius-field);background:var(--color-bg);color:var(--color-text);padding:var(--space-2) var(--space-3);min-width:0}.field input[aria-invalid=true],.field select[aria-invalid=true]{border-color:var(--color-error)}.field-error{display:block;color:var(--color-error);font-size:var(--text-small);line-height:var(--lh-small)}.field-error:empty{display:none}.field-help{font-size:var(--text-small);color:var(--color-muted);margin-bottom:var(--space-3)}.check-label{display:flex;align-items:flex-start;gap:var(--space-2);min-height:var(--control-height);padding-block:var(--space-2);font-size:var(--text-ui)}input[type=checkbox]{width:20px;height:20px;flex-shrink:0;accent-color:var(--color-accent);margin:1px 0 0}.consent{font-size:var(--text-small)}.order-summary{background:var(--color-surface);padding:var(--space-4);border-radius:var(--radius-field)}.order-summary h3{margin-bottom:var(--space-4)}.order-summary dl>div{display:flex;justify-content:space-between;gap:var(--space-3);padding-block:var(--space-2)}.order-summary dt{max-width:65%}.order-summary dd{white-space:nowrap;font-variant-numeric:tabular-nums}.summary-now{border-block:1px solid var(--color-border);font-weight:var(--weight-strong)}.order-summary>p{margin-top:var(--space-4);font-size:var(--text-small)}.payment-terms{opacity:var(--opacity-body)}.form-actions{display:flex;justify-content:space-between;gap:var(--space-3);padding-top:var(--space-5);margin-top:var(--space-4);background:var(--color-bg)}.form-status{padding:var(--space-3);background:var(--color-error-bg);color:var(--color-error);margin-top:var(--space-4)}.image-dialog{width:min(1200px,calc(100% - 48px));margin:auto;padding:var(--space-4)}.image-dialog>.text-button{display:block;margin-left:auto;margin-bottom:var(--space-3)}.image-dialog img{width:100%;height:auto;max-height:75dvh;object-fit:contain}
@media(max-width:767px){:root{--hero-photo-width:350px}.site-header{height:72px}.site-header>nav{display:none}.mobile-menu{display:block}.site-header #mobile-nav:not([hidden]){display:flex;position:absolute;left:0;right:0;top:72px;z-index:3;background:white;padding:var(--space-4);box-shadow:0 8px 20px rgba(0,0,0,.08);flex-direction:column;gap:var(--space-4)}.brand{font-size:22px}.hero{padding-top:var(--space-4);padding-bottom:var(--space-6)}.hero-inner{gap:var(--space-4)}.hero-intro{font-size:var(--text-body)}.hero h1{font-size:34px;max-width:14ch}.hero-photo{margin-top:0}.section h2{margin-bottom:var(--space-5)}.product-viewport{overflow:hidden}.product-track{display:flex;gap:var(--space-4);transition:transform var(--duration-ui) var(--ease-ui);will-change:transform}.product-card{flex:0 0 100%;width:100%}.product-card[aria-hidden=true]{visibility:hidden}.product-price{font-size:26px}.product-card ul{margin-bottom:var(--space-4)}.product-card .btn{width:100%}.product-gallery{margin-bottom:var(--space-4)}.product-photo{height:auto;aspect-ratio:var(--gallery-ratio)}.carousel-controls{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-4)}.compare-common{text-align:left;margin-top:var(--space-5)}.order-steps{grid-template-columns:1fr;gap:var(--space-4);margin-bottom:var(--space-5)}.order-steps li{display:grid;grid-template-columns:24px 1fr;column-gap:var(--space-3);padding-top:var(--space-4);border-top:1px solid var(--color-border)}.order-steps h3{font-size:22px}.order-steps p{grid-column:2}.step-index{margin:0;padding-top:2px}.preorder .btn{width:100%}.split{grid-template-columns:1fr;gap:var(--space-5)}.gift-copy{gap:var(--space-4)}.gift-copy .btn{width:100%}.stage-tabs{gap:var(--space-3);margin-bottom:var(--space-4);justify-content:space-between}.stage-tabs button{font-size:var(--text-small)}.craft-panel{display:flex;flex-direction:column}.craft-gallery{width:100%;order:-1}.craft-copy{padding:0}.craft-details{gap:var(--space-3)}.faq summary{padding-block:var(--space-4)}.footer-links{grid-template-columns:1fr;gap:var(--space-5);margin-bottom:var(--space-7)}.footer-links h3{margin-bottom:var(--space-3)}dialog{max-height:calc(100dvh - 24px);padding:var(--space-4)}.order-dialog{width:calc(100% - 24px)}.order-layout{grid-template-columns:1fr;gap:var(--space-4)}.form-steps{gap:var(--space-2);font-size:12px}.order-summary{padding:var(--space-3)}.order-summary dt{font-size:14px}.form-actions{position:sticky;bottom:calc(-1 * var(--space-4));margin-inline:calc(-1 * var(--space-4));padding:var(--space-3) var(--space-4);padding-bottom:max(var(--space-3),env(safe-area-inset-bottom));border-top:1px solid var(--color-border);z-index:1}.form-actions .btn{padding-inline:var(--space-3)}.form-intro{font-size:var(--text-small)}.image-dialog{width:calc(100% - 24px)}.dialog-top h2{font-size:28px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}
.static-motion{scroll-behavior:auto}.static-motion *{animation:none!important;transition:none!important}
/* Designer review, 03.11.2026: shared layout and motion tokens. */
:root{--icon-step-size:32px;--duration-faq:320ms;--duration-faq-answer:180ms;--faq-answer-delay:140ms;--ease-faq:ease;--craft-copy-width:29rem;--footer-block-gap:32px;--footer-word-gap:48px}
.preorder-heading{display:flex;align-items:center;justify-content:space-between;gap:var(--space-6);margin-bottom:var(--space-6)}.preorder-heading h2{text-align:left;max-width:none;margin:0}.preorder-heading .btn{flex-shrink:0}.order-steps{margin-bottom:0}.step-icon{width:var(--icon-step-size);height:var(--icon-step-size);display:block;margin-bottom:var(--space-4)}.craft-copy{max-width:var(--craft-copy-width)}.craft-gallery .craft-controls{margin-top:var(--space-4)}.gift-detail{display:grid;gap:var(--space-3);margin-top:var(--space-4);font-size:var(--text-small);color:var(--color-muted)}
.footer-links{grid-template-columns:1fr 1fr 1.12fr 1fr;gap:var(--footer-block-gap);max-width:var(--container);margin-bottom:var(--footer-word-gap)}.footer-links a{font-size:var(--text-small);overflow-wrap:anywhere}.footer-contact-action .btn{font-size:var(--text-ui);overflow-wrap:normal}.footer-word{overflow:clip;text-align:center;line-height:1.05}.footer-word > span{line-height:1.05}.legal{padding-block:var(--space-6) var(--space-8);max-width:760px}.legal>h1{font-size:var(--text-h1);margin-bottom:var(--space-5)}.legal-notice{padding:var(--space-4);background:var(--color-surface);font-size:var(--text-small);margin-bottom:var(--space-6)}.legal section{margin-top:var(--space-5)}.legal h2{text-align:left;font-size:var(--text-h3);margin:0 0 var(--space-3);max-width:none}.legal p{opacity:var(--opacity-body)}
@media(max-width:767px){:root{--footer-block-gap:24px;--footer-word-gap:24px}.preorder-heading{flex-direction:column;align-items:stretch;gap:var(--space-4);margin-bottom:var(--space-5)}.preorder-heading h2{text-align:center;margin-bottom:0}.order-steps li{grid-template-columns:var(--icon-step-size) 1fr;align-items:start}.step-icon{margin:0}.order-steps li p{grid-column:2}.footer-links{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:var(--space-3);row-gap:var(--space-5)}.footer-contact-action .btn{width:100%;padding-inline:12px;font-size:14px}.footer-links h3{font-size:15px}.footer-links p,.footer-links a{font-size:14px}.legal>h1{font-size:30px}.legal{padding-top:var(--space-5)}}
@media(prefers-reduced-motion:reduce){:root{--duration-faq:0ms;--duration-faq-answer:0ms;--faq-answer-delay:0ms}}.static-motion{--duration-faq:0ms;--duration-faq-answer:0ms;--faq-answer-delay:0ms}
/* First scene is one small viewport INCLUDING its normal-flow header. */
:root{--header-height:clamp(56px,10svh,88px);--hero-gap:clamp(8px,2svh,24px);--hero-padding:clamp(12px,2.5svh,32px);--hero-title-font:clamp(24px,5.8svh,var(--text-h1));--hero-intro-font:clamp(14px,2.4svh,20px)}
.site-header{height:var(--header-height)}.hero{height:calc(100vh - var(--header-height));height:calc(100svh - var(--header-height));min-height:0;padding:var(--hero-padding) var(--gutter);padding-bottom:max(var(--hero-padding),env(safe-area-inset-bottom))}.hero-inner{height:100%;min-height:0;display:grid;grid-template-rows:auto auto minmax(0,1fr) auto;justify-items:center;align-items:center;gap:var(--hero-gap)}.hero h1{font-size:var(--hero-title-font);max-height:none}.hero-intro{font-size:var(--hero-intro-font)}.hero-photo{width:min(100%,var(--hero-photo-width));height:100%;min-height:0;aspect-ratio:auto;margin:0;align-self:stretch}.hero-photo img{height:100%;width:100%;object-fit:contain}.hero .btn{margin:0}
.image-dialog[open]{display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:var(--space-3);height:min(900px,calc(100svh - 24px));max-height:calc(100svh - 24px)}.image-dialog>.text-button{justify-self:end;margin:0}.image-dialog img{height:100%;min-height:0;max-height:none;width:100%;object-fit:contain}.image-dialog .gallery-controls{margin:0}
@media(max-width:767px){:root{--header-height:clamp(56px,9svh,72px);--hero-title-font:clamp(24px,4.4svh,34px);--hero-intro-font:clamp(14px,2.4svh,16px)}.site-header #mobile-nav:not([hidden]){top:var(--header-height)}}
/* 04.11.2026: one shared content edge; comparison and preorder share columns. */
:root{--container:81rem;--wide-container:var(--container);--grid-gap:32px}
.product-track,.order-steps{gap:var(--grid-gap)}
@media(min-width:768px){.order-steps{grid-template-rows:auto auto 1fr;column-gap:var(--grid-gap);row-gap:var(--space-3)}.order-steps li{display:grid;grid-row:1 / span 3;grid-template-rows:subgrid;row-gap:var(--space-3);align-items:start}.order-steps h3,.order-steps .step-icon{margin:0}}
@media(max-width:767px){:root{--grid-gap:24px}}
/* Bloomlex heading motion, accepted 04.11.2026. Source: mechanic card. */
:root{--title-duration-hero:700ms;--title-duration-section:500ms;--title-stagger:200ms;--title-ease:power1.out;--title-trigger:65%}
.v-title-line{will-change:transform}
@media(prefers-reduced-motion:reduce){.v-title-line{transform:none!important;will-change:auto}}
.static-motion .v-title-line{transform:none!important;will-change:auto}
/* Keep the headline's grid width stable while SplitText adds line masks. */
.hero h1{width:100%}
/* Optical mask correction for Merriweather ink, 04.11.2026. */
:root{--title-mask-bottom:.2em;--title-mask-top:.05em}
.v-title-ink-safe{display:flow-root}
.v-title-line-mask{position:relative;top:calc(0px - var(--title-mask-top));padding-top:var(--title-mask-top);padding-bottom:var(--title-mask-bottom);margin-top:0;margin-bottom:calc(0px - var(--title-mask-top) - var(--title-mask-bottom))}

/* Match the optical height of the two boards inside the shared frame. */
.product-photo{overflow:clip}
.product-photo img[data-image="compare-vetluga"]{
  scale:.91;
  translate:0 2.8%;
}
.product-photo img[data-image="compare-travel"]{
  scale:1.07;
  translate:0 .2%;
}

:root{
  --hero-photo-width:620px;
  --duration-craft-panel:250ms;
  --duration-nav-line:200ms;
  --duration-menu-icon:240ms;
}
.hero-photo{
  height:calc(100% + 8px);
  margin-block:-4px;
}
.site-header nav:not(#mobile-nav) a::after,
.stage-tabs button[aria-selected="true"]::after,
.footer-contact-action .btn span::after{
  content:"";
  position:absolute;
  inset:calc(50% + .5lh + var(--space-1)) 0 auto;
  height:2px;
  background:currentColor;
}
@media(min-width:768px){
  .site-header nav:not(#mobile-nav){align-self:stretch}
  .site-header #mobile-nav{display:none}
  .site-header nav:not(#mobile-nav) a{
    display:flex;
    align-items:center;
    position:relative;
    text-decoration:none;
  }
}

.footer-contact-action .btn:hover{
  text-decoration:none;
}
.footer-contact-action .btn span{
  position:relative;
}
.footer-contact-action .btn span::after{
  inset:calc(100% + var(--space-1)) 0 auto;
}
.site-header nav:not(#mobile-nav) a::after,
.footer-contact-action .btn span::after{
  transform:scaleX(0);
  transform-origin:left center;
  transition:transform var(--duration-nav-line) ease-in-out;
}
.site-header nav:not(#mobile-nav) a:is(:hover,:focus-visible)::after,
.footer-contact-action .btn:is(:hover,:focus-visible) span::after{
  transform:scaleX(1);
}
.static-motion .footer-contact-action .btn span::after{
  transition:none;
}
.footer-word .footer-letter{
  display:inline-block;
}
@media(max-width:767px){
  :root{--hero-photo-width:370px}
  .mobile-menu{
    display:grid;
    place-items:center;
    width:44px;
    height:44px;
    padding:0;
    border:0;
    background:transparent;
  }
  .mobile-menu svg{
    width:26px;
    height:26px;
    fill:none;
    stroke:currentColor;
    stroke-width:1.5;
  }
  .mobile-menu path{
    transform-origin:12px 12px;
    transition:transform var(--duration-menu-icon) ease,opacity 120ms ease;
  }
  .mobile-menu[aria-expanded="true"] path:first-child{transform:rotate(45deg) translateY(6px)}
  .mobile-menu[aria-expanded="true"] path:nth-child(2){opacity:0}
  .mobile-menu[aria-expanded="true"] path:last-child{transform:rotate(-45deg) translateY(-6px)}
}
@media(prefers-reduced-motion:reduce){
  :root{--duration-craft-panel:0ms;--duration-nav-line:0ms;--duration-menu-icon:0ms}
  .mobile-menu path{transition:none}
}