@font-face{font-family:Switzer;src:url('assets/fonts/switzer-400.woff2') format('woff2');font-weight:400;font-display:swap}@font-face{font-family:Switzer;src:url('assets/fonts/switzer-500.woff2') format('woff2');font-weight:500;font-display:swap}@font-face{font-family:Switzer;src:url('assets/fonts/switzer-600.woff2') format('woff2');font-weight:600;font-display:swap}
:root{--paper:#edf3f7;--ink:#111419;--blue:#a5d9f7;--line:#11141930;--gutter:clamp(20px,4.2vw,80px)}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--paper);color:var(--ink);font:400 16px/1.4 Switzer,Arial,sans-serif}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #2885c0;outline-offset:6px}img{max-width:100%;display:block}em{font-style:normal}p{margin:0 0 24px}h1,h2,h3,h4{margin:0;font-weight:400;letter-spacing:-.055em}h2{font-size:clamp(58px,7.4vw,128px);line-height:.99}h2 em{color:#546779}.skip{position:fixed;top:-100px;left:20px;padding:15px;background:var(--blue);z-index:100}.skip:focus{top:10px}.header{height:118px;padding:18px var(--gutter);display:flex;align-items:center;gap:30px;position:sticky;top:0;background:var(--paper);z-index:30}.brand{width:69px;flex-shrink:0;background:var(--ink);border-radius:12px;padding:5px 8px}.brand img{height:66px;width:62px;object-fit:contain}.header-intro{margin:0 auto 0 7vw;font-size:clamp(15px,1.55vw,24px);line-height:1.1;letter-spacing:-.035em}.header-actions{display:flex;gap:12px;flex-shrink:0}.pill{display:inline-flex;gap:25px;justify-content:space-between;align-items:center;min-height:48px;padding:16px 23px;border:0;border-radius:40px;background:var(--ink);color:white;font-size:12px;line-height:1;font-weight:600;letter-spacing:-.02em;transition:transform .3s,background .3s}.pill:hover{transform:translateY(-3px);background:#344a59}.pill>span{font-size:17px}.menu-toggle{background:#dfe6ed;color:var(--ink);min-width:105px}.menu-toggle:hover{background:var(--blue)}.white{background:#fff;color:var(--ink);box-shadow:0 4px 9px #00000008}.white:hover{background:var(--blue)}.pill i{height:6px;width:6px;background:currentColor;border-radius:50%}.menu{position:fixed;inset:118px var(--gutter) 24px;background:var(--blue);z-index:29;border-radius:28px;padding:40px 6vw;display:flex;flex-direction:column;justify-content:space-between;overflow:auto;box-shadow:0 20px 120px #0005}.menu[hidden]{display:none}.menu-links a{font-size:clamp(40px,6vw,84px);line-height:1.25;letter-spacing:-.055em;display:flex;justify-content:space-between;border-bottom:1px solid #11141925}.menu-links a:hover{color:#fff}.menu-links a span{font-size:14px;letter-spacing:0;padding-top:20px}.menu-bottom{display:flex;justify-content:space-between;gap:20px;margin-top:35px}.menu-bottom p{margin:0}.menu-bottom a{align-self:end}.menu-open{overflow:hidden}.menu-open .header{position:sticky;top:0;background:var(--paper)}
.hero{padding:0 var(--gutter)}.hero-stage{position:relative;min-height:570px;height:calc(100svh - 166px);max-height:1050px;background:#11151d;border-radius:26px;overflow:hidden;color:var(--paper);isolation:isolate}.hero-stage:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,#060b1840,transparent 25%,transparent 42%,#060b18ad);pointer-events:none;z-index:-1}#scene{position:absolute;inset:0;z-index:-2}#scene canvas{width:100%;height:100%;display:block}.scene-fallback{position:absolute;inset:0;display:flex;align-items:center;justify-content:space-evenly;overflow:hidden;background:radial-gradient(ellipse at center,#344d64,#11151d);z-index:-3}.scene-fallback span{font-size:35vw;color:var(--blue);font-weight:600;transform:rotate(-30deg);text-shadow:10px 10px #53718a}.hero-topline{position:absolute;top:28px;left:30px;right:30px;display:flex;justify-content:space-between;gap:20px;font-size:10px;letter-spacing:.08em}.hero h1{position:absolute;bottom:108px;left:3.5vw;font-size:clamp(64px,8.3vw,150px);line-height:.95;pointer-events:none;text-shadow:0 3px 35px #0004}.hero h1 em{color:var(--blue)}.hero-foot{position:absolute;bottom:28px;left:3.5vw;right:30px;display:flex;justify-content:space-between;align-items:end}.hero-foot p{font-size:12px;line-height:1.35;margin:0;color:#e6edf4}.scene-play{background:#edf3f71c;backdrop-filter:blur(14px);border:1px solid #ffffff30;color:#fff;border-radius:30px;font-size:10px;letter-spacing:.04em;padding:12px 15px;display:flex;gap:10px;align-items:center;min-height:44px}.scroll-bar{height:45px;display:flex;align-items:center;justify-content:space-between;font-size:25px}.scroll-bar b{font-size:11px;font-weight:500;letter-spacing:-.02em}.section{padding:110px var(--gutter)}.section-meta{display:flex;justify-content:space-between;gap:25px;font-size:10px;letter-spacing:.04em;margin-bottom:65px}.about h2{max-width:1300px}.indent{margin-left:12vw;display:block}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:7vw;margin-top:65px;align-items:end}.about-copy{max-width:560px}.large-copy{font-size:clamp(21px,2.2vw,34px);line-height:1.2;letter-spacing:-.04em}.about-copy>p:not(.large-copy),.creator-content p:not(.large-copy){font-size:16px;color:#54606b;max-width:485px;line-height:1.6}.about-copy .pill,.creator-content .pill{margin-top:16px}.connection-art{height:270px;border-radius:25px;background:#a5d9f7;position:relative;display:flex;align-items:center;justify-content:space-around;overflow:hidden;isolation:isolate}.connection-art img{width:100px;max-height:135px;object-fit:contain;filter:drop-shadow(0 5px 2px #0002);z-index:1;background:#111419;padding:14px;border-radius:25px}.connection-label{font-size:10px;letter-spacing:.1em;z-index:1;background:var(--blue);padding:7px}.connection-ring{position:absolute;width:230px;height:230px;border:1px solid #11141975;border-radius:50%;transform:rotateX(50deg) rotateY(25deg);z-index:-1}.r1{left:calc(50% - 180px)}.r2{left:calc(50% - 115px);transform:rotateX(30deg) rotateY(-25deg)}.r3{left:calc(50% - 50px)}.section-title{display:flex;justify-content:space-between;gap:30px;align-items:end;margin-bottom:65px}.section-title p{font-size:14px;max-width:360px;letter-spacing:-.025em}.services{padding-top:40px}.service-grid{display:grid;grid-template-columns:1fr 1fr;column-gap:30px;row-gap:70px}.card-visual{height:clamp(280px,34vw,560px);border-radius:25px;position:relative;overflow:hidden;isolation:isolate;transition:transform .6s cubic-bezier(.2,.8,.2,1)}.service-card:hover .card-visual{transform:scale(.98)}.card-info{padding-top:20px}.card-info small{font-size:9px;letter-spacing:.03em}.card-info h3{font-size:clamp(28px,3.15vw,50px);margin:9px 0 15px;line-height:1.05;display:flex;justify-content:space-between;gap:20px}.card-info h3 span{font-size:.7em;transition:transform .3s}.service-card:hover h3 span{transform:translate(3px,-3px)}.card-info p{max-width:460px;color:#54606b;font-size:14px;line-height:1.5;margin:0}.strategy-art{background:#a5d9f7;display:flex;align-items:center;justify-content:center}.strategy-core{font-size:clamp(160px,22vw,340px);font-weight:600;line-height:1;letter-spacing:-.13em;padding-right:.13em;color:#172633;text-shadow:2px 3px 0 #688ea8,5px 7px 0 #688ea8;transform:rotate(-20deg)}.strategy-core span{font-size:9px;letter-spacing:.06em;display:block;text-align:center;text-shadow:none;margin-top:10px}.orbit-line{position:absolute;width:90%;height:40%;border:1px solid #20374470;border-radius:50%;transform:rotate(-30deg);z-index:-1}.o2{transform:rotate(45deg)}.orbit-tag{position:absolute;padding:8px 15px;border-radius:30px;background:#ecf6fb;color:var(--ink);font-size:9px}.t1{top:19%;left:10%}.t2{bottom:15%;right:8%}.t3{top:18%;right:14%;background:#182630;color:#fff}.partnership-art{background:#17202b;perspective:1000px;display:flex;justify-content:center;align-items:center;gap:14px}.phone{width:34%;height:75%;max-width:200px;border:6px solid #0b1016;border-radius:28px;background:#d9eaf4;box-shadow:12px 16px 30px #0008;position:relative;padding:14px;display:flex;flex-direction:column;justify-content:end}.p1{transform:rotate(-12deg) translateY(-5%);background:linear-gradient(160deg,#718fab,#d0ecfc)}.p2{transform:rotate(12deg) translateY(7%);background:#a5d9f7}.phone-camera{width:40%;height:10px;background:#111419;border-radius:20px;position:absolute;top:8px;left:30%}.phone-c{font-size:clamp(100px,18vw,230px);font-weight:500;line-height:1;position:absolute;top:10%;left:22%;color:#102330}.phone-star{font-size:clamp(75px,13vw,190px);line-height:1;position:absolute;top:16%;left:8%;color:#102330}.phone>span{font-size:clamp(9px,1.3vw,20px);line-height:1.05;letter-spacing:-.04em;font-weight:500}.phone-ui{font-size:13px;margin-top:20px}.phone-ui hr{border:0;border-top:2px solid #11141940;margin:8px 0 0}.visual-caption{position:absolute;bottom:16px;left:0;right:0;text-align:center;font-size:8px;letter-spacing:.08em;color:#cddde9}.campaign-art{background:#cbd5df;display:flex;align-items:center;justify-content:center}.campaign-sheet{background:#f8fbfd;width:65%;height:82%;transform:rotate(-9deg);border-radius:12px;box-shadow:12px 20px 30px #293c5830;padding:25px;color:#15222f}.campaign-sheet>span{font-size:8px}.campaign-sheet h4{font-size:clamp(32px,4vw,64px);margin:18px 0}.campaign-sheet>div{padding:11px 0;border-bottom:1px solid #11141925;font-size:clamp(11px,1.1vw,17px)}.campaign-sheet b{font-weight:400;background:#a5d9f7;padding:3px 7px;margin-right:15px;border-radius:50%}.approval-stamp{position:absolute;bottom:15%;right:10%;width:125px;height:125px;border-radius:50%;background:#1a2b39;color:#a5d9f7;display:grid;place-content:center;font-size:20px;line-height:1;transform:rotate(15deg)}.talent-art{background:#080d13;display:grid;place-items:center}.talent-art img{width:43%;height:75%;object-fit:contain;z-index:2;transform:rotate(-8deg);filter:drop-shadow(15px 20px 0 #0004);transition:transform .7s}.service-card:hover .talent-art img{transform:rotate(5deg) scale(1.05)}.talent-circle{position:absolute;width:75%;aspect-ratio:1;border:1px solid #a5d9f7;border-radius:50%;box-shadow:0 0 0 30px #a5d9f710,0 0 0 60px #a5d9f708;transform:rotateX(45deg) rotateZ(-30deg)}.talent-note{position:absolute;bottom:20px;right:20px;font-size:9px;line-height:1.25;color:#a5d9f7;text-align:right}
.creators{background:var(--blue);border-radius:32px;margin:30px 18px;padding-left:calc(var(--gutter) - 18px);padding-right:calc(var(--gutter) - 18px)}.creators h2 em{color:#355568}.creator-content{display:grid;grid-template-columns:1fr 1fr;gap:8vw;margin-top:65px;align-items:center}.creator-content>div:last-child{max-width:550px}.creator-content p:not(.large-copy){color:#3c5e75}.creator-mark{font-size:clamp(160px,28vw,400px);line-height:.75;text-align:center;font-weight:500}.process .section-title{margin-bottom:50px}.process-list{border-top:1px solid var(--line)}details{border-bottom:1px solid var(--line)}summary{list-style:none;display:grid;grid-template-columns:70px 1fr 40px;align-items:center;padding:27px 0;gap:20px;cursor:pointer}summary::-webkit-details-marker{display:none}summary>span{font-size:12px}summary h3{font-size:clamp(26px,3.3vw,48px);letter-spacing:-.04em}summary>b{font-weight:400;font-size:25px;justify-self:end;transition:transform .3s}details[open] summary>b{transform:rotate(45deg)}details>p{max-width:570px;margin:0 80px 30px 90px;font-size:16px;line-height:1.6;color:#54606b}.closing{padding-top:140px;padding-bottom:70px;background:#111419;color:var(--paper);border-radius:32px 32px 0 0;position:relative;overflow:hidden}.closing-kicker{font-size:11px;display:flex;align-items:center;gap:10px;margin-bottom:60px}.status-dot{width:6px;height:6px;background:var(--blue);border-radius:50%}.closing-link{font-size:clamp(65px,12.3vw,210px);line-height:.95;letter-spacing:-.065em;display:block;position:relative}.closing-link em{color:var(--blue)}.closing-link>span{position:absolute;right:0;top:0;font-size:.7em;transition:transform .4s}.closing-link:hover>span{transform:translate(10px,-10px)}.closing-bottom{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-top:70px}.closing-bottom p{font-size:16px;line-height:1.5;margin:0;color:#b3c0cc}.closing .pill{background:var(--blue);color:var(--ink)}footer{background:#111419;color:var(--paper);padding:70px var(--gutter) 25px;border-top:1px solid #ffffff25;display:grid;grid-template-columns:1fr 1.5fr 1fr;gap:50px}.footer-logo{width:100px}.footer-logo img{height:118px;object-fit:contain}footer>div>small{font-size:10px;color:#8595a3;display:block;margin-bottom:20px}footer>div>a{display:block;font-size:clamp(14px,1.7vw,25px);letter-spacing:-.03em;margin-bottom:12px;overflow-wrap:anywhere}.footer-nav{justify-self:end}.footer-nav a{font-size:14px}.footer-bottom{grid-column:1/-1;display:flex;justify-content:space-between;gap:15px;font-size:9px;color:#a8b7c4;border-top:1px solid #ffffff25;padding-top:25px;margin-top:20px}.footer-bottom>a{font-size:9px;margin:0;letter-spacing:0}.reveal{transition:transform .8s,opacity .8s}.js-reveal{opacity:0;transform:translateY(30px)}.js-reveal.visible{opacity:1;transform:none}
@media(min-width:1500px){.hero h1{left:50px}.hero-foot{left:50px}.header-intro{margin-left:10vw}}
@media(max-width:1000px){.header-intro{margin-left:3vw;font-size:17px}.header{gap:15px}.hero h1{font-size:9.5vw}.hero-stage{min-height:600px}.section{padding-top:80px;padding-bottom:80px}.section-meta{margin-bottom:45px}.about-grid{gap:35px}.about-copy>p:not(.large-copy){font-size:14px}.connection-art{height:230px}.service-grid{gap:50px 22px}.campaign-sheet{padding:18px}.campaign-sheet>div{padding:9px 0}.approval-stamp{width:100px;height:100px;font-size:17px}.closing-link{font-size:12vw}}
@media(max-width:650px){:root{--gutter:20px}.header{height:98px;gap:12px;padding-top:12px;padding-bottom:12px}.brand{width:52px;border-radius:9px;padding:3px 6px}.brand img{width:40px;height:52px}.header-intro{display:none}.header-actions{margin-left:auto;gap:8px}.pill{padding:14px 18px;gap:20px;font-size:10px;min-height:44px}.menu-toggle{min-width:88px}.menu{inset:98px 12px 12px;padding:28px 24px;border-radius:20px}.menu-links a{font-size:44px;padding:8px 0;line-height:1.2}.menu-bottom{flex-direction:column;font-size:13px}.menu-bottom a{align-self:start}.hero-stage{height:calc(100svh - 145px);min-height:520px;border-radius:20px}.hero-topline{top:20px;left:20px;right:20px;font-size:8px;letter-spacing:0}.hero-topline>span:last-child{display:none}.hero h1{font-size:clamp(43px,11.2vw,72px);bottom:112px;left:20px;letter-spacing:-.065em}.hero-foot{bottom:22px;left:20px;right:20px;gap:12px}.hero-foot p{font-size:10px}.scene-play{font-size:8px;padding:10px;gap:6px}.scroll-bar{height:42px;font-size:21px}.scroll-bar b{font-size:9px}.section{padding:70px var(--gutter)}.section-meta{font-size:8px;gap:15px;margin-bottom:40px}.section-meta>span:last-child{max-width:140px;text-align:right}h2{font-size:clamp(44px,11.7vw,70px)}.indent{margin-left:0}.about-grid{grid-template-columns:1fr;gap:32px;margin-top:35px}.about-copy{grid-row:1}.about-copy .large-copy{font-size:24px}.large-copy{font-size:24px}.connection-art{height:220px}.about-copy .pill{margin-top:0}.section-title{display:block;margin-bottom:35px}.section-title p{font-size:13px;margin:24px 0 0;max-width:290px}.service-grid{grid-template-columns:1fr;gap:42px}.card-visual{height:360px}.card-info h3{font-size:35px}.card-info p{font-size:14px}.strategy-core{font-size:245px}.orbit-tag{font-size:9px}.phone{max-width:145px;height:78%}.phone-c{font-size:165px}.phone-star{font-size:125px}.phone>span{font-size:15px}.phone-ui{margin-top:14px}.campaign-sheet{padding:23px;height:82%}.campaign-sheet h4{font-size:42px}.campaign-sheet>div{font-size:14px;padding:12px 0}.campaign-sheet>span{font-size:8px}.approval-stamp{width:110px;height:110px;font-size:18px;right:7%}.creators{margin:0 10px;padding-left:20px;padding-right:20px;border-radius:22px}.creator-content{grid-template-columns:1fr;gap:30px;margin-top:35px}.creator-mark{display:none}.creator-content .large-copy{font-size:25px}.creator-content p:not(.large-copy){font-size:14px}.process-list summary{grid-template-columns:25px 1fr 20px;gap:15px;padding:24px 0}.process-list h3{font-size:27px}.process-list details>p{margin:0 30px 25px 40px;font-size:14px}.closing{padding-top:80px;border-radius:22px 22px 0 0}.closing-kicker{font-size:9px;margin-bottom:40px}.closing-link{font-size:15vw;max-width:100%}.closing-link>span{font-size:.5em;top:5px}.closing-bottom{align-items:start;flex-direction:column;margin-top:40px;gap:25px}.closing-bottom p{font-size:14px}footer{padding-top:45px;grid-template-columns:75px 1fr;gap:35px 20px}.footer-logo{width:65px}.footer-logo img{height:80px}footer>div>a{font-size:15px}.footer-nav{grid-column:2;justify-self:start}.footer-nav a{display:inline-block;font-size:12px;margin-right:12px}.footer-bottom{flex-wrap:wrap;margin-top:0;font-size:8px}.footer-bottom>span:nth-child(2){display:none}.footer-bottom>a{font-size:8px}}
@media(max-width:360px){.hero h1{font-size:11vw}.card-visual{height:310px}.hero-topline{font-size:7px}.scene-play{font-size:7px}.phone{border-width:4px;border-radius:22px;padding:10px}.phone-c{font-size:145px}.campaign-sheet{padding:16px}.campaign-sheet>div{padding:9px 0}}
@media(max-width:360px){.header{gap:8px}.header .brand{width:46px}.header .pill{padding:12px 13px;gap:12px;font-size:9px}.header .menu-toggle{min-width:76px}.header-actions{gap:6px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.js-reveal{opacity:1;transform:none}}