:root{--navy:#061c2f;--deep:#03131f;--foam:#f4f1e7;--gold:#d5a848;--red:#ed3d3d;--mist:#b9ced1;--serif:'Italiana',serif;--sans:'Archivo',sans-serif;--pad:clamp(1.25rem,5vw,6rem)}*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--deep)}body{margin:0;background:var(--navy);color:var(--foam);font-family:var(--sans);overflow-x:hidden}a{color:inherit}.wake{position:fixed;inset:0;z-index:0;pointer-events:none;overflow:hidden;opacity:.12}.wake i{position:absolute;left:-20%;width:140%;height:1px;background:linear-gradient(90deg,transparent,var(--mist),transparent);transform:rotate(-8deg);animation:flow 10s linear infinite}.wake i:nth-child(1){top:18%}.wake i:nth-child(2){top:34%;animation-delay:-3s}.wake i:nth-child(3){top:53%;animation-delay:-6s}.wake i:nth-child(4){top:72%;animation-delay:-2s}.wake i:nth-child(5){top:88%;animation-delay:-8s}.guide-header{height:82px;position:relative;z-index:2;display:flex;justify-content:space-between;align-items:center;padding:0 var(--pad);border-bottom:1px solid rgba(244,241,231,.18);background:rgba(3,19,31,.75);backdrop-filter:blur(12px)}.brand{display:flex;align-items:center;gap:13px;text-decoration:none}.brand>span,.footer-brand>span{width:42px;height:42px;display:grid;place-items:center;border:1px solid var(--gold);border-radius:50%;font:1.55rem var(--serif);color:var(--gold)}.brand b{font:1.08rem var(--serif);letter-spacing:.08em}.brand small{display:block;margin-top:3px;font:600 .52rem var(--sans);letter-spacing:.15em;text-transform:uppercase;color:var(--mist)}.back{min-height:44px;display:flex;align-items:center;text-decoration:none;text-transform:uppercase;font-size:.58rem;font-weight:700;letter-spacing:.16em;border-bottom:1px solid var(--gold)}main{position:relative;z-index:1}.guide-hero{min-height:710px;padding:clamp(7rem,12vw,12rem) var(--pad) 6rem;background:radial-gradient(circle at 78% 42%,rgba(27,92,117,.62),transparent 28%),linear-gradient(150deg,#0b2d44,#04131f);position:relative;overflow:hidden}.guide-hero:after{content:"A C / 3 7";position:absolute;right:-.02em;bottom:-.2em;font:clamp(8rem,24vw,28rem)/1 var(--serif);color:transparent;-webkit-text-stroke:1px rgba(244,241,231,.12);white-space:nowrap}.eyebrow{margin:0 0 1.5rem;color:var(--gold);text-transform:uppercase;font-size:.64rem;font-weight:700;letter-spacing:.24em}.guide-hero h1{font:clamp(4rem,9vw,9.5rem)/.86 var(--serif);letter-spacing:-.05em;margin:0;position:relative;z-index:1}.guide-hero h1 em{font-style:normal;color:var(--gold)}.intro{position:relative;z-index:1;max-width:590px;margin:3rem 0 0 36%;font:1.2rem/1.65 var(--serif);color:#d1dfe0}.coordinate{position:absolute;left:var(--pad);bottom:2.5rem;display:flex;align-items:center;gap:1rem;color:var(--mist);font-size:.55rem;letter-spacing:.15em}.coordinate i{display:block;width:90px;height:1px;background:var(--gold);transform:rotate(-6deg)}.guide-grid{display:grid;grid-template-columns:260px 1fr;gap:7vw;padding:8rem var(--pad);background:rgba(3,19,31,.84)}.index{position:sticky;top:3rem;height:max-content;display:flex;flex-direction:column;border-top:1px solid var(--gold)}.index span{padding:1rem 0;font-size:.54rem;letter-spacing:.2em;color:var(--gold)}.index a{padding:.8rem 0;text-decoration:none;font:1.15rem var(--serif);border-bottom:1px solid rgba(244,241,231,.12);color:#b9c9cc}.index a:hover{color:var(--gold)}.prose{max-width:920px}.prose section{display:grid;grid-template-columns:65px 1fr;gap:1.5rem;padding:0 0 6rem;margin-bottom:6rem;border-bottom:1px solid rgba(244,241,231,.16);scroll-margin-top:3rem}.section-no{font-size:.62rem;color:var(--gold);padding-top:.6rem}.prose h2{font:clamp(2.8rem,5vw,5rem)/1 var(--serif);margin:0 0 2rem;color:var(--gold)}.prose p{font-size:.98rem;line-height:1.85;color:#c4d0d2;margin:0 0 1.3rem}.prose code{font-family:var(--sans);font-size:.86em;color:#f1cf82;background:rgba(213,168,72,.1);padding:.13em .35em}.swatches{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:rgba(255,255,255,.15);margin:0 0 2rem}.swatches span{background:#082338;padding:1rem;min-width:0}.swatches i{display:block;height:100px;background:var(--c);border:1px solid rgba(255,255,255,.2);margin-bottom:1rem}.swatches b,.swatches small{display:block}.swatches b{font:1rem var(--serif)}.swatches small{color:var(--mist);font-size:.52rem;margin-top:.4rem;letter-spacing:.1em}footer{position:relative;z-index:2;min-height:170px;padding:2.5rem var(--pad);background:#020d15;border-top:1px solid rgba(213,168,72,.4);display:flex;align-items:center;justify-content:space-between}.footer-brand{display:flex;align-items:center;gap:1rem}.footer-brand p{font:.9rem/1.5 var(--serif);margin:0}.footer-brand small{font:500 .53rem var(--sans);letter-spacing:.12em;text-transform:uppercase;color:#849da4}footer nav{display:flex;gap:2rem}footer nav a{font-size:.58rem;text-decoration:none;text-transform:uppercase;letter-spacing:.13em;color:#a9babe;min-height:44px;display:flex;align-items:center}footer nav a:hover{color:var(--gold)}@keyframes flow{50%{transform:rotate(-8deg) translateX(8%)}}@media(max-width:760px){.guide-header{height:70px}.brand small{display:none}.back{font-size:0}.back:first-letter{font-size:1rem}.guide-hero{min-height:650px;padding-top:7rem}.guide-hero h1{font-size:clamp(3.8rem,18vw,5.6rem)}.intro{margin:2.4rem 0 0;font-size:1.05rem}.guide-grid{display:block;padding-top:5rem}.index{position:relative;top:0;margin-bottom:5rem}.prose section{grid-template-columns:35px 1fr;gap:.7rem;padding-bottom:4rem;margin-bottom:4rem}.prose h2{font-size:2.8rem}.prose p{font-size:.91rem}.swatches{grid-template-columns:1fr 1fr}.swatches i{height:70px}footer{align-items:flex-start;flex-direction:column;gap:2rem}footer nav{width:100%;flex-direction:column;gap:0}footer nav a{border-top:1px solid rgba(255,255,255,.1)}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important}}

/* Pass 1 refinements */
:focus-visible{outline:2px solid var(--gold);outline-offset:4px}
.prose section:last-child{margin-bottom:0;padding-bottom:0;border-bottom:0}
@media(max-width:760px){.back{width:44px;justify-content:center;border:1px solid var(--gold);font-size:0}.back:before{content:"←";font-size:1rem}.back:first-letter{font-size:0}.prose section{grid-template-columns:1fr}.section-no{padding:0 0 .25rem}.guide-grid{padding-bottom:5rem}}

/* Pass 2 — the guide behaves like a race instrument */
html{color-scheme:dark;scroll-padding-top:2rem}.skip-link{position:fixed;z-index:20;left:1rem;top:-120px;padding:.8rem 1rem;background:var(--foam);color:var(--deep);font-size:.7rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;text-decoration:none;transition:top .2s}.skip-link:focus{top:1rem}
:focus-visible{outline:2px solid var(--gold);outline-offset:4px}.prose section[id]{scroll-margin-top:2rem}.prose h2,.guide-hero h1{text-wrap:balance}.prose p{text-wrap:pretty}.guide-header{position:relative;z-index:10;background:rgba(3,19,31,.97)}
.guide-hero{min-height:660px;padding-top:clamp(7.5rem,10vw,10rem);background:radial-gradient(ellipse at 78% 42%,rgba(31,103,131,.65),transparent 26%),radial-gradient(circle at 26% 100%,rgba(10,63,86,.7),transparent 34%),linear-gradient(145deg,#0b3048,#03131f)}
.guide-hero:before{content:"";position:absolute;left:0;right:0;top:56%;height:1px;background:linear-gradient(90deg,transparent,var(--gold),transparent);transform:rotate(-6deg);opacity:.35}
.guide-schematic{position:absolute;z-index:0;right:var(--pad);bottom:2.3rem;width:min(40vw,520px);height:150px;border-left:1px solid rgba(213,168,72,.45);border-bottom:1px solid rgba(213,168,72,.45);opacity:.7;overflow:hidden}
.guide-schematic span{position:absolute;left:-15%;width:120%;height:1px;background:linear-gradient(90deg,transparent,#a8d8dc,transparent);transform:rotate(-8deg)}.guide-schematic span:nth-child(1){top:25%}.guide-schematic span:nth-child(2){top:49%}.guide-schematic span:nth-child(3){top:73%}.guide-schematic i{position:absolute;width:8px;height:8px;right:20%;top:38%;border:1px solid var(--gold);border-radius:50%;box-shadow:0 0 0 8px rgba(213,168,72,.08)}.guide-schematic b{position:absolute;right:1rem;bottom:1rem;text-align:right;font-size:.48rem;line-height:1.7;letter-spacing:.16em;color:var(--mist)}
.guide-grid{grid-template-columns:minmax(220px,260px) minmax(0,820px);justify-content:space-between;gap:clamp(4rem,8vw,9rem);background:radial-gradient(circle at 82% 35%,rgba(12,55,76,.35),transparent 26%),rgba(3,19,31,.9)}
.prose{max-width:820px}.prose section{grid-template-columns:48px minmax(0,720px);padding-bottom:5rem;margin-bottom:5rem}.prose h2{letter-spacing:-.035em}.prose p{max-width:70ch}
.index a{min-height:48px;display:flex;align-items:center;transition:color .2s,padding-left .2s}.index a:hover{padding-left:.5rem}
.swatches span{position:relative;padding:1rem}.swatches span:after{content:"";position:absolute;inset:0;border-top:2px solid var(--c);pointer-events:none}.swatches i{height:112px;box-shadow:inset 0 0 30px rgba(0,0,0,.16)}
.prose code{white-space:nowrap}.footer-brand p,footer nav{position:relative}
@media(min-width:1100px){.index{position:relative;top:0}}
@media(max-width:1099px){
  .guide-grid{display:block;padding-top:5.5rem}.index{position:relative;top:0;display:grid;grid-template-columns:repeat(5,1fr);margin:0 auto 6rem;max-width:760px}.index span{grid-column:1/-1}.index a{font-size:1rem}.prose{margin:0 auto;max-width:720px}.prose section{grid-template-columns:45px minmax(0,1fr)}
}
@media(max-width:760px){
  .guide-header{position:relative}.guide-hero{min-height:690px;padding-top:7rem}.guide-schematic{width:76vw;height:90px;right:1.25rem;bottom:1rem}.guide-schematic b{display:none}
  .guide-grid{padding-top:4rem}.index{display:flex;margin-bottom:4.5rem}.index a{font-size:1.05rem}.prose section{grid-template-columns:1fr;padding-bottom:4.5rem;margin-bottom:4.5rem}.prose h2{font-size:clamp(2.7rem,13vw,3.7rem)}.prose p{font-size:.94rem;line-height:1.8}.swatches i{height:82px}
}
@media(prefers-reduced-motion:reduce){.skip-link{transition:none}.index a{transition:none}}

/* Pass 3 — optical finish and race-manual tactility */
html{scrollbar-color:var(--gold) var(--deep);scrollbar-width:thin;scrollbar-gutter:stable}html::-webkit-scrollbar{width:10px}html::-webkit-scrollbar-track{background:var(--deep)}html::-webkit-scrollbar-thumb{background:linear-gradient(var(--gold),#946514);border:3px solid var(--deep);border-radius:10px}
body{font-synthesis:none;text-rendering:optimizeLegibility}::selection{background:#f1ce7a;color:#020d15;text-shadow:none}.guide-hero h1,.prose h2{font-optical-sizing:auto}.intro,.prose p{text-wrap:pretty}.section-no,.coordinate,.eyebrow,.swatches small{font-variant-numeric:tabular-nums lining-nums}
.guide-header a,.index a,footer a,.swatches span{transition-timing-function:cubic-bezier(.16,.8,.24,1)}.brand>span{transition:transform .45s cubic-bezier(.16,.8,.24,1),background .25s,color .25s}.brand:hover>span,.brand:focus-visible>span{transform:rotate(18deg);background:var(--gold);color:var(--deep)}.back{position:relative}.back:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;background:var(--gold-2);transform:scaleX(0);transform-origin:left;transition:transform .4s cubic-bezier(.16,.8,.24,1)}.back:hover:after,.back:focus-visible:after{transform:scaleX(1)}
.guide-hero{box-shadow:inset 0 -90px 120px rgba(1,11,19,.2)}.guide-hero>.eyebrow,.guide-hero>h1,.guide-hero>.intro{animation:guide-rise .9s cubic-bezier(.16,.8,.24,1) both}.guide-hero>h1{animation-delay:.1s}.guide-hero>.intro{animation-delay:.22s}.guide-schematic{animation:schematic-in 1.1s .32s cubic-bezier(.16,.8,.24,1) both}
@keyframes guide-rise{from{opacity:0;transform:translateY(22px)}}@keyframes schematic-in{from{opacity:0;transform:translateX(28px)}}
.guide-grid{background-image:linear-gradient(rgba(3,19,31,.9),rgba(3,19,31,.94)),repeating-linear-gradient(90deg,transparent 0 79px,rgba(185,206,209,.045) 80px)}.section-no{letter-spacing:.08em}.prose section{position:relative}.prose section:before{content:"";position:absolute;left:0;right:0;top:-2.6rem;height:1px;background:linear-gradient(90deg,var(--gold),rgba(213,168,72,.12),transparent);transform:scaleX(.18);transform-origin:left;transition:transform .55s cubic-bezier(.16,.8,.24,1)}.prose section:hover:before{transform:scaleX(1)}
.prose code{border-bottom:1px solid rgba(241,207,130,.35);font-variant-numeric:tabular-nums}.swatches span{transition:transform .35s,background .35s}.swatches span:hover{z-index:1;transform:translateY(-5px);background:#0c3048}.swatches i{transition:filter .35s,transform .35s}.swatches span:hover i{filter:saturate(1.12) brightness(1.06);transform:scale(.97)}
footer nav a{transition:color .2s,transform .25s}footer nav a:hover,footer nav a:focus-visible{color:var(--gold);transform:translateY(-2px)}
@media(max-width:760px){html{scrollbar-gutter:auto}.guide-hero h1{letter-spacing:-.06em}.intro{letter-spacing:-.012em}.prose section:before{top:-2rem}.swatches span:hover{transform:none}}
@media(prefers-reduced-motion:reduce){.guide-hero>.eyebrow,.guide-hero>h1,.guide-hero>.intro,.guide-schematic{animation:none}.guide-header a,.index a,footer a,.swatches span,.swatches i,.prose section:before{transition:none!important}}