@import"https://fonts.googleapis.com/css2?family=Fraunces:ital,opsz,wght,SOFT@0,9..144,300..900,0..100;1,9..144,300..900,0..100&family=Newsreader:ital,opsz,wght@0,6..72,200..800;1,6..72,200..800&family=Geist+Mono:wght@300..700&display=swap";:root{--midnight: #0a141c;--eclipse: #1a242e;--parchment: #ecdfc6;--bone: #d8cdb3;--brass: #a07840;--brass-dim: #6e5530;--vinyl-red: #7c2e1f;--teal-shadow: #2a4048;--font-display: "Fraunces", Georgia, serif;--font-body: "Newsreader", "EB Garamond", Georgia, serif;--font-mono: "Geist Mono", "Courier New", monospace}*{margin:0;padding:0;box-sizing:border-box}html,body{background:var(--midnight);color:var(--parchment);font-family:var(--font-body);font-weight:350;font-size:17px;line-height:1.55;-webkit-font-smoothing:antialiased;letter-spacing:.005em}body{min-height:100vh;overflow-x:hidden}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto;display:block}.grain{position:fixed;inset:0;pointer-events:none;z-index:9000;mix-blend-mode:overlay;opacity:.12;background-image:url("data:image/svg+xml;utf8,<svg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.95' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 0.9, 0 0 0 0 0.85, 0 0 0 0 0.7, 0 0 0 0.9 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>");background-size:220px;animation:grain-shift 1.2s steps(8) infinite}@keyframes grain-shift{0%,to{transform:translate(0)}10%{transform:translate(-3%,-2%)}20%{transform:translate(2%,4%)}30%{transform:translate(-4%,2%)}40%{transform:translate(3%,-3%)}50%{transform:translate(-2%,3%)}60%{transform:translate(4%,-1%)}70%{transform:translate(-1%,4%)}80%{transform:translate(2%,-3%)}90%{transform:translate(-3%,1%)}}.landing-canvas{position:fixed;inset:0;z-index:0}.landing{position:relative;z-index:1;min-height:100vh;display:grid;grid-template-rows:auto 1fr auto;padding:2.5rem 3rem;pointer-events:none}.landing>*{pointer-events:auto}.landing-nav{display:flex;justify-content:space-between;align-items:center}.landing-nav__brand{font-family:var(--font-display);font-variation-settings:"opsz" 144,"SOFT" 80,"wght" 380;font-size:1.4rem;font-style:italic;color:var(--parchment)}.landing-nav__links{display:flex;gap:2.5rem;font-family:var(--font-mono);font-size:.7rem;letter-spacing:.18em;text-transform:uppercase;color:var(--bone)}.landing-nav__links a{position:relative;padding-bottom:.2rem;transition:color .4s ease}.landing-nav__links a:after{content:"";position:absolute;inset-inline:0;bottom:0;height:1px;background:var(--brass);transform:scaleX(0);transform-origin:left;transition:transform .5s cubic-bezier(.4,0,.2,1)}.landing-nav__links a:hover{color:var(--brass)}.landing-nav__links a:hover:after{transform:scaleX(1)}.landing-hero{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:4rem 0;max-width:920px}.landing-hero__eyebrow{font-family:var(--font-mono);font-size:.7rem;letter-spacing:.3em;text-transform:uppercase;color:var(--brass);margin-bottom:2.5rem;display:flex;align-items:center;gap:1rem}.landing-hero__eyebrow:before{content:"";width:3rem;height:1px;background:var(--brass)}.landing-hero__title{font-family:var(--font-display);font-variation-settings:"opsz" 144,"SOFT" 100,"wght" 280;font-style:italic;font-size:clamp(3.5rem,11vw,9rem);line-height:.92;letter-spacing:-.02em;color:var(--parchment);margin-bottom:2.5rem;text-shadow:0 0 40px rgba(160,120,64,.18)}.landing-hero__title em{font-variation-settings:"opsz" 144,"SOFT" 0,"wght" 320;font-style:italic;color:var(--brass);font-size:.88em}.landing-hero__subtitle{font-family:var(--font-body);font-size:clamp(1.15rem,1.5vw,1.4rem);line-height:1.45;font-weight:300;font-style:italic;color:var(--bone);max-width:540px;margin-bottom:4rem}.enter-button{position:relative;background:transparent;border:none;color:var(--parchment);cursor:pointer;padding:1.5rem 0;display:flex;align-items:center;gap:1.5rem;font-family:var(--font-display);font-variation-settings:"opsz" 72,"SOFT" 50,"wght" 360;font-style:italic;font-size:clamp(1.5rem,2.4vw,2.1rem);transition:color .4s ease,gap .4s ease}.enter-button:after{content:"";position:absolute;bottom:1rem;left:0;width:100%;height:1px;background:var(--parchment);transform-origin:left;transform:scaleX(1);transition:transform .6s cubic-bezier(.7,0,.3,1)}.enter-button:hover{color:var(--brass);gap:2.5rem}.enter-button:hover:after{background:var(--brass)}.enter-button__arrow{display:inline-block;font-family:var(--font-mono);font-size:1.5rem;letter-spacing:0;transition:transform .5s cubic-bezier(.7,0,.3,1)}.enter-button:hover .enter-button__arrow{transform:translate(.6rem)}.enter-button__hint{position:absolute;top:calc(100% + .8rem);left:0;font-family:var(--font-mono);font-size:.65rem;letter-spacing:.25em;text-transform:uppercase;color:var(--brass-dim);font-style:normal}.landing-footer{display:flex;justify-content:space-between;align-items:flex-end;font-family:var(--font-mono);font-size:.65rem;letter-spacing:.2em;text-transform:uppercase;color:var(--brass-dim)}.landing-footer__corner{display:flex;flex-direction:column;gap:.4rem}.landing-footer__corner span:first-child{color:var(--bone)}.experience-shell{position:fixed;inset:0;z-index:0}.experience-overlay{position:relative;z-index:5;pointer-events:none}.experience-overlay>*{pointer-events:auto}.period-overlay{min-height:250vh;padding:12rem 4rem;display:grid;align-items:center;position:relative}@media(max-width:900px){.period-overlay{padding:6rem 1.5rem}}.period-overlay__inner{max-width:1280px;margin:0 auto;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.4fr);gap:8rem;align-items:center}@media(max-width:900px){.period-overlay__inner{grid-template-columns:1fr;gap:3rem}}.period-overlay__eyebrow{font-family:var(--font-mono);font-size:.7rem;letter-spacing:.3em;text-transform:uppercase;color:var(--brass);margin-bottom:1.6rem;display:flex;align-items:center;gap:1rem}.period-overlay__eyebrow:before{content:"";width:3rem;height:1px;background:var(--brass)}.period-overlay__year{font-family:var(--font-display);font-variation-settings:"opsz" 144,"SOFT" 100,"wght" 240;font-style:italic;font-size:clamp(5rem,14vw,11rem);line-height:.85;letter-spacing:-.04em;color:var(--parchment);text-shadow:0 0 60px rgba(160,120,64,.18);margin-bottom:.6rem}.period-overlay__subhead{font-family:var(--font-display);font-variation-settings:"opsz" 72,"SOFT" 50,"wght" 320;font-style:italic;font-size:clamp(1.3rem,2vw,1.8rem);color:var(--brass);margin-bottom:2.5rem;max-width:30rem}.period-overlay__framing{font-family:var(--font-body);font-size:clamp(1.05rem,1.4vw,1.25rem);font-style:italic;line-height:1.6;color:var(--bone);max-width:36rem;margin-bottom:3rem}.period-overlay__items{display:grid;grid-template-columns:repeat(12,1fr);gap:2rem;align-content:start}.period-overlay__hero{grid-column:1 / -1;position:relative;margin-bottom:2rem}.period-overlay__hero img{width:100%;height:auto;filter:sepia(.35) saturate(.85) brightness(.92) contrast(1.05);border-radius:2px;box-shadow:0 40px 120px -30px #000c,inset 0 0 0 1px #a078402e}.period-overlay__hero:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 60%,rgba(10,20,28,.4));pointer-events:none;border-radius:2px}.period-overlay__hero figcaption{font-family:var(--font-mono);font-size:.7rem;letter-spacing:.22em;text-transform:uppercase;color:var(--brass);margin-top:1rem}.period-overlay__item{grid-column:span 6;padding-top:1.5rem;border-top:1px solid rgba(160,120,64,.22)}.period-overlay__item--full{grid-column:1 / -1}.period-overlay__item-kind{display:block;font-family:var(--font-mono);font-size:.65rem;letter-spacing:.25em;text-transform:uppercase;color:var(--brass);margin-bottom:.6rem}.period-overlay__item-title{font-family:var(--font-display);font-variation-settings:"opsz" 72,"SOFT" 50,"wght" 460;font-style:italic;font-size:1.4rem;color:var(--parchment);line-height:1.15;margin-bottom:.6rem}.period-overlay__item--contextual .period-overlay__item-title{font-variation-settings:"opsz" 72,"SOFT" 50,"wght" 320;color:var(--bone);font-size:1.15rem}.period-overlay__item-caption{font-family:var(--font-body);font-style:italic;color:var(--bone);font-size:.95rem;line-height:1.5}.period-overlay__item-provenance{display:block;font-family:var(--font-mono);font-size:.62rem;letter-spacing:.2em;text-transform:uppercase;color:var(--brass-dim);margin-top:.8rem}.period-chrome{position:fixed;inset-inline:0;z-index:50;display:flex;justify-content:space-between;align-items:center;padding:1.6rem 3rem;pointer-events:none}.period-chrome>*{pointer-events:auto}.period-chrome--top{top:0;background:linear-gradient(180deg,rgba(10,20,28,.85),transparent)}.period-chrome--bottom{bottom:0;background:linear-gradient(0deg,rgba(10,20,28,.85),transparent)}.period-chrome__brand{font-family:var(--font-display);font-variation-settings:"opsz" 72,"SOFT" 80,"wght" 380;font-style:italic;font-size:1.1rem;color:var(--parchment)}.period-chrome__progress{font-family:var(--font-mono);font-size:.65rem;letter-spacing:.25em;text-transform:uppercase;color:var(--brass);display:flex;align-items:center;gap:1.2rem}.period-chrome__counter{color:var(--bone)}.audio-toggle{background:#0a141cb3;backdrop-filter:blur(20px);border:1px solid rgba(160,120,64,.3);color:var(--parchment);font-family:var(--font-mono);font-size:.65rem;letter-spacing:.22em;text-transform:uppercase;padding:.7rem 1.1rem;cursor:pointer;display:flex;align-items:center;gap:.7rem;transition:background-color .4s ease,border-color .4s ease}.audio-toggle:hover{background:#0a141cf2;border-color:var(--brass)}.audio-toggle__dot{width:7px;height:7px;border-radius:50%;background:var(--brass-dim);transition:background-color .3s ease,box-shadow .3s ease}.audio-toggle--on .audio-toggle__dot{background:var(--brass);box-shadow:0 0 12px var(--brass)}.yinyang-stage{display:grid;grid-template-columns:1fr;place-items:center;width:100%;max-width:760px;margin:0 auto;position:relative;padding:4rem 0}.yinyang-stage__intro{text-align:center;margin-bottom:4rem;max-width:36rem}.yinyang-stage__eyebrow{font-family:var(--font-mono);font-size:.7rem;letter-spacing:.3em;text-transform:uppercase;color:var(--brass);margin-bottom:1.6rem;display:inline-flex;align-items:center;gap:1rem}.yinyang-stage__intro h2{font-family:var(--font-display);font-variation-settings:"opsz" 144,"SOFT" 100,"wght" 280;font-style:italic;font-size:clamp(2.5rem,5vw,4rem);line-height:1;color:var(--parchment);margin-bottom:1.5rem}.yinyang-stage__intro p{font-family:var(--font-body);font-style:italic;font-size:1.1rem;line-height:1.55;color:var(--bone)}.yinyang-svg{width:min(85vw,580px);height:auto;display:block;margin:0 auto;filter:drop-shadow(0 0 60px rgba(160,120,64,.15))}.yinyang-stage__readout{margin-top:3.5rem;text-align:center;min-height:7rem}.yinyang-stage__position-num{font-family:var(--font-mono);font-size:.75rem;letter-spacing:.4em;color:var(--brass);margin-bottom:.6rem}.yinyang-stage__position-label{font-family:var(--font-display);font-variation-settings:"opsz" 72,"SOFT" 80,"wght" 380;font-style:italic;font-size:clamp(1.6rem,2.5vw,2.2rem);color:var(--parchment);line-height:1.15;margin-bottom:.6rem;transition:opacity .4s ease}.yinyang-stage__position-side{font-family:var(--font-body);font-style:italic;font-size:.95rem;color:var(--bone);max-width:28rem;margin:0 auto}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.grain{animation:none}}.wm-compound{display:inline-block;position:relative;max-width:100%;cursor:pointer;isolation:isolate}.wm-compound:before{content:"";position:absolute;inset:-5%;background:var(--washi);z-index:0;pointer-events:none;-webkit-mask:radial-gradient(ellipse 50% 45% at center,black 55%,transparent 100%);mask:radial-gradient(ellipse 50% 45% at center,black 55%,transparent 100%)}.wm-compound .wm-sig-overlay{display:none}.wm-compound .wm-sig{display:block;position:relative;z-index:2;width:100%;aspect-ratio:3451 / 719;user-select:none;mix-blend-mode:multiply}.wm-compound .wm-org-svg{display:block;width:100%;height:auto;margin-top:6px}.wordmark{margin-bottom:28px}.wordmark .wm-compound{width:clamp(280px,60vw,800px)}.wordmark .wm-org-svg{color:var(--brass)}.landing-nav__brand .wm-compound{width:180px;vertical-align:middle}.landing-nav__brand .wm-org-svg{display:none}.period-chrome__brand .wm-compound{width:140px;vertical-align:middle}.period-chrome__brand .wm-org-svg{display:none}.colophon-mark{margin-top:36px}.colophon-mark .wm-compound{width:clamp(220px,36vw,460px)}.colophon-mark .wm-sig{background-color:var(--parchment)}.colophon-mark .wm-org-svg{color:var(--parchment);opacity:.88}#ink-canvas{position:fixed;inset:0;width:100vw;height:100vh;z-index:0;pointer-events:none;background:transparent;mix-blend-mode:screen;opacity:.22;display:block;will-change:opacity;-webkit-transform:translateZ(0);transform:translateZ(0)}