:root{color-scheme:dark;--bg:#10120f;--paper:#f0f0e6;--muted:#979c90;--line:#30342b;--accent:#d1f595;font-family:Arial,Helvetica,sans-serif;font-synthesis:none}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--paper)}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit}button:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:7px}::selection{background:var(--accent);color:var(--bg)}
.page{max-width:1800px;margin:auto;padding:0 5.2%;min-height:100svh;display:flex;flex-direction:column;overflow:hidden}
.header{height:132px;flex-shrink:0;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);position:relative;z-index:2}
.brand{display:flex;align-items:center;gap:15px;color:inherit;text-decoration:none}.brand-mark{width:47px;height:48px;position:relative;overflow:hidden;mix-blend-mode:screen}.brand-mark img{width:70px;height:70px;max-width:none;position:absolute;left:-12px;top:-11px}.wordmark{font-size:20px;font-weight:600;letter-spacing:2.2px;line-height:1.12}.wordmark span{display:block;font-size:10px;letter-spacing:5.8px;margin-top:7px;font-weight:400}
.status{font-size:11px;letter-spacing:.3px;display:flex;align-items:center;gap:10px;color:#bec4b4}.status-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--accent);box-shadow:0 0 12px #d1f53030;flex-shrink:0}
main{flex:1;position:relative;min-height:650px;display:flex;flex-direction:column;justify-content:center}.hero-copy{position:relative;z-index:1;pointer-events:none;padding:74px 0 70px}.eyebrow{margin:0 0 36px;text-transform:uppercase;font-size:10px;letter-spacing:2.2px;display:flex;align-items:center;gap:12px;color:var(--accent)}.tiny-cross{font-size:20px;font-weight:300;line-height:.5}
h1{font-size:clamp(66px,7.6vw,121px);font-weight:400;letter-spacing:-.065em;line-height:1.02;margin:0;position:relative}h1 em{font-family:Georgia,'Times New Roman',serif;font-weight:400;letter-spacing:-.065em;color:var(--accent);line-height:1.18}.intro{font-size:15px;line-height:1.85;color:#aeb4a5;margin:30px 0 0;letter-spacing:.1px}.coming-soon{margin-top:32px;display:inline-flex;align-items:center;gap:11px;border:1px solid #505b40;padding:13px 20px;border-radius:30px;font-size:11px;text-transform:uppercase;letter-spacing:1.8px;color:var(--accent);background:#151a11b0}
.artwork{position:absolute;width:55%;height:590px;right:-5%;top:50%;transform:translateY(-56%);margin:0;isolation:isolate}.art-halo{position:absolute;inset:0;background:radial-gradient(ellipse at 52% 50%,#a6c4660d 0,transparent 65%);z-index:-1}canvas{width:100%;height:100%;display:block}.art-corner{position:absolute;width:13px;height:13px;border-color:#535c46;opacity:.6}.top-left{top:13%;left:15%;border-top:1px solid;border-left:1px solid}.bottom-right{bottom:13%;right:10%;border-bottom:1px solid;border-right:1px solid}.artwork figcaption{position:absolute;bottom:1%;left:18%;right:13%;display:flex;justify-content:space-between;font-family:monospace;text-transform:uppercase;letter-spacing:1.2px;font-size:8px;color:#8a947c}
.lower-bar{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;padding:0 0 38px;margin-top:auto;gap:20px}.stay-curious{color:var(--muted);font-size:12px;line-height:1.8;margin:0}.stay-curious span{display:block;color:var(--paper)}.art-controls{display:flex;gap:13px;align-items:center}.art-controls[hidden]{display:none}.shift,.motion{background:transparent;color:var(--paper);border:1px solid #434b3a;cursor:pointer;transition:background .2s,border-color .2s}.shift{padding:14px 19px;border-radius:30px;font-size:11px;letter-spacing:.2px;display:flex;align-items:center;gap:35px}.shift span{font-size:18px;color:var(--accent)}.motion{border-radius:50%;width:43px;height:43px;font-size:13px;color:var(--accent)}.shift:hover,.motion:hover{background:#26301d;border-color:#859b66}.shift:active,.motion:active{transform:scale(.97)}
footer{min-height:85px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;font-size:10px;color:var(--muted);gap:24px}.footer-message{letter-spacing:.5px}.domain{color:#c7cdbd;letter-spacing:.3px}.domain span{margin-left:12px;color:var(--accent)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(min-width:1500px){main{min-height:760px}.artwork{height:720px}.hero-copy{padding-bottom:95px}}
@media(max-width:1000px){.page{padding:0 5%}.header{height:105px}main{min-height:650px}.artwork{right:-15%;width:65%;opacity:.8}h1{font-size:clamp(66px,8vw,100px)}.hero-copy{padding-top:90px}.artwork figcaption{left:30%;right:20%}}
@media(max-width:650px){.page{padding:0 7%}.header{height:98px}.brand{gap:10px}.wordmark{font-size:16px;letter-spacing:1.8px}.wordmark span{font-size:8px;margin-top:5px;letter-spacing:4.8px}.brand-mark{transform:scale(.85);transform-origin:left center;width:39px}.status{font-size:0;gap:0}.status-dot{width:6px;height:6px}.header .status-dot{width:7px;height:7px}main{min-height:auto;display:block}.hero-copy{padding:51px 0 0}.eyebrow{font-size:8px;letter-spacing:1.8px;margin-bottom:27px}h1{font-size:clamp(48px,11.5vw,75px);letter-spacing:-.06em}h1 em{letter-spacing:-.065em}.intro{font-size:12px;margin-top:24px;line-height:1.8}.coming-soon{font-size:9px;margin-top:24px;padding:11px 15px}.artwork{position:relative;top:auto;right:auto;transform:none;width:120%;margin:-20px -10% 2px;height:355px;opacity:1}.artwork figcaption{left:17%;right:17%;font-size:7px;bottom:5px}.art-corner.top-left{left:14%}.art-corner.bottom-right{right:14%}.lower-bar{padding:30px 0 29px;gap:8px}.stay-curious{font-size:9px}.shift{font-size:9px;padding:11px 13px;gap:12px}.shift span{font-size:14px}.motion{width:34px;height:34px;font-size:10px}.art-controls{gap:7px}footer{min-height:73px;font-size:8px;gap:12px}.footer-message{display:none}.domain span{margin-left:5px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important}}