:root{color-scheme:dark;--bg:#090909;--panel:#11110f;--panel2:#171613;--gold:#d7b76c;--gold2:#ead8a8;--ink:#f1ecdf;--muted:#aaa292;--line:#383226;--serif:Georgia,Cambria,serif;--sans:Arial,Helvetica,sans-serif}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:86px}
body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
button,input{font:inherit}
button{color:inherit}
.skip{position:fixed;top:12px;left:12px;z-index:20;padding:12px 16px;background:var(--gold);color:#111;transform:translateY(-150%)}
.skip:focus{transform:translateY(0)}
.header{height:82px;padding:0 clamp(22px,6vw,92px);display:flex;align-items:center;gap:36px;border-bottom:1px solid #29251d;background:#090909}
.brand{display:inline-flex;align-items:center;gap:12px;flex-shrink:0}
.brand-mark{position:relative;width:39px;height:39px;border:1px solid var(--gold);border-radius:50%;display:grid;place-items:center;color:var(--gold);font:24px var(--serif)}
.brand-mark span{position:absolute;top:13px;left:17px;font-size:10px;color:#f1e4c4}
.brand>span:last-child{display:grid;gap:4px}
.brand strong{font-size:13px;letter-spacing:.2em}
.brand small{font-size:8px;letter-spacing:.19em;color:#a79b80}
.nav{margin-left:auto;display:flex;gap:clamp(18px,3vw,42px)}
.nav a,.header-index{font-size:10px;color:#c5bdad;transition:color .2s}
.nav a:hover,.header-index:hover{color:var(--gold)}
.header-index{font-size:8px;letter-spacing:.15em;white-space:nowrap}
.header-index span{display:inline-block;width:6px;height:6px;margin-right:7px;border-radius:50%;background:var(--gold);box-shadow:0 0 0 4px #d7b76c18}
.menu-button{display:none}
.hero{position:relative;min-height:700px;padding:74px clamp(22px,9vw,138px) 0;display:grid;grid-template-columns:1fr 1fr;align-items:center;column-gap:7vw;overflow:hidden;background:radial-gradient(ellipse at 76% 43%,#b38d3823,transparent 31%),linear-gradient(110deg,#090909 58%,#0d0c09)}
.hero-copy{position:relative;z-index:1;padding-bottom:58px}
.eyebrow{display:flex;align-items:center;gap:11px;margin:0 0 23px;color:var(--gold);font-size:9px;font-weight:700;letter-spacing:.2em}
.eyebrow>span{width:25px;height:1px;background:var(--gold)}
h1,h2,h3,p{margin-top:0}
.hero h1,.section-head h2,.about h2{margin:0;font:500 clamp(53px,7vw,94px)/.98 var(--serif);letter-spacing:-.05em}
.hero h1 em,.section-head h2 em,.about h2 em{color:var(--gold);font-weight:500}
.hero-lede{max-width:415px;margin:25px 0 0;color:#b3ad9f;font-size:13px;line-height:1.9}
.hero-actions{display:flex;align-items:center;gap:27px;margin-top:30px}
.button{min-height:48px;padding:0 19px;display:inline-flex;align-items:center;gap:28px;background:var(--gold);color:#12110d;font-size:10px;font-weight:700;transition:background .2s,transform .2s}
.button:hover{background:var(--gold2);transform:translateY(-2px)}
.button span,.quiet-link span{font-size:16px}
.quiet-link{display:flex;align-items:center;gap:10px;color:#cfc4a9;font-size:10px}
.quiet-link span{color:var(--gold);transition:transform .2s}
.quiet-link:hover span{transform:translateX(4px)}
.hero-caption{display:flex;align-items:center;gap:13px;margin-top:58px;color:#a69c86;font-size:9px;line-height:1.8}
.hero-caption strong{color:#e7dbc0;font-weight:500}
.caption-star{font-size:24px;color:var(--gold)}
.hero-visual{height:495px;position:relative;display:grid;place-items:center;isolation:isolate}
.orbit{position:absolute;border:1px solid #d7b76c2b;border-radius:50%;transform:rotate(-19deg)}
.orbit-one{inset:6% 5% 8% 6%}
.orbit-two{inset:1% 1% 3% 0;border-style:dashed;border-color:#d7b76c19;transform:rotate(20deg)}
.file-shadow{position:absolute;width:min(62%,310px);height:382px;transform:translate(26px,11px) rotate(7deg);background:#9b7b3e33;border:1px solid #9a7a414f}
.archive-file{position:relative;width:min(63%,306px);height:390px;padding:24px 25px;background:linear-gradient(145deg,#191713,#100f0d);border:1px solid #897144;box-shadow:0 28px 80px #000a;transform:rotate(-3deg)}
.file-top,.file-bottom{display:flex;justify-content:space-between;color:#a69a7c;font-size:7px;letter-spacing:.13em}
.file-top span:first-child{color:var(--gold);font-size:9px;font-weight:700}
.file-line{height:1px;margin-top:13px;background:#5a4b30}
.file-heading{margin:57px 0 0;color:#eee4cd;font:500 38px/1.13 var(--serif);letter-spacing:-.035em}
.file-heading em{color:var(--gold);font-weight:500}
.file-lines{display:grid;gap:11px;margin-top:27px}
.file-lines i{height:1px;background:#4a412f}
.file-lines i:nth-child(2){width:83%}.file-lines i:nth-child(3){width:93%}.file-lines i:nth-child(4){width:64%}
.file-bottom{position:absolute;right:25px;bottom:20px;left:25px;font-size:6px}
.file-stamp{position:absolute;right:-38px;bottom:78px;width:104px;height:104px;border:1px solid #d7b76cbd;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:var(--gold);font-size:6px;letter-spacing:.15em;transform:rotate(11deg);background:#0b0b0beF}
.file-stamp:before{content:'';position:absolute;inset:6px;border:1px dashed #d7b76c7d;border-radius:50%}
.file-stamp b{font:37px/.95 var(--serif);letter-spacing:0}
.file-stamp small{font-size:6px}
.visual-note{position:absolute;right:2%;bottom:5%;color:#b3a98f;font:italic 12px var(--serif)}
.visual-note span{margin-right:10px;color:var(--gold);font:7px var(--sans);letter-spacing:.12em}
.visual-index{position:absolute;top:5%;left:1%;color:#8d805f;font-size:7px;line-height:1.8;letter-spacing:.16em}
.visual-index b{color:var(--gold)}
.hero-foot{grid-column:1/-1;min-height:58px;display:flex;align-items:center;justify-content:space-between;border-top:1px solid #3a3223;color:#8e846f;font-size:8px;font-weight:600;letter-spacing:.17em}
.section{padding:112px clamp(22px,9vw,138px)}
.collection{background:#10100f}
.section-head{display:flex;align-items:end;justify-content:space-between;gap:40px}
.section-head .eyebrow{margin-bottom:18px}
.section-head h2,.about h2{font-size:clamp(44px,5vw,66px)}
.section-intro{max-width:345px;margin:0 0 5px;color:#aaa292;font-size:11px;line-height:1.85}
.catalog-tools{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:42px;padding:18px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.search{width:min(330px,100%);height:40px;padding:0 12px;display:flex;align-items:center;gap:10px;background:#171613;border:1px solid #4b412e;color:var(--gold)}
.search>span{font:20px var(--serif)}
.search input{width:100%;border:0;outline:0;background:transparent;color:var(--ink);font-size:10px}
.search input::placeholder{color:#928a79}
.search kbd{color:#8b8069;font-size:9px}
.filters{display:flex;flex-wrap:wrap;gap:7px}
.filter{padding:9px 13px;border:1px solid #49402f;background:transparent;color:#c2b9a7;font-size:9px;cursor:pointer;transition:.2s}
.filter:hover,.filter.active{border-color:var(--gold);background:var(--gold);color:#15130e}
.catalog-count{margin:18px 0 0;color:#9e947d;font-size:9px;letter-spacing:.1em}
.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;margin-top:15px}
.record{min-height:214px;padding:18px;display:flex;flex-direction:column;text-align:left;border:1px solid #3c3528;background:linear-gradient(145deg,#171613,#11110f);cursor:pointer;animation:rise .45s both;animation-delay:var(--delay);transition:transform .2s,border-color .2s,background .2s}
.record:hover{transform:translateY(-4px);border-color:var(--gold);background:linear-gradient(145deg,#201c14,#12110f)}
.record-top,.record-bottom{display:flex;align-items:center;justify-content:space-between;gap:12px}
.record-symbol{width:35px;height:35px;border:1px solid #655333;border-radius:50%;display:grid;place-items:center;color:var(--gold);font:17px var(--serif)}
.record-label{color:#b8a779;font-size:8px;letter-spacing:.14em;text-transform:uppercase}
.record-title{margin-top:22px;color:#f0e7d3;font:500 20px/1.24 var(--serif)}
.record-type{margin-top:7px;color:#9f9889;font-size:9px}
.record-bottom{margin-top:auto;padding-top:19px;color:#a19373;font-size:8px}
.record-arrow{color:var(--gold);font-size:16px}
.empty{grid-column:1/-1;padding:40px;border:1px dashed #655333;color:#c6b88e;text-align:center;font:20px var(--serif)}
.catalog-note{display:flex;align-items:flex-start;gap:12px;margin:26px 0 0;padding:14px 16px;border-left:2px solid var(--gold);background:#d7b76c0c;color:#bdb39e;font-size:9px;line-height:1.7}
.catalog-note span{color:var(--gold);font-size:15px}
.timeline{background:#0b0b0a}
.timeline-head{margin-bottom:46px}
.timeline-list{border-top:1px solid var(--line)}
.timeline-list article{min-height:124px;display:grid;grid-template-columns:180px 1fr 55px;align-items:center;gap:24px;border-bottom:1px solid var(--line)}
.timeline-list article>span{color:var(--gold);font-size:9px;font-weight:700;letter-spacing:.16em}
.timeline-list h3{margin:0 0 7px;color:#e9e0cd;font:500 20px var(--serif)}
.timeline-list p{max-width:650px;margin:0;color:#a79f90;font-size:10px;line-height:1.7}
.timeline-list article>b{justify-self:end;color:#655637;font:25px var(--serif)}
.about{display:grid;grid-template-columns:1fr 1fr;gap:10vw;background:#151411}
.about-title{position:relative}
.about-title .eyebrow{margin-bottom:22px}
.about h2{color:#f0e9db}
.seal{position:absolute;right:7%;bottom:4%;width:83px;height:83px;border:1px solid #d7b76c88;border-radius:50%;display:grid;place-content:center;text-align:center;color:var(--gold);font:30px var(--serif);transform:rotate(10deg)}
.seal:after{content:'';position:absolute;inset:5px;border:1px dashed #d7b76c66;border-radius:50%}
.seal small{margin-top:4px;font:6px/1.5 var(--sans);letter-spacing:.14em}
.about-copy{align-self:center;padding-top:19px}
.about-copy p{color:#b5ad9d;font-size:11px;line-height:1.9}
.about-copy .about-lede{margin-bottom:22px;color:#eee5d2;font:500 21px/1.55 var(--serif)}
.text-arrow{display:inline-flex;align-items:center;gap:18px;margin-top:10px;color:#e2d3ae;font-size:10px}
.text-arrow span{color:var(--gold);font-size:17px}
.method{background:#0f0f0e}
.principles{display:grid;grid-template-columns:repeat(3,1fr);margin-top:55px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.principles article{min-height:228px;padding:25px 25px 28px 0;position:relative}
.principles article+article{padding-left:25px;border-left:1px solid var(--line)}
.principles article>span{color:var(--gold);font-size:9px;letter-spacing:.15em}
.principle-icon{margin-top:19px;color:var(--gold);font:30px var(--serif)}
.principles h3{margin:12px 0 8px;color:#eee5d2;font:500 19px var(--serif)}
.principles p{max-width:250px;margin:0;color:#a79f90;font-size:10px;line-height:1.8}
.closing{min-height:140px;padding:22px clamp(22px,9vw,138px);display:flex;align-items:center;gap:20px;background:#171510;border-top:1px solid #493e29;border-bottom:1px solid #493e29}
.closing>span{color:var(--gold);font-size:27px}
.closing p{margin:0;color:#b8ad96;font-size:10px;line-height:1.8;letter-spacing:.12em}
.closing strong{color:#eee3c8}
.closing>a{margin-left:auto;width:40px;height:40px;border:1px solid #756342;border-radius:50%;display:grid;place-items:center;color:var(--gold);font-size:20px;transition:.2s}
.closing>a:hover{background:var(--gold);color:#111}
.footer{min-height:130px;padding:29px clamp(22px,6vw,92px);display:flex;align-items:center;gap:38px;background:#050505}
.footer>p{margin:0;color:#a99f8a;font:italic 13px var(--serif)}
.copyright{margin-left:auto;color:#8c826e;font-size:8px;letter-spacing:.13em}
.detail{width:min(560px,calc(100% - 32px));max-width:none;padding:37px;border:1px solid #756343;background:#11110f;color:var(--ink);box-shadow:0 25px 90px #000b}
.detail::backdrop{background:#000b;backdrop-filter:blur(4px)}
.detail form{margin:0}
.close{position:absolute;top:13px;right:14px;width:34px;height:34px;border:1px solid #53462f;border-radius:50%;background:transparent;color:var(--gold);font-size:22px;cursor:pointer}
.detail-kicker{margin:0 0 12px;color:var(--gold);font-size:8px;letter-spacing:.16em;text-transform:uppercase}
.detail h2{margin:0;color:#f0e6d0;font:500 34px/1.15 var(--serif)}
.detail-description{margin:16px 0 23px;color:#bbb19d;font-size:11px;line-height:1.8}
.detail-context{margin:-10px 0 23px;padding-left:14px;border-left:1px solid #6d5933;color:#a79f90;font-size:10px;line-height:1.85}
.detail dl{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;padding-top:17px;border-top:1px solid var(--line)}
.detail dl div{display:grid;gap:6px}
.detail dt{color:#948362;font-size:8px;letter-spacing:.13em;text-transform:uppercase}
.detail dd{margin:0;color:#e3d8c0;font-size:10px;line-height:1.5}
.detail-sources{display:flex;flex-wrap:wrap;gap:9px;margin-top:22px}
.detail-sources a{display:inline-flex;align-items:center;min-height:38px;padding:0 13px;border:1px solid #756343;color:#e1d2ac;font-size:9px;line-height:1.4;transition:.2s}
.detail-sources a:hover{border-color:var(--gold);background:#d7b76c14;color:var(--gold2)}
:focus-visible{outline:2px solid var(--gold);outline-offset:3px}
@keyframes rise{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:950px){.header{gap:18px}.hero{column-gap:4vw}.hero-visual{height:420px}.cards{grid-template-columns:repeat(2,minmax(0,1fr))}.header-index{display:none}.section{padding-top:88px;padding-bottom:88px}}
@media(max-width:700px){.header{height:70px;padding:0 20px;justify-content:space-between}.menu-button{display:flex;align-items:center;gap:9px;border:0;background:none;color:var(--gold);font-size:10px}.menu-button span{font-size:17px}.nav{display:none;position:absolute;top:70px;left:0;right:0;z-index:5;margin:0;padding:18px 22px 22px;flex-direction:column;gap:17px;background:#0d0d0c;border-bottom:1px solid var(--line)}.nav.open{display:flex}.hero{padding:58px 22px 0;grid-template-columns:1fr;min-height:0}.hero-copy{padding-bottom:28px}.hero h1{font-size:68px}.hero-visual{height:365px}.archive-file{width:235px;height:325px;padding:19px}.file-heading{margin-top:46px;font-size:32px}.file-stamp{right:-30px;bottom:53px;width:83px;height:83px}.file-stamp b{font-size:30px}.file-bottom{right:19px;left:19px}.hero-foot{min-height:52px;font-size:6px;letter-spacing:.08em}.hero-foot span:last-child{display:none}.section{padding:75px 22px}.section-head{align-items:flex-start;flex-direction:column;gap:20px}.section-head h2,.about h2{font-size:48px}.section-intro{font-size:10px}.catalog-tools{align-items:stretch;flex-direction:column;margin-top:27px}.search{width:100%}.filters{gap:6px}.filter{padding:8px 10px;font-size:8px}.cards{grid-template-columns:1fr}.record{min-height:180px}.timeline-head{margin-bottom:28px}.timeline-list article{min-height:0;padding:21px 0;grid-template-columns:1fr auto;gap:12px}.timeline-list article>span{grid-column:1/-1}.timeline-list article>div{grid-column:1}.timeline-list article>b{grid-column:2;grid-row:2}.timeline-list h3{font-size:18px}.about{grid-template-columns:1fr;gap:30px}.about-title{min-height:270px}.seal{right:2%;bottom:0}.about-copy{padding-top:0}.principles{grid-template-columns:1fr;margin-top:35px}.principles article,.principles article+article{min-height:0;padding:23px 0;border-left:0;border-bottom:1px solid var(--line)}.principles article:last-child{border-bottom:0}.principle-icon{margin-top:12px}.closing{min-height:115px;padding:20px 22px}.footer{padding:24px 22px;align-items:flex-start;flex-direction:column;gap:18px}.footer>p{font-size:12px}.copyright{margin:0}.detail{padding:32px 23px}.detail h2{font-size:28px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}