@font-face{font-family:Six Caps;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/v2-0.ttf) format("truetype")}@font-face{font-family:Special Elite;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/v2-1.ttf) format("truetype")}html,body{background:#080808;color:#e6e2d9}*{box-sizing:border-box}body{margin:0;font-family:Special Elite,monospace;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none;touch-action:manipulation}a:focus-visible{outline:1px solid #e6e2d9;outline-offset:3px}::selection{background:#e6e2d9;color:#080808}p,h1{margin:0}.landing{position:relative;isolation:isolate;height:100svh;min-height:740px;overflow:hidden;background:#080808}.masthead{position:absolute;top:36px;left:40px;right:40px;z-index:3;display:flex;justify-content:space-between;align-items:center;font-size:10px;letter-spacing:.08em}.masthead span{margin:0 9px;color:#918d85}.masthead>p:last-child{color:#a7a298;font-size:9px}.artwork{--x:50%;--y:40%;position:absolute;top:1%;left:50%;transform:translate(-50%);width:min(100%,1200px);height:83%;z-index:-2;animation:arrival 1.5s ease-out both}.stone{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;object-position:50% 35%}.light{filter:brightness(2.5) contrast(1.1);mix-blend-mode:screen;-webkit-mask-image:radial-gradient(ellipse 22% 28% at var(--x) var(--y),black,transparent);mask-image:radial-gradient(ellipse 22% 28% at var(--x) var(--y),black,transparent);animation:breath 12s ease-in-out infinite}.artwork:after{content:"";position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;background:linear-gradient(90deg,#080808,transparent 20%,transparent 80%,#080808),linear-gradient(0deg,#080808,transparent 30%,transparent 80%,#080808);pointer-events:none}.landing:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;background:linear-gradient(0deg,#080808 0%,#080808f5 16%,#08080860 29%,transparent 47%)}h1{position:absolute;z-index:2;top:12%;left:20px;right:20px;text-align:center;font-family:Six Caps,sans-serif;font-size:clamp(48px,5.1vw,76px);font-weight:400;letter-spacing:.055em;line-height:1.1;color:#e0dcd2;text-shadow:0 2px 18px #000;animation:fade-in 1.1s .15s both}.countdown{position:absolute;bottom:119px;left:50%;transform:translate(-50%);width:430px;max-width:calc(100% - 44px);text-align:center;animation:fade-in 1.2s .3s both}.next-date{font-size:9px;letter-spacing:.1em;color:#b0aaa0;margin-bottom:24px}.next-date>span{margin:0 12px;color:#6f6b63}.digits{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}.unit{position:relative;display:flex;align-items:center;flex-direction:column;gap:14px}.unit+.unit:before{content:":";position:absolute;left:-14px;top:3px;font-size:31px;opacity:.25}.number{font-size:51px;font-variant-numeric:tabular-nums;line-height:1;letter-spacing:-.06em;font-weight:400}.unit-label{font-size:7px;letter-spacing:.14em;color:#918c82}footer{position:absolute;bottom:26px;left:0;right:0;display:flex;justify-content:center;gap:58px;animation:fade-in 1.2s .5s both}.artist{display:flex;align-items:center;gap:17px}.artist>span{font-size:8px;letter-spacing:.06em;color:#aca69b}.socials{display:flex;gap:3px}.socials a{width:38px;height:44px;display:flex;justify-content:center;align-items:center;color:#8b877e;transition:color .25s,transform .25s}.socials a:hover{color:#ece6da;transform:translateY(-2px)}.socials svg{width:13px;height:13px}@keyframes arrival{0%{opacity:0;filter:brightness(.5)}to{opacity:1;filter:brightness(1)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes breath{0%,to{opacity:.13}45%{opacity:.6}70%{opacity:.25}}@media (min-aspect-ratio:17/10){.artwork{top:0;height:87%;width:1000px}h1{top:12%;font-size:58px}.countdown{bottom:99px}.number{font-size:46px}.unit{gap:10px}.next-date{margin-bottom:17px}}@media (max-width:700px){.landing{min-height:740px}.masthead{left:24px;right:24px;top:28px;font-size:9px}.masthead>p:last-child{font-size:8px}.artwork{width:128%;height:74%;top:5%;max-width:none}.stone{object-position:50% 50%}h1{top:13%;font-size:56px;letter-spacing:.045em}.countdown{bottom:154px;width:360px}.number{font-size:45px}.unit{gap:13px}.digits{gap:15px}.unit+.unit:before{left:-10px;top:1px;font-size:29px}.next-date{font-size:8px;margin-bottom:22px}footer{bottom:23px;gap:2px;flex-direction:column;align-items:center}.artist{gap:20px;min-height:44px}.artist>span{min-width:45px}.socials a{width:44px}.socials svg{width:13px;height:13px}.landing:after{background:linear-gradient(0deg,#080808 0%,#080808f5 24%,#08080866 38%,transparent 55%)}}@media (max-width:380px){h1{font-size:50px}.masthead{left:20px;right:20px}.number{font-size:40px}.countdown{max-width:calc(100% - 48px)}.digits{gap:12px}}@media (prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}.light{display:none}}@media (pointer:coarse){.light{-webkit-mask-image:radial-gradient(ellipse 30% 28% at 47% 46%,black,transparent);mask-image:radial-gradient(ellipse 30% 28% at 47% 46%,black,transparent)}}.unit-label{font-size:8px}.next-date{font-size:10px}.masthead{font-size:11px}.masthead>p:last-child{font-size:10px}@media (min-width:701px){h1{top:8%}.artwork{top:5%;height:79%}}@media (max-width:700px){.next-date,.masthead{font-size:9px}.masthead>p:last-child{font-size:8px}}.living-stone{animation:none;perspective:1000px}.stone-render,.stone-dust{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none}.stone-render{opacity:0;transition:opacity .7s}.living-stone[data-active=true] .stone-render{opacity:1}.living-stone[data-active=true] .fallback{opacity:0}.fallback{transition:opacity .7s}.stone-dust{z-index:1}.stone-haze{position:absolute;top:12%;right:4%;bottom:5%;left:4%;background:radial-gradient(ellipse at 50% 65%,#c1c5cc0b,transparent 55%);filter:blur(22px);opacity:.35;animation:haze-drift 19s ease-in-out infinite alternate;pointer-events:none}.living-stone:after{z-index:2}.resonating .stone-haze{animation:resonance 2.4s ease-out,haze-drift 19s 2.4s ease-in-out infinite alternate}.number{display:block;animation:digit-print .55s ease-out both}.landing h1{animation:title-reveal 2s .3s both;transform-origin:50% 50%}.countdown{animation:fade-in 1.5s .7s both}.masthead{animation:fade-in 1.4s .25s both}footer{animation:fade-in 1.5s 1s both}@keyframes haze-drift{0%{transform:translate(-4%,2%) scale(.9);opacity:.16}to{transform:translate(4%,-3%) scale(1.1);opacity:.6}}@keyframes resonance{0%{opacity:.25;transform:scale(.95)}30%{opacity:.8}to{opacity:.2;transform:scale(1.2)}}@keyframes title-reveal{0%{opacity:0;filter:blur(8px);letter-spacing:.16em}to{opacity:1;filter:blur(0);letter-spacing:.055em}}@keyframes digit-print{0%{opacity:.15;filter:blur(2px);transform:translateY(-5px)}to{opacity:1;filter:blur(0);transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.stone-render,.stone-dust,.stone-haze{display:none!important}.living-stone .fallback{opacity:1!important}}.number{animation:digit-print .28s ease-out both}@keyframes digit-print{0%{opacity:.55;transform:translateY(-2px)}to{opacity:1;transform:translateY(0)}}.fracture-trigger{position:absolute;z-index:4;bottom:257px;left:50%;transform:translate(-50%);display:flex;gap:18px;align-items:center;justify-content:center;min-width:220px;min-height:44px;padding:10px 18px;background:transparent;color:#c7c1b5;border:0;font-family:Special Elite,monospace;font-size:9px;letter-spacing:.12em;cursor:pointer;transition:color .3s,opacity .3s}.fracture-trigger>span{font-size:20px;color:#9b968b;transition:transform .4s}.fracture-trigger:hover{color:#fff}.fracture-trigger:hover>span{transform:rotate(90deg)}.fracture-trigger:focus-visible{outline:1px solid #e6e2d9;outline-offset:3px}.fracture-trigger.busy{opacity:.45;font-size:8px;cursor:default}.fracture-scene:after{background:linear-gradient(90deg,#080808,transparent 9%,transparent 91%,#080808),linear-gradient(0deg,#080808,transparent 14%,transparent 90%,#080808)}.fracture-scene .stone-render{transition:opacity .4s}.fracture-scene .stone-dust{mix-blend-mode:screen}.fracture-scene .fallback{transition:opacity .4s}@media (max-width:700px){.fracture-trigger{bottom:284px;font-size:8px;gap:14px;min-width:210px}.fracture-trigger.busy{font-size:7px}}
