@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=DM+Serif+Display:ital@0;1&display=swap');
:root{--ground:#101716;--paper:#e7ddcd;--muted:#b1a693;--accent:#d3b580;--dark:#171f1c;--line:#cdb38b30;--teal:#869c91;color-scheme:dark}*{box-sizing:border-box}
html{scroll-behavior:smooth}body{margin:0;background:var(--ground);color:var(--paper);font:16px/1.65 'DM Sans',Arial,sans-serif}button,a{font:inherit}a{color:inherit}button:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:5px}
.top{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding:20px clamp(18px,5vw,72px);gap:14px}.brand{font:18px/1.2 'DM Serif Display',Georgia,serif;letter-spacing:.14em;text-decoration:none}.top nav{display:flex;gap:25px}.top nav a{font-size:11px;letter-spacing:.16em;text-transform:uppercase;text-decoration:none;color:var(--muted)}.top a:hover{color:var(--accent)}
.hero{min-height:610px;position:relative;display:grid;grid-template-columns:minmax(290px,.98fr) minmax(300px,1.02fr);align-items:center;gap:clamp(35px,6vw,115px);padding:65px clamp(22px,7vw,120px) 90px;background:radial-gradient(ellipse at 82% 20%,#3d41334b 0,transparent 56%),linear-gradient(150deg,#171e1b,#0e1514 80%);overflow:hidden}
.hero:before{content:'';position:absolute;width:100%;height:100%;inset:0;background:linear-gradient(90deg,transparent 49.9%,#cdb38b0d 50%,transparent 50.1%);background-size:65px 65px;opacity:.2;pointer-events:none}
.hero-copy,.hero-art{z-index:1;min-width:0}.eyebrow,.kicker{font-size:11px;letter-spacing:.21em;text-transform:uppercase;color:var(--accent);font-weight:700}.hero h1{font:clamp(52px,5.1vw,92px)/.99 'DM Serif Display',Georgia,serif;letter-spacing:-.035em;margin:20px 0 25px;max-width:740px}.hero h1 em{font-style:italic;color:var(--accent)}.lead{font:clamp(18px,2vw,23px)/1.52 'DM Serif Display',Georgia,serif;color:#dacdb7;max-width:510px}.intro-note{color:var(--muted);max-width:500px;font-size:14px}.scroll{display:inline-block;margin-top:25px;font-size:11px;letter-spacing:.17em;text-transform:uppercase;text-decoration:none;border-bottom:1px solid var(--accent);padding:0 0 8px;color:var(--accent)}
.hero-art{position:relative;padding:20px 24px 35px;background:linear-gradient(135deg,#b99e6b13,#0003);border:1px solid #ddc39b30;box-shadow:0 30px 100px #0008;transform:rotate(1.2deg)}
.hero-art:before{content:'';position:absolute;width:calc(100% - 14px);height:calc(100% - 14px);inset:7px;border:1px solid #cdb38b13;pointer-events:none}.main-photo{display:block;width:100%;height:auto;image-rendering:auto;filter:sepia(.04);box-shadow:0 12px 40px #0007}.photo-note{font:11px/1.5 'DM Sans',sans-serif;letter-spacing:.05em;color:#bfb19a;margin-top:14px}.photo-no{position:absolute;top:-14px;right:25px;background:#a58b61;color:#171a16;padding:6px 16px;font-size:10px;letter-spacing:.13em;text-transform:uppercase;font-weight:700}
.paper-band{background:#1b2420;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:21px clamp(22px,7vw,120px);display:flex;justify-content:space-between;gap:20px;font-size:11px;color:#b7ad9f;letter-spacing:.16em;text-transform:uppercase;flex-wrap:wrap}
.examine{max-width:1300px;margin:0 auto;padding:105px clamp(20px,5vw,70px) 85px}.section-head{max-width:670px;margin-bottom:50px}.section-head h2{font:clamp(40px,4vw,68px)/1.12 'DM Serif Display',serif;letter-spacing:-.03em;margin:10px 0 20px}.section-head p{color:var(--muted);font-size:16px;max-width:580px}
.study{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(310px,.8fr);gap:clamp(20px,4vw,65px);align-items:stretch}
.study-image{position:relative;background:#161c18;border:1px solid #c4ab8545;display:flex;flex-direction:column;justify-content:center;padding:clamp(14px,3vw,40px);min-height:420px;isolation:isolate;overflow:hidden}.study-image::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at center,#dcc9a50c,transparent 64%);z-index:-1}.study-image img{width:100%;height:auto;max-width:620px;align-self:center;box-shadow:0 8px 50px #0006}.study-image figcaption{font-size:11px;letter-spacing:.08em;color:var(--muted);margin:20px 0 0}.study-image:after{content:'ARCHIVE / 01';position:absolute;top:14px;left:18px;color:var(--accent);font-size:10px;letter-spacing:.16em}
.detail-panel{display:flex;flex-direction:column;justify-content:space-between;background:#222b25;padding:clamp(22px,3vw,45px);border:1px solid #c4ab8533;min-height:420px}
.detail-panel h3{font:clamp(31px,3vw,49px)/1.06 'DM Serif Display',serif;margin:14px 0 23px}.detail-panel p{color:#c8bba7;font-size:16px;line-height:1.8;max-width:490px}.detail-n{font:12px/1.2 'DM Sans',sans-serif;color:var(--accent);letter-spacing:.14em}.selector{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:26px}.selector button{cursor:pointer;background:transparent;color:var(--muted);border:1px solid #cdb38b40;text-align:left;padding:12px 13px;font-size:12px;transition:all .18s;min-height:51px}.selector button:hover,.selector button[aria-pressed=true]{background:#dac49722;color:var(--paper);border-color:var(--accent)}.selector button small{font-size:10px;color:var(--accent);margin-right:6px}
.note-grid{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:#cdb38b23;max-width:1220px;margin:50px auto 0;border:1px solid #cdb38b23}.note-grid>div{background:#16201c;padding:29px 33px}.note-grid h4{font-size:11px;text-transform:uppercase;color:var(--accent);letter-spacing:.16em;margin:0 0 15px}.note-grid p{color:var(--muted);margin:0;font-size:14px}
.ending{padding:78px 22px 95px;text-align:center;background:linear-gradient(#18221e,#101716);border-top:1px solid #cdb38b23}.ending blockquote{font:clamp(26px,3.8vw,49px)/1.23 'DM Serif Display',serif;max-width:770px;margin:20px auto 35px}.links{display:flex;align-items:center;justify-content:center;gap:18px;flex-wrap:wrap}.links a{text-decoration:none;border-bottom:1px solid #cdb38b7d;color:var(--accent);font-size:13px;padding:5px}.private{color:var(--muted);font-size:12px;margin:35px auto 0;max-width:620px}.bottom{display:flex;justify-content:space-between;gap:18px;padding:22px clamp(22px,6vw,90px);font-size:11px;color:var(--muted);border-top:1px solid var(--line)}
@media(max-width:900px){.hero{grid-template-columns:1fr;min-height:auto;padding-top:76px;gap:42px}.hero h1{max-width:740px}.hero-art{width:min(600px,100%);margin:auto;transform:none}.study{grid-template-columns:1fr}.detail-panel{min-height:345px}.study-image{min-height:250px}}
@media(max-width:530px){.top{padding:17px 19px}.top nav{gap:13px}.top nav a{font-size:9px}.hero{padding:58px 20px 65px}.hero h1{font-size:56px}.hero-art{padding:12px 14px 20px}.paper-band{font-size:9px;gap:8px}.examine{padding-top:65px}.section-head h2{font-size:43px}.detail-panel{padding:26px 19px}.note-grid{grid-template-columns:1fr}.bottom{flex-direction:column}.selector button{padding:11px 9px;font-size:11px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important}}