:root{color-scheme:dark;--bg:#111714;--deep:#0c1210;--paper:#e8dcc9;--dim:#adada2;--rule:#8c846a69;--gold:#c9ad7e;--bronze:#866f52;--sans:system-ui,'Segoe UI',Arial,sans-serif;--serif:Georgia,'Times New Roman',serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--paper);font:18px/1.68 var(--serif)}button{font:inherit;cursor:pointer}a{color:#e4c294}a:focus-visible,button:focus-visible{outline:2px solid #e4c294;outline-offset:4px}::selection{background:#e4c294;color:#111714}
.topbar{height:73px;background:#101613;border-bottom:1px solid var(--rule);display:flex;align-items:center;justify-content:space-between;padding:0 clamp(19px,5vw,72px);gap:22px}.brand{font:18px var(--serif);letter-spacing:.22em;text-decoration:none;color:#f0e1c9;white-space:nowrap}.navlinks{display:flex;gap:23px;font:11px var(--sans);text-transform:uppercase;letter-spacing:.16em}.navlinks a{text-decoration:none;color:#c9bca4}.navlinks a:hover{color:#f3d5a6}
.wrap{max-width:1240px;margin:0 auto;padding:0 clamp(23px,5.5vw,70px)}.tiny{font:10px/1.65 var(--sans);letter-spacing:.23em;text-transform:uppercase;color:var(--gold)}.hero{padding:90px 0 68px;position:relative}.hero h1{font-weight:400;letter-spacing:-.045em;line-height:1.02;font-size:clamp(49px,7vw,94px);margin:17px 0 20px}.hero p{max-width:730px;font-size:clamp(19px,2vw,24px);line-height:1.48;color:#d0c4b1;margin:0}.hero:after{content:'';position:absolute;bottom:0;left:0;width:100%;height:1px;background:linear-gradient(90deg,var(--gold),transparent 65%)}
.index-grid{padding-top:52px;padding-bottom:110px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.item{position:relative;display:flex;flex-direction:column;min-height:430px;border:1px solid #a799786b;background:linear-gradient(155deg,#2c2e27,#171c19 80%);padding:30px;overflow:hidden;text-decoration:none;color:inherit;transition:transform .2s,border-color .2s}.item:hover{transform:translateY(-3px);border-color:#d3af76}.item .num{font:11px var(--sans);letter-spacing:.18em;color:#bbab8c}.item h2{font:normal clamp(30px,3vw,42px)/1.09 var(--serif);max-width:390px;margin:20px 0 13px}.item p{max-width:340px;color:#bfb8aa;font-size:16px;line-height:1.48}.item .grow{flex:1}.item .arrow{font:11px var(--sans);letter-spacing:.14em;text-transform:uppercase;color:#ddbc89}.item .mark{position:absolute;right:-15px;bottom:-55px;color:transparent;-webkit-text-stroke:1px #bbab8c2f;font:clamp(170px,27vw,330px)/1 var(--serif);pointer-events:none}.item.feature{background:linear-gradient(160deg,#4b4031,#1b211e 76%)}.item.wide{grid-column:1/-1;min-height:235px;background:linear-gradient(120deg,#202824,#171c19);display:grid;grid-template-columns:1fr 1fr;gap:40px}.item.wide h2{margin-top:0}.item.wide .mark{font-size:210px}.item.wide p{margin-bottom:0}
.catalogue{margin-top:34px;color:#a7a496;font:12px/1.7 var(--sans);border-top:1px solid var(--rule);padding:23px 0}.catalogue a{text-decoration:underline}
.story-hero{padding:85px 0 62px;display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,.7fr);gap:35px;align-items:end;border-bottom:1px solid var(--rule)}.story-hero h1{font-weight:400;font-size:clamp(46px,6vw,78px);line-height:1.02;letter-spacing:-.04em;margin:13px 0 19px}.lede{font-size:clamp(19px,2.1vw,24px);line-height:1.48;color:#d7cab7;max-width:660px;margin:0}.folio{text-align:right;font:11px/1.8 var(--sans);color:#b7ae9e;letter-spacing:.09em;border-left:1px solid var(--rule);padding-left:25px}.folio strong{font-size:15px;color:#ebd3ac;display:block;letter-spacing:.06em;font-weight:500}
.study{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr);gap:clamp(35px,7vw,100px);padding:70px 0 110px}.study h2{font-weight:400;font-size:clamp(26px,2.7vw,36px);line-height:1.22;margin:47px 0 17px}.study h2:first-child{margin-top:0}.study p{margin:0 0 19px;max-width:750px;color:#d4c9b8}.study .note{font:12px/1.65 var(--sans);color:#a9a79c}.study .note a{color:#d7b781}.study .source-foot{border-top:1px solid var(--rule);margin-top:35px;padding-top:22px;font:12px/1.6 var(--sans);color:#afaa9b}.study .source-foot a{display:inline-block;margin:4px 12px 6px 0}.drawer{align-self:start;position:sticky;top:25px;border:1px solid #9b87644c;padding:25px;background:#1d241f}.drawer .upper{display:flex;gap:15px;align-items:baseline;justify-content:space-between;font:10px var(--sans);letter-spacing:.18em;text-transform:uppercase;color:#b8aa90}.drawer h3{font:normal 25px var(--serif);margin:20px 0 12px}.drawer p{color:#bcb8a9;font:13px/1.6 var(--sans);margin:11px 0}.drawer .explain{min-height:72px}.switch{display:flex;gap:7px;margin-top:23px;flex-wrap:wrap}.switch button{border:1px solid #92846686;padding:8px 10px;color:#c5bba7;background:transparent;font:11px/1.3 var(--sans)}.switch button[aria-pressed=true]{background:#cbb389;color:#1a211b;border-color:#ccb388}.sketch{height:270px;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;background:radial-gradient(circle at center,#34382f,#171e1a 70%);border:1px solid #a79a7d20;margin-top:22px}.sketch svg{width:90%;max-width:330px;height:230px;stroke:#d4bf96;fill:none;stroke-width:2.2;stroke-linejoin:round;stroke-linecap:round}.sketch .light{stroke:#726e5c;stroke-width:1.25;stroke-dasharray:5 5}.sketch .accent{stroke:#f2d3a0}.sketch .solid{fill:#e0c090;stroke:none}.sketch .label{font:10px var(--sans);letter-spacing:.16em;fill:#c1ac87;stroke:none}.sketch .motion{transition:transform .38s ease,opacity .38s ease}.sketch .hexsize{transform-origin:50% 50%;transition:transform .28s ease}
.next-nav{border-top:1px solid var(--rule);padding:32px 0 70px;display:flex;gap:20px;justify-content:space-between;align-items:center;font:12px var(--sans);letter-spacing:.06em}.next-nav a{text-decoration:none}.next-nav a:hover{text-decoration:underline}.site-foot{padding:28px clamp(25px,5vw,70px) 48px;border-top:1px solid #c8b28430;display:flex;gap:22px;justify-content:space-between;font:11px/1.7 var(--sans);color:#ada799}.site-foot a{color:#aead9c;text-decoration:none}
@media(max-width:850px){.story-hero,.study{grid-template-columns:1fr}.folio{text-align:left;border-left:0;border-top:1px solid var(--rule);padding:14px 0 0}.drawer{position:static}.item{min-height:375px}}
@media(max-width:620px){.topbar{height:65px}.brand{font-size:15px}.navlinks{gap:11px;font-size:10px;letter-spacing:.06em}.hero{padding:55px 0 45px}.index-grid{grid-template-columns:1fr;padding:30px 0 65px}.item{min-height:340px}.item.wide{grid-column:auto;display:flex;min-height:270px}.story-hero{padding:55px 0 38px}.study{padding:37px 0 65px}.drawer{padding:16px}.site-foot{display:block}.site-foot span{display:block;margin-bottom:8px}}@media(prefers-reduced-motion:reduce){.sketch .motion,.sketch .hexsize,.item{transition:none}html{scroll-behavior:auto}}