/* Immersive public presentation. Layered over the shared public layout. */
@font-face{font-family:Anton;src:url('/assets/anton.ttf') format('truetype');font-weight:400;font-display:swap}
.public-site{--ink:#eceef3;--muted:#a3a8b4;--line:#ffffff26;--night:#0b0d12;--blue:#2462ff;--yellow:#ffdb20;background:var(--night);color:var(--ink);overflow-x:clip}
.public-site p{color:var(--muted)}
.public-site #main{overflow-x:clip}
.public-site .eyebrow{font-size:10px;letter-spacing:.13em}
.public-site .site-header{background:#0b0d12e8;border-color:#ffffff10;backdrop-filter:blur(14px)}
.public-site .header-inner{height:100px;max-width:1680px;padding:0 4%;position:relative}
.public-site .header-inner .brand{width:218px;height:92px;margin-left:-15px}
.public-site .header-inner .brand img{width:265px;height:265px}
.public-site .header-location{display:none}
.public-site nav{gap:37px}
.public-site nav>a:not(.button){font-size:13px;font-weight:500;color:#d8dce5}
.public-site nav>a[aria-current]{color:var(--yellow)}
.public-site nav>a:hover{color:white}
.public-site .button{border-radius:30px;padding:14px 24px;font-size:12px;gap:27px}
.public-site .button.dark{background:var(--blue);color:white}
.public-site .button.dark:hover{background:#3e75ff}
.public-site .button.yellow{background:var(--yellow);color:#101116}
.public-site .button.small{padding:11px 21px;min-height:45px}
.public-site .menu-toggle{background:none;color:white;border-color:#ffffff40;border-radius:30px}
.public-site .text-link{color:inherit;border-color:#ffffff50;padding-bottom:9px;font-weight:500}
.public-site .text-link:hover{color:var(--yellow)}
.public-site a:focus-visible,.public-site button:focus-visible{outline-color:var(--yellow)}
.public-site .skip{background:var(--yellow);color:#101116}
.reading-progress{position:fixed;top:0;left:0;height:2px;width:100%;transform:scaleX(var(--progress,0));transform-origin:left;background:var(--yellow);z-index:50}
.motion-toggle{position:fixed;right:22px;bottom:20px;z-index:20;color:white;background:#151923dd;backdrop-filter:blur(12px);border:1px solid #ffffff30;border-radius:30px;padding:9px 14px;display:flex;gap:8px;align-items:center;font-size:10px;box-shadow:0 4px 20px #0003}
.motion-toggle:disabled{cursor:default;opacity:1}
.home-page .site-header{position:absolute;top:0;left:0;right:0;background:transparent;backdrop-filter:none;border:0}
.kinetic-hero{position:relative;padding:112px 4.5% 23px;overflow:hidden;background:radial-gradient(ellipse at 52% 37%,#0f245b55,transparent 57%),#0b0d12}
.hero-topline{display:flex;justify-content:space-between;gap:25px;position:relative;z-index:2}
.hero-topline p{font-size:9px;letter-spacing:.12em;text-transform:uppercase;color:#acb0bc;display:flex;align-items:center;gap:9px}
.live-dot{display:inline-block;width:5px;height:5px;background:var(--yellow);border-radius:50%;box-shadow:0 0 14px #ffe52699}
.sculpture-stage{height:clamp(360px,35vw,560px);position:relative;margin:0 -4vw}
#brand-sculpture{position:absolute;inset:0;width:100%;height:100%;display:block;opacity:0;transition:opacity .8s;touch-action:pan-y}
.scene-ready #brand-sculpture{opacity:1}
.sculpture-fallback{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;font-family:Anton,sans-serif;font-size:clamp(65px,13vw,185px);line-height:.95;color:var(--blue);transform:rotate(-8deg);transition:opacity .5s}
.sculpture-fallback span:last-of-type{-webkit-text-stroke:1px var(--yellow);color:transparent}
.sculpture-fallback i{position:absolute;right:18%;top:15%;color:var(--yellow);font-style:normal;font-size:clamp(45px,9vw,130px)}
.scene-ready .sculpture-fallback{opacity:0;pointer-events:none}
.stage-caption,.stage-coordinate{position:absolute;bottom:25px;font-size:8px;letter-spacing:.13em;color:#7c869a}
.stage-caption{left:4vw;writing-mode:vertical-rl;transform:rotate(180deg)}
.stage-coordinate{right:4vw;writing-mode:vertical-rl}
.kinetic-intro{display:grid;grid-template-columns:1.8fr 1fr;gap:70px;align-items:end;position:relative;margin-top:7px}
.kinetic-intro h1{font-size:clamp(31px,3.7vw,56px);font-weight:500;letter-spacing:-.055em;line-height:1.13;margin-top:15px;text-wrap:initial}
.kinetic-intro h1 em{font-style:normal;color:#788296}
.kinetic-intro .eyebrow{font-size:9px;color:#b4bfd2}
.intro-action{max-width:330px;justify-self:end}
.intro-action p{font-size:13px;line-height:1.7;margin-bottom:19px;color:#b9bfcb}
.scroll-cue{display:flex;gap:12px;align-items:center;font-size:9px;color:#919aac;margin-top:36px;width:fit-content}
.scroll-cue span{display:grid;place-items:center;border:1px solid #ffffff33;border-radius:50%;width:28px;height:28px;animation:cue-drift 2.8s ease-in-out infinite}
@keyframes cue-drift{50%{transform:translateY(5px)}}
.manifesto{display:grid;grid-template-columns:1.4fr 1fr;gap:25px 80px;margin:0 4.5%;padding:80px 0 75px;border-top:1px solid var(--line)}
.manifesto>.eyebrow{grid-column:1/-1}
.manifesto h2{font-size:clamp(40px,5.3vw,77px);line-height:1.05;font-weight:500;letter-spacing:-.06em}
.manifesto h2 span{color:var(--blue)}
.manifesto>div{align-self:end;max-width:400px;justify-self:end}
.manifesto>div p{font-size:15px;line-height:1.8;margin-bottom:20px}
.capability-showcase{padding:25px 4.5% 65px}
.showcase-heading{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:35px}
.showcase-heading h2{font-family:Anton,sans-serif;font-size:clamp(60px,9vw,140px);font-weight:400;letter-spacing:-.025em;line-height:.96;margin-top:20px}
.showcase-heading h2>span{-webkit-text-stroke:1px #a8b0c0;color:transparent}
.showcase-heading>p{font-size:13px;line-height:1.7;margin-bottom:6px}
.showcase-grid{display:grid;grid-template-columns:1fr 1fr;gap:45px 28px}
.showcase-card{min-width:0;display:block}
.showcase-card:nth-child(even){transform:translateY(60px)}
.card-art{position:relative;aspect-ratio:1.2;overflow:hidden;isolation:isolate;transition:border-radius .5s,transform .6s;background:#12204a}
.showcase-card:hover .card-art{border-radius:22px;transform:translateY(-5px)}
.art-index,.art-foot{position:absolute;left:26px;top:23px;font-size:8px;letter-spacing:.12em;z-index:3}
.art-foot{top:auto;bottom:23px}
.strategy-art{background:#235bf5;color:white}
.poster-type{font-family:Anton,sans-serif;position:absolute;left:9%;top:13%;font-size:clamp(45px,6.5vw,98px);font-weight:400;line-height:.93;letter-spacing:-.015em;transform:rotate(-6deg);z-index:2}
.poster-type em{font-style:normal;color:var(--yellow)}
.poster-spark{position:absolute;right:-4%;top:27%;font-size:clamp(130px,20vw,300px);line-height:1;color:#102e88;animation:slow-spin 30s linear infinite}
@keyframes slow-spin{to{transform:rotate(360deg)}}
.card-caption{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-top:18px}
.card-caption h3{font-family:Manrope,sans-serif;font-size:23px;letter-spacing:-.04em;font-weight:600}
.card-caption p{font-size:10px;margin-top:6px;color:#9098a7}
.card-arrow{font-size:31px;transition:transform .25s;color:var(--yellow)}
.showcase-card:hover .card-arrow{transform:translate(4px,-4px)}
.creative-art{background:#453e36;color:white}
.creative-art img{width:100%;height:100%;object-fit:cover;object-position:50% 65%;transition:transform 1s}
.creative-art::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#080b1270,transparent 80%);z-index:0}
.creative-type{position:absolute;left:8%;top:17%;font-family:Anton,sans-serif;font-size:clamp(40px,5.5vw,82px);line-height:.97;letter-spacing:-.01em;z-index:1}
.creative-type em{font-style:normal;color:var(--yellow)}
.showcase-card:hover .creative-art img{transform:scale(1.07)}
.stock-caption{position:absolute;bottom:20px;left:26px;z-index:2;font-size:8px;color:white}
.digital-art{background:#1b2453}
.browser-art{position:absolute;left:13%;top:15%;width:82%;height:79%;background:#e8ecf7;color:#111827;border-radius:9px;transform:perspective(900px) rotateY(-15deg) rotateX(9deg) rotateZ(-6deg);box-shadow:20px 25px 70px #06081999;animation:browser-float 7s ease-in-out infinite}
@keyframes browser-float{50%{transform:perspective(900px) rotateY(-7deg) rotateX(4deg) rotateZ(-3deg) translateY(-10px)}}
.browser-bar{height:27px;background:#cbd3e8;display:flex;gap:5px;align-items:center;padding:0 13px;border-radius:9px 9px 0 0}
.browser-bar i{width:4px;height:4px;border-radius:50%;background:#8f9bb8}
.browser-bar span{font-size:5px;letter-spacing:.1em;margin-left:auto}
.browser-body{position:relative;padding:28px 21px;overflow:hidden;height:calc(100% - 27px)}
.browser-body>span{font-size:6px;letter-spacing:.15em}
.browser-body strong{display:block;position:relative;z-index:2;font-family:Anton,sans-serif;font-weight:400;font-size:clamp(24px,3.5vw,52px);line-height:1.02;margin-top:15px;letter-spacing:-.02em}
.browser-body strong em{font-style:normal;color:#1755ed}
.browser-button{font-size:6px;padding:8px 11px;display:inline-block;margin-top:17px;background:#1755ed;color:white;position:relative;z-index:2;border-radius:20px}
.browser-orbit{position:absolute;width:160px;height:160px;right:-40px;bottom:-27px;border:25px solid #ffce20;border-radius:50%;box-shadow:inset -10px -9px 12px #bd8400,7px 7px 25px #7e7c8f4d;transform:rotateX(25deg) rotateY(25deg)}
.digital-art>.art-index,.digital-art>.art-foot{color:#bfcbe7}
.events-art{background:var(--yellow);color:#10141f}
.event-type{position:absolute;top:18%;left:9%;right:6%;font-family:Anton,sans-serif;font-size:clamp(50px,7vw,105px);line-height:1.08;letter-spacing:-.03em}
.event-type>span{display:block}
.event-type>span:last-child{-webkit-text-stroke:1.4px #111827;color:transparent}
.event-tape{position:absolute;bottom:17%;left:-20%;width:140%;transform:rotate(-13deg);background:#141925;color:white;padding:11px 0;overflow:hidden}
.event-tape span{display:block;width:max-content;white-space:nowrap;font-size:clamp(15px,2vw,28px);font-weight:700;letter-spacing:-.03em;animation:tape-flow 14s linear infinite}
@keyframes tape-flow{to{transform:translateX(-50%)}}
.showcase-bottom{margin-top:95px;display:flex;justify-content:space-between;align-items:center;gap:25px}
.showcase-bottom>span{font-size:9px;color:#8f98a8}
.brand-marquee{overflow:hidden;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:24px 0;transform:rotate(-2deg);margin:20px 0 70px}
.brand-marquee>div{display:flex;width:max-content;animation:marquee-flow 26s linear infinite}
.brand-marquee span{font-family:Anton,sans-serif;font-size:clamp(45px,7vw,105px);font-weight:400;line-height:1.05;white-space:nowrap;color:#eef0f6}
.brand-marquee b{font-family:Manrope,sans-serif;font-weight:500;color:var(--blue);padding:0 20px}
@keyframes marquee-flow{to{transform:translateX(-50%)}}
.agency-story{display:grid;grid-template-columns:1fr 1fr;gap:7%;padding:20px 4.5% 90px;align-items:center}
.agency-image{position:relative;aspect-ratio:1;overflow:hidden}
.agency-image>img{width:100%;height:100%;object-fit:cover;transition:transform 1.3s}
.agency-image:hover>img{transform:scale(1.04)}
.agency-image::after{content:"";position:absolute;inset:0;background:linear-gradient(#090b1240,transparent,#090b1280)}
.agency-image>span{position:absolute;top:8%;left:7%;z-index:1;font-family:Anton,sans-serif;font-size:clamp(37px,4.8vw,72px);line-height:1.03;color:white;font-weight:400}
.agency-image .photo-credit{position:absolute;bottom:16px;left:7%;z-index:2;font-size:8px}
.agency-story-copy h2{font-family:Anton,sans-serif;font-size:clamp(36px,4.8vw,72px);line-height:1.03;font-weight:400;letter-spacing:-.015em;margin:20px 0 25px}
.agency-story-copy h2>span{color:#6c7890}
.agency-story-copy p:not(.eyebrow){font-size:14px;line-height:1.8;max-width:450px;margin-bottom:17px}
.agency-story-copy .text-link{margin-top:6px}
.next-move{background:var(--blue);padding:50px 4.5% 40px;overflow:hidden}
.next-move>.eyebrow{color:#d2dfff}
.next-move>a{display:flex;align-items:center;justify-content:space-between;gap:40px;margin:25px 0 40px}
.next-move>a>span:first-child{font-family:Anton,sans-serif;font-size:clamp(60px,10.5vw,160px);line-height:.98;letter-spacing:-.025em;color:white}
.next-move em{font-style:normal;color:var(--yellow)}
.next-arrow{font-size:clamp(80px,16vw,240px);line-height:1;font-weight:400;color:var(--yellow);transition:transform .4s}
.next-move a:hover .next-arrow{transform:translate(10px,-10px)}
.next-move>div{border-top:1px solid #ffffff50;padding-top:22px;display:flex;justify-content:space-between;align-items:end;gap:25px}
.next-move>div p{color:#e1eaff;font-size:12px}
.next-move>div>span{font-size:8px;letter-spacing:.12em;color:#d4dfff}
.public-site .site-footer{border:0;padding:0 4.5%}
.public-site .footer-top{padding:25px 0}
.public-site .footer-top .brand{width:200px;height:90px}
.public-site .footer-top .brand img{width:250px;height:250px}
.public-site .footer-top p{color:#929baa}
.public-site .footer-bottom{border-color:var(--line);color:#919aaa}
.public-site .footer-links a:hover,.public-site .footer-bottom a:hover{color:var(--yellow)}
/* Carry the same art direction through the existing functional interior pages. */
.public-site .page-intro h1 span,.public-site .contact-intro h1 span{color:var(--blue)}
.public-site .page-intro{padding-top:52px}
.public-site .page-intro h1{font-family:Anton,sans-serif;font-weight:400;text-transform:uppercase;font-size:clamp(55px,6.8vw,100px);letter-spacing:-.02em}
.public-site .service-navigation,.public-site .service-row,.public-site .round-link{border-color:var(--line)}
.public-site .service-row p,.public-site .service-row li{color:#aab2c3}
.public-site .round-link:hover{color:#101116}
.public-site .service-navigation a:hover{color:var(--yellow)}
.public-site .service-editorial,.public-site .cta-band{background:#172f70;color:white}
.public-site .cta-band p{color:#c5cee0}
.public-site .cta-band h2 span{color:var(--yellow)}
.public-site .cta-band .eyebrow>span{background:var(--yellow)}
.public-site .work-empty{background:#151a25;border-color:var(--blue)}
.public-site .about-process{background:#141a25}
.public-site .about-photo figcaption{color:#111827}
.public-site .about-photo .photo-credit{color:#111827}
.public-site .contact-intro h1{font-family:Anton,sans-serif;font-weight:400;text-transform:uppercase;letter-spacing:-.02em}
.public-site .inquiry-form{background:#141a25;border-color:var(--blue)}
.public-site .inquiry-form label,.public-site .inquiry-form legend{color:#c9d2e3}
.public-site .inquiry-form input,.public-site .inquiry-form select,.public-site .inquiry-form textarea{background:#0e131d;color:white;border-color:#ffffff30;border-radius:5px}
.public-site .inquiry-form textarea::placeholder{color:#909cb0}
.public-site .inquiry-form .check-label a{color:#8faeff}
.public-site .prose a{color:#8faeff}
.public-site .contact-note{border-color:var(--yellow)}
.public-site .notice.error{background:#431e24;color:#ffccd2;border-color:#9d5461}
.public-site .notice.success{background:#16372d;color:#b8f2d8;border-color:#518b72}
.public-site .contact-expectations{border-color:var(--line)}
.public-site .service-editorial p{color:white}
.public-site .portfolio-note .text-link:hover{color:var(--yellow)}
.motion-paused *, .motion-paused *::before,.motion-paused *::after{animation-play-state:paused!important}
@media(min-width:1700px){.kinetic-hero{padding-left:max(4.5%,calc((100vw - 1550px)/2));padding-right:max(4.5%,calc((100vw - 1550px)/2))}.sculpture-stage{height:560px}}
@media(max-width:1000px){.kinetic-intro{gap:35px;grid-template-columns:1.5fr 1fr}.kinetic-intro h1{font-size:37px}.intro-action p{font-size:12px}.manifesto{gap:25px 40px;padding:55px 0}.manifesto>div p{font-size:13px}.art-index,.art-foot{left:18px;top:18px;font-size:7px}.art-foot{top:auto;bottom:18px}.agency-story{gap:5%}.agency-story-copy p:not(.eyebrow){font-size:12px}.browser-body{padding:17px}.card-caption h3{font-size:21px}.card-caption p{font-size:9px}}
@media(max-width:800px){.public-site .header-inner{height:88px;padding:0 4.5%}.public-site .header-inner .brand{width:188px;height:86px;margin-left:-12px}.public-site .header-inner .brand img{width:238px;height:238px}.public-site #main-nav{top:88px;background:#10151f;border-bottom:1px solid #ffffff20}.public-site .menu-toggle{background:transparent;color:white;border-color:#ffffff30}.kinetic-hero{padding-top:106px}.hero-topline p{font-size:7px}.sculpture-stage{height:360px;margin:0 -4.5vw}.kinetic-intro{grid-template-columns:1fr;gap:23px;margin-top:0}.kinetic-intro h1{font-size:40px;max-width:650px}.kinetic-intro .eyebrow{font-size:8px}.intro-action{max-width:none;justify-self:stretch;display:flex;align-items:center;justify-content:space-between;gap:35px}.intro-action p{max-width:330px;margin:0}.intro-action .button{white-space:nowrap}.scroll-cue{margin-top:25px}.manifesto{gap:22px 28px}.manifesto h2{font-size:43px}.showcase-heading h2{font-size:75px}.showcase-heading>p{font-size:11px}.showcase-grid{gap:30px 18px}.showcase-card:nth-child(even){transform:translateY(40px)}.card-art{aspect-ratio:.85}.poster-type{font-size:60px;top:17%}.creative-type{font-size:47px;top:20%}.event-type{font-size:58px;top:27%}.browser-art{top:23%;height:61%;width:91%;left:9%}.browser-body strong{font-size:29px}.browser-orbit{width:130px;height:130px;border-width:22px}.card-caption h3{font-size:18px}.card-caption p{font-size:8px}.showcase-bottom{margin-top:70px}.showcase-bottom>span{max-width:260px;font-size:8px}.agency-story{grid-template-columns:1fr 1fr;align-items:start;padding-bottom:55px}.agency-image{aspect-ratio:.75}.agency-image>span{font-size:37px}.agency-story-copy h2{font-size:38px;margin-top:18px}.next-move{padding-top:35px}.next-move>a{gap:20px}.next-move>a>span:first-child{font-size:75px}.next-arrow{font-size:110px}.public-site .page-intro h1{font-size:60px}}
@media(max-width:540px){.kinetic-hero{padding:102px 22px 22px}.hero-topline{gap:15px}.hero-topline p{font-size:6px;letter-spacing:.07em}.hero-topline p:first-child{max-width:190px}.hero-topline p:last-child{max-width:100px;text-align:right}.sculpture-stage{height:300px;margin:0 -22px}.stage-caption,.stage-coordinate{font-size:6px;bottom:20px}.stage-caption{left:12px}.stage-coordinate{right:12px}.kinetic-intro{gap:22px}.kinetic-intro h1{font-size:34px;line-height:1.12;margin-top:15px}.kinetic-intro .eyebrow{font-size:7px;letter-spacing:.07em}.intro-action{display:block}.intro-action p{font-size:12px;max-width:310px;margin-bottom:18px}.intro-action .button{font-size:11px}.scroll-cue{margin-top:25px;font-size:8px}.manifesto{margin:0 22px;padding:42px 0;grid-template-columns:1fr;gap:20px}.manifesto h2{font-size:42px}.manifesto>div{justify-self:start}.manifesto>div p{font-size:13px}.capability-showcase{padding:10px 22px 35px}.showcase-heading{display:block;margin-bottom:25px}.showcase-heading h2{font-size:74px;margin-top:18px}.showcase-heading>p{font-size:12px;margin-top:20px}.showcase-grid{grid-template-columns:1fr;gap:35px}.showcase-card:nth-child(even){transform:none}.card-art{aspect-ratio:1}.poster-type{font-size:76px;left:9%;top:15%}.poster-spark{font-size:190px}.creative-type{font-size:62px;top:18%}.event-type{font-size:76px;top:22%}.event-tape{bottom:18%;padding:9px 0}.event-tape span{font-size:24px}.browser-art{top:17%;height:76%;left:12%;width:86%}.browser-body strong{font-size:36px}.browser-button{font-size:6px}.card-caption h3{font-size:22px}.card-caption p{font-size:10px}.showcase-bottom{margin-top:30px;align-items:start;gap:15px}.showcase-bottom>span{max-width:190px;font-size:8px}.brand-marquee{margin:15px 0 42px;padding:19px 0}.brand-marquee span{font-size:55px}.agency-story{display:block;padding:0 22px 40px}.agency-image{aspect-ratio:1.1;margin-bottom:32px}.agency-image>span{font-size:47px}.agency-story-copy h2{font-size:49px}.agency-story-copy p:not(.eyebrow){font-size:13px}.next-move{padding:32px 22px}.next-move>a{gap:10px;margin:25px 0}.next-move>a>span:first-child{font-size:clamp(46px,13.5vw,72px)}.next-arrow{font-size:70px}.next-move>div{align-items:start;gap:15px}.next-move>div p{font-size:11px}.next-move>div>span{max-width:110px;font-size:7px}.public-site .footer-top .brand{width:155px;height:75px}.public-site .footer-top .brand img{width:205px;height:205px}.public-site .footer-top p{font-size:8px}.public-site .footer-bottom{padding-bottom:75px}.motion-toggle{right:16px;bottom:15px;font-size:9px;padding:9px 12px}.public-site .page-intro h1{font-size:49px}.public-site .contact-intro h1{font-size:67px}.public-site .header-inner .brand{width:183px}.public-site .header-inner .brand img{width:232px;height:232px}}
@media(max-width:540px){.poster-type{font-size:clamp(50px,16vw,76px)}.creative-type{font-size:clamp(42px,14vw,62px)}.event-type{font-size:clamp(50px,17vw,76px)}.browser-body strong{font-size:clamp(28px,9.2vw,36px)}.public-site .header-inner .brand{margin-left:0}}
@media(max-width:360px){.public-site .header-inner{gap:8px}.public-site .header-inner .brand{width:155px}.public-site .header-inner .brand img{width:205px;height:205px}}
@media(prefers-reduced-motion:reduce){.public-site *, .public-site *::before,.public-site *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}