*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#fafaf8;color:#111;font-family:'Aeonik Pro',Arial,Helvetica,sans-serif}header{position:absolute;top:0;left:0;right:0;z-index:5;display:flex;justify-content:space-between;padding:25px 30px;align-items:center;pointer-events:none}header strong{font-size:28px;font-weight:500;letter-spacing:-1.2px}header nav{display:flex;gap:34px}a{color:inherit;text-underline-offset:4px;pointer-events:auto;font-size:19.6px;font-weight:500}canvas{width:100%;height:100%;display:block;touch-action:none}footer{position:absolute;bottom:20px;left:30px;font-size:14px;font-weight:500;pointer-events:none;z-index:3}.hint{position:absolute;right:26px;bottom:20px;font-size:12px;color:#777;z-index:3}.preview{position:absolute;z-index:8;width:min(520px,45vw);pointer-events:none;opacity:0;transform:translate(24px,-50%) scale(.94);transition:opacity .22s ease,transform .32s cubic-bezier(.2,.8,.2,1);background:#111;color:white;padding:8px;box-shadow:0 18px 50px #0003}.preview.visible{opacity:1;transform:translate(24px,-50%) scale(1)}.preview.leftside{transform:translate(calc(-100% - 20px),-50%) scale(.94)}.preview.leftside.visible{transform:translate(calc(-100% - 20px),-50%) scale(1)}.preview-art{height:330px;display:grid;place-items:center;overflow:hidden;font-size:52px;font-weight:700;letter-spacing:-3px}.preview-art.switching{animation:metro-preview-switch .28s ease both}@keyframes metro-preview-switch{from{opacity:.5;filter:blur(3px);transform:scale(1.035)}to{opacity:1;filter:blur(0);transform:scale(1)}}.preview-label{padding:12px 8px 7px;font-size:16px;display:flex;justify-content:space-between}.overlay{position:absolute;inset:0;z-index:20;background:#fafaf8;display:none;overflow:auto;padding:28px 5vw}.overlay.show{display:block}.overlay button{background:none;border:1px solid #111;border-radius:99px;padding:10px 20px;cursor:pointer;float:right;font-size:16px}.overlay h1{font-size:clamp(64px,13vw,180px);letter-spacing:-.09em;line-height:.95;margin:18vh 0 20px}.overlay p{font-size:18px;max-width:480px;line-height:1.5}.overlay .hero{height:36vh;margin-top:40px;display:grid;place-items:center;font-size:clamp(50px,12vw,140px);font-weight:bold}.controls{position:absolute;bottom:50px;right:26px;display:flex;gap:8px;z-index:4}.controls button{background:#fff;border:1px solid #111;border-radius:30px;padding:8px 13px;cursor:pointer;font-size:12px}@media(max-width:650px){.preview{width:min(310px,72vw)}.preview-art{height:190px}header{padding:20px 16px}header strong{font-size:15.4px}header nav{gap:14px}header nav a{font-size:11.2px}footer{left:16px;font-size:8.4px}.hint{right:16px;font-size:10px}.controls{bottom:45px;right:12px}}
@font-face{font-family:'Aeonik Pro';src:url('../../Aeonik Pro Medium.ttf') format('truetype');font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:'Aeonik Pro';src:url('../../Aeonik Pro Bold.ttf') format('truetype');font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:'Aeonik Pro';src:url('../../Aeonik Pro Regular.ttf') format('truetype');font-weight:400;font-style:normal;font-display:swap}

.contact-overlay{background:#fafaf8}.contact-content{padding-top:9vh;max-width:1150px}.contact-kicker{font-size:14px!important;letter-spacing:.08em;font-weight:500}.contact-overlay h1{font-size:clamp(52px,9vw,145px);line-height:.94;letter-spacing:-.075em;margin:5vh 0 30px}.contact-intro{font-size:clamp(19px,2.5vw,32px)!important;max-width:none!important}.contact-links{margin-top:8vh;display:flex;flex-wrap:wrap;gap:16px 36px;align-items:center}.contact-links a,.contact-links span{font-size:clamp(16px,2vw,23px);font-weight:500}.contact-links span{color:#777}@media(max-width:650px){.contact-content{padding-top:13vh}.contact-overlay h1{font-size:clamp(44px,11vw,70px)}.contact-links{flex-direction:column;align-items:flex-start;gap:18px}}