:root{--paper:#fff;--ink:#111;--muted:#666;--line:#e4e4e4}body{background:#fff;color:#111}.wrap{width:calc(100% - 112px);max-width:1500px}.header{padding:28px 56px;border:0;max-width:none}.header nav{gap:28px}.nav-contact{background:#111;color:#fff;padding:14px 23px;border-radius:40px}.hero{padding-top:10px;padding-bottom:42px}.hero-stage{position:relative;min-height:580px;display:flex;flex-direction:column;align-items:center;justify-content:center;isolation:isolate;--mx:0px;--my:0px}.hero h1{font-size:clamp(64px,7.6vw,126px);letter-spacing:-.06em;text-align:center;line-height:1.05;margin:0;z-index:2}.hero h1>span:first-of-type{color:var(--red)}.hero-sub{font-size:18px;text-align:center;margin-top:30px;z-index:2;max-width:450px}.network-scene{position:absolute;inset:0;z-index:-1;overflow:hidden;pointer-events:none;transform:translate(var(--mx),var(--my));transition:transform .6s ease}.network-main{position:absolute;width:27%;height:auto;object-fit:contain;right:5%;top:1%;opacity:.13;transform:rotate(-16deg);filter:drop-shadow(12px 16px 2px #ddd)}.network-small{position:absolute;width:12%;height:auto;object-fit:contain;left:7%;bottom:7%;transform:rotate(16deg);opacity:.85}.orbit{position:absolute;border:1px solid #ededed;border-radius:50%;width:520px;height:520px;left:calc(50% - 260px);top:30px;transform:rotate(-25deg) scaleX(1.5)}.orbit-two{transform:rotate(40deg) scaleX(1.5)}.network-dot{position:absolute;width:24px;height:24px;border-radius:50%;background:var(--red);box-shadow:0 6px 18px #f4142022;transition:transform .7s}.dot-one{top:16%;left:16%;width:17px;height:17px}.dot-two{bottom:12%;right:19%;width:38px;height:38px}.dot-three{top:38%;right:1%;width:11px;height:11px}.connected .network-main{opacity:.28;transform:rotate(0deg)}.connected .dot-one{transform:translate(70px,35px)}.connected .dot-two{transform:translate(-70px,-35px)}.network-main,.network-small{transition:opacity .6s,transform .8s}.network-toggle{background:white;border:1px solid #ddd;padding:10px 16px;border-radius:30px;font-size:11px;margin-top:24px;cursor:pointer}.network-toggle[aria-pressed=true]{background:var(--red);color:white;border-color:var(--red)}.hero-bottom{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);padding-top:28px;gap:28px;margin-top:0}.hero-bottom>p{font-size:17px;line-height:1.5;max-width:410px}.reel-pill{display:flex;gap:12px;align-items:center;border:1px solid #ddd;padding:18px 23px;border-radius:40px;font-size:13px;white-space:nowrap}.reel-pill>span{color:var(--red)}.recognition{border-block:1px solid var(--line);padding-block:30px}.publication-list{margin-top:22px}.work{padding-block:90px}.section-top h2{font-size:clamp(40px,4.5vw,70px);line-height:1.08;letter-spacing:-.045em}.agency-work-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:60px 30px!important}.agency-card .portfolio-cover{border-radius:18px;aspect-ratio:16/10;background:#f4f4f4;overflow:hidden}.agency-card .portfolio-cover img{width:100%;height:100%;object-fit:contain!important;object-position:center!important;transition:filter .3s!important}.agency-card:hover .portfolio-cover img{transform:none!important;filter:brightness(1.03)}.agency-card h2{font-size:28px!important;line-height:1.2!important;margin:14px 0 10px!important}.agency-card p{font-size:15px;line-height:1.65;max-width:550px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.archive-card-meta{font-size:11px!important;text-transform:uppercase;letter-spacing:.08em;margin-top:19px}.expertise{background:#111;color:#fff;padding-block:90px}.expertise-grid{grid-template-columns:.9fr 1.3fr;gap:80px}.expertise-intro h2{font-size:clamp(50px,6vw,88px)}.expertise-intro h2 span{color:#f41420}.expertise-intro p{color:#bbb;max-width:360px;line-height:1.7}.service-list details{border-color:#444}.service-list summary{padding-block:30px}.service-list h3{font-size:26px}.service-body{padding-bottom:25px}.service-body p{font-size:17px;color:#ccc;line-height:1.65}.service-body .tags{color:#aaa;line-height:1.7}.about{padding-block:100px}.about-grid{gap:80px}.about h2{font-size:clamp(50px,6vw,88px);line-height:1.05}.about-copy p{line-height:1.7}.about-copy>p+p{margin-top:20px}.process{padding-bottom:90px}.process-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:28px}.process-grid article{border-top:1px solid #ccc;padding-top:22px}.process-grid span{color:var(--red);font-size:12px}.process-grid h3{font-size:27px;margin:25px 0 12px}.process-grid p{font-size:16px;line-height:1.6;color:#666}.team-life{padding-block:40px 90px}.team-montage{border-radius:18px}.team-photo-grid img{object-fit:contain;aspect-ratio:4/3;background:#f5f5f5;border-radius:12px}.contact{border-radius:28px 28px 0 0}.contact-title{font-size:clamp(65px,9vw,140px)}.archive-grid .portfolio-cover{border-radius:12px}.film-dialog{border-radius:15px}.hero-kicker{font-size:11px}.mobile-about{display:none}
@media(max-width:900px){.wrap{width:calc(100% - 48px)}.header{padding:24px}.hero-stage{min-height:520px}.expertise-grid,.about-grid{grid-template-columns:1fr;gap:45px}.process-grid{grid-template-columns:repeat(2,1fr)}.network-main{width:38%}.agency-work-grid{gap:40px 20px!important}}
@media(max-width:640px){.wrap{width:calc(100% - 36px)}.header{padding:20px 18px}.header nav{gap:18px}.header .logo .brand-logo{width:145px}.hero-stage{min-height:420px}.hero h1{font-size:clamp(38px,9.2vw,59px)!important;line-height:1.1!important;letter-spacing:-.055em}.hero-sub{font-size:15px;max-width:270px;margin-top:23px}.hero-kicker{font-size:9px}.hero-bottom{flex-direction:column;align-items:flex-start;gap:21px}.hero-bottom>p{font-size:15px}.reel-pill{padding:13px 19px}.network-main{width:42%;right:0;top:3%;opacity:.12}.network-small{width:17%;left:4%;bottom:7%}.orbit{width:300px;height:300px;left:calc(50% - 150px);top:60px}.dot-two{width:23px;height:23px}.recognition{padding-block:24px}.publication-list{gap:20px}.work{padding-block:50px}.section-top{align-items:flex-start;flex-direction:column;gap:20px}.section-top h2{font-size:39px}.agency-work-grid{grid-template-columns:1fr!important;gap:34px!important}.agency-card .portfolio-cover{aspect-ratio:16/10}.agency-card h2{font-size:25px!important}.agency-card p{font-size:14px;-webkit-line-clamp:2}.expertise{padding-block:50px}.expertise-intro h2,.about h2{font-size:58px}.service-list h3{font-size:23px}.service-list .mobile-service-label{display:none!important}.service-list .desktop-service-label{display:inline!important}.service-list .mobile-service-icon{display:none!important}.service-body{padding-left:0}.about{padding-block:55px}.about-copy>p{display:block!important}.about-lead{font-size:23px!important}.process{padding-bottom:50px}.process-grid{gap:25px 20px}.process-grid h3{font-size:23px;margin-top:20px}.process-grid p{font-size:14px}.team-life{padding-bottom:50px}.contact-title{font-size:16vw}.nav-contact{padding:10px 14px}.contact{border-radius:18px 18px 0 0}}
@media(prefers-reduced-motion:reduce){.network-scene,.network-main,.network-small,.network-dot{transition:none!important;transform:none!important}}
html,body{overflow-x:clip}