:root{--bg:#070708;--bg-soft:#121012;--ink:#f4f0ee;--muted:#b7aeb2;--pink:#f02b91;--pink-hot:#ff3da6;--wine:#4f0629;--cyan:#9ff2ea;--paper:#f1ebe4;--black:#050505}*{box-sizing:border-box}html{scroll-behavior:smooth;background:#050505}body{min-width:320px;color:var(--ink);background:radial-gradient(circle at 28% 8%, #f02b916b, transparent 34rem), radial-gradient(circle at 90% 28%, #4f0629b3, transparent 24rem), linear-gradient(115deg, #180512 0%, var(--bg) 52%, #030303 100%);background-color:#050505;margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;overflow-x:hidden}body:before{z-index:-1;pointer-events:none;content:"";opacity:.2;background-image:linear-gradient(#ffffff0a 1px,#0000 1px),linear-gradient(90deg,#ffffff0a 1px,#0000 1px);background-size:38px 38px;position:fixed;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 85%);mask-image:linear-gradient(#000,#0000 85%)}a{color:inherit;text-decoration:none}.scroll-progress{z-index:20;transform-origin:0;background:linear-gradient(90deg, var(--pink), var(--cyan));width:100%;height:4px;position:fixed;top:0;left:0;transform:scaleX(0)}.section{width:min(1180px,100% - 36px);margin:0 auto;padding:110px 0;position:relative}.hero{--hero-progress:0;--line-one:0;--line-two:0;--line-three:0;--final:0;z-index:4;clip-path:inset(0);background:radial-gradient(circle at 20% 14%,#f02b916b,#0000 30rem),radial-gradient(circle at 80% 72%,#9ff2ea1f,#0000 23rem),linear-gradient(120deg,#12040d,#050505 55%,#0c0b0c);width:100%;height:340svh;position:relative}.hero-stage{min-height:100vh;display:block;position:sticky;top:0;overflow:hidden}.hero-stage:after{pointer-events:none;content:"";opacity:.2;mix-blend-mode:overlay;background-image:radial-gradient(#ffffff73 .7px,#0000 .8px);background-size:4px 4px;position:absolute;inset:0}.hero-stage:before{z-index:2;content:"";pointer-events:none;opacity:var(--final);background:#00000085;position:absolute;inset:0}.hero-background{z-index:1;opacity:calc(clamp(.08, calc(var(--hero-progress) * 1.5), .62) * (1 - var(--final) * .75));transform:translateY(calc(var(--hero-progress) * -24vh)) rotate(-1deg);pointer-events:none;flex-direction:column;justify-content:flex-start;gap:0;padding-top:10vh;display:flex;position:absolute;inset:-8vh -5vw}.hero-background span{color:#ffffffeb;letter-spacing:-.1em;text-transform:uppercase;white-space:nowrap;font-size:clamp(86px,18vw,330px);font-weight:950;line-height:.72;display:block}.hero-background span:nth-child(2){color:#f02b9152;transform:translate(12vw)}.hero-background span:nth-child(3){color:#ffffff29;transform:translate(-7vw)}.hero-line{z-index:3;text-align:center;pointer-events:none;place-items:center;padding:24px;display:grid;position:absolute;inset:0}.hero-line p{max-width:900px;color:var(--ink);letter-spacing:-.07em;text-transform:uppercase;text-wrap:balance;font-size:clamp(34px,5.4vw,82px);font-weight:950;line-height:.86}.hero-line-first{opacity:var(--line-one);transform:translateY(calc((.18 - var(--hero-progress)) * 130px))}.hero-line-second{opacity:var(--line-two);transform:translateY(calc((.36 - var(--hero-progress)) * 130px))}.hero-line-third{opacity:var(--line-three);transform:translateY(calc((.54 - var(--hero-progress)) * 130px))}.hero-final{z-index:4;min-height:100vh;opacity:var(--final);transform:translateY(calc((1 - var(--final)) * 70px));grid-template-columns:1.08fr .92fr;align-items:center;gap:44px;padding-inline:clamp(34px,4.5vw,76px);display:grid;position:relative}.hero-final:before{z-index:-1;content:"";opacity:var(--final);background:radial-gradient(circle at 24% 28%,#f02b911f,#0000 28rem),linear-gradient(90deg,#000000e6,#000000c7);border-radius:44px;position:absolute;inset:6vh -3vw;box-shadow:0 0 110px #000000b8}.eyebrow{color:var(--cyan);letter-spacing:.12em;text-transform:uppercase;margin:0 0 18px;font-size:clamp(12px,1.5vw,15px);font-weight:800}h1,h2,h3,p{margin-top:0}h1{letter-spacing:-.07em;text-transform:uppercase;max-width:820px;margin-bottom:24px;font-size:clamp(36px,4.9vw,68px);line-height:.94}h2{letter-spacing:-.07em;text-transform:uppercase;font-size:clamp(36px,6vw,78px);line-height:.92}h3{letter-spacing:-.05em;margin-bottom:14px;font-size:clamp(24px,3vw,40px);line-height:.95}.hero-text,.lead-copy p,.paper-note p,.story-card p,.service-card p{color:var(--muted);font-size:clamp(17px,2vw,21px);line-height:1.45}.hero-text{max-width:660px;margin-bottom:34px}.button{min-height:56px;color:var(--black);font:inherit;background:linear-gradient(135deg, var(--pink-hot), var(--cyan));cursor:pointer;border:0;border-radius:999px;justify-content:center;align-items:center;padding:17px 24px;font-weight:900;transition:transform .18s,filter .18s;display:inline-flex;box-shadow:0 20px 60px #f02b9159}.button:hover{filter:saturate(1.18);transform:translateY(-2px)}.button:disabled{cursor:wait;opacity:.75}.button-wide{width:100%}.mascot-card{background:linear-gradient(160deg,#ffffff24,#ffffff08);border:1px solid #ffffff24;border-radius:42px;place-items:center;min-height:560px;padding:clamp(18px,2.3vw,34px);display:grid;position:relative;overflow:hidden;box-shadow:inset 0 0 90px #f02b911f,0 30px 120px #00000073}.scroll-hint{z-index:5;width:58px;height:58px;color:var(--black);font:inherit;background:linear-gradient(135deg, var(--pink-hot), var(--cyan));cursor:pointer;opacity:clamp(0, calc(1 - var(--hero-progress) * 2.5), 1);border:1px solid #ffffff38;border-radius:50%;place-items:center;padding:0;font-size:34px;font-weight:900;line-height:1;animation:1.35s ease-in-out infinite arrowPulse;display:grid;position:absolute;bottom:44px;left:50%;transform:translate(-50%);box-shadow:0 0 40px #f02b916b}.scroll-hint span[aria-hidden=true]{transform:translateY(-2px)}.scroll-hint-label{z-index:5;color:#ffffffd1;letter-spacing:.08em;text-transform:uppercase;width:max-content;opacity:clamp(0, calc(1 - var(--hero-progress) * 9), 1);pointer-events:none;font-size:17px;font-weight:800;animation:1.35s ease-in-out infinite scrollLabelPulse;position:fixed;bottom:128px;left:50%;transform:translate(-50%)}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.mascot-card:before{content:"";background:var(--pink);opacity:.96;height:170px;position:absolute;inset:auto 0 8%;transform:rotate(-8deg)}.mascot-glow{filter:blur(8px);background:radial-gradient(circle,#ff3da6a6,#0000 66%);border-radius:50%;width:360px;height:360px;animation:5s ease-in-out infinite float;position:absolute}.mascot-image{z-index:1;object-fit:cover;object-position:center top;border:10px solid #f1ebe4f0;border-radius:34px;width:min(82%,410px);height:min(70vh,520px);position:relative;box-shadow:0 24px 70px #0000006b}.mascot-caption{z-index:2;color:var(--black);background:var(--paper);border-radius:999px;align-items:center;gap:10px;padding:12px 16px;display:flex;position:absolute;bottom:22px;right:22px;transform:rotate(-2deg)}.mascot-caption strong{font-size:19px}.mascot-caption span{color:#694c54}.story{grid-template-columns:.85fr 1.15fr;align-items:start;gap:56px;display:grid}.story-sticky{position:sticky;top:130px}.story-cards{gap:22px;display:grid}.story-card{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffff0f;border:1px solid #ffffff24;border-radius:30px;min-height:280px;padding:34px}.story-card span,.service-card span{color:var(--pink-hot);margin-bottom:48px;font-weight:950;display:inline-block}.section-title{max-width:830px;margin-bottom:46px}.service-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:18px;display:grid}.service-card{min-width:0;min-height:330px;color:var(--black);background:var(--paper);transform:rotate(var(--tilt));border:1px solid #00000024;border-radius:4px;padding:26px;box-shadow:0 22px 48px #0000003d}.service-card:nth-child(2n){background:var(--pink-hot);color:#fff}.service-card:nth-child(3){background:var(--cyan)}.service-card p{color:inherit;opacity:.78}.service-card span{color:inherit;opacity:.6}.service-card h3{overflow-wrap:anywhere;font-size:clamp(26px,2.35vw,36px)}.audience{overflow:hidden}.audience h2{max-width:960px}.ticker{background:#ffffff0a;border-block:1px solid #ffffff26;width:100vw;margin:50px 0 0 50%;overflow:hidden;transform:translate(-50%)}.ticker div{width:max-content;animation:24s linear infinite ticker;display:flex}.ticker span{color:var(--pink-hot);letter-spacing:-.08em;text-transform:uppercase;white-space:nowrap;padding:22px 32px;font-size:clamp(30px,5vw,72px);font-weight:950}.portfolio{grid-template-columns:1fr .8fr;align-items:center;gap:28px;min-width:0;display:grid}.paper-note{width:100%;min-width:0;max-width:100%;color:var(--black);background:var(--paper);border-radius:8px;padding:clamp(28px,5vw,58px);overflow:hidden;transform:rotate(-1.2deg);box-shadow:0 28px 80px #00000057}.paper-note .eyebrow{color:var(--pink)}.paper-note p{color:#050505b8}.why-stack{gap:16px;display:grid}.why-stack div{overflow-wrap:break-word;width:100%;min-width:0;max-width:100%;color:var(--ink);letter-spacing:-.05em;background:#ffffff12;border:1px solid #ffffff24;border-radius:26px;padding:24px;font-size:clamp(22px,3vw,34px);font-weight:900}.lead{grid-template-columns:.9fr 1.1fr;align-items:start;gap:42px;display:grid}.lead-copy{position:sticky;top:130px}.lead-form{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffff14;border:1px solid #ffffff21;border-radius:34px;gap:16px;padding:clamp(22px,4vw,38px);display:grid}label{color:var(--muted);gap:8px;font-weight:800;display:grid}input,textarea{width:100%;color:var(--ink);font:inherit;background:#00000047;border:1px solid #ffffff1f;border-radius:18px;outline:none;padding:17px 18px}textarea{resize:vertical;min-height:128px}input:focus,textarea:focus{border-color:var(--pink-hot);box-shadow:0 0 0 4px #f02b9124}.hidden-field{position:absolute;left:-9999px}.form-message{margin:0;font-weight:800}.form-message.success{color:var(--cyan)}.form-message.error{color:#ff8abf}.footer{border-top:1px solid #ffffff24;justify-content:space-between;gap:30px;width:min(1180px,100% - 36px);margin:0 auto;padding:60px 0 80px;display:flex}.footer h2{margin:0}.contact-links{color:var(--muted);gap:10px;display:grid}[data-reveal]{opacity:0;transition:opacity .7s,transform .7s;transform:translateY(34px)scale(.98)}[data-reveal].is-visible{opacity:1;transform:translateY(0)scale(1)}@keyframes float{0%,to{transform:translateY(-12px)scale(1)}50%{transform:translateY(12px)scale(1.05)}}@keyframes ticker{to{transform:translate(-50%)}}@keyframes hint{0%,to{transform:translateY(-2px)}50%{transform:translateY(4px)}}@keyframes arrowPulse{0%,to{transform:translate(-50%)translateY(0)scale(1)}50%{transform:translate(-50%)translateY(8px)scale(1.06)}}@keyframes scrollLabelPulse{0%,to{transform:translate(-50%)translateY(0)}50%{transform:translate(-50%)translateY(-5px)}}@media (width<=980px){.section{width:min(100% - 24px,720px);padding:78px 0}.story,.portfolio,.lead{grid-template-columns:1fr}.hero{height:320svh}.hero-background{inset:-4vh 0}.hero-background span:nth-child(2),.hero-background span:nth-child(3){transform:none}.hero-final{width:calc(100% - 28px);transform:translateY(calc((1 - var(--final)) * 42px));grid-template-columns:1fr;gap:24px;padding:72px 18px 26px}.hero-final:before{border-radius:30px;inset:18px 0}.hero-text{margin-bottom:24px}.mascot-card{min-height:430px}.story-sticky,.lead-copy{position:static}.service-grid{grid-template-columns:1fr}.service-card{min-height:230px;transform:rotate(0)}.portfolio{gap:20px}.footer{flex-direction:column}}@media (width<=560px){.scroll-hint{bottom:calc(92px + env(safe-area-inset-bottom));width:52px;height:52px;font-size:30px}.scroll-hint-label{bottom:calc(168px + env(safe-area-inset-bottom));font-size:14px}.section{width:calc(100% - 28px)}h1{font-size:clamp(34px,11.5vw,56px)}.hero-line p{font-size:clamp(34px,12vw,58px)}.hero-background{transform:translateY(calc(var(--hero-progress) * -20vh)) rotate(-1deg);align-items:center;padding-top:7vh;inset:0}.hero-background span{letter-spacing:-.085em;text-align:center;max-width:100vw;font-size:clamp(66px,21vw,112px);line-height:.82}.hero-final{gap:14px;width:calc(100% - 24px);padding:54px 14px 22px}.hero-final .eyebrow{margin-bottom:12px;font-size:12px}.hero-final h1{margin-bottom:14px;font-size:clamp(34px,10.5vw,48px);line-height:1}.hero-final .hero-text{font-size:17px;line-height:1.38}h2{font-size:clamp(34px,12vw,54px)}.button{text-align:center;width:100%;min-height:62px;box-shadow:0 18px 52px #f02b9180}.mascot-card{opacity:.86;border-radius:24px;width:min(82%,360px);min-height:230px;margin:6px auto 0;padding:14px}.mascot-card:before{opacity:.82;height:86px}.mascot-glow{opacity:.55;width:220px;height:220px}.mascot-image{border-width:7px;border-radius:22px;width:min(76%,210px);height:230px}.mascot-caption{padding:9px 13px;bottom:12px;right:12px}.mascot-caption strong{font-size:16px}.mascot-caption span{font-size:14px}.story-card{min-height:auto;padding:26px}.story-card span,.service-card span{margin-bottom:30px}.portfolio{width:calc(100% - 28px);max-width:calc(100vw - 28px);overflow:hidden}.paper-note{border-radius:7px;padding:30px 26px;transform:none}.paper-note h2{letter-spacing:-.06em;font-size:clamp(30px,9.4vw,42px);line-height:1.08}.paper-note p{font-size:21px;line-height:1.42}.why-stack{width:100%;max-width:100%;overflow:hidden}.why-stack div{padding:22px;font-size:clamp(23px,7.4vw,30px);line-height:1.16}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}