:root{--dusk:#2b3450;--night:#151d31;--snow:#f4f3eb;--brass:#d4a65c;--walnut:#5a3324;--ink:#19223a;--serif:'Young Serif',Georgia,serif;--round:'Baloo 2',sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;overflow-x:hidden}body{margin:0;background:var(--night);color:var(--snow);font-family:var(--round);font-size:17px;line-height:1.58;overflow-x:hidden}a{color:inherit}::selection{background:var(--brass);color:var(--night)}:focus-visible{outline:3px solid #f3d18d;outline-offset:4px}.skip-link{position:fixed;left:15px;top:-70px;background:white;color:var(--night);padding:12px 18px;z-index:30}.skip-link:focus{top:0}.grain{position:fixed;inset:0;z-index:20;pointer-events:none;opacity:.1;mix-blend-mode:soft-light;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 150 150' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.86' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.55'/%3E%3C/svg%3E")}.guide-header{height:78px;padding:0 clamp(22px,6vw,90px);border-bottom:1px solid rgba(255,255,255,.15);display:flex;align-items:center;justify-content:space-between;background:#202a43}.back{text-decoration:none;text-transform:uppercase;letter-spacing:.13em;font-size:10px;min-height:44px;display:flex;align-items:center;gap:10px}.back span{font-size:20px;color:#f0cc87}.folio{text-transform:uppercase;letter-spacing:.15em;color:#abb6c6;font-size:9px}.guide-hero{min-height:690px;padding:70px clamp(22px,7vw,110px);display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:7vw;background:radial-gradient(circle at 78% 37%,rgba(136,162,187,.27),transparent 28%),linear-gradient(145deg,#303b5b,#1d2740)}.eyebrow{text-transform:uppercase;letter-spacing:.18em;font-size:10px;color:#f1cf8c}.title-block h1{font:400 clamp(70px,9vw,130px)/.9 var(--serif);letter-spacing:-.04em;margin:18px 0 28px}.title-block h1 em{font-style:normal;color:#f1cf8c}.intro{max-width:580px;color:#d4dbe5;font-size:20px}.specimen{width:min(460px,37vw);aspect-ratio:1;position:relative;margin:auto}.specimen-globe{position:absolute;inset:0 0 18%;border-radius:50%;border:3px solid rgba(222,241,247,.72);background:linear-gradient(#344762,#a2b4bc);box-shadow:inset 16px 14px 22px rgba(255,255,255,.2),0 25px 45px rgba(0,0,0,.28);overflow:hidden}.specimen-globe::after{content:'';position:absolute;inset:7%;border-radius:50%;border-top:5px solid rgba(255,255,255,.46);transform:rotate(-42deg)}.specimen-globe>i{position:absolute;width:5px;height:5px;border-radius:50%;background:white;z-index:3}.specimen-globe>i:nth-child(1){left:23%;top:26%}.specimen-globe>i:nth-child(2){left:69%;top:33%}.specimen-globe>i:nth-child(3){left:51%;top:15%}.specimen-hill{position:absolute;left:-5%;right:-5%;bottom:-2%;height:39%;background:#f6f4ec;border-radius:50% 50% 0 0}.specimen-house{position:absolute;width:25%;height:23%;left:38%;bottom:18%;background:#754636}.specimen-house::before{content:'';position:absolute;border:55px solid transparent;border-bottom:45px solid #2b3446;left:-24px;top:-87px}.specimen-base{position:absolute;bottom:0;left:20%;right:20%;height:25%;background:linear-gradient(90deg,#281717,#8a5335,#2a1818);border-radius:8px 8px 45% 45%;display:grid;place-content:center;text-align:center}.specimen-base b{font:400 18px var(--serif);color:#f0c979}.specimen-base small{font-size:7px;letter-spacing:.15em;text-transform:uppercase}.measure{position:absolute;font-size:8px;letter-spacing:.18em;color:#cbd5e1}.m1{left:-18%;top:38%;transform:rotate(-90deg)}.m2{right:-25%;top:43%;transform:rotate(90deg)}
.guide-sheet{background:#e9e4d8;color:var(--ink);padding:120px clamp(22px,7vw,110px);display:grid;grid-template-columns:220px minmax(0,850px);gap:7vw;justify-content:center}.margin-index{align-self:start;position:sticky;top:30px;border-top:2px solid #855f36;padding-top:20px}.margin-index p{text-transform:uppercase;letter-spacing:.17em;font-size:9px;color:#785934}.margin-index a{display:block;text-decoration:none;border-bottom:1px solid #bbb4a5;padding:13px 0;font-size:12px;color:#4a5365}.margin-index a:hover{color:#865c30}.guide-copy>section{position:relative;padding:0 0 80px;margin-bottom:70px;border-bottom:1px solid #bdb6a9}.guide-copy>section:last-child{border-bottom:0;margin-bottom:0;padding-bottom:0}.section-no{position:absolute;left:-62px;top:7px;width:40px;height:40px;border:1px solid #8b673f;border-radius:50%;display:grid;place-items:center;font-size:10px;color:#795936}.guide-copy h2{font:400 clamp(42px,5vw,67px)/1 var(--serif);letter-spacing:-.03em;margin:0 0 30px}.guide-copy p{max-width:760px;color:#465064}.guide-copy strong{font-family:var(--serif);font-weight:400;font-size:19px;color:#273149}.guide-copy code{background:#d7d0c2;padding:2px 6px;border-radius:2px;color:#654524;font-size:13px}.swatches{display:grid;grid-template-columns:repeat(5,1fr);margin:35px 0}.swatches span{min-height:150px;background:var(--swatch);display:flex;flex-direction:column;justify-content:flex-end;padding:15px;color:white;text-shadow:0 1px 3px rgba(0,0,0,.5)}.swatches b{font-size:11px}.swatches i{font-style:normal;font-size:8px;letter-spacing:.12em}.reproduce{background:#27324c;color:#f1f1ec;padding:50px!important;margin-left:-50px;margin-right:-50px;border:0!important;box-shadow:10px 12px 0 #c79c59}.reproduce .section-no{left:20px;top:-24px;background:#d2a65c;color:#1d2942;border:0}.reproduce h2,.reproduce p{color:inherit}.reproduce p{margin-bottom:0}
.site-footer{background:#0c1323;min-height:180px;padding:50px clamp(22px,6vw,90px);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:30px;color:#aeb8c7;font-size:11px}.footer-mark{display:flex;align-items:center;gap:12px}.footer-mark svg{width:34px;fill:none;stroke:var(--brass);stroke-width:2}.site-footer>p{text-align:center}.site-footer nav{justify-self:end;display:flex;gap:22px}.site-footer a{text-decoration:none;min-height:44px;display:inline-flex;align-items:center}.site-footer a:hover{color:#f3d18d}
@media(max-width:850px){.guide-hero{grid-template-columns:1fr;min-height:auto;padding-top:80px}.specimen{width:min(540px,68vw);margin-top:30px}.guide-sheet{grid-template-columns:1fr}.margin-index{position:static;display:grid;grid-template-columns:repeat(2,1fr);gap:0 20px}.margin-index p{grid-column:1/-1}.section-no{position:static;margin-bottom:18px}.site-footer{grid-template-columns:1fr 1fr}.site-footer>p{display:none}}
@media(max-width:560px){body{font-size:16px}.guide-header{height:70px;padding:0 16px}.folio{display:none}.guide-hero{padding:60px 20px 75px}.title-block h1{font-size:65px}.intro{font-size:17px}.specimen{width:84vw}.m1,.m2{display:none}.guide-sheet{padding:75px 20px 90px}.margin-index{grid-template-columns:1fr 1fr}.guide-copy>section{padding-bottom:55px;margin-bottom:55px}.guide-copy h2{font-size:43px}.swatches{grid-template-columns:1fr}.swatches span{min-height:80px}.reproduce{margin-left:0;margin-right:0;padding:34px 24px!important;box-shadow:7px 8px 0 #c79c59}.reproduce .section-no{position:absolute}.site-footer{grid-template-columns:1fr;padding:40px 22px;gap:22px}.site-footer nav{justify-self:start;display:grid;gap:0}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Pass-one refinements */
.skip-link{position:absolute;top:0;transform:translateY(-120%)}
.skip-link:focus{transform:translateY(0)}
.guide-sheet{padding:76px clamp(22px,7vw,110px) 120px}
.specimen-moon{position:absolute;width:9%;aspect-ratio:1;border-radius:50%;right:20%;top:17%;background:#f5cf7e;box-shadow:0 0 18px rgba(245,207,126,.55)}
.specimen-house{z-index:3}
.specimen-house b{position:absolute;width:15%;height:24%;top:33%;background:#ffd987;box-shadow:0 0 8px rgba(255,217,135,.5)}
.specimen-house b:first-child{left:20%}
.specimen-house b:last-child{right:20%}
.specimen-pine{position:absolute;z-index:2;width:18%;height:32%;bottom:17%;background:#213d45;clip-path:polygon(50% 0,68% 35%,58% 35%,78% 73%,65% 73%,83% 100%,17% 100%,35% 73%,22% 73%,42% 35%,32% 35%)}
.specimen-pine.p1{left:14%}
.specimen-pine.p2{right:13%;transform:scale(.78)}
.swatches span:nth-child(3){color:#253047;text-shadow:none}
@media(max-width:560px){.guide-sheet{padding:64px 20px 90px}}

/* Pass 2 — the guide reads as a maker's technical folio, not generic documentation */
html{color-scheme:dark}.guide-hero h1,.guide-copy h2{text-wrap:balance}.guide-copy p{text-wrap:pretty}.guide-copy section{scroll-margin-top:28px}.back{touch-action:manipulation;-webkit-tap-highlight-color:rgba(243,209,141,.22);transition:color .25s ease}.back:hover{color:#f3d18d}.guide-hero{isolation:isolate;position:relative;background:radial-gradient(circle at 76% 33%,rgba(160,194,209,.22),transparent 25%),radial-gradient(circle at 20% 76%,rgba(170,100,51,.13),transparent 31%),linear-gradient(145deg,#34405f,#1a243c)}.guide-hero::before{content:'';position:absolute;z-index:-1;inset:0;opacity:.18;background-image:linear-gradient(rgba(255,255,255,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.06) 1px,transparent 1px);background-size:80px 80px;mask-image:linear-gradient(90deg,transparent,#000 44%,#000)}.title-block{position:relative}.title-block::before{content:'FIELD / 091';position:absolute;left:-32px;top:4px;writing-mode:vertical-rl;font-size:7px;letter-spacing:.22em;color:#8f9bad}.title-block h1{max-width:760px}.intro{border-left:1px solid rgba(243,209,141,.5);padding-left:22px}.hero-index{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;margin:42px 0 0;max-width:630px;background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.16)}.hero-index div{background:rgba(17,25,43,.64);padding:14px 16px}.hero-index dt{text-transform:uppercase;font-size:7px;letter-spacing:.16em;color:#9fabbc}.hero-index dd{margin:3px 0 0;font-family:var(--serif);font-size:14px;color:#f2d18f}.specimen{filter:drop-shadow(0 34px 34px rgba(2,8,18,.28))}.specimen-globe{border-color:rgba(222,241,247,.78);background:linear-gradient(150deg,#283b5a,#778fa2 62%,#d2c9b8);box-shadow:inset 18px 16px 30px rgba(255,255,255,.24),inset -25px -20px 45px rgba(10,20,39,.23),0 25px 45px rgba(0,0,0,.28)}.specimen-globe::before{content:'';position:absolute;z-index:7;inset:2%;border-radius:50%;box-shadow:inset 0 0 18px rgba(225,245,250,.48)}.specimen-drift{position:absolute;z-index:6;left:6%;right:6%;bottom:15%;height:22%;display:flex;align-items:end;justify-content:space-around;clip-path:ellipse(58% 60% at 50% 100%)}.specimen-drift b{display:block;width:13%;background:linear-gradient(#fff,#dce8e9);border-radius:50% 50% 0 0}.specimen-drift b:nth-child(1){height:21%}.specimen-drift b:nth-child(2){height:46%}.specimen-drift b:nth-child(3){height:30%}.specimen-drift b:nth-child(4){height:67%}.specimen-drift b:nth-child(5){height:39%}.specimen-drift b:nth-child(6){height:56%}.specimen-drift b:nth-child(7){height:26%}.specimen-skater{position:absolute;z-index:8;width:2.4%;height:5%;left:63%;bottom:25%;background:#b7493d;border-radius:50% 50% 30% 30%;transform:rotate(-16deg)}.specimen-skater::before{content:'';position:absolute;width:70%;aspect-ratio:1;border-radius:50%;background:#d9ad8d;left:15%;top:-48%}.specimen-base{box-shadow:inset 0 8px 16px rgba(255,255,255,.08),0 18px 25px rgba(0,0,0,.3)}.m3{left:18%;bottom:-7%;color:#9da9b9}.guide-sheet{position:relative;background-color:#ece7db;background-image:linear-gradient(rgba(45,57,79,.035) 1px,transparent 1px);background-size:100% 32px}.margin-index{border-color:#9a7042}.margin-index a{min-height:44px;transition:padding-left .22s ease,color .22s ease}.margin-index a:hover{padding-left:7px}.guide-copy>section{border-color:#b8b0a3}.guide-copy h2{max-width:820px}.guide-copy p{font-size:17px;line-height:1.68}.guide-copy code{border-bottom:1px solid #a98962}.section-no{background:#ece7db}.swatches{box-shadow:8px 10px 0 rgba(70,55,38,.12)}.swatches span{position:relative}.swatches span::before{content:'';position:absolute;inset:0;border:1px solid rgba(255,255,255,.16);pointer-events:none}.reproduce{position:relative;overflow:hidden;background:linear-gradient(145deg,#2d3855,#18233c);box-shadow:11px 13px 0 #c79c59}.reproduce::after{content:'PROMPT PLATE / COPY 01';position:absolute;right:-45px;top:52%;transform:rotate(90deg);font-size:7px;letter-spacing:.2em;color:#d3b274}.site-footer a{transition:color .25s ease}
@media(max-width:850px){.guide-hero{gap:30px}.hero-index{margin-top:30px}.specimen{margin-bottom:30px}.title-block::before{display:none}.m3{bottom:-5%}.guide-copy p{font-size:16px}.guide-sheet{background-size:100% 30px}}
@media(max-width:560px){.guide-hero{padding-top:54px}.title-block h1{font-size:61px;line-height:.92}.intro{padding-left:15px}.hero-index{grid-template-columns:1fr;margin-top:28px}.hero-index div{display:grid;grid-template-columns:1fr 1fr;align-items:center;padding:10px 13px}.hero-index dd{text-align:right}.specimen{width:82vw;margin-top:18px}.m3{display:none}.guide-copy h2{font-size:41px}.guide-copy p{line-height:1.62}.swatches{box-shadow:6px 7px 0 rgba(70,55,38,.12)}}
@media(prefers-reduced-motion:reduce){.back,.margin-index a,.site-footer a{transition:none}}

/* Pass 3 — finishing details for the field folio */
html{scrollbar-color:var(--brass) var(--night);scrollbar-width:thin}
::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:var(--night)}::-webkit-scrollbar-thumb{background:linear-gradient(#f3d18d,#8f6332);border:2px solid var(--night);border-radius:10px}
body{font-kerning:normal;font-optical-sizing:auto}.folio,.hero-index,.measure,.margin-index,.section-no{font-variant-numeric:tabular-nums}
.guide-hero>*{opacity:0;transform:translateY(20px);animation:folioArrive .85s cubic-bezier(.16,.84,.31,1) forwards}.guide-hero>.specimen{animation-delay:.16s}
@keyframes folioArrive{to{opacity:1;transform:translateY(0)}}
.specimen-key{position:absolute;z-index:12;left:10%;bottom:9%;width:66px;height:48px;color:#f0c979;filter:drop-shadow(0 5px 5px rgba(0,0,0,.4));transform:rotate(-8deg)}.specimen-key::before{content:'';position:absolute;width:22px;height:22px;left:0;top:5px;border:3px solid currentColor;border-radius:50%}.specimen-key i{position:absolute;width:42px;height:3px;left:22px;top:17px;background:currentColor}.specimen-key i::before,.specimen-key i::after{content:'';position:absolute;width:3px;height:12px;right:2px;top:0;background:currentColor}.specimen-key i::after{right:12px;height:9px}.specimen-key b{position:absolute;left:5px;top:11px;font:400 8px var(--serif);color:#f7dea8}
.margin-index a:focus-visible{color:#6d4721;padding-left:7px}.site-footer a{position:relative}.site-footer a::after{content:'';position:absolute;left:0;right:100%;bottom:7px;height:1px;background:var(--brass);transition:right .28s cubic-bezier(.16,.84,.31,1)}.site-footer a:hover::after,.site-footer a:focus-visible::after{right:0}
@media(max-width:560px){.specimen-key{left:7%;bottom:8%;transform:rotate(-8deg) scale(.82)}}
@media(max-width:850px){.site-footer>p{display:block;grid-column:1/-1;text-align:left;margin:0;color:#d1d8e2}}
@media(prefers-reduced-motion:reduce){.guide-hero>*{opacity:1;transform:none;animation:none}.site-footer a::after{transition:none}}