@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}}
