.guide-page{background:radial-gradient(circle at 82% 43%,rgba(232,169,68,.16),transparent 24%),var(--paper)}
.guide-header{position:relative;z-index:5}
.guide-header a{transition:color .2s ease}
.guide-header a:hover{color:var(--amber)}
.guide-hero{min-height:640px;background:linear-gradient(149deg,var(--ink) 0 62%,#2e2c38 62% 72%,var(--dusk-dark) 72%);grid-template-columns:minmax(0,1.25fr) minmax(270px,.7fr);padding-top:88px}
.guide-hero:after{content:"PLATE 54-A / MECHANICAL NOTES";position:absolute;left:2.5vw;bottom:35px;writing-mode:vertical-rl;font:7px var(--mono);letter-spacing:.18em;color:rgba(242,231,201,.38)}
.guide-hero h1{max-width:850px;font-size:clamp(68px,7.4vw,112px);text-wrap:balance}
.guide-deck{align-self:end;margin-bottom:85px;text-wrap:pretty}
.guide-route{position:absolute;left:8vw;right:8vw;bottom:32px;display:grid;grid-template-columns:auto 1fr auto 1fr auto;gap:12px;align-items:center;color:rgba(242,231,201,.64);font:7px var(--mono);letter-spacing:.14em}
.guide-route i{height:1px;background:linear-gradient(90deg,var(--amber),rgba(232,169,68,.12))}
.guide-route b{font-weight:400;color:var(--cream)}
.guide-signal{bottom:88px}
.guide-article{padding-top:96px;background-image:linear-gradient(rgba(35,33,44,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(35,33,44,.035) 1px,transparent 1px);background-size:40px 40px}
.guide-article aside a{min-height:40px;display:flex;align-items:center;transition:padding-left .2s ease,color .2s ease}
.guide-article aside a:hover{padding-left:6px;color:var(--rust)}
.guide-copy section{scroll-margin-top:30px}
.guide-copy h2{text-wrap:balance}
.guide-copy p{text-wrap:pretty}
.technique-diagram{margin:35px 0;padding:18px;border:1px solid var(--ink);display:grid;grid-template-columns:1fr auto 1fr auto 1fr;gap:14px;align-items:center;background:rgba(242,231,201,.36);box-shadow:9px 10px 0 rgba(141,139,167,.22);font:8px/1.7 var(--mono);letter-spacing:.1em;text-align:center}
.technique-diagram i{font-style:normal;color:var(--rust);font-size:18px}
.technique-diagram b{font-size:11px;color:var(--ink)}
.swatches span{position:relative;overflow:hidden}
.swatches span:after{content:"";position:absolute;inset:0;background:linear-gradient(125deg,transparent 0 62%,rgba(255,255,255,.13) 62%);pointer-events:none}
.guide-copy section:last-child{padding-bottom:0}
.guide-article{padding-bottom:80px}

@media(max-width:700px){
  .guide-header .brand{min-height:44px}
  .guide-hero{min-height:650px;padding-top:86px;background:linear-gradient(158deg,var(--ink) 0 76%,#312f3b 76% 84%,var(--dusk-dark) 84%)}
  .guide-hero h1{font-size:50px;line-height:.9}
  .guide-deck{width:83%;margin-bottom:0}
  .guide-route{left:20px;right:20px;bottom:20px;grid-template-columns:auto 1fr auto}
  .guide-route b,.guide-route i:nth-of-type(2){display:none}
  .guide-signal{bottom:52px}
  .guide-article{padding-bottom:60px}
  .technique-diagram{grid-template-columns:1fr;gap:8px}
  .technique-diagram i{transform:rotate(90deg)}
footer nav a{min-height:44px;display:grid;place-items:center}
}

/* Pass 3 guide polish mirrors the operational plate. */
html{scrollbar-color:var(--rust) var(--ink);scrollbar-width:thin}
.guide-page::-webkit-scrollbar{width:10px}.guide-page::-webkit-scrollbar-track{background:var(--ink)}.guide-page::-webkit-scrollbar-thumb{background:linear-gradient(var(--amber),var(--rust));border:2px solid var(--ink);border-radius:10px}
.guide-copy p{font-kerning:normal;text-wrap:pretty}
.guide-copy code{box-decoration-break:clone;-webkit-box-decoration-break:clone}
.guide-header a:focus-visible,.guide-article aside a:focus-visible,footer a:focus-visible{background:var(--amber);color:var(--ink);outline:0;box-shadow:0 0 0 4px var(--amber)}
.guide-article aside a{min-height:44px}
.guide-signal i{transition:transform .42s cubic-bezier(.34,1.65,.55,1)}
.guide-hero:hover .guide-signal i:first-child{transform:rotate(-57deg)}
.guide-hero:hover .guide-signal i:nth-child(2){transform:rotate(19deg)}
@media(prefers-reduced-motion:reduce){.guide-signal i{transition:none}}