@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600&family=Fraunces:opsz,wght,SOFT,WONK@9..144,500,20,1;9..144,600,20,1&display=swap";:root{--paper:#f5efe3;--ink:#263b34;--muted:#66736a;--rust:#b95d3d;--line:#d7d1bf;--display:"Fraunces", Georgia, serif;--body:"DM Sans", "Trebuchet MS", sans-serif;font-family:var(--body);color:var(--ink);background:var(--paper);font-synthesis:none}*{box-sizing:border-box}body{margin:0}.page{background:radial-gradient(ellipse at 77% 43%, #f9e6cf 0%, transparent 44%), radial-gradient(ellipse at 5% 94%, #e3e9d8 0%, transparent 45%), var(--paper);flex-direction:column;min-height:100svh;padding:0 clamp(24px,6vw,104px);display:flex;position:relative;overflow:hidden}.grain{pointer-events:none;opacity:.25;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='.72' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.16'/%3E%3C/svg%3E");position:absolute;inset:0}.masthead,.footer{z-index:1;justify-content:space-between;align-items:center;display:flex;position:relative}.masthead{border-bottom:1px solid var(--line);min-height:116px}.mark{font:600 43px/1 var(--display);letter-spacing:-.11em}.mark-dot{color:var(--rust)}.masthead-note,.footer,.eyebrow,.status,.composition-caption{letter-spacing:.11em;font-size:12px}.masthead-note{text-transform:uppercase;color:var(--muted)}.hero{flex:1;grid-template-columns:1.12fr .88fr;align-items:center;gap:3vw;width:100%;max-width:1500px;min-height:600px;margin:auto;display:grid}.hero-copy{z-index:2;padding:80px 0;animation:.85s both rise;position:relative}.eyebrow{text-transform:uppercase;color:var(--rust);align-items:center;gap:14px;font-weight:600;display:flex}.eyebrow-line{background:currentColor;width:32px;height:1px}h1{font:500 clamp(62px, 7.2vw, 124px)/.99 var(--display);letter-spacing:-.065em;text-wrap:balance;margin:35px 0 30px}h1 em{color:var(--rust);font-weight:500}.intro{max-width:465px;color:var(--muted);margin:0;font-size:clamp(17px,1.4vw,20px);line-height:1.65}.status{border:1px solid var(--line);text-transform:uppercase;background:#f9f4e9aa;border-radius:100px;align-items:center;gap:12px;margin-top:52px;padding:15px 19px;font-weight:600;display:inline-flex}.status-orbit{background:var(--rust);border-radius:50%;width:10px;height:10px;box-shadow:0 0 0 4px #b95d3d22}.composition{aspect-ratio:1;justify-self:center;width:min(100%,570px);animation:1.1s .2s both appear;position:relative}.composition-ring{border:1px solid #b9a894;border-radius:50%;position:absolute}.ring-one{inset:2%}.ring-two{opacity:.65;border-style:dashed;animation:80s linear infinite turn;inset:12%}.composition-disc{background:#cb7353;border-radius:50%;place-items:center;display:grid;position:absolute;inset:21%;box-shadow:inset -23px -33px #ae563f55,20px 28px 50px #a35d3a33}.disc-sun{aspect-ratio:1;border:1px solid #f4d5abbb;border-radius:50%;width:40%;box-shadow:0 0 0 30px #f4d5ab16,0 0 0 60px #f4d5ab0c}.composition-cross{color:var(--rust);font:300 35px/1 var(--body);position:absolute}.cross-one{top:12%;left:11%}.cross-two{font-size:24px;bottom:18%;right:4%}.composition-caption{text-transform:uppercase;color:var(--muted);position:absolute;bottom:4%;left:9%}.footer{border-top:1px solid var(--line);min-height:84px;color:var(--muted)}.footer-symbol{color:var(--rust);font-size:19px}@keyframes rise{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes appear{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes turn{to{transform:rotate(360deg)}}@media (width<=950px){.hero{grid-template-columns:1fr;gap:0;min-height:0}.hero-copy{padding:65px 0 0}.composition{width:min(70vw,440px);margin:-25px auto 24px}h1{font-size:clamp(61px,10vw,100px)}}@media (width<=560px){.masthead{min-height:80px}.masthead-note{text-align:right;max-width:120px;font-size:10px;line-height:1.5}.hero-copy{padding-top:56px}h1{margin:27px 0;font-size:clamp(56px,13vw,75px)}.intro{font-size:16px}.status{margin-top:35px;font-size:10px}.composition{width:min(86vw,360px);margin:12px auto 28px}.footer{letter-spacing:.03em;min-height:70px;font-size:10px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}
