:root{--walnut:#49251b;--deep:#11281e;--brass:#d2a64b;--cream:#f1e8d1;--paper:#d5c49e;--ink:#261b14;--green:#1f5139}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:80px}body{margin:0;background:var(--paper);color:var(--ink);font-family:'Crimson Pro',serif;font-size:20px;line-height:1.55;overflow-x:hidden}.grain{position:fixed;inset:0;z-index:20;pointer-events:none;opacity:.09;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.45'/%3E%3C/svg%3E");mix-blend-mode:multiply}.skip{position:fixed;z-index:50;left:10px;top:10px;padding:10px 15px;background:var(--brass);transform:translateY(-150%)}.skip:focus{transform:none}.guide-header{position:absolute;z-index:10;top:0;left:0;right:0;height:80px;display:flex;align-items:center;justify-content:space-between;padding:0 5vw;color:var(--cream);font-family:'Marcellus',serif;text-transform:uppercase;letter-spacing:.15em;font-size:10px}.guide-header a{text-decoration:none;min-height:44px;display:flex;align-items:center;gap:12px}.guide-header .back span{color:var(--brass);font-size:20px}.guide-hero{min-height:720px;padding:150px 8vw 90px;position:relative;overflow:hidden;color:var(--cream);background:radial-gradient(circle at 21% 30%,#3f7656 0,transparent 24%),linear-gradient(150deg,#214b37,#0e261d 70%)}.guide-hero:after{content:"";position:absolute;left:-12%;right:35%;bottom:-40%;height:85%;background:#d4b960;transform:rotate(-9deg);opacity:.28}.hero-copy{position:relative;z-index:2;width:min(700px,60vw)}.eyebrow,.section-no{font-family:'Marcellus',serif;text-transform:uppercase;letter-spacing:.16em;font-size:10px}.guide-hero h1{font-family:'Marcellus',serif;font-size:clamp(68px,8vw,126px);font-weight:400;line-height:.88;letter-spacing:-.04em;margin:.25em 0}.guide-hero h1 em{font-style:italic;color:var(--brass)}.intro{font-size:27px;max-width:620px;line-height:1.2}.hero-mechanism{position:absolute;right:4vw;top:0;width:35vw;height:100%}.hero-mechanism .line{position:absolute;left:48%;top:-10%;width:3px;height:120%;background:linear-gradient(90deg,#262b29,#aeb9b4,#252b29);transform:rotate(17deg)}.hero-mechanism .second{transform:rotate(-17deg);opacity:.45}.mini-cabin{position:absolute;width:120px;height:145px;padding:35px 8px 12px;display:grid;grid-template-columns:repeat(3,1fr);gap:5px;background:linear-gradient(90deg,#3d1c13,#7c4a30,#33160f);border:3px solid var(--brass);box-shadow:0 20px 30px #0008;transform:rotate(4deg)}.mini-cabin:before{content:"GISELA";position:absolute;top:10px;left:0;right:0;text-align:center;font-family:'Marcellus',serif;font-size:8px;letter-spacing:.15em;color:#f4dda0}.mini-cabin span{background:linear-gradient(#8fc0bb 50%,#719057 51%);border:1px solid var(--brass)}.mini-cabin.one{left:12%;top:18%}.mini-cabin.two{right:2%;bottom:15%;opacity:.55;transform:rotate(-4deg)}.hero-mechanism b{position:absolute;right:0;top:43%;font-family:'Marcellus',serif;font-size:11px;letter-spacing:.2em;color:var(--brass)}.guide-grid{display:grid;grid-template-columns:270px minmax(0,820px);gap:8vw;max-width:1280px;margin:0 auto;padding:110px 5vw 150px}.contents{position:sticky;top:35px;align-self:start;border-top:2px solid var(--walnut);padding-top:24px}.contents>a{display:block;padding:12px 0;border-bottom:1px solid #49251b44;text-decoration:none;font-family:'Marcellus',serif;text-transform:uppercase;letter-spacing:.11em;font-size:10px}.grade{margin-top:45px;display:flex;align-items:center;gap:16px}.grade b{font-family:'Marcellus',serif;font-size:35px;font-weight:400;color:var(--green)}.grade span{font-family:'Marcellus',serif;font-size:8px;letter-spacing:.12em;text-transform:uppercase}article section{padding:0 0 105px;margin-bottom:90px;border-bottom:1px solid #49251b44}article section:last-child{border:0;margin:0}.section-no{color:var(--green)}article h2{font-family:'Marcellus',serif;font-size:clamp(42px,5vw,68px);font-weight:400;line-height:1;letter-spacing:-.03em;margin:.3em 0 .6em}article p{max-width:750px}code{font-family:'Marcellus',serif;font-size:.7em;background:#49251b18;padding:.12em .35em;color:#3d2418}strong{font-family:'Marcellus',serif;font-weight:400}.swatches{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:45px 0}.swatches div{display:flex;flex-direction:column;font-family:'Marcellus',serif}.swatches i{height:105px;background:var(--c);margin-bottom:12px;box-shadow:inset 0 0 0 1px #fff4}.swatches b{font-size:11px;text-transform:uppercase;letter-spacing:.1em}.swatches span{font-size:9px}.reproduce{position:relative;padding:60px!important;border:1px solid #49251b55!important;background:#e5d8b8;box-shadow:12px 12px 0 #49251b16}.reproduce:before{content:"";position:absolute;left:-20px;top:-20px;width:55px;height:55px;border-left:4px solid var(--brass);border-top:4px solid var(--brass)}.site-footer{min-height:260px;background:var(--deep);color:var(--cream);padding:60px 5vw 45px;display:grid;grid-template-columns:1fr auto;gap:40px;align-items:end;border-top:4px solid var(--brass)}.footer-mark{display:flex;gap:18px;align-items:center}.footer-mark>span{width:65px;height:65px;border:1px solid var(--brass);border-radius:50%;display:grid;place-items:center;font-family:'Marcellus',serif;font-size:31px;color:var(--brass)}.footer-mark p{font-family:'Marcellus',serif;font-size:15px;letter-spacing:.08em}.footer-mark small{font-family:'Crimson Pro',serif;color:#c3baa4;letter-spacing:0}.site-footer>p{grid-row:2;font-size:13px;color:#bdb6a6}.site-footer nav{grid-column:2;grid-row:1/3;display:flex;flex-direction:column;align-items:flex-end;gap:11px;font-family:'Marcellus',serif;text-transform:uppercase;letter-spacing:.1em;font-size:10px}.site-footer a{color:inherit;text-decoration:none;border-bottom:1px solid #d2a64b55}:focus-visible{outline:3px solid var(--brass);outline-offset:4px}
@media(max-width:760px){body{font-size:18px}.guide-header{padding:0 20px}.guide-hero{min-height:700px;padding:130px 22px 80px}.hero-copy{width:100%}.guide-hero h1{font-size:clamp(57px,16vw,78px)}.intro{font-size:23px;max-width:92%}.hero-mechanism{right:-5%;top:34%;width:55vw;height:66%;opacity:.48}.mini-cabin{width:80px;height:100px;padding:28px 5px 8px}.mini-cabin.one{left:2%}.guide-grid{grid-template-columns:1fr;padding:75px 22px 100px}.contents{position:relative;top:auto;display:grid;grid-template-columns:1fr 1fr;gap:0 16px}.contents .eyebrow,.contents .grade{grid-column:1/-1}.grade{margin-bottom:60px}article section{padding-bottom:75px;margin-bottom:70px}article h2{font-size:45px}.swatches{grid-template-columns:1fr 1fr}.swatches i{height:75px}.reproduce{padding:35px 24px!important}.site-footer{grid-template-columns:1fr;padding:48px 22px 35px}.site-footer>p{grid-row:auto}.site-footer nav{grid-column:1;grid-row:auto;align-items:flex-start}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Pass 1 clarity refinements */
a{color:inherit}.contents>a:hover,.contents>a:focus-visible,.back:hover,.back:focus-visible{color:var(--green)}.guide-header .back:hover,.guide-header .back:focus-visible{color:var(--brass)}
@media(max-width:760px){.hero-mechanism{right:-12%;opacity:.28}.hero-mechanism b{display:none}.mini-cabin.one{top:10%}.mini-cabin.two{bottom:9%}.contents>a,.site-footer nav a{display:flex;align-items:center;min-height:44px}}

/* Pass 2: the guide becomes an annotated engineering folio */
body{background-color:#d2c094;background-image:radial-gradient(circle at 75% 8%,#f0dfb7aa,transparent 24%),repeating-linear-gradient(90deg,transparent 0 69px,#49251b09 70px)}
.guide-header{border-bottom:1px solid #f1e8d117}.guide-header:after{content:"36° 08′";position:absolute;left:50%;top:34px;color:#d2a64b;font-size:8px}
.guide-hero{min-height:min(760px,100svh);background:radial-gradient(circle at 18% 24%,#397054 0,transparent 25%),linear-gradient(151deg,#1f503b 0 31%,#133629 31.2% 57%,#0b241a 57.4%)}
.guide-hero:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent 0 119px,rgba(241,232,209,.035) 120px),linear-gradient(110deg,rgba(255,230,153,.08),transparent 38%)}
.guide-hero:after{right:38%;bottom:-54%;height:96%;background:linear-gradient(90deg,#b6a04d,#e3ca6c);box-shadow:0 -24px 80px #d9b75b22}
.hero-copy{max-width:820px}.guide-hero h1{letter-spacing:-.055em;text-shadow:0 2px 0 #0a1e1644}.intro{position:relative;padding-left:28px;border-left:1px solid var(--brass);max-width:680px}.intro:before{content:"CODE-BUILT / NO GENERATED ASSETS";position:absolute;left:27px;bottom:-32px;font-family:'Marcellus',serif;font-size:7px;letter-spacing:.18em;color:#d2a64b}
.mini-cabin{box-shadow:0 22px 38px #0009,inset 0 0 18px #0005}.mini-cabin.one{transform:rotate(4deg) translateY(-8px)}.mini-cabin.two{transform:rotate(-4deg) translateY(8px)}
.guide-grid{grid-template-columns:300px minmax(0,850px);gap:7vw;max-width:1360px;padding-top:96px;padding-bottom:110px}.contents{top:108px;padding:24px 18px 18px;border:1px solid #49251b44;border-top:4px double var(--walnut);background:rgba(226,211,174,.42);box-shadow:12px 14px 0 #49251b0d}.contents:after{content:"GISELA / DRAWING 141";display:block;margin-top:42px;padding-top:12px;border-top:1px solid #49251b33;font-family:'Marcellus',serif;font-size:7px;letter-spacing:.16em;color:#1f5139}.contents>a{transition:padding-left .25s,color .25s}.contents>a:hover,.contents>a:focus-visible{padding-left:8px}
article{counter-reset:folio}article section{position:relative;padding:12px 0 76px;margin-bottom:58px}article section:before{counter-increment:folio;content:"0" counter(folio);position:absolute;right:0;top:-16px;font-family:'Marcellus',serif;font-size:94px;line-height:1;color:#49251b0a}article h2{max-width:760px;font-size:clamp(44px,4.8vw,70px);letter-spacing:-.045em}article p{font-size:20px;line-height:1.55}#concept>p:not(.section-no){max-width:720px}#concept>p:last-child{margin-left:11%;padding:22px 0 22px 26px;border-left:1px solid #1f513977}
code{border-bottom:1px solid #8e3d2944;background:#49251b0c;color:#49251b;padding:.08em .28em}
.mechanism-plate{position:relative;margin:45px 0 40px;padding:36px 38px 28px;background:linear-gradient(145deg,#173c2c,#0f291f);color:var(--cream);box-shadow:14px 16px 0 #49251b16;overflow:hidden}.mechanism-plate:before{content:"COUNTERWEIGHT / SCALE 1:73";position:absolute;right:18px;top:16px;font-family:'Marcellus',serif;font-size:7px;letter-spacing:.18em;color:var(--brass)}.plate-cable{position:relative;height:190px}.plate-cable i{position:absolute;left:50%;top:-55px;height:300px;width:2px;background:linear-gradient(#a5b0aa,#444d49);transform:rotate(28deg)}.plate-cable i:nth-child(2){transform:rotate(-28deg);opacity:.6}.plate-car{position:absolute;width:92px;height:70px;border:3px solid var(--brass);background:linear-gradient(90deg,#3a1a12,#75452e);display:grid;place-items:center;font-family:'Marcellus',serif;font-size:13px;color:var(--brass-light);box-shadow:0 18px 22px #0006}.car-a{left:calc(50% - 118px);top:61px;transform:rotate(-2deg)}.car-b{left:calc(50% + 26px);top:61px;transform:rotate(2deg);opacity:.78}.mechanism-plate figcaption{display:flex;justify-content:space-between;gap:20px;border-top:1px solid #d2a64b55;padding-top:15px;font-family:'Marcellus',serif}.mechanism-plate figcaption b{font-size:9px;letter-spacing:.15em;font-weight:400;color:var(--brass)}.mechanism-plate figcaption span{font-size:9px;letter-spacing:.08em;color:#d8cfb7}
.swatches{gap:0;border:1px solid #49251b44;background:#e5d8b8}.swatches div{position:relative;padding:10px;border-right:1px solid #49251b33}.swatches div:last-child{border:0}.swatches i{height:122px;margin:0 0 12px;clip-path:polygon(0 18%,100% 0,100% 100%,0 100%)}.swatches b{font-size:10px}.reproduce{margin-top:22px!important;padding:66px 60px!important;background:linear-gradient(135deg,#eadfbe,#d9c79f);border:1px solid #49251b88!important;box-shadow:13px 13px 0 #49251b19}.reproduce:after{content:"PROMPT SPECIMEN · KEEP WITH THE DRAWING";position:absolute;right:20px;bottom:18px;font-family:'Marcellus',serif;font-size:7px;letter-spacing:.16em;color:#1f5139}
.footer-motto{grid-row:1!important;align-self:start;margin:0 0 0 84px;font-style:italic;color:#c3baa4!important}.site-footer>p:not(.footer-motto){grid-row:2}.site-footer nav a{padding:6px 0;transition:padding-right .25s,color .25s}.site-footer nav a:hover,.site-footer nav a:focus-visible{padding-right:8px}
@media(max-width:1000px) and (min-width:761px){.guide-grid{grid-template-columns:270px minmax(0,1fr);gap:7vw;padding-left:5vw;padding-right:5vw}.contents{padding:20px 14px}.guide-hero{min-height:720px}.hero-copy{width:min(590px,64vw)}.guide-hero h1{font-size:76px}.intro{font-size:24px}.footer-motto{margin-left:0;grid-row:2!important}.site-footer>p:not(.footer-motto){grid-row:3}}
@media(max-width:760px){.guide-header:after{display:none}.guide-hero{min-height:700px}.guide-hero:after{right:35%;bottom:-42%}.intro{padding-left:18px}.guide-grid{grid-template-columns:1fr;padding-top:70px}.contents{top:auto;padding:20px 16px}.contents:after{margin-top:24px}.grade{margin-bottom:28px}article section{padding-bottom:62px;margin-bottom:52px}article section:before{font-size:64px;top:0}article h2{font-size:43px}article p{font-size:18px}#concept>p:last-child{margin-left:0;padding-left:18px}.mechanism-plate{margin:34px -4px;padding:30px 18px 22px}.plate-cable{height:155px}.plate-car{width:75px;height:58px}.car-a{left:calc(50% - 92px);top:52px}.car-b{left:calc(50% + 17px);top:52px}.mechanism-plate figcaption{flex-direction:column;gap:5px}.swatches i{height:82px}.swatches div:nth-child(2){border-right:0}.swatches div:nth-child(-n+2){border-bottom:1px solid #49251b33}.reproduce{padding:44px 24px 64px!important}.footer-motto{grid-row:auto!important;margin:0}.site-footer>p:not(.footer-motto){grid-row:auto}}
.site-footer .footer-mark{grid-column:1;grid-row:1}.footer-motto{grid-column:1;grid-row:2!important;margin-left:84px}.site-footer>p:not(.footer-motto){grid-column:1;grid-row:3}.site-footer nav{grid-row:1/4}
@media(max-width:760px){.site-footer .footer-mark,.footer-motto,.site-footer>p:not(.footer-motto),.site-footer nav{grid-column:1;grid-row:auto!important}.footer-motto{margin-left:0}}

/* Pass 3: archival material and micro-typographic finish */
html{scrollbar-color:var(--brass) var(--deep);scrollbar-width:thin}body{font-optical-sizing:auto;font-kerning:normal;text-rendering:optimizeLegibility}body::-webkit-scrollbar{width:11px}body::-webkit-scrollbar-track{background:var(--deep)}body::-webkit-scrollbar-thumb{background:linear-gradient(var(--brass),#9f762f);border:3px solid var(--deep);border-radius:8px}::selection{background:#8e3d29;color:#fff7e3;text-shadow:none}
article p{hanging-punctuation:first last;text-wrap:pretty}article h2,.guide-hero h1{text-wrap:balance}.grade b,.swatches span{font-variant-numeric:tabular-nums lining-nums}
.guide-header .back{transition:color .25s,transform .35s cubic-bezier(.16,1,.3,1)}.guide-header .back:hover,.guide-header .back:focus-visible{transform:translateX(-5px)}
.guide-grid{background-image:radial-gradient(circle at 73% 38%,#fff1c333,transparent 23%),repeating-linear-gradient(0deg,transparent 0 47px,#49251b07 48px)}
.contents{background-color:rgba(226,211,174,.86)}.contents>a{position:relative}.contents>a:after{content:"";position:absolute;left:0;bottom:7px;width:0;border-bottom:1px solid var(--green);transition:width .3s cubic-bezier(.16,1,.3,1)}.contents>a:hover:after,.contents>a:focus-visible:after{width:42px}
.mechanism-plate{background-image:radial-gradient(circle at 50% 50%,#285642 0,transparent 46%),repeating-linear-gradient(90deg,transparent 0 63px,#f1e8d108 64px),linear-gradient(145deg,#173c2c,#0f291f)}
.signal-stamp{position:absolute;right:7%;top:55px;width:76px;height:76px;border:1px solid var(--brass);border-radius:50%;display:grid;place-items:center;text-align:center;font-family:'Marcellus',serif;font-size:7px;line-height:1.35;letter-spacing:.14em;color:var(--brass);transform:rotate(9deg);box-shadow:inset 0 0 0 5px #d2a64b12}
.swatches div{transition:background-color .25s}.swatches div:hover{background:#f1e8d177}.swatches i{transition:transform .45s cubic-bezier(.16,1,.3,1),filter .35s}.swatches div:hover i{transform:translateY(-4px) rotate(-.8deg);filter:saturate(1.1)}
.reproduce{background-image:radial-gradient(circle at 18% 22%,#fff4cc66,transparent 30%),repeating-linear-gradient(0deg,transparent 0 31px,#49251b09 32px),linear-gradient(135deg,#eadfbe,#d9c79f)}
.site-footer{background-image:radial-gradient(circle at 12% 18%,#1f513955,transparent 25%),repeating-linear-gradient(113deg,transparent 0 89px,#f1e8d105 90px)}.site-footer nav a{position:relative}.site-footer nav a:after{content:"";position:absolute;right:0;bottom:2px;width:0;border-bottom:1px solid var(--brass);transition:width .3s}.site-footer nav a:hover:after,.site-footer nav a:focus-visible:after{width:100%}
@media(max-width:760px){body::-webkit-scrollbar{width:7px}.signal-stamp{right:2%;top:48px;width:62px;height:62px;font-size:6px}.guide-grid{background-size:auto,100% 42px}}
@media(prefers-reduced-motion:reduce){.guide-header .back,.contents>a:after,.swatches i,.site-footer nav a:after{transition:none}.swatches div:hover i{transform:none}}