
/* latin-ext */
@font-face {
  font-family: 'Archivo';
  font-style: normal;
  font-weight: 100 900;
  font-stretch: 75% 125%;
  font-display: swap;
  src: url(assets/fonts/archivo-normal-100-900-latin-ext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Archivo';
  font-style: normal;
  font-weight: 100 900;
  font-stretch: 75% 125%;
  font-display: swap;
  src: url(assets/fonts/archivo-normal-100-900-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'IBM Plex Mono';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(assets/fonts/ibm-plex-mono-normal-400-latin-ext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'IBM Plex Mono';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(assets/fonts/ibm-plex-mono-normal-400-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'IBM Plex Mono';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(assets/fonts/ibm-plex-mono-normal-500-latin-ext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'IBM Plex Mono';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(assets/fonts/ibm-plex-mono-normal-500-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'Instrument Serif';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url(assets/fonts/instrument-serif-italic-400-latin-ext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Instrument Serif';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url(assets/fonts/instrument-serif-italic-400-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'Instrument Serif';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(assets/fonts/instrument-serif-normal-400-latin-ext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Instrument Serif';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(assets/fonts/instrument-serif-normal-400-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
:root{--paper:#f7f7f4;--paper2:#efefeb;--ink:#101112;--muted:#62655f;--hair:rgba(16,17,18,.16);--blue:#2B59FF;--red:#E8412C;--pink:#FF7FAE;--yellow:#EFBF43;--sky:#5FD4FF;--green:#00B63C;--sans:"Archivo",Arial,sans-serif;--serif:"Instrument Serif",Georgia,serif;--mono:"IBM Plex Mono",monospace;--gutter:clamp(1.25rem,4.3vw,4.5rem);--ease:cubic-bezier(.16,1,.3,1)}
*{box-sizing:border-box}html{background:var(--paper);scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit}::selection{background:var(--sky);color:var(--ink)}
.site-header{height:74px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 var(--gutter);border-bottom:1px solid var(--hair);position:sticky;top:0;background:rgba(247,247,244,.95);backdrop-filter:blur(14px);z-index:40}.brand{font-weight:850;font-size:1.2rem;letter-spacing:-.04em}.brand small{display:block;font:400 .56rem/1.2 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}.head-mid{font:500 .62rem/1 var(--mono);letter-spacing:.14em;text-transform:uppercase}.nav{justify-self:end;display:flex;gap:1.6rem}.nav a{font:500 .62rem/1 var(--mono);letter-spacing:.12em;text-transform:uppercase}
.kicker{font:500 .64rem/1.5 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.catalogue-hero{padding:8rem var(--gutter) 5rem;border-bottom:1px solid var(--hair);display:grid;grid-template-columns:.6fr 1.4fr;gap:5vw}.catalogue-hero h1{font-size:clamp(4.5rem,11vw,11rem);line-height:.78;letter-spacing:-.075em;margin:0;font-weight:760}.catalogue-hero h1 em{font-family:var(--serif);font-weight:400}.catalogue-intro{align-self:end;font-size:clamp(1.1rem,1.7vw,1.45rem);line-height:1.4;max-width:34rem}
.chapter-list{padding:0 var(--gutter) 8rem}.chapter{--accent:#ddd;position:relative;display:grid;grid-template-columns:70px 1.3fr .6fr 70px;gap:2rem;align-items:center;min-height:150px;border-bottom:1px solid var(--hair);overflow:hidden}.chapter:before{content:"";position:absolute;inset:0;background:var(--accent);transform:translateY(101%);transition:transform .65s var(--ease);z-index:0}.chapter:hover:before{transform:none}.chapter>*{position:relative;z-index:1}.chapter .num{font:500 .62rem/1 var(--mono);color:var(--muted)}.chapter .name{font-size:clamp(2.4rem,5.6vw,6rem);font-weight:700;letter-spacing:-.055em;line-height:.9}.chapter .type{font:500 .63rem/1.5 var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}.chapter .arrow{justify-self:end;font-size:2rem;transition:transform .4s var(--ease)}.chapter:hover .arrow{transform:rotate(-45deg)}.chapter[data-light="true"]:hover{color:#fff}.chapter:hover .num,.chapter:hover .type{color:currentColor}
.profile-hero{min-height:calc(100vh - 74px);display:grid;grid-template-columns:1.05fr .95fr}.profile-copy{padding:clamp(3rem,7vw,7rem) var(--gutter);display:flex;flex-direction:column;justify-content:center}.profile-index{font:500 .64rem/1 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}.profile-title{font-size:clamp(3rem,6.2vw,7.4rem);letter-spacing:-.07em;line-height:.82;margin:1.1rem 0 1.5rem;font-weight:760}.profile-lede{font-size:clamp(1.2rem,2vw,1.7rem);line-height:1.35;max-width:30ch}.profile-facts{list-style:none;padding:0;margin:2rem 0 0;max-width:40rem;border-top:1px solid var(--hair)}.profile-facts li{padding:.9rem 0;border-bottom:1px solid var(--hair)}.profile-visual{position:relative;overflow:hidden;display:grid;place-items:center;min-height:560px;background:var(--accent)}.profile-visual .ghost{font-size:28vw;font-weight:850;line-height:.8;color:rgba(255,255,255,.15);position:absolute}.profile-visual .shape{width:min(54%,420px);aspect-ratio:1;border:1px solid rgba(255,255,255,.68);box-shadow:inset 0 0 0 14px rgba(255,255,255,.10);transform:rotate(8deg)}
.section{padding:clamp(5rem,9vw,9rem) var(--gutter);border-top:1px solid var(--hair);display:grid;grid-template-columns:.55fr 1.45fr;gap:6vw}.section h2{font-size:clamp(3rem,6vw,6.5rem);line-height:.9;letter-spacing:-.06em;margin:0}.section h2 em{font-family:var(--serif);font-weight:400}.section-body{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2rem;font-size:1.05rem;line-height:1.55}.section-body p{margin:0}.spec-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:var(--hair);border:1px solid var(--hair)}.spec{background:var(--paper);padding:1.5rem;min-height:150px}.spec b{display:block;font-size:clamp(1.7rem,3vw,3rem);letter-spacing:-.04em}.spec span{font:500 .62rem/1.5 var(--mono);text-transform:uppercase;letter-spacing:.09em;color:var(--muted)}
.chapter-nav{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:2rem var(--gutter);border-top:1px solid var(--hair);font:500 .62rem/1.3 var(--mono);letter-spacing:.1em;text-transform:uppercase}.chapter-nav .next{text-align:right}.chapter-nav .count{color:var(--muted)}
footer{padding:3rem var(--gutter);border-top:1px solid var(--hair);display:flex;justify-content:space-between;font:500 .6rem/1.4 var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
#modelCanvas{position:absolute;inset:0;width:100%;height:100%;touch-action:none;cursor:grab}.model-hint{position:absolute;bottom:1.4rem;font:500 .58rem/1 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:rgba(255,255,255,.82)}
@media(max-width:800px){.site-header{grid-template-columns:1fr auto}.head-mid{display:none}.catalogue-hero,.profile-hero,.section{grid-template-columns:1fr}.profile-visual{min-height:55vh}.section-body{grid-template-columns:1fr}.chapter{grid-template-columns:46px 1fr 36px}.chapter .type{display:none}.nav{gap:.8rem}.nav a:nth-child(-n+2){display:none}.spec-grid{grid-template-columns:1fr}.chapter-nav{grid-template-columns:1fr 1fr}.chapter-nav .count{display:none}}

/* ── CHAPTER PAGE SYSTEM v32 ─────────────────────────────────────────
   Shared by every catalogue chapter. Page accent comes from
   <body style="--accent:…">; data-tone="dark" on body = ink text on accent. */
body{--on-accent:#fff}body[data-tone="dark"]{--on-accent:var(--ink)}
.profile-visual{color:var(--on-accent)}
.profile-cat{display:inline-flex;align-items:center;gap:.55rem;margin-top:2rem;font:500 .62rem/1 var(--mono);letter-spacing:.12em;text-transform:uppercase}
.profile-cat:before{content:"";width:.62rem;height:.62rem;background:var(--accent)}
.profile-actions{display:flex;flex-wrap:wrap;gap:1.4rem;margin-top:2.2rem}
.cta{display:inline-flex;gap:.5rem;align-items:center;width:fit-content;border-bottom:1px solid;padding-bottom:.18rem;font:500 .68rem/1 var(--mono);text-transform:uppercase;letter-spacing:.1em}
.cta.solid{border:0;background:var(--ink);color:var(--paper);padding:.95rem 1.2rem}
.lead-p{font-size:clamp(1.25rem,2vw,1.75rem);line-height:1.3;letter-spacing:-.02em;margin:0 0 2rem;grid-column:1/-1;max-width:34ch}
.section-body .full{grid-column:1/-1}
.section-body ul{margin:0;padding:0;list-style:none;border-top:1px solid var(--hair)}.section-body li{padding:.75rem 0;border-bottom:1px solid var(--hair)}
.seam{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,13rem),1fr));gap:1px;background:var(--hair);border:1px solid var(--hair)}
.seam>*{background:var(--paper);padding:1.5rem;min-height:9rem}
.seam .n{display:block;font:500 .6rem/1 var(--mono);letter-spacing:.12em;color:var(--muted);margin-bottom:1.6rem}
.seam b{display:block;font-size:1.25rem;letter-spacing:-.03em;font-weight:650;margin-bottom:.5rem}
.seam p{margin:0;font-size:.95rem;line-height:1.5;color:var(--muted)}
.seam .hl{background:var(--accent);color:var(--on-accent)}.seam .hl p,.seam .hl .n{color:inherit;opacity:.85}
.spec-grid+.spec-table,.seam+.spec-table{margin-top:2.5rem}
.spec-table{margin:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:2.5rem;border-top:1px solid var(--hair)}
.spec-table div{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:1rem;padding:.8rem 0;border-bottom:1px solid var(--hair)}
.spec-table dt{font:500 .6rem/1.6 var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}.spec-table dd{margin:0;font-size:.98rem}
.spec-note{grid-column:1/-1;margin:1.2rem 0 0;font:400 .7rem/1.5 var(--mono);color:var(--muted)}
.notice{border-left:3px solid var(--accent);padding:.2rem 0 .2rem 1.4rem}
.notice h3{margin:0 0 .8rem;font:500 .64rem/1.4 var(--mono);letter-spacing:.12em;text-transform:uppercase}
.notice p{margin:0 0 .6rem}
.pairs{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,14rem),1fr));gap:1px;background:var(--hair);border:1px solid var(--hair)}
.pairs a{--c:var(--ink);position:relative;background:var(--paper);padding:1.4rem 1.5rem;display:flex;flex-direction:column;gap:.7rem;min-height:9rem;transition:background .4s var(--ease),color .4s var(--ease)}
.pairs a:before{content:"";width:.7rem;height:.7rem;background:var(--c)}
.pairs a b{font-size:1.35rem;letter-spacing:-.04em}.pairs a span{font-size:.92rem;line-height:1.45;color:var(--muted)}
.pairs a:hover{background:var(--c);color:#fff}.pairs a[data-tone="dark"]:hover{color:var(--ink)}.pairs a:hover span{color:inherit}.pairs a:hover:before{background:currentColor}
.timeline{list-style:none;margin:0;padding:0;border-top:1px solid var(--hair)}
.timeline li{display:grid;grid-template-columns:7rem minmax(0,1fr);gap:1.5rem;padding:1.15rem 0;border-bottom:1px solid var(--hair);align-items:baseline}
.timeline time{font-size:clamp(1.6rem,2.6vw,2.4rem);font-weight:700;letter-spacing:-.05em}
.timeline b{display:block;font-weight:650;margin-bottom:.25rem}.timeline span{color:var(--muted);line-height:1.5}
.cta-band{background:var(--accent);color:var(--on-accent);padding:clamp(4rem,8vw,7rem) var(--gutter);display:grid;grid-template-columns:1.3fr .7fr;gap:3rem;align-items:end}
.cta-band h2{margin:0;font-size:clamp(2.8rem,6vw,6rem);line-height:.9;letter-spacing:-.06em}.cta-band h2 em{font-family:var(--serif);font-weight:400}
.cta-band p{margin:0 0 1.6rem;line-height:1.5;max-width:30rem}
.cta-band .cta{color:inherit}
.disclaimer{padding:1.6rem var(--gutter);font:400 .66rem/1.6 var(--mono);color:var(--muted);border-top:1px solid var(--hair);max-width:none}
.profile-visual .model-wrap{position:absolute;inset:0}
@media(max-width:800px){.spec-table{grid-template-columns:1fr}.cta-band{grid-template-columns:1fr}.timeline li{grid-template-columns:5rem minmax(0,1fr)}.lead-p{max-width:none}}
.section-body .col2{grid-column:2}
@media(max-width:800px){.section-body .col2{grid-column:auto}}

/* images */
.profile-visual>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.sec-img{display:block;width:100%;max-width:24rem;aspect-ratio:1;object-fit:cover;margin-top:2.6rem}
.sec-img.tall{aspect-ratio:3/4}
.wide-img{display:block;width:100%;aspect-ratio:16/7;object-fit:cover;margin:.5rem 0}
@media(max-width:800px){.sec-img{max-width:100%;aspect-ratio:4/3}.sec-img.tall{aspect-ratio:4/5}.wide-img{aspect-ratio:4/3}}
.section-body{align-content:start}
.gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:var(--hair);border:1px solid var(--hair)}
.gallery figure{margin:0;background:var(--paper)}.gallery img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover}
.gallery figcaption{padding:.8rem 1rem;font:500 .6rem/1.4 var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
.model-stage{position:relative;aspect-ratio:16/9;background:var(--accent);overflow:hidden;margin-bottom:2.5rem}
.model-stage .model-hint{left:50%;transform:translateX(-50%)}
@media(max-width:800px){.gallery{grid-template-columns:1fr}.model-stage{aspect-ratio:4/3}}
.profile-title.nowrap{white-space:nowrap;font-size:clamp(3rem,6.2vw,7.4rem)}
.venues{border-top:1px solid var(--hair)}.venues>div{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2.2fr);gap:2rem;padding:1.6rem 0;border-bottom:1px solid var(--hair)}.venues b{font-size:1.25rem;letter-spacing:-.03em;font-weight:650;line-height:1.25}.venues p{margin:0;font-size:1rem;line-height:1.55;color:var(--muted);max-width:62ch}
@media(max-width:800px){.venues>div{grid-template-columns:1fr;gap:.6rem}}
sup.ref{font-size:.58em;line-height:0;vertical-align:.7em;margin-left:.1em;letter-spacing:0}sup.ref a{color:inherit;text-decoration:none}sup.ref a:hover{color:var(--accent)}
.seam.four{grid-template-columns:repeat(4,minmax(0,1fr))}.seam .wide{grid-column:span 2}
@media(max-width:800px){.seam.four{grid-template-columns:1fr}.seam .wide{grid-column:auto}}
.car-band{grid-column:1/-1;margin:0 calc(-1 * var(--gutter)) clamp(3rem,6vw,5rem);overflow:hidden}.car-track{display:flex;gap:1.6rem;transition:transform 1.1s var(--ease);will-change:transform}.car-slide{flex:0 0 auto;height:clamp(15rem,26vw,28rem);margin:0}.car-slide img{height:100%;width:auto;display:block;user-select:none;-webkit-user-drag:none}@media(max-width:800px){.car-track{gap:1rem}.car-slide{height:58vw}}
.faq{border-top:1px solid var(--hair)}.faq-item{border-bottom:1px solid var(--hair)}.faq-item summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:baseline;gap:1.5rem;padding:1.15rem 0;font-weight:500}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary::after{content:"+";font:400 1.1rem/1 var(--mono);transition:transform .3s var(--ease)}.faq-item[open] summary::after{transform:rotate(45deg)}.faq-item summary:hover{color:var(--accent)}.faq-item p{padding:0 0 1.3rem;max-width:62ch}
.vband{position:relative;overflow:hidden;background:#07080a;color:#f7f7f4;padding:clamp(2.6rem,6vh,3.8rem) var(--gutter);display:grid;grid-template-columns:minmax(0,.75fr) minmax(0,2.25fr);gap:clamp(1.5rem,4vw,4rem);align-items:center}.vband-title{margin:0;font-family:var(--sans);font-size:clamp(2rem,3.6vw,3.4rem);line-height:.92;letter-spacing:-.05em;font-weight:760;color:#f7f7f4}.vband-title em{font-family:var(--serif);font-weight:400;letter-spacing:-.03em}.vband-in{position:relative;z-index:2;display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.vband-item{position:relative;padding:0 clamp(1rem,2.4vw,2.2rem)}.vband-item{border-left:1px solid rgba(247,247,244,.12)}.vband-item b{display:block;font-family:var(--sans);font-weight:450;font-size:clamp(1.1rem,1.6vw,1.45rem);line-height:1.12;letter-spacing:-.02em;margin-bottom:.5rem}.vband-item p{margin:0;color:rgba(247,247,244,.6);font-size:clamp(.86rem,1vw,.95rem);line-height:1.5;max-width:20rem}.vband-bar{position:absolute;left:0;right:0;top:0;height:4px;z-index:1;background:linear-gradient(90deg,#2B59FF 0 16.66%,#EFBF43 16.66% 33.33%,#E8412C 33.33% 50%,#FF7FAE 50% 66.66%,#5FD4FF 66.66% 83.33%,#00B63C 83.33%)}.vband-alt{grid-template-columns:minmax(0,2.25fr) minmax(0,.75fr)}.vband-alt .vband-title{order:2;text-align:right}.vband-alt .vband-in{order:1}.vband-alt .vband-item{border-left:0;border-right:1px solid rgba(247,247,244,.12)}.vband-alt .vband-bar{top:auto;bottom:0}@media(max-width:860px){.vband-alt{grid-template-columns:1fr}.vband-alt .vband-title{order:0;text-align:left}.vband-alt .vband-item{border-right:0}}@media(max-width:860px){.vband{grid-template-columns:1fr}.vband-in{grid-template-columns:1fr;gap:1.4rem}.vband-item{border-left:0;padding:0;border-top:1px solid rgba(247,247,244,.12);padding-top:1.2rem}}
.brand-logo{display:inline-flex;align-items:center;line-height:0}.brand-logo img{height:clamp(30px,3.2vw,44px);width:auto}

.seam .n.key{white-space:nowrap;font:760 clamp(1.9rem,2.8vw,3rem)/1 var(--sans);letter-spacing:-.05em;color:var(--ink);opacity:1;margin-bottom:1.2rem;text-transform:none}.seam .hl .n.key{color:inherit}

.seam .n:not(.key){font:600 .74rem/1.2 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--ink);opacity:1}.seam .hl .n:not(.key){color:inherit}

/* Key numbers: one size site-wide */
.spec b,.seam .n.key,.metric strong{white-space:nowrap;font:760 clamp(1.9rem,2.8vw,3rem)/1 var(--sans);letter-spacing:-.05em}

/* Colour CTA boxes, Swiss: square corners */
.cta-boxes{display:flex;flex-wrap:wrap;gap:.8rem;margin-top:2.6rem}.cta-box{display:inline-flex;gap:.7rem;align-items:center;background:var(--accent);color:var(--on-accent);padding:1.15rem 1.7rem;font:500 .7rem/1 var(--mono);letter-spacing:.12em;text-transform:uppercase;text-decoration:none;transition:filter .3s var(--ease)}.cta-box:hover{filter:brightness(1.1)}

/* Product navigation bar under the header */
.prod-bar{position:absolute;left:0;right:0;bottom:-1px;height:0;display:flex;align-items:flex-start;z-index:2}.prod-bar a{flex:1;height:4px;background:var(--c);position:relative;transition:height .35s var(--ease,ease),box-shadow .35s}.prod-bar a:hover{height:8px}.prod-bar a[aria-current]{height:11px;box-shadow:0 4px 14px color-mix(in srgb,var(--c) 45%,transparent)}.prod-bar a span{position:absolute;left:50%;top:calc(100% + 6px);transform:translateX(-50%);white-space:nowrap;font:500 .58rem/1 var(--mono,monospace);letter-spacing:.12em;text-transform:uppercase;color:var(--ink,#101112);background:rgba(247,247,244,.95);padding:.35rem .5rem;opacity:0;pointer-events:none;transition:opacity .25s}.prod-bar a:hover span{opacity:1}
.cta-boxes{justify-content:flex-end}.cta-box+.cta-box{background:transparent;color:var(--ink);box-shadow:inset 0 0 0 1px var(--ink)}.cta-box+.cta-box:hover{filter:none;background:var(--ink);color:var(--paper)}
.profile-actions{align-items:center}
.seam>div:has(.n.key){container-type:inline-size}.seam .n.key{font-size:min(3rem,13cqi)}
.vband-head{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:1.5rem;padding-right:clamp(1rem,2.5vw,2.5rem)}.vband-head .cta-box{background:var(--accent);color:var(--on-accent);box-shadow:none}
.vband-head .cta-box{white-space:nowrap;padding:1rem 1.25rem;flex:none}
.vband-head .cta-box{padding:.95rem 1.05rem;letter-spacing:.08em;font-size:.64rem}.vband-head{min-width:0;padding-right:clamp(1.5rem,3vw,3rem)}
.vband-head{justify-content:flex-start;padding-right:0}.vband-head .cta-box{margin-inline:auto}
.vband:has(.vband-head){grid-template-columns:minmax(0,1.05fr) minmax(0,2.25fr)}@media(max-width:1100px){.vband-head{flex-direction:column;align-items:flex-start;gap:1.6rem}.vband-head .cta-box{margin-inline:0}}@media(max-width:860px){.vband:has(.vband-head){grid-template-columns:1fr}}
@media(min-width:1101px){.vband-head{margin-right:calc(-.5*clamp(1.5rem,4vw,4rem))}}
.spec-table.pair{border-top:0}.spec-table.pair>div:nth-child(1){border-top:2px solid var(--ink)}.spec-table.pair>div:nth-child(2){border-top:3px solid var(--accent)}.spec-table.pair>div:nth-child(even) dt{color:var(--accent);font-weight:600}
.seam.venue-cards>div{position:relative;padding-bottom:4rem}.seam .venue-link{position:absolute;left:1.5rem;bottom:1.5rem}
.tech-left{display:flex;flex-direction:column;gap:3rem}.tech-rhythm .kicker{margin-bottom:1rem}.tech-rhythm p+p{margin-top:.9rem}.tech-pc a{display:flex;align-items:center;gap:.7rem;font-weight:600;color:var(--ink);text-decoration:none}.tech-pc i{width:.7rem;height:.7rem;background:#EFBF43;flex:none}.tech-pc span{margin-left:auto;transition:transform .3s}.tech-pc a:hover span{transform:translateX(4px)}
.tech-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:2.5rem;margin-top:1rem}@media(max-width:800px){.tech-list{grid-template-columns:1fr}}
.tech-head{margin-top:1.5rem}.tech-list{margin-top:0}.tech-list li{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tech-pc-bar{display:flex;align-items:center;gap:1rem;padding:1.3rem 1.5rem;border:1px solid var(--hair);color:var(--ink);text-decoration:none;margin-top:1rem;transition:border-color .3s}.tech-pc-bar i{width:.8rem;height:.8rem;background:#EFBF43;flex:none}.tech-pc-bar b{font-size:1.15rem;letter-spacing:-.03em;font-weight:650}.tech-pc-bar span{color:var(--muted);font-size:.95rem}.tech-pc-bar em{margin-left:auto;font-style:normal;transition:transform .3s}.tech-pc-bar:hover{border-color:#EFBF43}.tech-pc-bar:hover em{transform:translateX(4px)}@media(max-width:800px){.tech-list li{white-space:normal}.tech-pc-bar{flex-wrap:wrap}}
.seam.prog{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:1.5rem}@media(max-width:800px){.seam.prog{grid-template-columns:1fr}}

footer#imprint{display:block}footer#imprint .legal:last-child{border-bottom:0;margin-bottom:0;padding-bottom:0}.legal{display:grid;grid-template-columns:1fr 1fr;gap:2.5rem;padding:0 0 2rem;margin:0 0 1.4rem;border-bottom:1px solid var(--hair);font:400 .78rem/1.6 var(--sans);letter-spacing:0;text-transform:none;color:var(--muted)}.legal b{display:block;font:500 .6rem/1.4 var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--ink);margin-bottom:.6rem}.legal p{margin:0;max-width:34rem}.legal a{color:inherit}@media(max-width:800px){.legal{grid-template-columns:1fr;gap:1.6rem}}.foot-line{display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap}

@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}
.legal{border-bottom:0!important;margin:2.4rem 0 0!important;padding:0!important}.legal>div:last-child{justify-self:end}@media(max-width:800px){.legal>div:last-child{justify-self:start}}
.legal>div:last-child{text-align:right}@media(max-width:800px){.legal>div:last-child{text-align:left}}
.legal details>summary{list-style:none;cursor:pointer;display:inline-flex;gap:.5rem;align-items:center;font:500 .6rem/1.4 var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--ink)}.legal details>summary::-webkit-details-marker{display:none}.legal details>summary::after{content:"+";font-size:.8rem;line-height:1}.legal details[open]>summary::after{content:"−"}.legal details>summary:hover{opacity:.7}.legal details p{margin-top:.8rem}.legal{align-items:start}
.legal>details:last-child{justify-self:end;text-align:right}@media(max-width:800px){.legal>details:last-child{justify-self:start;text-align:left}}

/* mobile: product visual first 2026-10-25 */
@media(max-width:800px){.profile-visual{order:-1;min-height:52vh}.profile-visual>img[src*="hydration-h2-hero"]{object-position:34% center!important;transform:none!important}}
@media(max-width:800px){.profile-hero{min-height:0}.profile-visual{height:52vh;min-height:0}}
/* swipe between products: old and new page slide together (cross-document View Transitions) */
@view-transition{navigation:auto}
::view-transition-old(root),::view-transition-new(root){animation-duration:.22s}
html:active-view-transition-type(next)::view-transition-old(root){animation:.38s cubic-bezier(.3,.7,.2,1) both vt-out-l}
html:active-view-transition-type(next)::view-transition-new(root){animation:.38s cubic-bezier(.3,.7,.2,1) both vt-in-r}
html:active-view-transition-type(prev)::view-transition-old(root){animation:.38s cubic-bezier(.3,.7,.2,1) both vt-out-r}
html:active-view-transition-type(prev)::view-transition-new(root){animation:.38s cubic-bezier(.3,.7,.2,1) both vt-in-l}
@keyframes vt-out-l{to{transform:translateX(-100%)}}@keyframes vt-in-r{from{transform:translateX(100%)}}
@keyframes vt-out-r{to{transform:translateX(100%)}}@keyframes vt-in-l{from{transform:translateX(-100%)}}
@media(prefers-reduced-motion:reduce){@view-transition{navigation:none}}
.prod-bar a:first-child span{left:0;transform:none}.prod-bar a:last-child span{left:auto;right:0;transform:none}@media(hover:none){.prod-bar a span{display:none}}
main>.car-band{margin-left:0;margin-right:0}
