@font-face{font-family:Manrope;src:url('/assets/manrope.ttf') format('truetype');font-weight:200 800;font-display:swap}
@font-face{font-family:'Space Grotesk';src:url('/assets/space-grotesk.ttf') format('truetype');font-weight:300 700;font-display:swap}
@font-face{font-family:Bodoni;src:url('/assets/bodoni-moda.ttf') format('truetype');font-weight:400 900;font-display:swap}
:root{font-family:Manrope,Arial,sans-serif;font-synthesis:none;color:#16130f;background:#f74917}
*{box-sizing:border-box}body{margin:0;background:var(--background,#f74917);color:var(--ink,#16130f);overflow:hidden}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit}a:focus-visible,button:focus-visible,canvas:focus-visible{outline:1px solid currentColor;outline-offset:5px}
header,footer{position:fixed;left:0;right:0;z-index:3;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px 30px;font-size:10px;letter-spacing:.04em}header{top:0}footer{bottom:0}.brand{display:flex;align-items:center;gap:9px;font-size:15px;font-weight:650;letter-spacing:-.5px}.brand img{width:25px;height:19px;filter:brightness(0)}.edition{position:absolute;left:50%;transform:translateX(-50%);font-size:9px;letter-spacing:.14em;text-transform:uppercase}.contact{font-size:10px;text-transform:uppercase;display:flex;align-items:center;gap:12px;min-height:35px}.contact span{font-size:18px}.concept-link{font-size:10px;text-transform:uppercase;min-height:32px;display:flex;align-items:center;gap:10px}.concept-link span{font-size:17px}.status{font-size:9px;letter-spacing:.12em;text-transform:uppercase}.status:before{content:'';display:inline-block;width:4px;height:4px;border-radius:50%;background:currentColor;margin-right:8px;vertical-align:2px}
main{height:100svh;position:relative;isolation:isolate;overflow:hidden}.hero-copy{position:absolute;inset:12% 4% 13%;display:flex;align-items:center;justify-content:center;flex-direction:column;pointer-events:none}h1{margin:0;width:100%;font-family:Bodoni,Georgia,serif;font-weight:500;font-size:clamp(40px,12vw,200px);line-height:.9;letter-spacing:-.045em;text-align:center;text-transform:uppercase}h1 span{display:block}.fallback-mark{position:absolute;left:50%;top:50%;width:min(44vw,610px);transform:translate(-50%,-50%) rotate(-12deg);filter:grayscale(1) brightness(1.9) drop-shadow(10px 15px 20px #0004);opacity:.9;pointer-events:none}.canvas-wrap{position:absolute;inset:0;z-index:1;opacity:0;transition:opacity .75s}canvas{display:block;width:100%;height:100%;touch-action:pan-y;cursor:grab}canvas:active{cursor:grabbing}.ready .canvas-wrap{opacity:1}.ready .hero-copy,.ready .fallback-mark{opacity:0}.interaction{position:fixed;left:50%;bottom:26px;z-index:4;transform:translateX(-50%);font-size:9px;text-transform:uppercase;letter-spacing:.1em;pointer-events:none;opacity:.65}.cursor{position:fixed;left:0;top:0;width:66px;height:66px;border:1px solid #ffffff9c;border-radius:50%;z-index:5;display:grid;place-items:center;pointer-events:none;color:#fff;opacity:0;transition:opacity .25s,width .3s,height .3s;font-size:8px;letter-spacing:.07em;mix-blend-mode:difference}.cursor.visible{opacity:1}.cursor.dragging{width:88px;height:88px}.variant-inflated .brand img{filter:none}.variant-inflated .contact,.variant-inflated header,.variant-inflated footer{color:#f9ece0}
@media(max-width:600px){header,footer{padding:15px 18px;font-size:9px}.brand{font-size:14px}.brand img{width:22px}.edition{top:64px;width:100%;text-align:center;font-size:8px}.contact{font-size:9px;gap:5px}.hero-copy{inset:18% 4% 20%}h1{font-size:15vw;line-height:1.1}.fallback-mark{width:76vw}.interaction{bottom:66px;font-size:8px}.concept-link{font-size:9px}.status{font-size:8px}.cursor{display:none}}
@media(max-height:500px) and (min-width:601px){header,footer{padding:10px 22px}.edition{font-size:8px}.interaction{bottom:20px}.brand{font-size:13px}.hero-copy{inset:15% 9%}h1{font-size:13vw}}
@media(prefers-reduced-motion:reduce){.canvas-wrap,.cursor{transition:none}.cursor{display:none}}
.variant-glass{background:#f5f0e7 url('/assets/glass-abstract-v3-white.webp') center/cover no-repeat}
.variant-glass main{height:100dvh}
.variant-glass .glass-copy{position:fixed;inset:0;z-index:2;display:grid;grid-template-columns:25% 50% 25%;align-items:center;pointer-events:none}
.variant-glass .glass-copy h1,.variant-glass .glass-copy p{margin:0;width:auto;justify-self:center;font-family:'Space Grotesk',Arial,sans-serif;line-height:1.15;text-transform:none;text-align:center;white-space:nowrap}
.variant-glass .glass-copy h1{grid-column:1;font-size:clamp(30px,3.1vw,50px);font-weight:400;letter-spacing:-.035em}
.variant-glass .glass-copy .contact{grid-column:3;justify-self:center;pointer-events:auto;display:inline-flex;align-items:center;justify-content:center;gap:16px;min-height:54px;padding:0 28px;border:1px solid #171717;border-radius:999px;background:#171717;color:#fff;font:500 16px/1 'Space Grotesk',Arial,sans-serif;letter-spacing:-.02em;text-transform:none;box-shadow:0 4px 14px #00000014;transition:background .2s,transform .2s,box-shadow .2s}
.variant-glass .glass-copy .contact:hover{background:#343434;transform:translateY(-3px);box-shadow:0 8px 20px #00000026}
.variant-glass .glass-copy .contact:active{background:#050505;transform:translateY(0)}
.variant-glass .glass-copy .contact:focus-visible{outline:3px solid #171717;outline-offset:4px;box-shadow:0 0 0 3px #fff}
.variant-glass .glass-copy .contact span{font-size:22px;transition:transform .2s}
.variant-glass .glass-copy .contact:hover span{transform:translate(2px,-2px)}
.variant-glass footer{padding:22px 4%;color:#33444e}
.variant-glass .contact,.variant-glass .concept-link{font-size:9px;letter-spacing:.05em;text-transform:none}
.variant-glass footer .contact,.variant-glass footer .concept-link{display:inline-flex;justify-content:center;gap:12px;min-height:48px;padding:0 22px;border:1px solid #171717;border-radius:999px;background:#171717;color:#fff;font-size:12px;font-weight:550;letter-spacing:0;box-shadow:0 4px 14px #00000014;transition:background .2s,border-color .2s,transform .2s,box-shadow .2s}
.variant-glass footer a:hover{background:#343434;border-color:#343434;transform:translateY(-3px);box-shadow:0 8px 20px #00000026}
.variant-glass footer a:active{background:#050505;transform:translateY(0);box-shadow:0 2px 7px #00000014}
.variant-glass footer a:focus-visible{outline:3px solid #171717;outline-offset:4px;box-shadow:0 0 0 3px #fff}
.variant-glass footer a span{font-size:19px;line-height:1;transition:transform .2s}
.variant-glass footer a:hover span{transform:translate(2px,-2px)}
.variant-glass .interaction{color:#33444e;opacity:.7;font-size:8px;letter-spacing:.12em}
.variant-glass .canvas-wrap{transition:opacity .9s cubic-bezier(.22,1,.36,1);pointer-events:none}
.variant-glass.ready .canvas-wrap{pointer-events:auto}
@media(max-width:700px),(max-aspect-ratio:1/1){.variant-glass .glass-copy{grid-template-columns:1fr;grid-template-rows:auto 1fr auto;align-content:normal;align-items:center;padding:clamp(32px,8svh,72px) 24px max(32px,6svh,env(safe-area-inset-bottom));color:#fff9ec}.variant-glass .glass-copy h1{grid-column:1;grid-row:1;font-size:clamp(30px,7.2vw,44px)}.variant-glass .glass-copy .contact{grid-column:1;grid-row:3;min-height:48px;padding:0 24px;gap:12px;font-size:15px}}
@media(max-width:700px){.variant-glass footer{padding:15px 6%;gap:12px}.variant-glass footer .contact,.variant-glass footer .concept-link{min-height:48px;padding:0 16px;gap:8px;font-size:11px}.variant-glass .interaction{bottom:82px}}
@media(max-height:500px) and (min-width:701px){.variant-glass .glass-copy h1{font-size:32px}.variant-glass .glass-copy p{font-size:28px}}
@media(prefers-reduced-motion:reduce){.variant-glass footer a,.variant-glass footer a span{transition:none}.variant-glass footer a:hover,.variant-glass footer a:hover span{transform:none}}
@media(prefers-reduced-motion:reduce){.variant-glass .canvas-wrap,.variant-glass .glass-copy .contact,.variant-glass .glass-copy .contact span{transition:none}.variant-glass .glass-copy .contact:hover,.variant-glass .glass-copy .contact:hover span{transform:none}}