.guide-body{background:#070a13}.guide-hero{min-height:780px;padding:180px var(--pad) 110px;position:relative;overflow:hidden;border-bottom:1px solid var(--line);background:radial-gradient(circle at 76% 45%,#151e37 0,#090d19 28%,#05070f 65%)}.guide-hero>p{color:var(--gold);font-size:10px;letter-spacing:.26em}.guide-hero h1{font-family:var(--serif);font-weight:300;font-size:clamp(70px,10.5vw,150px);line-height:.72;letter-spacing:-.055em;margin:70px 0;position:relative;z-index:2}.guide-hero h1 em{display:block;color:var(--silver);font-size:.72em;font-weight:300;margin-left:13vw;margin-top:.28em}.guide-hero>a{font-size:10px;letter-spacing:.2em;text-transform:uppercase;text-decoration:none;border-bottom:1px solid var(--gold);padding-bottom:8px}.guide-chart{position:absolute;right:-5%;top:115px;width:55%;opacity:.55}.guide-chart svg{width:100%}.guide-chart path{fill:none;stroke:var(--gold);stroke-width:.7}.guide-chart circle{fill:#fff5d8;filter:drop-shadow(0 0 6px #fff)}.guide-article{display:grid;grid-template-columns:260px minmax(0,760px);gap:10vw;padding:130px var(--pad);max-width:1300px;margin:auto}.guide-article aside{position:sticky;top:45px;align-self:start;border-top:1px solid var(--gold);padding-top:20px;color:var(--dim);font-size:10px;letter-spacing:.14em;text-transform:uppercase}.guide-article aside ol{padding:0;list-style-position:inside;line-height:2.4}.guide-copy section{padding:0 0 78px;margin-bottom:78px;border-bottom:1px solid var(--line);position:relative}.guide-no{position:absolute;left:-70px;top:12px;color:var(--gold);font-size:10px;letter-spacing:.2em}.guide-copy h2{font-family:var(--serif);font-size:clamp(45px,5vw,67px);line-height:.9;font-weight:400;margin:0 0 38px}.guide-copy p{color:#b9bfcc;line-height:1.8;font-size:16px;margin:0 0 23px}.guide-copy .lead{font-family:var(--serif);font-size:28px;line-height:1.42;color:#e2e3e6}.guide-copy code{font-family:var(--ui);font-size:.88em;color:#efd694;border-bottom:1px solid rgba(217,185,110,.35)}.swatches{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:0 0 38px}.swatches div{display:flex;flex-direction:column;gap:7px;color:var(--silver);font-size:11px;text-transform:uppercase;letter-spacing:.1em}.swatches i{height:72px;border:1px solid rgba(255,255,255,.14)}.swatches .night{background:#05070f}.swatches .star{background:#eef0f2}.swatches .gold{background:#d9b96e}.swatches .silver{background:#aeb5c4}.swatches small{color:var(--dim)}.reproduce{background:#0c1120;padding:52px!important;margin-left:-52px;margin-right:-52px;border:1px solid rgba(217,185,110,.2)!important}.reproduce .guide-no{left:18px;top:20px}
@media(max-width:980px){.guide-hero{min-height:700px}.guide-hero h1 em{margin-left:0}.guide-chart{width:66%;right:-12%;top:150px}.guide-article{grid-template-columns:1fr;padding-top:90px}.guide-article aside{position:static;border-bottom:1px solid var(--line);padding-bottom:25px}.guide-article aside ol{columns:2}.guide-no{position:static;display:block;margin-bottom:16px}.reproduce{margin-inline:0}.reproduce .guide-no{position:static}.guide-copy section{margin-bottom:65px;padding-bottom:65px}}
@media(max-width:520px){.guide-hero{padding-top:145px;min-height:600px}.guide-hero h1{font-size:60px;line-height:.76;margin:62px 0}.guide-hero h1 em{font-size:.67em;margin-top:.38em}.guide-chart{top:270px;width:92%;right:-20%;opacity:.25}.guide-article{padding-top:68px}.guide-article aside ol{columns:1}.guide-copy p{font-size:15px}.guide-copy .lead{font-size:24px}.swatches{grid-template-columns:1fr 1fr}.swatches i{height:58px}.reproduce{padding:30px!important}}

/* Pass 2 guide: field manual, not generic case study */
.guide-body{background:radial-gradient(ellipse at 74% 25%,rgba(44,61,103,.12),transparent 32rem),#060912}
.guide-hero{min-height:860px;padding-top:190px;background:
  linear-gradient(90deg,rgba(4,6,13,.88),rgba(4,6,13,.1) 66%,rgba(4,6,13,.7)),
  radial-gradient(circle at 76% 42%,#1a2748 0,#0a0f1d 29%,#05070f 66%)}
.guide-hero h1{font-size:clamp(76px,10vw,148px);max-width:1050px;line-height:.67;margin:64px 0 88px}.guide-hero h1 em{margin-left:10vw;color:#b8bfce}
.guide-chart{right:-2%;top:138px;width:58%;opacity:.68;filter:drop-shadow(0 0 18px rgba(113,143,211,.14))}
.guide-orbit{position:absolute;width:62vw;aspect-ratio:1;right:-7vw;top:3vw;border:1px solid rgba(217,185,110,.1);border-radius:50%;transform:scaleY(.31) rotate(-13deg)}
.guide-marginal{position:absolute;right:28px!important;bottom:45px;margin:0!important;color:#606a80!important;writing-mode:vertical-rl;font-size:8px!important;letter-spacing:.22em!important}
.guide-hero>a{display:inline-block;min-height:44px;padding-top:12px}
.guide-article{grid-template-columns:245px minmax(0,820px);gap:9vw;max-width:1380px;padding-top:145px}
.guide-article aside{top:70px}.guide-article aside p{color:#d9b96e}.guide-article aside li{transition:color .25s,padding-left .25s}.guide-article aside li:hover{color:#d6d9e1;padding-left:5px}
.guide-copy section{padding-bottom:96px;margin-bottom:92px}.guide-copy section:after{content:attr(id);position:absolute;right:-10px;top:-45px;color:rgba(217,185,110,.035);font-family:var(--serif);font-size:160px;text-transform:uppercase;pointer-events:none}
.guide-copy h2{font-size:clamp(48px,5.2vw,72px);letter-spacing:-.035em}.guide-copy p{max-width:760px;color:#c0c6d2}.guide-copy .lead{font-size:32px;max-width:700px;color:#ecebe7}
.guide-no{left:-82px;border:1px solid rgba(217,185,110,.3);width:34px;height:34px;border-radius:50%;display:grid;place-items:center}
.swatches{gap:12px}.swatches i{height:88px;position:relative;overflow:hidden}.swatches i:after{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent,rgba(255,255,255,.13),transparent);transform:translateX(-100%);transition:transform .7s}.swatches div:hover i:after{transform:translateX(100%)}
.reproduce{padding:66px 70px!important;margin-left:-70px;margin-right:-70px;background:linear-gradient(135deg,#10172a,#090d18);border:1px solid rgba(217,185,110,.28)!important;box-shadow:0 35px 90px rgba(0,0,0,.28)}.reproduce:before{content:"PROMPT PLATE / COPY WHOLE";display:block;margin-bottom:28px;color:#707a8f;font-size:8px;letter-spacing:.2em}.reproduce .guide-no{left:22px;top:22px}

@media(max-width:980px){
  .guide-hero{min-height:760px}.guide-hero h1 em{margin-left:0}.guide-chart{width:72%;right:-16%;top:170px}.guide-orbit{width:85vw;right:-22vw;top:12vw}.guide-article{grid-template-columns:1fr}.guide-copy section:after{font-size:110px}.guide-no{width:auto;height:auto;border:0;display:block}.reproduce{margin-inline:0}.reproduce .guide-no{position:static}
}
@media(max-width:520px){
  .guide-header .coordinates{display:none}.guide-hero{min-height:670px;padding-top:140px}.guide-hero>p:first-child{max-width:260px;line-height:1.6}.guide-hero h1{font-size:58px;line-height:.72;margin:55px 0 76px;max-width:345px}.guide-hero h1 em{font-size:.68em;margin-top:.38em;margin-left:27px}.guide-chart{top:280px;width:112%;right:-48%;opacity:.36}.guide-orbit{width:135vw;right:-63vw;top:180px}.guide-marginal{display:none}.guide-article{padding-top:74px}.guide-copy section{padding-bottom:68px;margin-bottom:68px}.guide-copy section:after{font-size:75px;top:-20px}.guide-copy h2{font-size:46px}.guide-copy .lead{font-size:25px}.reproduce{padding:36px 26px!important}.swatches i{height:62px}
}

/* Pass 3: a handled field manual */
.guide-hero h1,.guide-copy h2{text-wrap:balance;font-optical-sizing:auto}.guide-copy p{text-wrap:pretty}
.guide-hero>a{transition:color .3s var(--ease),letter-spacing .45s var(--ease),border-color .3s var(--ease)}.guide-hero>a:hover,.guide-hero>a:focus-visible{color:#fff2c9;letter-spacing:.24em;border-color:#fff2c9}
.guide-chart path{stroke-dasharray:650;stroke-dashoffset:650;animation:guide-chart-draw 2.4s .35s var(--ease) forwards}.guide-chart circle{opacity:0;animation:guide-star-arrive .7s var(--ease) forwards}.guide-chart circle:nth-child(1){animation-delay:.55s}.guide-chart circle:nth-child(2){animation-delay:.8s}.guide-chart circle:nth-child(3){animation-delay:1.05s}.guide-chart circle:nth-child(4){animation-delay:1.3s}.guide-chart circle:nth-child(5){animation-delay:1.55s}
@keyframes guide-chart-draw{to{stroke-dashoffset:0}}@keyframes guide-star-arrive{from{opacity:0;transform:scale(0);transform-origin:center}to{opacity:1;transform:scale(1)}}
.guide-copy code{transition:color .25s var(--ease),background .25s var(--ease)}.guide-copy code:hover{color:#fff2c9;background:rgba(217,185,110,.07)}
.guide-article aside li::marker{color:#d9b96e;font-variant-numeric:tabular-nums}.swatches small{font-variant-numeric:tabular-nums lining-nums}
@media(prefers-reduced-motion:reduce){.guide-chart path,.guide-chart circle{animation:none;stroke-dashoffset:0;opacity:1}}