@font-face{font-family:Inter;src:local('Inter')}
*{box-sizing:border-box}
html,body{margin:0;min-height:100%;background:#050505;color:#f7f7f4}
body{font-family:Inter,Arial,Helvetica,sans-serif}
main{position:relative;height:100svh;height:100dvh;overflow:hidden;isolation:isolate;user-select:none;-webkit-user-select:none}
#sculpture{position:absolute;inset:0;touch-action:pan-y}
canvas{position:absolute;inset:0;display:block;width:100%;height:100%;-webkit-user-drag:none;touch-action:pan-y}
.vignette{position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at center,transparent 48%,#0003 100%)}
.corner-mark{position:absolute;left:max(22px,env(safe-area-inset-left));top:max(21px,env(safe-area-inset-top));font-weight:900;font-size:29px;letter-spacing:-3px}
.corner-mark span{font-size:9px;vertical-align:top;letter-spacing:0;margin-left:5px;line-height:22px}
.identity{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);pointer-events:none;text-align:center;width:max-content;max-width:calc(100% - 40px)}
h1{font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","Helvetica Neue",Inter,Arial,sans-serif;font-weight:500;font-size:clamp(30px,4vw,64px);letter-spacing:-.018em;word-spacing:.045em;font-kerning:normal;line-height:1.1;white-space:nowrap;margin:0;text-shadow:0 2px 40px #0008}
.socials{display:flex;justify-content:center;align-items:center;gap:14px;margin-top:20px;pointer-events:auto}
.socials a{display:flex;align-items:center;justify-content:center;width:44px;height:44px;color:#a8a8ad;border-radius:8px;transition:color .18s,background-color .18s}
.socials a:hover{color:#f5f5f7;background:#ffffff0a}
.socials a:focus-visible{outline:1px solid #ddd;outline-offset:4px}
.socials svg{width:21px;height:21px;display:block}
@media(min-width:1100px){.corner-mark{left:max(38px,env(safe-area-inset-left));top:max(28px,env(safe-area-inset-top))}}
@media(max-width:1024px) and (orientation:portrait){h1{font-size:clamp(24px,7.6vw,56px)}.socials{margin-top:18px}}
@media(max-height:500px) and (orientation:landscape){h1{font-size:clamp(26px,4vw,40px)}.socials{margin-top:10px}}