@font-face{font-family:Grift;src:url("assets/grift-extralight.ttf") format("truetype");font-weight:200;font-display:swap}
@font-face{font-family:Grift;src:url("assets/grift-bold.ttf") format("truetype");font-weight:700;font-display:swap}
@font-face{font-family:Montserrat;src:url("assets/montserrat-regular.ttf") format("truetype");font-weight:400;font-display:swap}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:#fff;color:#101218}body{position:relative;isolation:isolate}main{min-height:100svh;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 32px 200px}.identity{width:min(100%,1175px);z-index:1}.brand{display:flex;align-items:flex-start;justify-content:center;gap:45px}.symbol{width:180px;height:180px;margin-top:12px}.word{text-align:center}h1{font-family:Arial,Helvetica,sans-serif;font-size:174px;font-weight:900;letter-spacing:-.065em;line-height:1;margin:0}p{font-family:Grift,sans-serif;font-weight:200;font-size:34px;line-height:1.3;margin:26px 0 0;white-space:nowrap}strong{font-weight:700}footer{position:absolute;bottom:17.2vh;display:flex;align-items:center;justify-content:center;gap:50px;z-index:1}.email{display:flex;align-items:center;gap:17px;font-family:Grift,sans-serif;font-size:34px;font-weight:200;white-space:nowrap}.email svg{width:32px;height:28px;fill:none;stroke:currentColor;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}.divider{height:66px;width:1px;background:#25272c}.contact{border:0;border-radius:999px;background:linear-gradient(#292e3a,#14171e);color:white;font-family:Montserrat,sans-serif;font-size:34px;font-weight:400;line-height:1.2;min-width:410px;padding:13px 40px;cursor:default}.contact:focus-visible{outline:3px solid #929aa9;outline-offset:5px}.art{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:-1}.lava{position:absolute}.dark{width:440px;height:auto;right:-44px;top:-104px}.silver{width:440px;height:auto;left:-22px;bottom:-117px}.pebble{position:absolute;left:14%;top:15%;width:60px;height:90px;border-radius:50%;background:linear-gradient(#d5d5d5,#f1f1f1);transform:rotate(35deg)}.small{left:auto;top:auto;right:11.3%;bottom:22%;width:32px;height:46px;background:#101218;transform:rotate(-35deg)}
@media(min-width:1600px){.brand{transform:translateX(-75px)}}
@media(max-width:1200px){h1{font-size:clamp(70px,12vw,145px)}.symbol{width:14vw;height:14vw;margin-top:0}.brand{gap:3vw}p{font-size:clamp(19px,2.5vw,30px);margin-top:20px}footer{gap:30px}.email,.contact{font-size:25px}.contact{min-width:300px}.divider{height:55px}.dark{width:340px;right:-70px}.silver{width:330px;left:-70px}.pebble{width:42px;height:66px}.small{width:26px;height:38px}}
@media(max-width:650px){
 main{min-height:max(740px,100svh);padding:0 20px;display:block}
 .identity{position:absolute;top:28.4%;left:20px;width:calc(100% - 40px)}
 .brand{flex-direction:column;align-items:center;gap:17px;transform:none}
 .symbol{width:112px;height:112px;max-width:none;max-height:none;margin:0}
 .word{width:100%}
 h1{font-size:clamp(58px,20vw,104px);line-height:1;letter-spacing:-.065em}
 p{white-space:nowrap;font-size:clamp(14px,4.6vw,24px);line-height:1.4;margin:57px 0 0}
 p strong{display:inline}
 footer{left:20px;right:20px;bottom:9%;flex-direction:column;gap:24px}
 .divider{display:none}
 .email{font-size:clamp(19px,5.6vw,27px);gap:10px}
 .email svg{width:23px;height:23px}
 .contact{font-size:22px;min-width:0;width:min(280px,100%);padding:15px 25px}
 .dark{width:230px;top:-100px;right:-74px}
 .silver{width:235px;bottom:-98px;left:-110px}
 .pebble{left:14%;top:15.5%;width:29px;height:43px}
 .small{left:auto;top:64%;right:8%;bottom:auto;width:19px;height:28px}
}
@media(max-height:650px) and (min-width:651px){main{min-height:650px}footer{bottom:60px}}

.contact{display:inline-block;text-align:center;text-decoration:none;cursor:pointer}.contact:hover{filter:brightness(1.12)}