:where(.sticker){position:relative}.sticker-front{height:100%;clip-path:var(--front-clip,none);position:relative}.sticker-flap{pointer-events:none;display:none;position:absolute;inset:0}.sticker[data-peel=peeling] .sticker-flap{display:block}.sticker[data-peel=gone]{visibility:hidden}.sticker-back{border-radius:var(--sticker-radius,0);transform-origin:0 0;background:var(--flap-shade);clip-path:var(--flap-clip);transform:var(--flap-transform);-webkit-mask-image:var(--sticker-mask,none);-webkit-mask-image:var(--sticker-mask,none);mask-image:var(--sticker-mask,none);position:absolute;inset:0;-webkit-mask-size:100% 100%;mask-size:100% 100%}@media (max-width:640px){.sticker-back{-webkit-mask-image:var(--sticker-mask-small,var(--sticker-mask,none));-webkit-mask-image:var(--sticker-mask-small,var(--sticker-mask,none));mask-image:var(--sticker-mask-small,var(--sticker-mask,none))}}.featured{z-index:4;width:335px;height:335px;transition:transform .4s;position:absolute;bottom:-100px;left:-.5%;transform:rotate(-10deg)}.featured:hover{transform:rotate(-7deg)translateY(-15px)}.featured:has([data-peel=gone]){visibility:hidden}.featured-art{--sticker-radius:18px 34px 0 0;width:100%;height:220px;position:absolute;top:85px}.featured-surface{border-radius:var(--sticker-radius);background:var(--featured-bg);height:100%;position:relative;overflow:hidden}.featured-art img{width:70%;position:absolute;top:8%;right:-4%;transform:rotate(10deg)}.featured-monogram{color:var(--ground);letter-spacing:-.09em;font-size:43px;font-weight:900;position:absolute;top:11%;left:8%}.featured-arrow{color:var(--ground);width:27px;height:27px;position:absolute;bottom:15%;left:10%}.featured-badge,.featured-line,.ticker-track{opacity:calc(1 - var(--fade,0))}.featured-badge{z-index:3;background:var(--brand);color:var(--ground);translate:0 calc(var(--fade,0) * 40px);border-radius:999px;padding:13px 22px;font-size:16px;position:absolute;top:3px;left:26%}.featured-ticker{white-space:nowrap;width:100%;font-size:14px;position:absolute;top:59px;left:0;overflow:hidden}.ticker-track{width:max-content;animation:28s linear infinite marquee;display:flex}.ticker-track span{flex:none}.ticker-track i{margin:0 10px;font-style:normal}.ticker-track em{color:var(--brand);font-style:normal}:is(.featured:hover .ticker-track,.featured:focus-visible .ticker-track),.hero[data-away] .ticker-track{animation-play-state:paused}@keyframes marquee{to{transform:translate(-33.3333%)}}@media (max-width:1000px) and (orientation:portrait){.featured{width:100%;height:18%;bottom:0;left:0;transform:none}.featured:hover{transform:none}.featured-art{--sticker-radius:12px 24px 0 0;transform-origin:50% 100%;width:48%;height:80%;top:0;left:26%;transform:rotate(-10deg)}.featured-monogram{font-size:6vw}.featured-line{background:var(--divider);z-index:1;height:1px;position:absolute;top:49%;left:5%;right:5%}.featured-badge{padding:3vw 5vw;font-size:max(16px,3.8vw);top:49%;left:50%;transform:translate(-50%,-50%)}.featured-ticker{background:var(--ground);height:55%;padding-top:7vw;font-size:max(14px,3.65vw);top:49%}.ticker-track{animation-duration:30s}.ticker-track i{margin:0 2vw}}@media (max-height:600px) and (orientation:landscape){.featured{bottom:-165px}}@media (prefers-reduced-motion:reduce){.ticker-track{transform:translate(-7%)}}.social-links{gap:10px;display:flex}.social-links a{width:var(--social-size,52px);height:var(--social-size,52px);border:1px solid var(--line);border-radius:50%;justify-content:center;align-items:center;transition:background .2s,color .2s,transform .2s;display:flex}.social-links a:hover{background:var(--brand);color:var(--ground);transform:translateY(-4px)}.social-links svg{width:21px;height:21px}.hero-track{--pill:56px;--actions-top:19.4vw;--actions-end:max(20px, 2.4vw);position:relative}.hero{isolation:isolate;background:var(--ground);height:100svh;min-height:100dvh;position:relative;overflow:hidden}.header{z-index:1;pointer-events:none;padding:2.7vw 3.15vw 0;position:relative}.wordmark{text-align:center;white-space:nowrap;color:var(--brand);letter-spacing:-.07em;translate:0 calc(var(--word,0) * -3vw);margin:0;font-size:18.65vw;font-weight:900;line-height:.94}.wordmark-letter{--t:clamp(0, var(--word,0) * (1 + .22 * (var(--letters) - 1)) - .22 * var(--index), 1);translate:0 calc(var(--t) * (-100% - 6vw));display:inline-block}.wordmark-compact{z-index:10;left:3.15vw;top:var(--actions-end);height:var(--pill);color:var(--brand);letter-spacing:-.06em;white-space:nowrap;pointer-events:none;opacity:var(--nav,0);transform:translateY(calc((1 - var(--nav,0)) * 70%));align-items:center;font-size:clamp(22px,2.3vw,38px);font-weight:900;display:flex;position:absolute}.hero-socials{z-index:5;opacity:calc(1 - var(--fade,0));translate:0 calc(var(--fade,0) * 24px);position:absolute;bottom:5%;right:3.15%}.hero[data-away] .hero-socials{visibility:hidden}.skip-link{z-index:100;background:var(--paper);color:var(--ground);padding:12px;position:fixed;top:20px;left:20px;transform:translateY(-200%)}.skip-link:focus{transform:translateY(0)}.hero-runway{display:none}@media (prefers-reduced-motion:no-preference){.hero{top:calc(var(--pin-offset,0px) * -1);position:sticky}.hero-bar .wordmark-compact,.hero-bar .header-actions{translate:0 calc((var(--hero-y,0px) + var(--actions-top)) * (1 - var(--nav,0)) + var(--actions-end) * var(--nav,0));position:fixed;top:0}.hero-bar:before{content:"";z-index:9;height:calc(var(--actions-end) * 2 + var(--pill) + 28px);background:linear-gradient(var(--ground) 60%, transparent);opacity:var(--scrim,0);pointer-events:none;position:fixed;inset:0 0 auto}.hero-runway{height:100svh;display:block}.hero-track{margin-bottom:-45svh}.hero-track+*{z-index:1;position:relative}}@media (max-width:1000px) and (orientation:portrait){.hero-track{--pill:max(44px, 10.5vw);--actions-top:23vw;--actions-end:4.85vw}.hero{height:100svh;min-height:max(100dvh,200vw)}.header{padding:5vw 4.85vw 0}.wordmark{letter-spacing:-.07em;font-size:18vw}.wordmark-compact{font-size:clamp(18px,5.4vw,34px);left:4.85vw}.hero .hero-socials{display:none}}@media (max-height:600px) and (orientation:landscape){.hero-track{--pill:44px}.hero-socials{--social-size:40px}}.tech-row{flex-direction:column;gap:8px;display:flex}.tech-label{opacity:.6;font-size:13px}.techs{flex-wrap:wrap;align-items:center;margin:0;padding:0 0 0 5px;list-style:none;display:flex}.tech{letter-spacing:-.04em;width:44px;height:44px;transition:transform .3s var(--ease-out);background-image:linear-gradient(150deg,#ffffff3d,#fff0 50%);border-radius:12px;justify-content:center;align-items:center;margin-left:-5px;font-size:17px;font-weight:900;display:inline-flex;position:relative;box-shadow:0 8px 16px -8px #0000008c,inset 0 1px #ffffff40,inset 0 -3px #00000029}.tech svg{fill:currentColor;width:22px;height:22px}.tech-tilt-0{transform:rotate(-8deg)}.tech-tilt-1{transform:translateY(3px)rotate(5deg)}.tech-tilt-2{transform:translateY(-2px)rotate(-3deg)}.tech-tilt-3{transform:rotate(8deg)}.tech-tilt-4{transform:translateY(2px)rotate(-6deg)}.tech-tilt-5{transform:translateY(-3px)rotate(4deg)}.tech-tilt-6{transform:rotate(-9deg)}.tech-name{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.tech-names{opacity:.6;font-size:12px;line-height:1.4}@media (min-width:1024px){.tech-row{grid-template-columns:92px minmax(0,1fr);align-items:center;gap:12px;display:grid}.tech-label{font-size:14px}.techs{padding-left:8px}.tech{border-radius:18px;width:64px;height:64px;margin-left:-8px;font-size:25px;box-shadow:0 12px 22px -10px #0000008c,inset 0 1px #ffffff40,inset 0 -4px #00000029}.tech svg{width:32px;height:32px}.tech-name{clip:auto;border:1px solid var(--line);background:var(--ground);width:auto;height:auto;color:var(--paper);letter-spacing:0;opacity:0;pointer-events:none;border-radius:7px;padding:5px 9px;font-size:12px;font-weight:500;transition:opacity .2s;bottom:calc(100% + 10px);left:50%;overflow:visible;transform:translate(-50%)}.tech-names{display:none}}@media (min-width:1024px) and (hover:hover){.tech:hover{z-index:2;transform:translateY(-8px)rotate(0)scale(1.08)}.tech:hover .tech-name{opacity:1}}.cube-scene{perspective:520px;flex:1;justify-content:center;align-items:center;min-height:120px;display:flex}.cube{--size:92px;width:var(--size);height:var(--size);transform-style:preserve-3d;animation:18s linear infinite cube-spin;position:relative;transform:rotateX(-26deg)rotateY(-35deg)}.cube-face{background:color-mix(in oklch, var(--ground), black 45%);border-radius:9px;grid-template-columns:repeat(3,minmax(0,1fr));gap:3px;padding:4px;display:grid;position:absolute;inset:0}.cube-face span{border-radius:4px;display:block;box-shadow:inset 0 -2px #00000024}.cube-front{transform:rotateY(0deg) translateZ(calc(var(--size) / 2))}.cube-right{transform:rotateY(90deg) translateZ(calc(var(--size) / 2))}.cube-back{transform:rotateY(180deg) translateZ(calc(var(--size) / 2))}.cube-left{transform:rotateY(-90deg) translateZ(calc(var(--size) / 2))}.cube-top{transform:rotateX(90deg) translateZ(calc(var(--size) / 2))}.cube-bottom{transform:rotateX(-90deg) translateZ(calc(var(--size) / 2))}@keyframes cube-spin{0%{transform:rotateX(-26deg)rotateY(0)}to{transform:rotateX(-26deg)rotateY(360deg)}}.cube-scene[data-idle] .cube{animation-play-state:paused}@media (min-width:1024px){.cube-scene{perspective:700px}.cube{--size:132px}.cube-face{border-radius:12px;gap:4px;padding:5px}.cube-face span{border-radius:5px;box-shadow:inset 0 -3px #00000024}}
