@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600&family=Space+Grotesk:wght@400;500;600&display=swap');
:root{color-scheme:dark;background:#030807;color:#e5f3ee;font-family:'DM Sans',Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0}a{color:inherit;text-decoration:none}button{font:inherit}a:focus-visible,button:focus-visible{outline:2px solid #52f4cc;outline-offset:7px}[hidden]{display:none!important}.skip{position:fixed;top:-100px;left:20px;z-index:30;background:#fff;color:#000;padding:15px}.skip:focus{top:10px}header{position:fixed;inset:0 0 auto;height:100px;z-index:10;padding:0 5%;display:flex;align-items:center;justify-content:space-between;background:linear-gradient(#030807b3,transparent)}.wordmark{display:flex;align-items:center;gap:10px;font:600 22px 'Space Grotesk',sans-serif;letter-spacing:.09em}.wordmark svg{width:23px;height:27px}.wordmark>span{color:#52f4cc;margin-left:-10px}nav{display:flex;align-items:center;gap:32px;font-size:12px;color:#c0cec8}nav a:hover{color:#52f4cc}button{border:1px solid #79b7a744;border-radius:30px;background:#04171066;padding:11px 15px;color:#bed9ce;cursor:pointer;min-height:42px}button span{color:#52f4cc}.art-stage{position:fixed;inset:0;overflow:hidden;pointer-events:none;z-index:0}.art-stage canvas{position:absolute;width:100%;height:100%;inset:0;transform:translate3d(var(--sx,12%),var(--sy,0%),0) scale(var(--zoom,1.2));transform-origin:center;will-change:transform;opacity:.95}.ambient{position:absolute;inset:-20%;background:radial-gradient(ellipse at 60% 50%,#075b3e25,transparent 60%)}.vignette{position:absolute;inset:0;background:linear-gradient(0deg,#030807b0,transparent 22%,transparent 80%,#03080755)}#fallback{position:absolute;inset:0;display:grid;place-items:center;font:400 50vw 'Space Grotesk',sans-serif;color:#52f4cc22}main{position:relative;z-index:1}.movement{height:115svh;min-height:700px;position:relative;display:flex;align-items:center;padding:110px 7%}.opening{height:110svh;align-items:flex-end;padding-bottom:17svh}.opening-type{pointer-events:none}.eyebrow{font-size:10px;font-weight:500;letter-spacing:.22em;color:#8dc5b2;line-height:1.8;margin:0 0 26px}h1{font:400 clamp(92px,14.5vw,225px)/.83 'Space Grotesk',sans-serif;letter-spacing:-.085em;margin:0;text-shadow:0 2px 30px #03080740}h1 span{color:#52f4cc}h2{font:400 clamp(48px,5.6vw,88px)/1.04 'Space Grotesk',sans-serif;letter-spacing:-.06em;margin:0 0 28px}.subline{font-size:20px;color:#b4d5c7;letter-spacing:-.02em;margin-top:30px}.caption{width:37%;max-width:480px;text-shadow:0 2px 18px #030807}.caption>p:not(.eyebrow){font-size:16px;line-height:1.85;color:#b7ccc2;max-width:355px}.caption.right{margin-left:auto}.quiet-link{display:inline-flex;gap:30px;font-size:13px;color:#91eacc;border-bottom:1px solid #52f4cc55;padding:15px 0;margin-top:12px}.scroll-invitation{position:absolute;bottom:42px;left:7%;display:flex;align-items:center;gap:20px;font-size:9px;letter-spacing:.17em;color:#a8c5b7}.scroll-invitation i{display:block;width:70px;height:1px;background:#52f4cc88;transform-origin:left;animation:breathe 3s ease-in-out infinite}.contact-type{max-width:700px}.contact-type h2{font-size:clamp(58px,7vw,105px)}.email{font:400 clamp(22px,3vw,42px) 'Space Grotesk',sans-serif;color:#72f4cd;border-bottom:1px solid #52f4cc66;padding-bottom:12px;display:inline-block;letter-spacing:-.035em}.email span{margin-left:20px}.contact-type>p:last-child{font-size:13px;color:#a8bfb3;margin-top:27px}footer{position:relative;z-index:2;display:flex;justify-content:space-between;gap:20px;padding:35px 5%;border-top:1px solid #52f4cc22;background:#030807;font-size:11px;color:#93b7a7}footer>span:first-child{letter-spacing:.16em;color:#d4e8df}.progress{position:fixed;right:25px;top:40%;height:20%;width:1px;background:#6fbea333;z-index:8}.progress span{display:block;width:1px;height:var(--progress,0%);background:#52f4cc;box-shadow:0 0 10px #52f4cc}.motion-paused *{animation-play-state:paused!important}@keyframes breathe{50%{scale:.5 1}}
@media(max-width:700px){header{height:82px;padding:0 6%}.wordmark{font-size:18px}.wordmark svg{width:18px;height:22px}nav{gap:15px;font-size:10px}nav button{padding:8px 10px;font-size:10px}.movement{padding:110px 7%;height:110svh;min-height:760px;align-items:flex-end;padding-bottom:95px}.opening{padding-bottom:140px}h1{font-size:clamp(80px,20vw,135px)}.subline{font-size:17px}.caption,.caption.right{width:100%;max-width:400px;margin:0}.caption h2{font-size:51px}.caption>p:not(.eyebrow){font-size:14px;max-width:310px}.caption{background:linear-gradient(90deg,#030807a6,transparent);padding:20px 0}.art-stage canvas{width:150%;height:80%;left:-25%;top:-7%;transform:translate3d(calc(var(--sx,0%) * .2),0,0) scale(.95)}.contact-type h2{font-size:56px}.email{font-size:26px}.contact-type>p:last-child{max-width:280px;line-height:1.7}.progress{right:12px}.eyebrow{font-size:9px}.scroll-invitation{bottom:55px}footer{flex-wrap:wrap;padding:30px 7%;font-size:10px}footer>span:last-child{width:100%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation:none!important}.art-stage canvas{will-change:auto}}