:root{color-scheme:dark;font-family:Inter,"Helvetica Neue",Arial,sans-serif;background:#08090a;color:#f5f5f5;font-synthesis:none;-webkit-font-smoothing:antialiased;--mx:50%;--my:35%}
*{box-sizing:border-box}body{margin:0}a{color:inherit}::selection{background:#d6d6d6;color:#101010}.scene{position:fixed;inset:0;overflow:hidden;pointer-events:none;background:#08090a}.atmosphere{position:absolute;inset:0;background:radial-gradient(ellipse at 50% 27%,#30313355,transparent 43%),radial-gradient(ellipse at 2% 75%,#24252750,transparent 36%),radial-gradient(ellipse at 100% 0%,#42434525,transparent 38%)}.grain{position:absolute;inset:0;opacity:.028;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23fff' filter='url(%23n)' opacity='.65' d='M0 0h180v180H0z'/%3E%3C/svg%3E")}.construction-lines{position:absolute;inset:10% 11%;border-left:1px solid #ffffff05;border-right:1px solid #ffffff05;transform:skewY(-13deg)}.fragment{position:absolute;--r:0deg;--float:10px}.piece{height:100%;width:100%;transform:rotate(var(--r));background:linear-gradient(140deg,#727477,#252628 28%,#111214 69%);border:1px solid #ffffff14;box-shadow:inset 1px 1px 1px #ffffff20,18px 28px 60px #0008;clip-path:polygon(0 0,100% 0,100% 72%,70% 72%,70% 100%,0 100%)}.fragment-a{width:235px;height:270px;left:-95px;top:18%;--r:-29deg;filter:blur(1px);opacity:.6}.fragment-b{width:125px;height:46px;left:24%;top:19%;--r:-34deg;opacity:.28;filter:blur(4px)}.fragment-c{width:230px;height:170px;right:-35px;top:18%;--r:25deg;opacity:.7}.fragment-c .piece{clip-path:polygon(0 0,63% 0,63% 35%,100% 35%,100% 100%,0 100%);background:linear-gradient(145deg,#888a8d55,#242527 27%,#121315 80%)}.fragment-d{width:145px;height:175px;left:14%;bottom:12%;--r:32deg;opacity:.72}.fragment-d .piece{clip-path:polygon(0 0,100% 0,100% 42%,48% 42%,48% 100%,0 100%);background:linear-gradient(115deg,#898b8d80,#3b3d40 15%,#18191b 63%)}.fragment-e{width:83px;height:110px;right:20%;bottom:21%;--r:-23deg;filter:blur(1px);opacity:.45}.fragment-f{width:145px;height:190px;right:3%;bottom:-100px;--r:25deg;filter:blur(6px);opacity:.6}.fragment-g{width:40px;height:40px;left:35%;top:-15px;--r:35deg;filter:blur(2px);opacity:.35}.page{position:relative;min-height:100svh;display:flex;flex-direction:column}.edge-top{position:absolute;inset:34px 44px auto;display:flex;justify-content:space-between;gap:20px;color:#858589;font:400 12px/1.4 "Courier New",monospace;letter-spacing:.12em}.construction-label{display:flex;align-items:center;gap:10px}.construction-label i{width:5px;height:5px;background:#acadaf;border-radius:50%;box-shadow:0 0 10px #ffffff40}main{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:100px 24px 72px}.identity{display:flex;flex-direction:column;align-items:center}.logo-stage{position:relative;width:220px;height:204px;display:grid;place-items:center;margin-bottom:24px;perspective:850px}.glass-entry{width:180px;height:180px;transform:rotate(-8deg)}.glass-object{position:relative;width:100%;height:100%;display:grid;place-items:center;isolation:isolate;overflow:hidden;border-radius:39px;border:1px solid #ffffff36;background:linear-gradient(137deg,#ffffff17,#ffffff03 42%,#ffffff08 80%,#ffffff13);box-shadow:inset 1px 1px 1px #ffffff52,inset -1px -2px 2px #ffffff1f,inset 0 0 18px #ffffff06,0 30px 65px #0009,0 1px 0 1px #000;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}.glass-object::before{content:"";position:absolute;inset:5px;border:1px solid #ffffff0c;border-radius:34px;pointer-events:none}.glass-reflection{position:absolute;inset:0;background:linear-gradient(123deg,#ffffff1c,transparent 36%,transparent 66%,#ffffff08),radial-gradient(circle at var(--mx) var(--my),#ffffff12,transparent 65%)}.logo{position:relative;width:132px;height:132px;object-fit:contain;transform:rotate(8deg);filter:drop-shadow(0 6px 8px #0003)}.glass-detail{position:absolute;right:17px;bottom:10px;color:#ffffff45;font:12px monospace}.stage-guide{position:absolute;width:18px;height:18px;opacity:.5}.guide-one{left:0;top:4px;border-top:1px solid #858589;border-left:1px solid #858589}.guide-two{right:0;bottom:0;border-right:1px solid #858589;border-bottom:1px solid #858589}.wordmark{font-size:39px;font-weight:600;letter-spacing:-1.8px;line-height:1.12}.studio{font-size:12px;letter-spacing:.3em;color:#9b9b9e;margin:12px 0 0;padding-left:.3em}.message{margin-top:38px}h1{margin:0;font-weight:500;font-size:clamp(34px,3.6vw,52px);line-height:1.14;letter-spacing:-2.2px}h1 span{color:#a8a8ad}.description{margin:24px 0 0;font-size:16px;line-height:1.7;font-weight:400;color:#96969b;letter-spacing:-.1px}.contact{display:inline-flex;align-items:center;justify-content:center;gap:14px;margin-top:29px;padding:17px 21px;border:1px solid #ffffff26;border-radius:100px;background:linear-gradient(125deg,#ffffff0f,#ffffff04 65%,#ffffff0b);box-shadow:inset 0 1px 0 #ffffff0b,0 8px 25px #0002;text-decoration:none;font-size:14px;font-weight:500;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.contact svg{width:18px;height:18px;stroke:#b3b3b8;stroke-width:1.3;flex-shrink:0}.contact .arrow{margin-left:12px;width:15px;height:15px}.contact:focus-visible{outline:2px solid #eee;outline-offset:6px}footer{display:flex;align-items:center;gap:28px;margin:0 44px;padding:0 0 29px;color:#7e7e83;font-size:12px;letter-spacing:.015em}.footer-line{height:1px;flex:1;background:#ffffff0c}.footer-note{font:12px "Courier New",monospace;letter-spacing:.09em}
@media(min-width:1500px) and (min-height:850px){.logo-stage{width:245px;height:230px}.glass-entry{width:205px;height:205px}.logo{width:150px;height:150px}.wordmark{font-size:43px}.message{margin-top:43px}h1{font-size:56px}}
@media(max-width:700px){.edge-top{inset:25px 23px auto;font-size:12px;letter-spacing:.04em}.construction-label{gap:7px}main{padding:100px 23px 62px}.logo-stage{width:190px;height:179px;margin-bottom:23px}.glass-entry{width:158px;height:158px}.glass-object{border-radius:35px}.logo{width:118px;height:118px}.wordmark{font-size:34px;letter-spacing:-1.5px}.studio{font-size:12px;margin-top:10px;letter-spacing:.24em}.message{margin-top:32px}h1{font-size:clamp(29px,7.6vw,43px);letter-spacing:-1.3px;line-height:1.17}.description{max-width:330px;font-size:16px;line-height:1.65;margin-top:20px}.desktop-break{display:none}.contact{margin-top:27px;padding:16px 19px;gap:12px}footer{margin:0 23px;padding-bottom:23px;justify-content:center}.footer-line,.footer-note{display:none}.fragment-a{left:-104px;top:25%;width:160px;height:210px;opacity:.4}.fragment-b{left:15%;top:13%;width:60px}.fragment-c{right:-105px;top:19%;width:180px;height:140px;opacity:.45}.fragment-d{left:-47px;bottom:14%;width:98px;height:135px;opacity:.5}.fragment-e{right:-32px;bottom:20%;width:80px;height:100px;opacity:.3}.fragment-f,.fragment-g{display:none}}
@media(max-height:820px) and (min-width:701px){main{padding-top:75px;padding-bottom:45px}.logo-stage{height:160px;width:190px;margin-bottom:17px}.glass-entry{width:145px;height:145px}.glass-object{border-radius:32px}.logo{width:110px;height:110px}.wordmark{font-size:34px}.message{margin-top:24px}h1{font-size:42px}.description{margin-top:17px}.contact{margin-top:22px}}
/* Each entrance settles into a slower, independent ambient movement. */
@media(prefers-reduced-motion:no-preference){
 .atmosphere{animation:environment-in 1.8s ease-out both,light-breathe 22s 2s ease-in-out infinite alternate}
 .fragment{animation:fragment-in 2.1s cubic-bezier(.2,.65,.25,1) both;animation-delay:.12s;will-change:translate}
 .fragment-b,.fragment-e{animation-delay:.27s}.fragment-c,.fragment-f{animation-delay:.38s}
 .piece{animation:float 19s 2.3s ease-in-out infinite alternate}.fragment-b .piece,.fragment-d .piece{animation-duration:26s;animation-direction:alternate-reverse}.fragment-c .piece,.fragment-e .piece{animation-duration:23s;--float:-12px}
 .glass-entry{animation:glass-in 1.5s .35s cubic-bezier(.16,1,.3,1) both}
 .logo{animation:logo-in 1.2s .65s ease-out both}
 .wordmark{animation:content-in 1s .82s both}.studio{animation:content-in 1s .94s both}
 h1{animation:content-in 1.1s 1.08s both}.description{animation:content-in 1.1s 1.22s both}.contact{animation:content-in 1.1s 1.35s both}
 .edge-top,footer,.stage-guide{animation:environment-in 1.4s 1.45s both}
 .glass-object::after{content:"";position:absolute;z-index:2;pointer-events:none;inset:-60%;background:linear-gradient(115deg,transparent 40%,#ffffff0c 48%,#ffffff1b 50%,transparent 55%);transform:translateX(-60%);animation:reflection-pass 17s 3s ease-in-out infinite}
 .contact{transition:background .35s,border-color .35s,box-shadow .35s}.contact svg{transition:transform .35s,stroke .35s}
 .contact:hover{background:#ffffff14;border-color:#ffffff50;box-shadow:inset 0 1px 0 #ffffff18,0 8px 35px #ffffff04}.contact:hover .arrow{transform:translate(2px,-2px);stroke:#fff}
}
@keyframes environment-in{from{opacity:0}to{opacity:1}}
@keyframes light-breathe{from{opacity:.55}to{opacity:1}}
@keyframes fragment-in{from{translate:0 35px;opacity:0}to{translate:0 0}}
@keyframes glass-in{from{opacity:0;filter:blur(13px);transform:translateY(16px) rotate(-13deg) scale(.86)}to{opacity:1;filter:blur(0);transform:translateY(0) rotate(-8deg) scale(1)}}
@keyframes logo-in{from{opacity:0;transform:rotate(8deg) scale(.93)}to{opacity:1;transform:rotate(8deg) scale(1)}}
@keyframes content-in{from{opacity:0;transform:translateY(12px);filter:blur(5px)}to{opacity:1;transform:translateY(0);filter:blur(0)}}
@keyframes float{from{transform:translateY(0) rotate(var(--r))}to{transform:translateY(var(--float)) rotate(calc(var(--r) + 2deg))}}
@keyframes reflection-pass{0%,35%{transform:translateX(-60%);opacity:0}45%{opacity:1}65%,100%{transform:translateX(60%);opacity:0}}
@media(max-width:700px){.glass-object{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.fragment-b{filter:none}.grain{opacity:.018}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.fragment{translate:none!important}.glass-object{transform:none!important}}
@media(forced-colors:active){.scene,.glass-reflection{display:none}.glass-object,.contact{border:1px solid CanvasText}h1 span,.description,.studio{color:CanvasText}}
@media(max-width:700px) and (max-height:740px){main{padding-top:78px;padding-bottom:38px}.logo-stage{width:160px;height:140px;margin-bottom:18px}.glass-entry{width:127px;height:127px}.glass-object{border-radius:29px}.glass-object::before{border-radius:25px}.logo{width:100px;height:100px}.wordmark{font-size:31px}.message{margin-top:26px}.description{margin-top:17px}.contact{margin-top:23px}.edge-top{inset:23px 20px auto;font-size:12px;letter-spacing:0}footer{padding-bottom:18px}}