.guide-page{background:#21131f}
.guide-header{height:76px;padding:0 clamp(22px,5vw,78px);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;border-bottom:1px solid #594250;background:#180d17;font-family:var(--mono);font-size:.56rem;text-transform:uppercase;letter-spacing:.12em;color:#9f8d98}
.guide-home{text-decoration:none;min-height:44px;display:flex;align-items:center;gap:.7rem;color:var(--cream);width:max-content}.guide-home span{color:var(--brass);font-size:1rem}.guide-kicker{color:var(--brass-light)}.guide-kicker i{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--sold);margin-right:.45rem}.guide-header>span:last-child{justify-self:end}
.guide-hero{min-height:610px;padding:clamp(70px,10vw,145px) clamp(22px,8vw,125px);display:grid;grid-template-columns:.55fr 1.4fr .65fr;align-items:center;position:relative;overflow:hidden;background:radial-gradient(circle at 58% 47%,#4b2c45 0,transparent 38%),linear-gradient(110deg,#241421,#3a2438 65%,#1c101b)}
.guide-hero::before{content:"";position:absolute;left:46%;top:0;width:35%;height:100%;background:linear-gradient(160deg,rgba(235,205,139,.12),transparent);clip-path:polygon(22% 0,70% 0,100% 100%,0 100%)}
.guide-lot{font-family:var(--display);font-size:clamp(7rem,17vw,15rem);line-height:.8;color:#b42630;letter-spacing:-.1em;z-index:1}
.guide-hero>div:nth-child(2){position:relative;z-index:2}.guide-hero p{font-family:var(--mono);font-size:.6rem;text-transform:uppercase;letter-spacing:.2em;color:var(--brass-light);margin-bottom:1.4rem}.guide-hero h1{font-family:var(--display);font-size:clamp(4rem,7.3vw,8rem);font-weight:400;line-height:.88;letter-spacing:-.05em;margin:0}.guide-hero h1 em{font-weight:400;color:var(--brass-light)}
.guide-gavel{position:relative;width:210px;height:220px;transform:rotate(-25deg);z-index:2}.guide-gavel i{position:absolute;width:140px;height:58px;border-radius:8px;top:22px;left:0;background:linear-gradient(#9a6747,#4a281e 55%,#24100e);box-shadow:0 14px 20px #14090c}.guide-gavel i::before,.guide-gavel i::after{content:"";position:absolute;top:-10px;width:30px;height:78px;border-radius:6px;background:linear-gradient(90deg,#331913,#956343,#25110f)}.guide-gavel i::before{left:3px}.guide-gavel i::after{right:3px}.guide-gavel b{position:absolute;width:165px;height:22px;top:77px;left:75px;border-radius:12px;background:linear-gradient(#a16b49,#3b1d18);transform:rotate(49deg);transform-origin:left}.guide-gavel span{position:absolute;width:130px;height:24px;background:#12080a;border-radius:50%;bottom:5px;right:-32px;box-shadow:0 4px 0 #8c5e3e}
.guide-article{background:var(--paper);color:var(--ink);display:grid;grid-template-columns:260px minmax(0,760px);justify-content:center;gap:clamp(55px,8vw,140px);padding:clamp(85px,10vw,150px) clamp(22px,7vw,110px)}
.guide-index{position:sticky;top:40px;align-self:start;display:flex;flex-direction:column;border-top:3px solid #9d2730;padding-top:1rem}.guide-index span{font-family:var(--mono);font-size:.55rem;text-transform:uppercase;letter-spacing:.14em;color:#9d2730;margin-bottom:1rem}.guide-index a{text-decoration:none;border-top:1px solid #ac9d83;padding:.85rem 0;font-family:var(--mono);font-size:.6rem;text-transform:uppercase;color:#59484a}.guide-index a:hover{color:#9d2730;padding-left:.35rem}
.guide-index a{min-height:44px;display:flex;align-items:center}
.guide-copy section{position:relative;padding:0 0 clamp(80px,10vw,125px);margin-bottom:clamp(70px,8vw,100px);border-bottom:1px solid #ad9d84}.guide-copy section:last-child{margin:0;padding-bottom:0;border:0}.folio-number{position:absolute;right:0;top:0;font-family:var(--display);font-size:4rem;line-height:.8;color:#c3b69d}.guide-copy h2{font-family:var(--display);font-size:clamp(2.8rem,5vw,5.3rem);font-weight:400;line-height:.95;letter-spacing:-.04em;margin:.8rem 0 2.3rem;max-width:680px}.guide-copy h2 em{font-weight:400;color:#a1262f}.guide-copy h3{font-family:var(--display);font-size:1.7rem;font-weight:500;margin:2.5rem 0 .5rem}.guide-copy p:not(.kicker){font-family:var(--display);font-size:1.1rem;line-height:1.7;color:#463a3b}.guide-copy .lead{font-size:1.45rem!important;line-height:1.55!important;color:#2a2022!important}.guide-copy code{font-family:var(--mono);font-size:.82em;color:#8d2730;background:#d9ccb3;padding:.1em .3em;overflow-wrap:anywhere}
.swatches{display:grid;grid-template-columns:repeat(5,1fr);margin:2.8rem 0;border:1px solid #a99a82}.swatches div{min-width:0}.swatches div+div{border-left:1px solid #a99a82}.swatches i{display:block;height:90px;background:var(--swatch)}.swatches span{display:block;padding:.65rem;font-family:var(--mono);font-size:.5rem;text-transform:uppercase;letter-spacing:.07em}.swatches b{font-weight:400;color:#806d62}.reproduce{background:#2c192a;color:var(--cream);padding:clamp(32px,5vw,60px)!important;margin-left:clamp(-35px,-4vw,-55px)!important;margin-right:clamp(-35px,-4vw,-55px)!important}.guide-copy .reproduce h2 em{color:var(--brass-light)}.guide-copy .reproduce p:not(.kicker){color:#d3c6c8}.reproduce .folio-number{right:35px;top:35px;color:#65455c}
@media(max-width:800px){.guide-header{grid-template-columns:1fr auto}.guide-header>span:last-child{display:none}.guide-hero{min-height:500px;grid-template-columns:.6fr 1.4fr;padding-left:25px;padding-right:25px}.guide-gavel{display:none}.guide-article{grid-template-columns:1fr}.guide-index{position:relative;top:auto;display:grid;grid-template-columns:1fr 1fr;margin-bottom:30px}.guide-index span{grid-column:1/-1}.guide-index a:nth-of-type(even){border-left:1px solid #ac9d83;padding-left:1rem}.swatches{grid-template-columns:repeat(5,1fr)}}
@media(max-width:520px){.guide-header{padding:0 18px}.guide-kicker{font-size:.48rem}.guide-hero{min-height:420px;display:block;padding-top:58px}.guide-lot{font-size:7.5rem;position:absolute;right:24px;top:46px;opacity:.58}.guide-hero h1{font-size:3.8rem;position:relative;margin-top:68px}.guide-article{padding-left:22px;padding-right:22px}.guide-copy .lead{font-size:1.25rem!important}.swatches{grid-template-columns:1fr 1fr}.swatches div+div{border-left:0}.swatches div:nth-child(even){border-left:1px solid #a99a82}.swatches div{border-top:1px solid #a99a82}.swatches i{height:54px}.reproduce{margin-left:-22px!important;margin-right:-22px!important}.folio-number{font-size:3rem}.guide-copy h2{padding-right:25px}}
@media(prefers-reduced-motion:reduce){.guide-page{scroll-behavior:auto}}

/* Pass 2 technical-folio refinements */
.guide-hero{min-height:560px;background:radial-gradient(circle at 58% 47%,#53304b 0,transparent 34%),radial-gradient(circle at 15% 95%,rgba(179,35,44,.12),transparent 27%),linear-gradient(110deg,#21121f,#3a2438 65%,#190e18)}
.guide-hero::after{content:"FIELD NOTES / LOT 87 / 2026";position:absolute;left:4vw;bottom:24px;font-family:var(--mono);font-size:.46rem;letter-spacing:.18em;color:#8d7484;writing-mode:vertical-rl;transform:rotate(180deg)}
.guide-hero>div:nth-child(2)>small{display:block;max-width:520px;margin-top:2rem;padding-top:1rem;border-top:1px solid rgba(234,209,140,.25);font-family:var(--mono);font-size:.52rem;line-height:1.7;letter-spacing:.08em;text-transform:uppercase;color:#c7b4bd}
.guide-lot{-webkit-text-stroke:1px rgba(232,93,99,.35);text-shadow:18px 20px 0 rgba(32,10,24,.25)}
.guide-gavel{filter:drop-shadow(0 25px 28px rgba(0,0,0,.48))}
.guide-article{background-color:var(--paper);background-image:linear-gradient(rgba(87,65,45,.027) 1px,transparent 1px);background-size:100% 32px}
.guide-index{background:rgba(231,220,194,.86);backdrop-filter:blur(8px);z-index:3}.guide-index a{transition:color .2s,padding-left .2s,background .2s}.guide-index a:hover{background:rgba(157,39,48,.035)}
.sequence-diagram{display:grid;grid-template-columns:1fr 30px 1fr 30px 1fr 30px 1fr;align-items:center;margin:3rem 0 0;padding:1.25rem;border-top:3px double #9e2931;border-bottom:1px solid #ac9d83;background:rgba(255,248,227,.28)}
.sequence-diagram span{font-family:var(--mono);font-size:.54rem;line-height:1.5;text-transform:uppercase;color:#5c4b4c}.sequence-diagram b{display:block;margin-bottom:.35rem;font-family:var(--display);font-size:1.7rem;font-weight:400;line-height:1;color:#a1262f}.sequence-diagram i{height:1px;background:#ae9572;position:relative}.sequence-diagram i::after{content:"";position:absolute;right:0;top:-3px;width:7px;height:7px;border-top:1px solid #ae9572;border-right:1px solid #ae9572;transform:rotate(45deg)}
.swatches i{box-shadow:inset 0 0 0 1px rgba(42,32,34,.12)}
.reproduce{position:relative;box-shadow:18px 18px 0 #ad9c7e;background:radial-gradient(circle at 86% 14%,rgba(201,170,99,.12),transparent 28%),linear-gradient(120deg,#281625,#3a2438)}.reproduce::after{content:"CUT HERE";position:absolute;right:-29px;top:50%;font-family:var(--mono);font-size:.43rem;letter-spacing:.16em;color:#8a7770;transform:rotate(90deg)}

@media(max-width:800px){.guide-hero{min-height:475px}.guide-hero>div:nth-child(2)>small{max-width:430px}.guide-article{gap:70px}.sequence-diagram{grid-template-columns:1fr 18px 1fr 18px 1fr 18px 1fr;padding:1rem .75rem}.sequence-diagram span{font-size:.46rem}.reproduce{box-shadow:10px 12px 0 #ad9c7e}}
@media(min-width:801px) and (max-width:900px){.guide-index{position:relative;top:auto}}
@media(max-width:520px){.guide-hero{min-height:470px;padding-bottom:50px}.guide-hero h1{font-size:3.55rem;line-height:.86}.guide-hero>div:nth-child(2)>small{margin-top:1.5rem;padding-right:32px;font-size:.46rem}.guide-hero::after{display:none}.guide-gavel{display:block;position:absolute;right:-34px;bottom:-12px;opacity:.22;transform:scale(.45) rotate(-29deg);transform-origin:right bottom}.guide-index{background:transparent}.sequence-diagram{grid-template-columns:1fr 1fr;margin-top:2.2rem;gap:0;padding:.6rem}.sequence-diagram i{display:none}.sequence-diagram span{min-height:76px;padding:.7rem;border-bottom:1px solid #b8aa91}.sequence-diagram span:nth-of-type(even){border-left:1px solid #b8aa91}.sequence-diagram span:nth-last-of-type(-n+2){border-bottom:0}.reproduce::after{display:none}}

/* Pass 3 interaction finish */
.guide-home{transition:color .2s,transform .28s cubic-bezier(.16,1,.3,1)}.guide-home:hover{color:var(--brass-light);transform:translateX(-3px)}
.guide-index a:hover,.guide-index a:focus-visible{color:#9d2730;padding-left:.35rem;background:rgba(157,39,48,.035)}