:root{--bg:#07080a;--paper:#f2f0ea;--ink:#f5f3ed;--muted:#aaa9a6;--accent:#ff5b71;--accent-2:#35dce0;--panel:#121318;--line:rgba(255,255,255,.18);--serif:'Iowan Old Style','Baskerville','Times New Roman',serif;--sans:Inter,'Helvetica Neue',Arial,sans-serif;color-scheme:dark}
*{box-sizing:border-box}
html{scroll-behavior:smooth;background:var(--bg)}
body{margin:0;background:var(--bg);color:var(--ink);font:400 1rem/1.65 var(--sans);overflow-x:hidden;transition:background .7s ease,color .7s ease}
body[data-mood="bright"]{--bg:#15100f;--accent:#ff523d;--accent-2:#ffc629}
body[data-mood="bold"]{--bg:#08050c;--accent:#e844ff;--accent-2:#52f6ff}
body[data-mood="light"]{--bg:#e9f5f3;--ink:#101114;--muted:#5f6263;--panel:#dbecea;--line:rgba(10,12,13,.2);--accent:#006cff;--accent-2:#ff4f91;color-scheme:light}
a{color:inherit;text-decoration:none}
button{font:inherit}
.skip-link{position:fixed;z-index:100;left:1rem;top:1rem;padding:.75rem 1rem;background:var(--paper);color:#08090b;transform:translateY(-160%)}
.skip-link:focus{transform:none}
.noise{position:fixed;inset:0;pointer-events:none;z-index:20;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}
.site-header{height:90px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:2rem;padding:0 clamp(1.25rem,4vw,4.5rem);border-bottom:1px solid var(--line);position:relative;z-index:10}
.wordmark{display:flex;align-items:center;font-weight:600;letter-spacing:.1em;font-size:1.3rem;width:max-content}.wordmark i{display:block;width:12px;height:12px;border:1px solid var(--accent);border-radius:50%;margin:0 .18rem;box-shadow:0 0 18px var(--accent)}
nav{display:flex;gap:2rem;font-size:.8rem;text-transform:uppercase;letter-spacing:.12em}nav a{position:relative}nav a:after{content:"";position:absolute;left:0;right:100%;bottom:-.35rem;height:1px;background:var(--accent);transition:.3s}nav a:hover:after,nav a:focus-visible:after{right:0}
.issue{justify-self:end;font-size:.72rem;text-transform:uppercase;letter-spacing:.15em;color:var(--muted)}
.mirror{min-height:calc(100svh - 90px);display:grid;grid-template-columns:minmax(0,1.05fr) minmax(300px,.95fr);position:relative}
.mirror-copy{padding:clamp(3.5rem,8vw,8rem) clamp(1.25rem,5vw,6rem) 7rem;display:flex;flex-direction:column;justify-content:center;position:relative;z-index:2}
.eyebrow,.section-no{text-transform:uppercase;letter-spacing:.18em;font-size:.7rem;color:var(--muted)}
h1,h2,h3,p{margin-top:0}
h1{font:400 clamp(3.4rem,7.8vw,8.5rem)/.93 var(--serif);letter-spacing:-.045em;margin:.5rem 0 2rem;white-space:nowrap}
h1 em,h2 em{font-style:italic;color:var(--accent);text-shadow:0 0 30px color-mix(in srgb,var(--accent),transparent 65%)}
.intro{font-size:clamp(1.05rem,1.5vw,1.35rem);max-width:36rem;color:var(--muted);min-height:3.5rem}
.mood-panel{margin-top:3rem}.mood-panel>p{text-transform:uppercase;letter-spacing:.15em;font-size:.68rem;color:var(--muted);margin-bottom:.8rem}
.mood-tabs{display:flex;flex-wrap:wrap;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.mood-button{appearance:none;border:0;border-right:1px solid var(--line);background:transparent;color:var(--muted);padding:1rem 1.2rem;cursor:pointer;transition:.3s}.mood-button span{font-size:.58rem;vertical-align:top;margin-right:.45rem}.mood-button:hover,.mood-button:focus-visible,.mood-button.is-active{background:var(--accent);color:#08090b}.mood-button:focus-visible{outline:2px solid var(--accent-2);outline-offset:3px}
.hero-visual{margin:0;min-height:650px;position:relative;border-left:1px solid var(--line);overflow:hidden;background:var(--panel)}
.image-frame{position:absolute;inset:0;overflow:hidden}.image-frame:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 50%,rgba(0,0,0,.64)),linear-gradient(100deg,color-mix(in srgb,var(--accent),transparent 80%),transparent 45%);mix-blend-mode:screen;transition:.7s}
.image-frame img{width:100%;height:100%;object-fit:cover;filter:saturate(.86) contrast(1.08);transform:scale(1.025);transition:filter .7s,transform 1.2s}.hero-visual:hover img{transform:scale(1.055)}
.hero-visual figcaption{position:absolute;left:2rem;right:2rem;bottom:2rem;display:flex;justify-content:space-between;gap:1rem;text-transform:uppercase;letter-spacing:.14em;font-size:.65rem;line-height:1.6;color:#fff}
.scroll-cue{position:absolute;left:clamp(1.25rem,5vw,6rem);bottom:2rem;text-transform:uppercase;letter-spacing:.15em;font-size:.65rem}.scroll-cue span{display:inline-block;margin-left:.5rem;color:var(--accent);animation:bob 1.5s infinite}@keyframes bob{50%{transform:translateY(.35rem)}}
.manifest{padding:clamp(6rem,12vw,12rem) clamp(1.25rem,5vw,6rem);border-top:1px solid var(--line)}
.manifest-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:clamp(3rem,8vw,10rem);align-items:start;margin-top:3rem}
h2{font:400 clamp(2.6rem,6vw,6.6rem)/1.04 var(--serif);letter-spacing:-.035em;margin-bottom:2rem}
.manifest-grid .lead{font:400 clamp(1.35rem,2.3vw,2.25rem)/1.35 var(--serif);color:var(--accent)}.manifest-grid div p:last-child{max-width:35rem;color:var(--muted)}
.light-line{height:1px;background:var(--line);margin-top:8rem;position:relative}.light-line span{position:absolute;left:20%;top:-1px;width:35%;height:3px;background:linear-gradient(90deg,transparent,var(--accent),var(--accent-2),transparent);box-shadow:0 0 25px var(--accent)}
.motion{display:grid;grid-template-columns:minmax(320px,.82fr) 1.18fr;border-top:1px solid var(--line);background:var(--panel)}
.motion-image{min-height:850px;position:relative;overflow:hidden}.motion-image img{width:100%;height:100%;object-fit:cover;display:block;filter:saturate(.75) contrast(1.12)}
.orbit{position:absolute;right:-7rem;top:4rem;width:15rem;height:15rem;border:1px solid rgba(255,255,255,.5);border-radius:50%;display:grid;place-items:center;color:#fff;font-size:.55rem;letter-spacing:.18em;padding:2rem;text-align:center;animation:spin 18s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}
.motion-copy{padding:clamp(5rem,9vw,10rem) clamp(1.25rem,7vw,9rem);display:flex;flex-direction:column;justify-content:center}.motion-copy>p:not(.section-no){max-width:39rem;color:var(--muted);font-size:1.08rem}.motion-copy h2{margin-top:2rem}
.texture-notes{margin:4rem 0 0}.texture-notes div{display:grid;grid-template-columns:.55fr 1fr;border-top:1px solid var(--line);padding:1.25rem 0}.texture-notes div:last-child{border-bottom:1px solid var(--line)}.texture-notes dt{text-transform:uppercase;letter-spacing:.12em;font-size:.72rem}.texture-notes dd{margin:0;color:var(--muted)}
.spectrum{padding:clamp(6rem,12vw,12rem) clamp(1.25rem,5vw,6rem)}.spectrum>h2{max-width:72rem;margin:2.5rem 0 5rem}.spectrum-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.spectrum-grid article{padding:2rem;border-right:1px solid var(--line);min-height:260px;transition:.35s}.spectrum-grid article:last-child{border:0}.spectrum-grid article:hover{background:var(--accent);color:#08090b;transform:translateY(-.75rem)}.spectrum-grid span{font-size:.65rem}.spectrum-grid h3{font:400 2.1rem var(--serif);margin:2.5rem 0 1rem}.spectrum-grid p{font-size:.88rem;color:var(--muted)}.spectrum-grid article:hover p{color:#08090b}
.ritual{min-height:90svh;padding:clamp(6rem,12vw,12rem) clamp(1.25rem,8vw,10rem);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:radial-gradient(circle at 50% 45%,color-mix(in srgb,var(--accent),transparent 77%),transparent 35%),var(--bg);border-top:1px solid var(--line)}
.ritual-label{text-transform:uppercase;letter-spacing:.2em;font-size:.65rem;color:var(--muted);margin-bottom:3rem}.ritual h2{font-size:clamp(2.5rem,6vw,6.2rem)}.ritual-steps{width:min(760px,100%);margin:3rem 0}.ritual-steps p{display:flex;gap:1rem;justify-content:center;padding:1rem;border-top:1px solid var(--line);margin:0}.ritual-steps p:last-child{border-bottom:1px solid var(--line)}.ritual-steps span{font-size:.6rem;color:var(--accent)}.closing{font:400 clamp(1.15rem,2vw,1.75rem)/1.5 var(--serif);color:var(--muted)}
footer{padding:4rem clamp(1.25rem,5vw,6rem) 2rem;display:grid;grid-template-columns:1fr 1fr 1fr;gap:3rem;align-items:start;border-top:1px solid var(--line);background:#050608;color:#f4f2ec}.footer-mark{font-size:clamp(2.5rem,5vw,5rem);font-weight:600;line-height:1}.footer-mark span{font-size:.55rem;vertical-align:top}.footer-mark+p{font-size:.82rem;color:#8f9094}.legal-links{display:flex;flex-direction:column;align-items:flex-start;gap:.55rem}.legal-links button{border:0;background:none;color:#c5c4c0;padding:0;cursor:pointer;border-bottom:1px solid transparent;font-size:.82rem}.legal-links button:hover,.legal-links button:focus-visible{color:#fff;border-color:var(--accent)}.copyright{grid-column:1/-1;border-top:1px solid rgba(255,255,255,.15);padding-top:1.5rem;margin:1rem 0 0;font-size:.65rem;color:#77787c}
dialog{width:min(760px,calc(100% - 2rem));max-height:84svh;padding:0;border:1px solid #34363d;background:#0d0f14;color:#f2f0ea;box-shadow:0 25px 100px rgba(0,0,0,.65)}dialog::backdrop{background:rgba(2,3,5,.82);backdrop-filter:blur(10px)}.dialog-head{display:flex;justify-content:space-between;gap:1rem;padding:1.5rem 2rem;border-bottom:1px solid #34363d;position:sticky;top:0;background:#0d0f14}.dialog-head h2{font:400 clamp(1.35rem,3vw,2rem) var(--serif);margin:0}.dialog-close{border:0;background:transparent;color:#fff;font-size:2rem;line-height:1;cursor:pointer}.dialog-body{padding:2rem;overflow:auto;color:#b8b8b7}.dialog-body h3{font:400 1.25rem var(--serif);color:#fff;margin:2rem 0 .65rem}.dialog-body strong{color:#fff}
.reveal{opacity:0;transform:translateY(35px);transition:opacity .8s ease,transform .8s ease}.reveal.is-visible{opacity:1;transform:none}
@media (max-width:980px){.site-header{grid-template-columns:1fr auto}.site-header nav{display:none}.mirror{grid-template-columns:1fr}.mirror-copy{min-height:670px}.hero-visual{min-height:74svh;border-left:0;border-top:1px solid var(--line)}h1{white-space:normal}.manifest-grid{grid-template-columns:1fr}.motion{grid-template-columns:1fr}.motion-image{min-height:75svh}.spectrum-grid{grid-template-columns:1fr 1fr}.spectrum-grid article:nth-child(2){border-right:0}.spectrum-grid article:nth-child(-n+2){border-bottom:1px solid var(--line)}footer{grid-template-columns:1fr 1fr}}
@media (max-width:620px){.site-header{height:72px;padding:0 1.25rem}.issue{font-size:.58rem}.mirror{min-height:calc(100svh - 72px)}.mirror-copy{padding-top:4rem;min-height:690px}.eyebrow{max-width:16rem}.mood-tabs{display:grid;grid-template-columns:1fr 1fr}.mood-button:nth-child(2){border-right:0}.mood-button:nth-child(-n+2){border-bottom:1px solid var(--line)}.hero-visual figcaption{left:1rem;right:1rem}.hero-visual figcaption span:last-child{text-align:right}.scroll-cue{display:none}.manifest-grid{margin-top:2rem}.motion-image{min-height:620px}.motion-copy{padding-top:5rem;padding-bottom:5rem}.spectrum-grid{grid-template-columns:1fr}.spectrum-grid article{border-right:0;border-bottom:1px solid var(--line)!important;min-height:auto}.spectrum-grid article:last-child{border-bottom:0!important}.ritual-steps p{justify-content:flex-start;text-align:left}footer{grid-template-columns:1fr}.copyright{grid-column:auto}.dialog-head,.dialog-body{padding:1.25rem}}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition-duration:.01ms!important}.reveal{opacity:1;transform:none}}