@font-face{font-family:Syncopate;font-style:normal;font-weight:400;font-display:swap;src:url(../../../fonts/syncopate-latin-400-normal.woff2)format("woff2")}@font-face{font-family:Syncopate;font-style:normal;font-weight:700;font-display:swap;src:url(../../../fonts/syncopate-latin-700-normal.woff2)format("woff2")}:root{--bg:#0c0a07;--ink-rgb:233 228 218;--fg:rgb(var(--ink-rgb));--ink-soft:.84;--soft:rgb(var(--ink-rgb) / var(--ink-soft));--dim:rgb(var(--ink-rgb) / .54);--line:rgb(var(--ink-rgb) / .2);--ring:rgb(var(--ink-rgb) / .6);--ring-o:.12;--fog-c:#dac9ae0d;--glow-c:#e7d6bb0e;--vignette:#0905028f;--accent:#b25932;--grain-o:.06;--font-read:ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--size-read:clamp(1.05rem, .92rem + .52vw, 1.45rem);--size-note:clamp(.78rem, .74rem + .18vw, .95rem);--size-fine:clamp(.65rem, .63rem + .1vw, .78rem);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--mark-size:clamp(2.1rem, 3.4vw, 3.6rem);--cap:.72;--mark-overshoot:1.03;--emblem-drawn:.68333;--mark-optical:-.083;--emblem-size:calc(var(--mark-size) * var(--cap) * var(--mark-overshoot) / var(--emblem-drawn));--gutter:clamp(1.5rem, 6vw, 6rem);--plate-ratio:1.25;--plate-room:calc(clamp(2rem, 7vh, 5rem) + clamp(2.5rem, 6vh, 4.5rem) + clamp(2.5rem, 6vh, 4.5rem) + 8rem);--ease-out:cubic-bezier(.16, 1, .3, 1);--ease-fall:cubic-bezier(.215, .61, .355, 1);--ease-kick:cubic-bezier(0, .6, .35, 1);--in-mark:2.2s;--in-emblem:1.1s;--in-line:1.1s;--in-rule:.7s;--in-plate:1.6s;--in-ambient:2.6s;--in-legal:1.2s;--at-mark:0s;--at-rings:.5s;--at-emblem:1.15s;--at-plate:.9s;--at-creed:1.7s;--at-legal:2.4s;--step-line:.24s;--hold-turn:.38s;--spin-hold:.38s;--spin-dur:.9s;--at-spin:calc(var(--at-emblem) + var(--spin-hold));--at-cal:calc(var(--at-spin) + var(--spin-dur));--cal-cycle:7.4s;--cal-lead:.275;--lean-follow:.22s;--lean-home:.52s;--ease-follow:cubic-bezier(.2, .8, .2, 1);--ease-home:cubic-bezier(.34, 1.56, .64, 1);--rm-fade:.32s}*{box-sizing:border-box;margin:0;padding:0}html,body{min-height:100%}body{background:var(--bg);color:var(--fg);-webkit-font-smoothing:antialiased;font-family:Syncopate,system-ui,sans-serif;overflow-x:hidden}.scene{z-index:1;min-height:100svh;padding:clamp(2rem, 7vh, 5rem) var(--gutter) clamp(2.5rem, 6vh, 4.5rem);flex-direction:column;align-items:flex-start;gap:clamp(2.5rem,6vh,4.5rem);display:flex;position:relative}.masthead{align-items:center;gap:clamp(.9rem,1.8vw,1.5rem);display:flex}.wordmark{font-weight:700;font-size:var(--mark-size);letter-spacing:.42em;text-transform:uppercase;white-space:nowrap;animation:title-in var(--in-mark) var(--ease-out) var(--at-mark) both;padding-left:.42em;line-height:1;position:relative}@keyframes title-in{0%{opacity:0;letter-spacing:.14em;filter:blur(14px);padding-left:.14em;transform:translateY(14px)}}.plate{width:calc((100svh - var(--plate-room)) * var(--plate-ratio));max-width:100%;animation:plate-in var(--in-plate) var(--ease-out) var(--at-plate) both}.plate img{width:100%;height:auto;aspect-ratio:var(--plate-ratio);display:block}.plate figcaption{max-width:46rem;font-family:var(--font-read);font-size:var(--size-note);color:var(--dim);margin-top:clamp(.7rem,1.4vh,1rem);font-weight:300;line-height:1.6;container-type:inline-size}@container (width>=29.5em){.plate figcaption .source{display:block}}@keyframes plate-in{0%{opacity:0;transform:translateY(18px)}}.glow{pointer-events:none;background:radial-gradient(ellipse 40vmax 30vmax at 28% 34%, var(--glow-c), transparent 62%);position:fixed;inset:0}.emblem{transform:translateY(calc(var(--mark-size) * var(--mark-optical)));color:var(--fg);--ink:var(--soft);--ink-lit:var(--fg);animation:rise-in var(--in-emblem) var(--ease-out) var(--at-emblem) both;display:flex}.dv-ink{opacity:var(--ink-soft)}.emblem svg{width:var(--emblem-size);height:var(--emblem-size);display:block}@keyframes rise-in{0%{opacity:0;transform:translateY(10px)}}.dv-spin{transform-box:view-box;transform-origin:48px 48px;animation:spin-down var(--spin-dur) linear var(--at-spin) both, calibrate var(--cal-cycle) linear var(--at-cal) infinite;transition:rotate var(--lean-home) var(--ease-home)}.emblem[data-lean] .dv-spin{transition:rotate var(--lean-follow) var(--ease-follow)}.dv-core{transform-box:fill-box;transform-origin:50%;fill:var(--ink,currentColor);animation:core-tick var(--cal-cycle) linear var(--at-cal) infinite}@keyframes spin-down{0%{animation-timing-function:cubic-bezier(.215,.61,.355,1);transform:rotate(-540deg)}70%{animation-timing-function:ease-in-out;transform:rotate(8.5deg)}84%{animation-timing-function:ease-in-out;transform:rotate(-2.6deg)}94%{animation-timing-function:ease-in-out;transform:rotate(.8deg)}to{transform:rotate(0)}}@keyframes calibrate{0%,28%{animation-timing-function:cubic-bezier(0,.6,.35,1);transform:rotate(0)}29.2%{animation-timing-function:ease-in-out;transform:rotate(-3.8deg)}30.6%{animation-timing-function:ease-in-out;transform:rotate(2.1deg)}31.9%{animation-timing-function:ease-in-out;transform:rotate(-.9deg)}32.8%{animation-timing-function:ease-in-out;transform:rotate(.3deg)}33.4%,71%{animation-timing-function:cubic-bezier(0,.6,.35,1);transform:rotate(0)}72.1%{animation-timing-function:ease-in-out;transform:rotate(2.9deg)}73.4%{animation-timing-function:ease-in-out;transform:rotate(-1.5deg)}74.5%{animation-timing-function:ease-in-out;transform:rotate(.5deg)}75.3%{animation-timing-function:ease-in-out;transform:rotate(-.15deg)}76%,to{transform:rotate(0)}}@keyframes core-tick{0%,28.6%{fill:var(--ink,currentColor);animation-timing-function:cubic-bezier(0,.6,.35,1);transform:scale(1)}30.2%{fill:var(--ink-lit,var(--fg));animation-timing-function:ease-in-out;transform:scale(1.24)}34%,71.5%{fill:var(--ink,currentColor);animation-timing-function:cubic-bezier(0,.6,.35,1);transform:scale(1)}73.1%{fill:var(--ink-lit,var(--fg));animation-timing-function:ease-in-out;transform:scale(1.17)}76.5%,to{fill:var(--ink,currentColor);transform:scale(1)}}.creed{flex-direction:column;gap:clamp(.9rem,2vh,1.3rem);max-width:min(38rem,100%);display:flex}.creed p{font-family:var(--font-read);font-weight:300;font-size:var(--size-read);letter-spacing:.012em;text-wrap:pretty;color:var(--soft);animation:line-in var(--in-line) var(--ease-out) calc(var(--at-creed) + var(--i) * var(--step-line)) both;line-height:1.6}@keyframes line-in{0%{opacity:0;filter:blur(6px);transform:translateY(8px)}}.creed .weighted{color:var(--fg)}.creed .because{--at-turn:calc(var(--at-creed) + var(--i) * var(--step-line) + var(--hold-turn));color:var(--fg);animation-delay:var(--at-turn);margin-top:clamp(.6rem,1.6vh,1.1rem);padding-top:clamp(1.4rem,3.2vh,2.1rem);position:relative}.because:before{content:"";transform-origin:0;background:linear-gradient(90deg, var(--line), transparent);width:4rem;height:1px;animation:rule-draw var(--in-rule) var(--ease-out) var(--at-turn) both;position:absolute;top:0;left:0}@keyframes rule-draw{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@media (width>=1100px){.scene{grid-template-rows:auto auto 1fr;grid-template-columns:auto minmax(19rem,1fr);align-items:start;gap:0 clamp(2.5rem,4vw,4.5rem);display:grid}.masthead{grid-column:1/-1;margin-bottom:clamp(2.5rem,6vh,4.5rem)}.plate{grid-area:2/1/span 2}.creed{grid-area:2/2;max-width:34rem}.legal{grid-area:3/2;align-self:end;margin-top:clamp(1.4rem,3vh,2.4rem)}}.rings{pointer-events:none;opacity:var(--ring-o);animation:fade-in var(--in-ambient) ease var(--at-rings) both;place-items:center;display:grid;position:fixed;inset:0;overflow:hidden}.rings svg{flex:none;width:155vmax;height:155vmax}.ring{stroke:var(--ring);stroke-width:1px;vector-effect:non-scaling-stroke;transform-box:fill-box;transform-origin:50%}.r1{stroke-dasharray:2 10;animation:90s linear infinite spin}.r2{stroke-dasharray:180 30 10 30;animation:150s linear infinite spin-rev}.r3{stroke-dasharray:1 14;animation:210s linear infinite spin}.r4{stroke-dasharray:340 90 24 90;animation:280s linear infinite spin-rev}.r5{stroke-dasharray:none;opacity:.4}@keyframes spin{to{transform:rotate(360deg)}}@keyframes spin-rev{to{transform:rotate(-360deg)}}@keyframes fade-in{0%{opacity:0}}.fog{pointer-events:none;position:fixed;inset:0;overflow:hidden}.fog:before,.fog:after{content:"";background:radial-gradient(circle at center, var(--fog-c), transparent 62%);border-radius:50%;width:95vmax;height:95vmax;position:absolute}.fog:before{animation:47s ease-in-out infinite alternate drift-a;top:-30%;left:-20%}.fog:after{animation:61s ease-in-out infinite alternate drift-b;bottom:-35%;right:-25%}@keyframes drift-a{to{transform:translate(12vw,8vh)scale(1.15)}}@keyframes drift-b{to{transform:translate(-10vw,-9vh)scale(1.2)}}.grain{pointer-events:none;position:fixed;inset:0;overflow:hidden}.grain:before{content:"";opacity:var(--grain-o);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='240'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:absolute;inset:-240px}.vignette{pointer-events:none;background:radial-gradient(120% 95% at 50% 45%, transparent 52%, var(--vignette) 100%);position:fixed;inset:0}.legal{font-weight:400;font-size:var(--size-fine);letter-spacing:.14em;text-transform:uppercase;white-space:nowrap;color:var(--dim);animation:fade-in var(--in-legal) ease var(--at-legal) both;padding-left:.14em}@media (prefers-reduced-motion:reduce){:root{--at-rings:0s;--at-emblem:80ms;--at-creed:.16s;--at-legal:.26s;--step-line:60ms;--hold-turn:.12s}.rings .ring,.fog:before,.fog:after,.dv-spin,.dv-core,.creed .because:before{animation:none}.wordmark,.emblem,.plate,.creed p,.legal{animation-name:fade-in;animation-duration:var(--rm-fade);animation-timing-function:linear}.rings{animation-duration:var(--rm-fade)}.dv-spin,.emblem[data-lean] .dv-spin{transition:none}}
