.guide-page{background:#0d0a0a}.guide-header{height:92px;padding:0 4.2vw;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #352221;color:#b88f87;text-transform:uppercase;font-size:8px;letter-spacing:.15em}.guide-header .brand{color:#e9e3d7}.guide-hero{min-height:720px;padding:120px 9vw 80px;position:relative;display:flex;flex-direction:column;justify-content:center;background:radial-gradient(circle at 76% 48%,rgba(194,46,46,.34),transparent 20%),linear-gradient(110deg,#170d0d,#0d0a0a 67%);overflow:hidden}.guide-hero:after{content:'67';position:absolute;right:-.05em;bottom:-.32em;font-family:var(--serif);font-size:420px;color:transparent;-webkit-text-stroke:1px rgba(194,46,46,.15)}.guide-hero h1{font-family:var(--serif);font-size:clamp(90px,12vw,180px);font-weight:400;letter-spacing:-.05em;line-height:.78;margin:0;position:relative;z-index:2}.guide-hero h1 em{color:var(--red-bright);font-weight:400}.guide-intro{position:absolute;z-index:2;right:10vw;bottom:100px;width:360px;border-top:1px solid var(--red);padding-top:16px;display:grid;grid-template-columns:60px 1fr;gap:15px;color:#c8aaa2;font-size:10px}.guide-intro span{color:var(--red-bright)}.guide-intro p{margin:0}.exposure-ring{position:absolute;right:15vw;top:90px;width:160px;height:160px;border:1px solid #70302c;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;transform:rotate(10deg);box-shadow:0 0 45px rgba(194,46,46,.13)}.exposure-ring:before,.exposure-ring:after{content:'';position:absolute;background:#70302c}.exposure-ring:before{width:190px;height:1px}.exposure-ring:after{height:190px;width:1px}.exposure-ring span{font-size:9px;color:#bc8179}.exposure-ring b{font-family:var(--serif);font-size:36px;font-weight:400}.guide-sheet{display:grid;grid-template-columns:260px minmax(0,780px);justify-content:center;gap:90px;padding:130px 6vw 180px;background:linear-gradient(90deg,#120e0e,#0d0a0a)}.guide-index{position:sticky;top:30px;height:max-content;border-top:1px solid #62302d;padding-top:18px;display:flex;flex-direction:column}.guide-index p{text-transform:uppercase;color:#d0948c;font-size:8px;letter-spacing:.16em;margin:0 0 20px}.guide-index a{text-decoration:none;color:#a48680;font-size:9px;min-height:42px;display:flex;align-items:center;border-bottom:1px solid #2b2020}.guide-index a:hover{color:var(--paper)}.guide-copy section{position:relative;border-top:1px solid #46302d;padding:42px 0 70px}.guide-copy h2{font-family:var(--serif);font-weight:400;font-size:58px;letter-spacing:-.03em;line-height:1;margin:0 0 28px}.guide-copy p{color:#cdb5ae;font-size:11px;line-height:1.9;max-width:700px}.guide-copy p+p{margin-top:22px}.guide-copy code{color:#ef8c80;background:#241515;padding:2px 5px}.guide-copy strong{color:var(--paper)}.section-no{position:absolute;right:0;top:44px;color:#c4473f;font-size:9px}.swatches{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:34px 0}.swatches div{border:1px solid #42302d;padding:10px}.swatches i{display:block;height:85px;background:var(--sw);border:1px solid rgba(233,227,215,.12);margin-bottom:10px}.swatches span{font-size:7px;letter-spacing:.1em;color:#c6a8a0;text-transform:uppercase}.guide-page .site-footer{position:relative}
@media(max-width:800px){.guide-header{height:72px;padding:0 18px}.guide-header>span{display:none}.guide-hero{min-height:680px;padding:100px 22px 60px}.guide-hero h1{font-size:23vw}.guide-intro{left:22px;right:22px;bottom:60px;width:auto}.exposure-ring{right:-30px;top:100px;transform:scale(.72) rotate(10deg)}.guide-sheet{display:block;padding:80px 22px 110px}.guide-index{position:relative;top:auto;margin-bottom:70px}.guide-copy h2{font-size:49px;padding-right:40px}.swatches{grid-template-columns:1fr 1fr}.swatches i{height:65px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Pass 1 legibility and page-rhythm refinements */
.guide-sheet{grid-template-columns:240px minmax(0,900px);gap:80px;padding:120px 6vw 110px}
.guide-copy section{padding-bottom:64px}
.guide-copy h2{font-size:62px}
.guide-copy p{color:#d4bdb6;font-size:12px;max-width:820px}
.guide-copy code{color:#ff9f94}
.section-no{color:#e25a50}
.swatches i{height:95px}
.swatches span{font-size:8px;color:#cdb2aa}
@media(max-width:800px){.guide-hero{min-height:650px}.guide-intro{bottom:48px}.exposure-ring{top:92px;transform:scale(.68) rotate(10deg)}.guide-sheet{padding:72px 22px 80px}.guide-index{margin-bottom:60px}.guide-copy section{padding-bottom:56px}.guide-copy h2{font-size:49px}.guide-copy p{font-size:12px;line-height:1.82}.swatches i{height:70px}}

/* Pass 2 field-guide refinements */
.guide-header{background:rgba(8,7,7,.76);backdrop-filter:blur(10px)}
.guide-hero{min-height:690px;justify-content:flex-start;padding-top:205px;background:radial-gradient(ellipse at 76% 42%,rgba(201,46,43,.32),transparent 18%),radial-gradient(ellipse at 15% 80%,rgba(82,25,23,.22),transparent 29%),linear-gradient(110deg,#170d0d,#0b0909 68%)}
.guide-hero:before{content:'PROCESS IS THE IMAGE';position:absolute;left:4.2vw;bottom:35px;font-size:8px;letter-spacing:.28em;color:#5c302c;writing-mode:vertical-rl;transform:rotate(180deg)}
.guide-hero h1{font-size:clamp(90px,10.8vw,164px);text-shadow:0 18px 55px #000}
.guide-intro{background:rgba(10,8,8,.45);backdrop-filter:blur(5px);padding:16px 12px 12px 0;font-size:11px;line-height:1.75}
.guide-sheet{position:relative;background:radial-gradient(ellipse at 82% 19%,rgba(91,26,24,.16),transparent 23%),linear-gradient(90deg,#130e0e,#0b0909 67%)}
.guide-sheet:before{content:'';position:absolute;top:0;bottom:0;left:calc(50% - 330px);width:1px;background:linear-gradient(transparent,#301f1d 8%,#301f1d 92%,transparent)}
.guide-index{background:linear-gradient(180deg,rgba(201,46,43,.06),transparent 72%);padding-left:14px;padding-right:14px}
.guide-index a{font-size:10px;transition:color .25s,padding-left .25s}.guide-index a:hover{padding-left:8px;color:var(--red-bright)}
.guide-copy section{padding:48px 0 72px}.guide-copy section:nth-child(even){margin-left:54px}.guide-copy h2{font-size:66px;line-height:.92;text-wrap:balance}.guide-copy p{font-size:13px;line-height:1.86;color:#dcc8c1}.section-no{font-size:10px;font-weight:700}
.layer-diagram{position:relative;margin:35px 0 42px;min-height:235px;max-width:710px;border:1px solid #4d2b28;background:radial-gradient(circle at 72% 42%,rgba(201,46,43,.18),transparent 25%),#100b0b;overflow:hidden}
.layer-diagram div{position:absolute;left:calc(16px + var(--n) * 82px);top:calc(20px + var(--n) * 33px);width:310px;height:108px;border:1px solid rgba(240,234,220,.24);background:rgba(18,12,12,.83);box-shadow:10px 12px 25px rgba(0,0,0,.34);transform:skewY(-2deg)}
.layer-diagram div:nth-child(1){--n:3;background:rgba(168,39,36,.22)}.layer-diagram div:nth-child(2){--n:2;background:repeating-radial-gradient(circle at 70% 20%,rgba(239,67,55,.12) 0 8px,transparent 9px 22px),rgba(18,12,12,.88)}.layer-diagram div:nth-child(3){--n:1;background:linear-gradient(135deg,#3a3633,#111)}.layer-diagram div:nth-child(4){--n:0;background:#e9e1d5;color:#161111}
.layer-diagram i{position:absolute;top:10px;left:12px;font-size:8px;font-style:normal;color:#d26057}.layer-diagram b{position:absolute;left:12px;bottom:10px;font-size:8px;letter-spacing:.13em;text-transform:uppercase}.layer-diagram figcaption{position:absolute;right:16px;bottom:14px;color:#df776e;font-size:8px;letter-spacing:.12em;text-transform:uppercase}
.swatches{gap:16px}.swatches div{padding:12px;background:rgba(255,255,255,.012)}.swatches i{box-shadow:inset 0 0 18px rgba(255,255,255,.04)}
@media(max-width:800px){.guide-hero{min-height:610px;padding-top:228px}.guide-hero:before{display:none}.guide-hero h1{font-size:21vw}.guide-intro{bottom:35px}.guide-sheet:before{display:none}.guide-copy section:nth-child(even){margin-left:0}.guide-copy h2{font-size:52px}.guide-copy p{font-size:13px;line-height:1.8}.layer-diagram{min-height:285px}.layer-diagram div{left:calc(10px + var(--n) * 17px);top:calc(16px + var(--n) * 38px);width:calc(100% - 72px);height:110px}.layer-diagram figcaption{left:14px;right:auto;bottom:11px}.swatches span{font-size:9px}}

/* Pass 3 — field-guide image provenance and finishing */
.guide-page ::selection{background:var(--red-bright);color:#080606}
.guide-hero h1,.guide-copy h2{font-optical-sizing:auto;text-rendering:optimizeLegibility}
.guide-copy h2{letter-spacing:-.045em}.guide-copy p{text-wrap:pretty;letter-spacing:-.008em}.guide-copy code{border-bottom:1px solid #803832}
.guide-index a:focus-visible{padding-left:8px;color:var(--red-bright)}
.asset-strip{position:relative;margin:38px 0 12px;padding:18px 18px 54px;display:grid;grid-template-columns:1fr 1.34fr 1fr;gap:12px;border:1px solid #51302d;background:linear-gradient(130deg,#160e0e,#0c0909);box-shadow:0 26px 55px rgba(0,0,0,.38);transform:rotate(-.35deg)}
.asset-strip div{background:#e8e1d5;padding:8px 8px 10px;color:#181212;box-shadow:0 12px 20px #000}.asset-strip i{display:block;height:190px;background-size:cover;background-position:center;filter:grayscale(1) contrast(1.2)}.asset-strip div:nth-child(1) i{background-image:url('/assets/gen/darkroom/print1.jpg');background-position:50% 25%}.asset-strip div:nth-child(2) i{background-image:url('/assets/gen/darkroom/print2.jpg')}.asset-strip div:nth-child(3) i{background-image:url('/assets/gen/darkroom/print3.jpg');background-position:50% 16%}.asset-strip span{display:block;margin-top:8px;font-size:7px;letter-spacing:.12em;text-transform:uppercase}.asset-strip figcaption{position:absolute;left:18px;right:18px;bottom:14px;border-top:1px solid #432724;padding-top:9px;color:#d36a61;font-size:8px;letter-spacing:.1em;text-transform:uppercase}
@media(max-width:800px){.asset-strip{grid-template-columns:1fr 1fr;padding:10px 10px 62px;gap:9px}.asset-strip div:nth-child(3){grid-column:2;margin-top:-38px}.asset-strip i{height:160px}.asset-strip figcaption{left:10px;right:10px;bottom:12px;font-size:7px;line-height:1.5}}