.creed{position:relative;z-index:1;background:#000;--plum-tile: rgba(66, 54, 96, .92)}.creed__open{position:relative;overflow:hidden;min-height:100svh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:0 var(--page-margin);background:#000}.creed__eyebrow,.creed__dot,.creed__headline{position:relative;z-index:1}.creed__eyebrow{font-family:var(--font-mono);font-size:11px;letter-spacing:.24em;text-transform:uppercase;color:var(--text-dim);margin:0 0 24px}.creed__dot{width:11px;height:11px;border-radius:50%;background:#fff;margin:0 auto clamp(26px,5vh,46px);transform:scale(.82);opacity:.6;transition:transform .5s var(--ease-out-expo),opacity .5s ease}html.pulse-on .creed__dot{transform:scale(1);opacity:1;transition:transform .13s ease-out,opacity .13s ease-out}.creed__headline{font-family:var(--font-mono);font-weight:300;font-size:clamp(34px,7vw,92px);line-height:1.04;letter-spacing:-.02em;max-width:15ch;color:#fff;margin:0 auto}.creed__mosaic{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;display:grid;gap:3px;pointer-events:none}.creed__tile{background:var(--plum-tile);opacity:var(--lo, .4)}.has-js .creed__tile{animation:creed-flicker var(--dur, 5s) steps(1,end) var(--delay, 0s) infinite}@keyframes creed-flicker{0%,44%{opacity:var(--lo, .4)}48%,78%{opacity:var(--hi, .8)}82%,to{opacity:var(--lo, .4)}}@media(prefers-reduced-motion:reduce){.has-js .creed__tile{animation:none}}.mfold{position:relative;z-index:2;background:#f3f0ea;color:#0b0b0c;padding:clamp(40px,7vh,90px) 0 clamp(60px,10vh,120px)}.mfold__beat{position:relative;min-height:82vh;display:flex;align-items:center;justify-content:center;padding:0 var(--page-margin)}.mfold__line{font-family:var(--font-sans);font-weight:500;font-size:clamp(34px,6.4vw,104px);line-height:1.02;letter-spacing:-.02em;text-align:center;margin:0;max-width:15ch;color:#0b0b0c;position:relative;z-index:1;text-wrap:balance}.mfold__dot{display:block;width:12px;height:12px;border-radius:50%;background:#0b0b0c;margin:0 auto}.mfold__cta{position:relative;z-index:3;display:flex;align-items:center;justify-content:center;gap:12px;width:fit-content;margin:clamp(24px,4vh,54px) auto 0;font-family:var(--font-mono);font-size:14px;letter-spacing:.02em;text-transform:uppercase;color:#0b0b0c;text-decoration:none}.mfold__cta svg{width:18px;height:18px;transition:transform .35s var(--ease-out-expo)}.mfold__cta:hover svg{transform:translate(5px)}.mfold__cta span{border-bottom:1px solid rgba(0,0,0,.32);padding-bottom:3px}.doors{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--hairline)}.door{position:relative;min-height:46svh;display:flex;flex-direction:column;justify-content:flex-end;gap:8px;padding:clamp(30px,4vw,56px) var(--page-margin);text-decoration:none;color:var(--text);transition:background .4s var(--ease-out-expo),color .4s ease}.door+.door{border-left:1px solid var(--hairline)}.door:hover{background:#fff;color:#000}.door__k{font-family:var(--font-sans);font-size:13px;font-weight:500;letter-spacing:.02em;color:var(--text-dim);transition:color .35s ease}.door:hover .door__k{color:#0009}.door__v{font-family:var(--font-mono);font-weight:300;font-size:clamp(30px,5vw,64px);line-height:1;letter-spacing:-.02em}.door svg{position:absolute;top:clamp(30px,4vw,56px);right:clamp(30px,4vw,56px);width:22px;height:22px;transition:transform .35s var(--ease-out-expo)}.door:hover svg{transform:translate(4px,-4px)}.site-header .brand__word,.site-header .brand__mark,.site-header .brand__tag,.site-header .nav__link,.site-header .meta,.site-header .meta__place,.site-header .meta__clock,.site-header .meta__dot{transition:color .35s ease,border-color .35s ease,box-shadow .35s ease}.hdr-invert .brand,.hdr-invert .brand__word,.hdr-invert .brand__mark{color:#0b0b0c}.hdr-invert .brand__tag{color:#0000008c;border-color:#00000026}.hdr-invert .nav__link{color:#0009}.hdr-invert .nav__link:hover{color:#0b0b0c}.hdr-invert .meta{color:#0009}.hdr-invert .meta__place{color:#0006}.hdr-invert .meta__clock{color:#0b0b0c}.hdr-invert .meta__dot{border-color:#0000004d;box-shadow:inset -2px -2px #00000073}@media(max-width:720px){.mfold__beat{min-height:72vh}.doors{grid-template-columns:1fr}.door+.door{border-left:none;border-top:1px solid var(--hairline)}}
