/* Image-led landing pages and a single, organised navigation. */
:root{--glass-text:#f2f3f5;--glass-muted:#acb4bd;--landing-ease:cubic-bezier(.16,1,.3,1)}
.fixed-home .hero{padding-bottom:112px}.fixed-home .hero-bottom{margin-top:auto;padding-bottom:14px}.fixed-home .hero-tagline{font-weight:500;letter-spacing:.13em}.fixed-home .header-note{font-size:9px;letter-spacing:.2em;color:#d8dce0}
.header .menu-toggle{display:flex;flex-direction:row;width:auto;height:44px;gap:20px;padding:0 18px;border-radius:999px;background:#1c202645;box-shadow:inset 0 1px #ffffff12}.header .menu-toggle:hover{transform:translateY(-1px)}.header .menu-toggle .menu-label{display:block;width:auto;height:auto;margin:0;background:none;font-size:10px;font-weight:600;letter-spacing:.13em}.header .menu-toggle .menu-glyph{display:grid;width:17px;height:auto;gap:5px;margin:0;background:none}.menu-glyph i{display:block;height:1px;width:17px;background:#f4f5f7;transition:width .3s}.menu-glyph i:last-child{width:11px;justify-self:end}.menu-toggle:hover .menu-glyph i:last-child{width:17px}
.fixed-home>footer.home-footer{position:fixed;bottom:0;left:0;right:0;z-index:4;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:18px 3.2% max(20px,env(safe-area-inset-bottom));border-top:1px solid #ffffff20;background:linear-gradient(180deg,#10151c40,#10151caa);backdrop-filter:blur(18px);color:#e7ebef}
.footer-contact{display:flex;align-items:center;gap:28px}.home-footer a{font-size:11px;letter-spacing:.02em;transition:color .25s}.home-footer .footer-invite{font-size:13px;font-weight:500;color:#fff}.footer-invite span{display:inline-block;margin-left:12px;color:#ffac86;transition:transform .3s}.footer-invite:hover span{transform:translate(3px,-3px)}.home-footer a:hover{color:#ffae8b}.footer-meta{display:flex;gap:24px;align-items:center;font-size:9px;color:#9ba7b3}.footer-phone{white-space:nowrap}
dialog.menu-dialog{width:min(850px,calc(100% - 48px));padding:32px;border-radius:28px;background:radial-gradient(ellipse at 0 100%,#ff7d2820,transparent 60%),linear-gradient(135deg,#22272eeb,#10151af0)}.menu-eyebrow{font-size:9px;letter-spacing:.22em;color:#adb6c1}.menu-layout{display:grid;grid-template-columns:.85fr 1.3fr;gap:38px;margin-top:28px}.menu-intro{display:flex;flex-direction:column;padding:14px 0}.menu-intro :is(h2,.menu-title){font-size:30px;font-weight:500;letter-spacing:-.04em;line-height:1.13;margin:0}.menu-intro :is(h2,.menu-title) em{font-family:Georgia,serif;font-weight:400;color:#bfc8d1}.menu-intro p{font-size:12px;line-height:1.7;color:#a5afbb;margin:20px 0 32px}.menu-secondary{display:grid;gap:16px;margin-top:auto}.menu-secondary a{display:flex;justify-content:space-between;max-width:190px;font-size:12px;color:#d0d7df}.menu-secondary :is(b,.link-arrow){color:#ffad86;font-weight:400}.menu-secondary a:hover{color:white}.menu-dialog nav.menu-disciplines{margin:0;gap:4px}.menu-dialog nav.menu-disciplines a{display:grid;grid-template-columns:20px 1fr 18px;min-height:55px;padding:13px 15px;gap:13px;border:0;border-radius:12px;font-size:15px;letter-spacing:-.01em}.menu-dialog nav.menu-disciplines a span{display:block;width:auto;margin:0;font-size:15px;font-weight:450;letter-spacing:-.01em}.menu-disciplines a :is(b,.link-arrow){font-size:16px;font-weight:400;color:#939eaa;transition:transform .35s,color .35s}.menu-disciplines a:hover :is(b,.link-arrow){color:#ffc4a5;transform:translate(2px,-2px)}.menu-dialog nav.menu-disciplines a:hover{transform:translateX(3px);background:#ffffff09;box-shadow:none}
.section-panel{width:calc(100% - 32px);max-width:1480px;inset:16px;height:calc(100svh - 32px);scroll-behavior:smooth}.panel-toolbar{padding:13px 3.5%;background:#151b21bb}.panel-label{font-size:9px}.panel-close{min-height:40px}.section-panel .landing-page{max-width:none;padding:0 5% 60px;margin:0;background:transparent}.landing-hero{display:grid;grid-template-columns:1fr 1fr;gap:7%;align-items:center;min-height:calc(100svh - 135px);padding:45px 0 55px}.landing-copy{padding:20px 0}.landing-page .landing-copy h2{font-family:Arial,sans-serif;font-size:clamp(45px,5.7vw,88px);font-weight:500;line-height:1.02;letter-spacing:-.06em;margin:28px 0}.landing-copy h2 em{font-family:Georgia,serif;font-weight:400}.landing-page .eyebrow{font-size:9px;letter-spacing:.16em;line-height:1.6;color:#c3cbd3}.landing-lead{font-size:clamp(15px,1.5vw,19px);line-height:1.75;color:#b1bbc5;max-width:460px;margin:0 0 30px}.landing-scroll{display:flex;align-items:center;gap:22px;margin-top:58px;font-size:8px;letter-spacing:.18em;color:#828e9a}.landing-scroll i{font-style:normal;font-size:18px;color:#c8d0d8}.landing-image{position:relative;overflow:hidden;border-radius:20px;margin:0;background:#12161b;isolation:isolate}.landing-image img{display:block;width:100%;height:100%;object-fit:cover;transform:translate3d(0,var(--parallax,0px),0) scale(1.065);will-change:transform}.landing-visual .portrait{height:clamp(420px,65svh,760px);aspect-ratio:4/5}.tone-motion-video .portrait img,.tone-music-audiovisual .portrait img{object-position:center 62%}.image-caption{display:flex;justify-content:space-between;gap:12px;margin-top:15px;font-size:8px;letter-spacing:.13em;color:#9aa5b1;text-transform:uppercase}.image-caption span:first-child{color:#d6dde5}
.landing-story{display:grid;grid-template-columns:1.15fr 1fr;gap:9%;align-items:center;padding:65px 0 85px;border-top:1px solid #ffffff14}.landing-story .landscape{aspect-ratio:1.42}.story-copy h3{font-size:clamp(28px,3.5vw,50px);font-weight:450;line-height:1.13;letter-spacing:-.04em;margin:23px 0}.story-copy p:not(.eyebrow){font-size:15px;line-height:1.85;color:#aeb9c4;max-width:430px}.tone-visual-campaign .landing-story,.tone-live-event .landing-story{grid-template-columns:1fr 1.15fr}.tone-visual-campaign .story-image,.tone-live-event .story-image{order:2}.landing-deliverables{padding:20px 0 50px}.landing-page .service-capabilities{grid-template-columns:repeat(3,1fr);margin:25px 0}.landing-page .service-capabilities li{display:flex;flex-direction:column;gap:26px;padding:25px;border-radius:14px;font-size:15px;line-height:1.4;background:#ffffff04;border-top:1px solid #ffffff15}.service-capabilities small{color:#9da9b6;font-size:9px}.landing-next{border-top:1px solid #ffffff20;padding:35px 0 0;display:flex;flex-direction:column;gap:18px}.landing-next>span{font-size:8px;letter-spacing:.2em;color:#97a4b1}.landing-next a{display:flex;justify-content:space-between;align-items:center;font-size:clamp(28px,4.6vw,60px);letter-spacing:-.04em}.landing-next :is(b,.link-arrow){font-size:.7em;font-weight:400;color:#ffad86;transition:transform .35s}.landing-next a:hover :is(b,.link-arrow){transform:translate(5px,-5px)}
.studio-process{padding:30px 0 60px}.studio-process ol{display:grid;grid-template-columns:repeat(5,1fr);list-style:none;padding:0;margin:28px 0;gap:15px}.studio-process li{display:flex;flex-direction:column;gap:36px;border-top:1px solid #ffffff30;padding-top:20px}.studio-process small{font-size:10px;color:#9dabb9}.studio-process li span{font-size:18px}.section-panel .work-page{padding-top:50px}.section-panel .work-page .work-sticky{padding:0}.section-panel .work-page .section-head{margin-bottom:50px}.section-panel .work-page .works-grid{gap:40px 26px}.section-panel .work-page .project:nth-child(even){margin-top:65px}.section-panel .work-page .project-image{aspect-ratio:1.2}.section-panel .work-page .project-image img{transition:transform .8s var(--landing-ease)}.section-panel .work-page .project:hover img{transform:scale(1.045)}.section-panel .work-page .project-meta h3{font-size:18px}.section-panel .services.landing-page{padding-top:55px}.service-card{overflow:hidden}.service-card>img{width:100%;height:200px;object-fit:cover;border-radius:13px;margin-bottom:22px;transition:transform .8s var(--landing-ease)}.service-card:hover>img{transform:scale(1.025)}.contact-links{display:grid;gap:16px;margin-top:35px}.contact-links a{font-size:16px;color:#bac5d1}.contact-links a:first-child{font-size:clamp(17px,2.4vw,29px);color:#f2f5f8;letter-spacing:-.025em;margin-bottom:14px}.contact-links :is(b,.link-arrow){font-weight:400;color:#ffab83}.contact-links a:hover{color:#fff}
.landing-page.is-active .landing-enter{animation:landing-rise .85s var(--landing-ease) both}.landing-page.is-active .landing-copy>:nth-child(2){animation-delay:.05s}.landing-page.is-active .landing-copy>:nth-child(3){animation-delay:.12s}.landing-page.is-active .landing-copy>:nth-child(4){animation-delay:.19s}.landing-page.is-active .landing-visual{animation-delay:.1s}.landing-page.is-active .portrait img{animation:photo-arrive 1.4s var(--landing-ease) both}.landing-story,.landing-deliverables,.studio-process,.landing-next{transition:opacity .8s var(--landing-ease),translate .8s var(--landing-ease)}.landing-page.is-active .landing-story:not(.in-view),.landing-page.is-active .landing-deliverables:not(.in-view),.landing-page.is-active .studio-process:not(.in-view),.landing-page.is-active .landing-next:not(.in-view){opacity:0;translate:0 20px}
@keyframes landing-rise{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes photo-arrive{from{opacity:.3;filter:brightness(.8)}to{opacity:1;filter:brightness(1)}}
@media(max-width:900px){.footer-phone{display:none}.footer-contact{gap:22px}.landing-hero{gap:5%}.landing-page .landing-copy h2{font-size:clamp(40px,6vw,65px)}.landing-visual .portrait{height:55svh;min-height:380px}.landing-page .service-capabilities{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.fixed-home .hero{padding-bottom:135px}.fixed-home .hero-bottom{padding-bottom:15px}.fixed-home>footer.home-footer{padding:14px 5% max(16px,env(safe-area-inset-bottom));gap:14px;align-items:end}.footer-contact{display:grid;gap:9px}.home-footer .footer-invite{font-size:12px}.home-footer a{font-size:10px}.footer-meta{display:grid;gap:12px;text-align:right;font-size:8px}.fixed-home .hero-top{font-size:8px}.header .menu-toggle{gap:12px;padding:0 15px;height:40px}.header .menu-toggle .menu-label{font-size:9px}.menu-dialog .menu-top{gap:15px}dialog.menu-dialog{width:calc(100% - 24px);padding:23px;border-radius:24px;max-height:calc(100svh - 24px)}.menu-layout{grid-template-columns:1fr;gap:20px;margin-top:20px}.menu-intro{padding:0}.menu-intro :is(h2,.menu-title){font-size:25px}.menu-intro p{display:none}.menu-secondary{display:flex;gap:26px;margin-top:20px}.menu-secondary a{gap:17px;font-size:11px}.menu-dialog nav.menu-disciplines{padding-top:12px;border-top:1px solid #ffffff15;gap:0}.menu-dialog nav.menu-disciplines a{min-height:47px;padding:11px 6px;grid-template-columns:18px 1fr 16px;gap:12px}.menu-dialog nav.menu-disciplines a span{font-size:14px}.section-panel{inset:6px;width:calc(100% - 12px);height:calc(100svh - 12px);border-radius:22px}.section-panel .landing-page{padding:0 6% 40px}.landing-hero{grid-template-columns:1fr;gap:20px;min-height:0;padding:26px 0 40px}.landing-copy{padding:10px 0}.landing-page .landing-copy h2{font-size:clamp(40px,11.5vw,62px);margin:22px 0}.landing-lead{font-size:15px;line-height:1.75;margin-bottom:22px}.landing-scroll{display:none}.landing-visual .portrait{height:440px;min-height:0;max-height:65svh;aspect-ratio:auto}.landing-image{border-radius:16px}.image-caption{font-size:7px}.landing-story,.tone-visual-campaign .landing-story,.tone-live-event .landing-story{grid-template-columns:1fr;gap:25px;padding:40px 0}.tone-visual-campaign .story-image,.tone-live-event .story-image{order:0}.story-copy h3{font-size:32px}.landing-page .service-capabilities{gap:8px}.landing-page .service-capabilities li{padding:17px;gap:18px;font-size:13px}.studio-process ol{grid-template-columns:1fr;gap:0}.studio-process li{flex-direction:row;gap:24px;align-items:center;padding:18px 0}.studio-process li span{font-size:17px}.section-panel .work-page,.section-panel .services.landing-page{padding-top:35px}.section-panel .work-page .project:nth-child(even){margin-top:0}.section-panel .work-page .works-grid{gap:30px}.section-panel .work-page .project-meta{display:block}.section-panel .work-page .project-image{aspect-ratio:1.25}.contact-links a:first-child{font-size:23px}.section-panel .work-page .section-head h2{font-size:42px}}
@media(max-height:580px) and (orientation:landscape){.fixed-home .hero{padding-bottom:90px}.fixed-home>footer.home-footer{padding-top:12px;padding-bottom:12px}.menu-layout{grid-template-columns:.8fr 1.2fr;gap:25px}.menu-intro :is(h2,.menu-title){font-size:24px}.menu-intro p{display:none}.menu-dialog nav.menu-disciplines a{min-height:40px;padding:8px 12px}.menu-secondary{margin-top:24px}.landing-hero{min-height:0}.landing-visual .portrait{min-height:320px}}
@media(prefers-reduced-motion:reduce){.section-panel{scroll-behavior:auto}.landing-page.is-active .landing-enter,.landing-page.is-active .portrait img{animation:none}.landing-story,.landing-deliverables,.studio-process,.landing-next{transition:none;opacity:1!important;translate:none!important}.landing-image img{transform:none;will-change:auto}.service-card>img{transition:none}}
/* One thumb-friendly menu control, anchored above the home footer. */
.home-menu-dock{margin:auto auto 22px;display:flex;justify-content:center;position:relative;z-index:2}
.home-menu-dock .menu-toggle{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:22px;width:auto;min-width:158px;height:52px;padding:0 26px;border-radius:999px;border:1px solid #ffffff24;background:linear-gradient(135deg,#ffffff1c,#171e2785);backdrop-filter:blur(22px) saturate(1.3);-webkit-backdrop-filter:blur(22px) saturate(1.3);box-shadow:0 8px 28px #0003,inset 0 1px #ffffff22;transition:transform .4s cubic-bezier(.22,1.35,.36,1),background .3s,border-color .3s}
.home-menu-dock .menu-label{display:block;width:auto;height:auto;margin:0;background:none;font-size:11px;font-weight:600;letter-spacing:.16em}.home-menu-dock .menu-glyph{display:grid;gap:5px;width:18px;height:auto;margin:0;background:none}.home-menu-dock .menu-glyph i{width:18px}.home-menu-dock .menu-glyph i:last-child{width:12px}
@media(hover:hover){.home-menu-dock .menu-toggle:hover{transform:translateY(-3px);background:#ffffff22;border-color:transparent}}
.home-menu-dock .menu-toggle:active{transform:scale(.95)}.fixed-home .hero-bottom{margin-top:0}
/* Mobile landing: clear heading, large image, then comfortable reading. */
@media(max-width:700px){
 .fixed-home .hero{padding-bottom:calc(118px + env(safe-area-inset-bottom));padding-left:5%;padding-right:5%}
 .home-menu-dock{margin-bottom:26px}.home-menu-dock .menu-toggle{min-width:164px;height:52px}
 .fixed-home .hero-bottom{padding:0;align-items:center}.fixed-home .hero h1.hero-tagline{font-size:10px;letter-spacing:.11em;max-width:250px}.motion{min-width:44px;min-height:44px}
 dialog.menu-dialog{inset:auto 8px max(8px,env(safe-area-inset-bottom));margin:0 auto;width:calc(100% - 16px);max-height:calc(100dvh - 24px - env(safe-area-inset-top));padding:22px;border-radius:28px;overscroll-behavior:contain;scrollbar-width:thin;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}
 .menu-layout{display:grid;grid-template-columns:1fr;gap:18px;margin-top:18px}.menu-intro{padding:0}.menu-intro :is(h2,.menu-title){font-size:25px;line-height:1.2}.menu-intro p{display:none}.menu-secondary{display:flex;gap:10px;margin-top:18px}.menu-secondary a{display:flex;flex:1;max-width:none;align-items:center;justify-content:space-between;gap:12px;min-height:44px;padding:0 13px;background:#ffffff07;border-radius:12px;font-size:12px}
 .menu-dialog nav.menu-disciplines{padding-top:10px;border-top:1px solid #ffffff16}.menu-dialog nav.menu-disciplines a{min-height:51px;padding:12px 9px;grid-template-columns:20px minmax(0,1fr) 18px;gap:12px}.menu-dialog nav.menu-disciplines a span{font-size:15px;line-height:1.35}.menu-close{width:44px;height:44px;flex-shrink:0}
 .section-panel{inset:0;width:100%;height:100dvh;max-height:100dvh;max-width:100%;border-radius:0;border:0;margin:0;background:linear-gradient(145deg,#242a32f5,#10151bf7);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);scroll-padding-top:85px;overscroll-behavior-y:contain}
 .panel-toolbar{padding:calc(10px + env(safe-area-inset-top)) 20px 10px;gap:15px;min-height:65px;background:#171e26eb}.panel-label{font-size:9px;line-height:1.5;letter-spacing:.1em;max-width:calc(100% - 100px)}.panel-close{min-width:83px;min-height:44px;padding:10px 15px;flex-shrink:0}
 .section-panel .landing-page{padding:0 24px calc(40px + env(safe-area-inset-bottom));overflow:clip}
 .landing-hero{display:flex;flex-direction:column;gap:0;align-items:stretch;padding:28px 0 40px;min-height:0}.landing-copy{display:contents}.landing-copy>.eyebrow{order:1;margin:0 0 16px}.landing-page .landing-copy h2{order:2;font-size:clamp(38px,10.8vw,62px);line-height:1.05;letter-spacing:-.045em;margin:0 0 27px;overflow-wrap:break-word;text-wrap:balance}
 .landing-visual{order:3;margin:0 -14px 28px;min-width:0}.landing-visual .portrait{height:clamp(360px,58svh,600px);max-height:none;min-height:0;aspect-ratio:auto;border-radius:18px}.landing-image img{will-change:auto;transform:translate3d(0,var(--parallax,0px),0) scale(1.045)}.image-caption{margin:12px 8px 0;font-size:8px;line-height:1.5;letter-spacing:.06em;gap:14px}
 .landing-lead{order:4;font-size:16px;line-height:1.8;margin:0 0 24px;max-width:36em;color:#c1cad4;text-wrap:pretty}.landing-copy>.service-cta{order:5;align-self:flex-start;min-height:48px;padding:15px 22px;font-size:13px;margin:0}.landing-scroll{display:none}.landing-copy>.contact-links{order:5;margin:0}.contact-links a{min-height:44px;display:flex;align-items:center;gap:16px;overflow-wrap:anywhere}
 .landing-story,.tone-visual-campaign .landing-story,.tone-live-event .landing-story{display:flex;flex-direction:column;gap:28px;align-items:stretch;padding:40px 0}.landing-story>.story-image,.landing-story>.landing-image{order:0;margin:0 -14px}.landing-story .landscape{aspect-ratio:1.15;border-radius:18px}.story-copy h3{font-size:clamp(29px,8.5vw,40px);letter-spacing:-.03em;line-height:1.2;margin:18px 0}.story-copy p:not(.eyebrow){font-size:16px;line-height:1.8;margin-bottom:0}.landing-page .eyebrow{font-size:9px;letter-spacing:.12em}
 .landing-page .service-capabilities{grid-template-columns:1fr;gap:0;margin:22px 0}.landing-page .service-capabilities li{display:grid;grid-template-columns:24px 1fr;align-items:center;gap:18px;border-radius:0;padding:20px 0;background:transparent;font-size:15px;line-height:1.5}.service-capabilities small{font-size:10px}.landing-deliverables{padding-bottom:24px}.landing-next a{font-size:clamp(27px,8vw,42px);line-height:1.2;gap:22px;min-height:60px}.landing-next a :is(b,.link-arrow){flex-shrink:0}
 .section-panel .work-page,.section-panel .services.landing-page{padding-top:30px}.section-panel .work-page .works-grid{grid-template-columns:1fr;gap:34px}.section-panel .work-page .project-image{aspect-ratio:1.02;border-radius:18px}.section-panel .work-page .section-head{gap:20px;margin-bottom:28px}.section-panel .work-page .section-head h2{font-size:44px;line-height:1}.section-panel .work-page .project-meta{display:block}.section-panel .work-page .project-meta h3{font-size:18px;line-height:1.5}
 .service-cards{grid-template-columns:1fr;gap:18px}.service-card{padding:16px 16px 24px}.service-card>img{height:320px;margin-bottom:22px}.service-card h3{font-size:24px;line-height:1.2}.service-card p{font-size:15px;line-height:1.75}
 .landing-page.is-active .landing-enter{animation-duration:.65s}.landing-page.is-active .landing-visual{animation-delay:.09s}.landing-page.is-active .landing-copy>.landing-lead{animation-delay:.14s}.landing-page.is-active .portrait img{animation-duration:.9s}.landing-story,.landing-deliverables,.studio-process,.landing-next{transition-duration:.65s}
}
@media(max-width:360px){.section-panel .landing-page{padding-left:20px;padding-right:20px}.landing-page .landing-copy h2{font-size:38px}.landing-visual .portrait{height:370px}.home-menu-dock{margin-bottom:16px}.menu-dialog nav.menu-disciplines a span{font-size:14px}}
@media(max-height:600px) and (orientation:landscape){.fixed-home .hero{padding-bottom:85px}.home-menu-dock{margin-bottom:6px}.home-menu-dock .menu-toggle{height:44px;min-width:145px}.fixed-home .hero-bottom{padding:0}.fixed-home .hero-top{display:none}.menu-layout{grid-template-columns:.75fr 1.25fr;gap:22px}.menu-secondary{flex-direction:column}.menu-dialog nav.menu-disciplines a{min-height:44px;padding:9px}.landing-visual .portrait{height:420px}}
@media(prefers-reduced-motion:reduce){.home-menu-dock .menu-toggle{transition:none}.home-menu-dock .menu-toggle:hover,.home-menu-dock .menu-toggle:active{transform:none}.landing-image img{transform:none!important}.landing-page.is-active .landing-enter,.landing-page.is-active .portrait img{animation:none}}
/* Separate discipline buttons below; the header menu remains available. */
.home-disciplines{display:flex;flex-wrap:wrap;justify-content:center;align-self:center;gap:9px;max-width:780px;width:100%;margin:auto 0 25px;padding:0;background:none;border:0}
.home-disciplines a{position:relative;isolation:isolate;display:flex;justify-content:center;align-items:center;min-height:46px;padding:0 21px;border:1px solid #ffffff20;border-radius:999px;background:linear-gradient(140deg,#ffffff16,#161e2780);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);box-shadow:inset 0 1px #ffffff12,0 5px 18px #0002;color:#f4f6f8;transition:transform .4s cubic-bezier(.22,1.35,.36,1),background .3s,border-color .3s}
.home-disciplines a span{font-size:12px;line-height:1.3;font-weight:500;letter-spacing:.01em}
.home-disciplines a::after{content:'';position:absolute;inset:-7px;z-index:-1;border-radius:inherit;pointer-events:none;background:radial-gradient(ellipse at var(--ray-x,50%) var(--ray-y,50%),#ffb07c70,transparent 65%),conic-gradient(from 245deg at var(--ray-x,50%) var(--ray-y,50%),transparent,#ff713940 14deg,transparent 29deg,transparent 180deg,#ffb47d40 193deg,transparent 208deg);filter:blur(12px);opacity:0;transition:opacity .4s,transform .5s;transform:scale(.9)}
@media(hover:hover){.home-disciplines a:hover{transform:translateY(-3px);border-color:transparent;background:#ffffff1e}.home-disciplines a:hover::after{opacity:.8;transform:scale(1.08)}}
.home-disciplines a:active{transform:scale(.95)}.home-disciplines a:active::after,.home-disciplines a:focus-visible::after{opacity:.8}.home-disciplines a:focus-visible{outline:2px solid #fff9;outline-offset:3px}
@media(max-width:700px){.home-disciplines{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;width:min(380px,100%);margin-bottom:18px}.home-disciplines a{min-height:44px;padding:10px 12px;text-align:center}.home-disciplines a:first-child{grid-column:1/-1;justify-self:center;min-width:116px}.home-disciplines a span{font-size:11px}.fixed-home .hero-top span:last-child{display:none}}
@media(max-height:600px) and (orientation:landscape){.home-disciplines{display:flex;gap:6px;margin-bottom:8px;max-width:900px}.home-disciplines a{min-height:38px;padding:8px 14px}.home-disciplines a span{font-size:10px}}
@media(prefers-reduced-motion:reduce){.home-disciplines a,.home-disciplines a::after{transition:none}.home-disciplines a:hover,.home-disciplines a:active{transform:none}}
/* A balanced grid of separate glass buttons, closer to the footer. */
.home-disciplines{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));max-width:870px;gap:8px;margin-bottom:8px}.home-disciplines a{min-height:45px;padding:10px 14px;text-align:center}.home-disciplines a span{font-size:11px;line-height:1.4}.fixed-home .hero{padding-bottom:96px}
.tone-digital .landing-visual .portrait{aspect-ratio:1.2;height:auto;min-height:420px;background:#111923;display:grid;align-items:center}.tone-digital .portrait img{object-fit:contain;height:auto}.digital-examples{padding:40px 0 60px;border-top:1px solid #ffffff16;transition:opacity .7s,translate .7s}.digital-examples>h3{font-size:clamp(29px,4vw,50px);font-weight:500;letter-spacing:-.04em;margin:22px 0 16px}.digital-note{color:#9daab8;font-size:13px;line-height:1.6}.digital-example-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px 24px;margin-top:35px}.digital-example-grid article:last-child{grid-column:1/-1}.digital-example-grid figure{aspect-ratio:1.2;margin-bottom:24px}.digital-example-grid article:last-child figure{aspect-ratio:1.7}.digital-example-grid article:last-child img{object-fit:contain;background:#101720}.digital-example-grid small{font-size:9px;letter-spacing:.14em;color:#ffbd9c}.digital-example-grid h4{font-size:24px;font-weight:500;letter-spacing:-.025em;margin:15px 0}.digital-example-grid p{font-size:15px;color:#b1bdc9;line-height:1.8;max-width:520px}.landing-page.is-active .digital-examples:not(.in-view){opacity:0;translate:0 20px}
@media(max-width:700px){.fixed-home .hero{padding-bottom:calc(108px + env(safe-area-inset-bottom))}.home-disciplines{grid-template-columns:repeat(2,minmax(0,1fr));width:min(380px,100%);gap:7px;margin-bottom:8px}.home-disciplines a:first-child{grid-column:auto;justify-self:stretch;min-width:0}.home-disciplines a{padding:10px 8px;min-height:44px}.home-disciplines a span{font-size:10px}.tone-digital .landing-visual .portrait{min-height:0;height:360px;aspect-ratio:auto}.digital-example-grid{grid-template-columns:1fr;gap:32px}.digital-example-grid article:last-child{grid-column:auto}.digital-example-grid article:last-child figure{aspect-ratio:1.2}.digital-example-grid h4{font-size:25px}.digital-example-grid p{font-size:16px}.digital-examples{padding-top:30px}}
@media(max-height:600px) and (orientation:landscape){.fixed-home .hero{padding-bottom:78px}.home-disciplines{grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;margin-bottom:6px}.home-disciplines a{min-height:34px;padding:6px 10px}.home-disciplines a span{font-size:10px}}
@media(prefers-reduced-motion:reduce){.digital-examples{transition:none;opacity:1!important;translate:none!important}}
/* Shared full-image viewer. */
.service-card-link{display:block}.service-preview{position:relative;aspect-ratio:1.5;margin-bottom:22px;overflow:hidden;border-radius:13px}.service-preview>img{width:100%;height:100%;object-fit:cover;display:block}.image-zoom-host{position:relative}.image-expand{position:absolute;inset:0;z-index:2;width:100%;height:100%;border:0;padding:0;background:transparent;border-radius:inherit;cursor:zoom-in;touch-action:manipulation}.image-expand span{position:absolute;right:15px;bottom:15px;width:40px;height:40px;display:grid;place-items:center;border-radius:50%;background:#111a23a8;backdrop-filter:blur(10px);color:#fff;font-size:19px;border:1px solid #ffffff30;transition:transform .3s,background .3s}.image-expand:hover span{transform:scale(1.08);background:#ffffff2b}.image-expand:focus-visible{outline:2px solid #ffc19f;outline-offset:-4px}.image-click-target{cursor:zoom-in}.detail-image-wrap{position:relative}.detail-image-wrap>img{display:block;width:100%}
dialog.image-viewer{position:fixed;inset:16px;margin:auto;width:calc(100% - 32px);height:calc(100dvh - 32px);max-width:1600px;max-height:none;padding:0;border:1px solid #ffffff25;border-radius:24px;color:#eff3f7;background:#0d1219f2;overflow:hidden;box-shadow:0 30px 100px #0008;overscroll-behavior:contain}
.image-viewer[open]{display:grid;grid-template-rows:auto minmax(0,1fr) auto;animation:glass-panel-enter .4s cubic-bezier(.16,1,.3,1) both}.image-viewer::backdrop{background:#030609c7;backdrop-filter:blur(14px)}.viewer-toolbar{display:flex;align-items:center;justify-content:space-between;padding:15px 22px;gap:20px}.viewer-count{font-size:10px;letter-spacing:.18em;color:#aebcca}.viewer-close{min-height:44px;padding:0 20px;border-radius:999px;border:1px solid #ffffff25;background:#ffffff0a;color:#f1f5f8;font-size:11px;letter-spacing:.05em}.viewer-close:hover{background:#ffffff18}.viewer-stage{position:relative;display:flex;align-items:center;justify-content:center;min-width:0;min-height:0;padding:4px 24px;overflow:hidden}.viewer-stage .viewer-image{display:block;width:100%;height:100%;max-height:100%;object-fit:contain;border-radius:0;opacity:0;touch-action:pinch-zoom;user-select:none}.viewer-stage .viewer-image.is-loaded{opacity:1}.viewer-status{position:absolute;max-width:360px;text-align:center;padding:24px;color:#acbac9;font-size:14px;line-height:1.7}.viewer-status[hidden]{display:none}.viewer-bottom{display:grid;grid-template-columns:46px minmax(0,1fr) 46px;gap:24px;align-items:center;padding:16px 22px}.viewer-bottom p{font-size:12px;line-height:1.6;color:#b8c5d2;text-align:center;margin:0;max-height:70px;overflow:auto}.viewer-prev,.viewer-next{width:46px;height:46px;border-radius:50%;border:1px solid #ffffff26;background:#ffffff0b;color:#fff;font-size:20px;transition:transform .25s,background .25s}.viewer-prev:hover,.viewer-next:hover{background:#ffffff21}.viewer-prev:active,.viewer-next:active{transform:scale(.94)}.viewer-prev:disabled,.viewer-next:disabled{opacity:.25;cursor:default}
@media(max-width:700px){dialog.image-viewer{inset:0;width:100%;height:100dvh;max-width:none;border:0;border-radius:0}.viewer-toolbar{padding:calc(10px + env(safe-area-inset-top)) 16px 10px}.viewer-stage{padding:0 6px}.viewer-bottom{padding:14px 16px calc(16px + env(safe-area-inset-bottom));gap:12px}.viewer-bottom p{font-size:11px;line-height:1.6;max-height:90px}.image-expand span{right:12px;bottom:12px;width:40px;height:40px}.service-preview{aspect-ratio:1.1}.image-viewer::backdrop{backdrop-filter:blur(6px)}}
@media(prefers-reduced-motion:reduce){.image-viewer[open]{animation:none}.image-expand span,.viewer-prev,.viewer-next{transition:none}}
/* A single expandable home control, anchored without shifting the scene. */
.home-explorer{position:relative;align-self:center;margin:auto 0 12px;z-index:6;display:flex;justify-content:center;width:min(870px,100%)}
.explorer-toggle{position:relative;isolation:isolate;display:flex;align-items:center;gap:26px;min-height:52px;padding:0 27px;border:1px solid #ffffff25;border-radius:999px;color:#f5f7fa;background:linear-gradient(130deg,#ffffff20,#19222ca6);backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px);box-shadow:0 10px 30px #0003,inset 0 1px #ffffff22;transition:background .3s,transform .4s cubic-bezier(.22,1.35,.36,1)}.explorer-toggle>span:first-child{font-size:13px;font-weight:500;letter-spacing:.02em}.explorer-symbol{font-size:23px;font-weight:300;color:#ffc5a5;line-height:1;transition:transform .4s cubic-bezier(.16,1,.3,1)}.explorer-toggle[aria-expanded=true] .explorer-symbol{transform:rotate(45deg)}.explorer-toggle:hover{background:#ffffff25;transform:translateY(-2px)}.explorer-toggle:active{transform:scale(.96)}
.home-explorer>.home-disciplines{position:absolute;bottom:calc(100% + 15px);left:0;width:100%;max-width:none;margin:0;padding:13px;gap:7px;border:1px solid #ffffff25;border-radius:24px;background:linear-gradient(145deg,#27303ceF,#101923f2);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);box-shadow:0 18px 70px #0005;transform-origin:50% 100%;max-height:min(60svh,460px);overflow-y:auto;overscroll-behavior:contain}.home-explorer>.home-disciplines[hidden]{display:none}.home-explorer .home-disciplines a{min-height:52px;border:0;box-shadow:none;background:#ffffff05;border-radius:14px;backdrop-filter:none}.home-explorer .home-disciplines a:hover{background:#ffffff10}
.viewer-toolbar{justify-content:flex-end}.viewer-count{margin-right:auto}.viewer-zoom{min-width:48px;height:44px;padding:0 10px;border:1px solid #ffffff25;border-radius:999px;color:#f5f7fa;background:#ffffff0b;font-size:12px}.viewer-stage{touch-action:none}.viewer-stage .viewer-image{touch-action:none;transform-origin:center;will-change:transform}.viewer-image{cursor:grab}.viewer-image:active{cursor:grabbing}
@media(max-width:700px){.home-explorer{width:min(390px,100%);margin-bottom:16px}.home-explorer>.home-disciplines{left:0;padding:10px;gap:6px;bottom:calc(100% + 12px);max-height:min(62svh,420px);border-radius:23px}.home-explorer .home-disciplines a{min-height:48px;padding:11px 8px}.home-explorer .home-disciplines a span{font-size:11px}.explorer-toggle{min-height:52px;padding:0 26px}.viewer-toolbar{gap:10px}.viewer-count{font-size:9px}.viewer-close{padding:0 16px}}
@media(max-height:600px) and (orientation:landscape){.home-explorer{margin-bottom:8px}.explorer-toggle{min-height:44px}.home-explorer>.home-disciplines{max-height:50svh}.home-explorer .home-disciplines a{min-height:40px}}
@media(prefers-reduced-motion:reduce){.explorer-toggle,.explorer-symbol{transition:none}.explorer-toggle:hover,.explorer-toggle:active{transform:none}}
/* The service popover is bounded by the header and its own bottom anchor. */
.fixed-home .hero{height:100dvh;max-height:100dvh;padding-bottom:max(96px,var(--footer-clearance,96px))}
.home-explorer>.home-disciplines{max-height:var(--explorer-available,55svh);scrollbar-width:thin;scrollbar-color:#74839655 transparent;overflow-x:hidden;overflow-y:auto;scroll-padding:10px;box-sizing:border-box}
.arc-icon{display:inline-flex;align-items:center;justify-content:center;flex:0 0 20px;width:20px;height:20px;color:#e8b497;vertical-align:middle;transition:transform .45s cubic-bezier(.16,1,.3,1),color .3s;pointer-events:none}.arc-icon svg{width:100%;height:100%}
.home-explorer .home-disciplines a{display:flex;justify-content:flex-start;gap:11px;text-align:left;overflow:hidden;padding:12px;min-height:54px}.home-disciplines a>span:not(.arc-icon){min-width:0;line-height:1.45}.menu-dialog nav.menu-disciplines a{grid-template-columns:22px minmax(0,1fr) 18px}.menu-dialog nav.menu-disciplines a>.arc-icon{width:20px;height:20px;margin:0}.menu-secondary a{align-items:center}.service-card h3,.project-meta h3{display:flex;align-items:center;gap:12px}.service-card h3 .arc-icon{flex-basis:25px;width:25px;height:25px}.digital-example-grid article>small{display:flex;align-items:center;gap:10px}.service-cta{gap:14px}.service-capabilities li .arc-icon{width:18px;height:18px}.menu-secondary a .arc-icon{margin-right:3px}
@media(hover:hover){.home-disciplines a:hover .arc-icon,.menu-disciplines a:hover .arc-icon,.service-card:hover .arc-icon,.service-cta:hover .arc-icon,.project:hover .arc-icon{transform:translateY(-2px) rotate(-5deg);color:#ffd6bd}.service-card:hover,.digital-example-grid article:hover{background:#ffffff08}}
.service-card,.digital-example-grid article,.service-capabilities li{transition:background .35s,transform .45s cubic-bezier(.16,1,.3,1)}.home-disciplines a:active .arc-icon,.menu-disciplines a:active .arc-icon{transform:scale(.92)}
@media(max-width:700px){.fixed-home .hero{padding-bottom:max(calc(108px + env(safe-area-inset-bottom)),var(--footer-clearance,108px))}.home-explorer .home-disciplines a{min-height:56px;padding:10px 9px;gap:8px}.home-disciplines .arc-icon{flex-basis:18px;width:18px;height:18px}.home-explorer .home-disciplines a span:not(.arc-icon){font-size:11px}.menu-secondary a{gap:8px}.service-card h3{align-items:flex-start;line-height:1.3}.service-card h3 .arc-icon{margin-top:3px}}
@media(max-height:600px) and (orientation:landscape){.fixed-home .hero{padding-bottom:max(78px,var(--footer-clearance,78px))}.home-explorer .home-disciplines a{min-height:44px;padding:8px}}
@media(prefers-reduced-motion:reduce){.arc-icon,.service-card,.digital-example-grid article,.service-capabilities li{transition:none}.arc-icon{transform:none!important}}

/* Neutral smoked glass: restrained surfaces, monochrome accents and soft light. */
:root{--glass-text:#f4f4f4;--glass-muted:#aaa;--ui-surface:#191919ed;--ui-line:#ffffff16}
dialog.menu-dialog,.section-panel,#project-dialog,dialog.image-viewer{
 --orange:#ededed;background:var(--ui-surface);color:var(--glass-text);border-color:var(--ui-line);
 backdrop-filter:blur(24px) saturate(0);-webkit-backdrop-filter:blur(24px) saturate(0);
 box-shadow:0 24px 80px #0005;
}
.home-explorer>.home-disciplines{background:#191919ed;border-color:var(--ui-line);border-radius:20px;box-shadow:0 16px 50px #0004;backdrop-filter:blur(24px) saturate(0);-webkit-backdrop-filter:blur(24px) saturate(0);scrollbar-color:#ffffff30 transparent}
.header .menu-toggle,.explorer-toggle{background:#242424b8;border:1px solid #ffffff20;box-shadow:none;backdrop-filter:blur(18px) saturate(0);-webkit-backdrop-filter:blur(18px) saturate(0);transition:background .3s,transform .35s var(--landing-ease)}
.home-explorer .home-disciplines a{background:transparent;border-radius:10px;transition:background .3s,transform .35s var(--landing-ease)}
.panel-toolbar{background:#1b1b1be8;border-bottom-color:#ffffff12;backdrop-filter:blur(18px) saturate(0);-webkit-backdrop-filter:blur(18px) saturate(0)}
.fixed-home>footer.home-footer{background:#151515a8;border-top-color:#ffffff12;backdrop-filter:blur(18px) saturate(0);-webkit-backdrop-filter:blur(18px) saturate(0)}
.section-panel .service-card,.landing-page .service-capabilities li{background:#ffffff03;border-color:#ffffff12;box-shadow:none}
.service-cta,.panel-close,.menu-close,.viewer-close,.viewer-zoom,.viewer-prev,.viewer-next{background:#ffffff07;border-color:#ffffff20;color:#eee;box-shadow:none}
.arc-icon,.explorer-symbol,.menu-secondary :is(b,.link-arrow),.menu-disciplines a :is(b,.link-arrow),.landing-next :is(b,.link-arrow),.contact-links :is(b,.link-arrow),.footer-invite span,.digital-example-grid small{color:#d8d8d8}
.menu-eyebrow,.menu-intro p,.menu-intro :is(h2,.menu-title) em,.menu-secondary a,.panel-label,.landing-lead,.story-copy p:not(.eyebrow),.image-caption,.image-caption span:first-child,.digital-note,.digital-example-grid p,.viewer-count,.viewer-bottom p,.footer-meta{color:#aaa}
.landing-page .eyebrow,.section-panel .muted,.section-panel .project-meta span{color:#b9b9b9}
.home-disciplines a::after,.menu-dialog nav a::after,.panel-close::after,.menu-toggle::after,.service-card::after,.service-cta::after{inset:0;background:radial-gradient(ellipse at var(--ray-x,50%) var(--ray-y,50%),#ffffff12,transparent 70%);filter:none;transform:none;transition:opacity .35s}
.image-expand span{background:#202020b8;border-color:#ffffff25;box-shadow:none}
.image-expand:focus-visible{outline-color:#eee}
.menu-dialog::backdrop,.section-panel::backdrop,#project-dialog::backdrop,.image-viewer::backdrop{background:#08080880;backdrop-filter:blur(8px) saturate(.3)}
@media(hover:hover){
 .header .menu-toggle:hover,.explorer-toggle:hover{background:#353535cf;transform:translateY(-1px);box-shadow:none}
 .home-explorer .home-disciplines a:hover,.menu-dialog nav.menu-disciplines a:hover{background:#ffffff08;transform:translateY(-1px);box-shadow:none}
 .home-disciplines a:hover .arc-icon,.menu-disciplines a:hover .arc-icon,.service-card:hover .arc-icon,.service-cta:hover .arc-icon,.project:hover .arc-icon{color:#fff;transform:translateY(-1px)}
 .menu-disciplines a:hover :is(b,.link-arrow),.home-footer a:hover{color:#fff}
 .panel-close:hover,.menu-close:hover,.service-cta:hover{color:#fff;background:#ffffff10;box-shadow:none}
 .home-disciplines a:hover::after,.menu-dialog nav a:hover::after,.panel-close:hover::after,.menu-toggle:hover::after,.service-card:hover::after,.service-cta:hover::after{transform:none;opacity:.7}
}
@media(max-width:700px){.section-panel{background:#191919f7}.home-explorer>.home-disciplines{border-radius:18px}}
@media(prefers-reduced-motion:reduce){.header .menu-toggle,.explorer-toggle,.home-explorer .home-disciplines a{transition:none}.header .menu-toggle:hover,.explorer-toggle:hover,.home-explorer .home-disciplines a:hover,.menu-dialog nav.menu-disciplines a:hover{transform:none}}

/* ARC orange stays in the details; the glass itself remains neutral. */
:root{--arc-accent:#ff642f}
.arc-icon,.explorer-symbol,.menu-secondary :is(b,.link-arrow),.landing-next :is(b,.link-arrow),.contact-links :is(b,.link-arrow),.footer-invite span,.digital-example-grid small{color:var(--arc-accent)}
.menu-disciplines a :is(b,.link-arrow){color:#c5c5c5}
.image-expand:focus-visible{outline-color:var(--arc-accent)}
@media(hover:hover){
 .home-disciplines a:hover .arc-icon,.menu-disciplines a:hover .arc-icon,.service-card:hover .arc-icon,.service-cta:hover .arc-icon,.project:hover .arc-icon{color:#ff865a}
 .menu-disciplines a:hover :is(b,.link-arrow),.home-footer a:hover{color:var(--arc-accent)}
}

/* Barely visible ARC weave on section backgrounds only. */
.home-explorer .home-disciplines .planner-nav{grid-column:1/-1;justify-content:center;border-top:1px solid #ffffff12;border-radius:0;padding-top:14px;color:#f4c7b5}
.menu-dialog nav.menu-disciplines .planner-nav{border-top:1px solid #ffffff12;border-radius:0;color:#f4c7b5;margin-top:5px}
.section-panel{
 background-image:url('/assets/arc-damask.svg');
 background-repeat:repeat;
 background-size:280px 180px;
 background-position:0 0;
}
@media(max-width:700px){
 .section-panel{background-size:224px 144px}
}

.home-explorer{flex-direction:column;align-items:center;gap:10px;margin-bottom:2px}.build-stage-cta{display:flex;align-items:center;gap:15px;padding:11px 23px 11px 15px;border:1px solid #ff865c55;border-radius:18px;background:linear-gradient(135deg,#30211dd9,#15191edc);backdrop-filter:blur(18px);box-shadow:0 8px 28px #0004;color:#fff;text-decoration:none;transition:transform .35s,box-shadow .35s}.build-stage-cta svg{width:52px;height:40px;color:#ff966f;transition:transform .45s}.build-stage-cta span{font-size:13px;font-weight:500}.build-stage-cta :is(b,.link-arrow){font-size:19px;margin-left:12px;font-weight:400;color:#ffc6ae}.build-stage-cta:hover{transform:translateY(-3px);box-shadow:0 14px 40px #ff642f18}.build-stage-cta:hover svg{transform:perspective(150px) rotateY(-12deg)}.build-stage-cta:hover .stage-ray{stroke-opacity:1}.home-explorer>.home-disciplines{bottom:calc(100% + 12px)}@media(max-width:700px){.home-explorer{gap:8px;margin-bottom:2px}.build-stage-cta{padding:8px 18px 8px 12px}.build-stage-cta svg{width:42px;height:34px}.build-stage-cta span{font-size:12px}.explorer-toggle{min-height:44px}.fixed-home .hero-bottom{margin-top:6px}}@media(max-height:600px){.build-stage-cta{padding:5px 14px}.build-stage-cta svg{height:26px}.home-explorer{gap:5px}}@media(prefers-reduced-motion:reduce){.build-stage-cta,.build-stage-cta svg{transition:none}}

/* A single aligned home action row replaces the former Motion control. */
.fixed-home .hero-bottom{position:relative;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:18px;margin-top:auto;padding-top:24px}.hero-bottom .home-explorer{margin:0;width:auto;align-self:center}.hero-bottom .build-stage-cta{justify-self:end;min-height:52px;padding:6px 19px 6px 12px}.hero-bottom .build-stage-cta svg{height:36px;width:46px}.hero-bottom .explorer-toggle{height:52px}.hero-bottom .home-explorer>.home-disciplines{width:min(870px,calc(100vw - 40px));left:50%;translate:-50% 0}.motion[hidden]{display:none!important}@media(max-width:700px){.fixed-home .hero-bottom{grid-template-columns:1fr 1fr;gap:12px 8px;width:100%;margin-top:auto}.hero-bottom .hero-tagline{grid-column:1/-1;margin-bottom:4px}.hero-bottom .home-explorer{grid-column:1;justify-self:stretch}.hero-bottom .explorer-toggle{width:100%;justify-content:space-between;padding:0 15px;min-height:50px;height:50px;gap:8px}.hero-bottom .explorer-toggle>span:first-child{font-size:11px}.hero-bottom .build-stage-cta{grid-column:2;justify-self:stretch;justify-content:center;min-height:50px;height:50px;gap:7px;padding:5px 9px;border-radius:16px}.hero-bottom .build-stage-cta svg{width:29px;height:30px;flex-shrink:0}.hero-bottom .build-stage-cta span{font-size:10px;white-space:nowrap}.hero-bottom .build-stage-cta :is(b,.link-arrow){font-size:15px;margin-left:0}.hero-bottom .home-explorer>.home-disciplines{left:0;translate:none;width:calc(100vw - 40px)}}

/* Quiet stage-light motion for the planner entry point. */
.build-stage-cta{position:relative;overflow:hidden;isolation:isolate}.build-stage-cta::before{content:"";position:absolute;inset:-80% -60%;z-index:-1;pointer-events:none;background:linear-gradient(110deg,transparent 42%,#ffb68b00 46%,#ffb68b20 50%,#fff0df0a 53%,transparent 58%);animation:stage-button-light 7s cubic-bezier(.4,0,.2,1) infinite}.build-stage-cta svg{animation:stage-icon-float 4.5s ease-in-out infinite;transform-origin:center}.build-stage-cta .stage-ray{stroke-dasharray:5 9;animation:stage-beam-flow 3s linear infinite,stage-beam-glow 3.5s ease-in-out infinite}.build-stage-cta:hover .stage-ray{animation-duration:1.4s,1.8s}.build-stage-cta :is(b,.link-arrow){transition:transform .35s}.build-stage-cta:hover :is(b,.link-arrow){transform:translate(2px,-2px)}.build-stage-cta:focus-visible{outline:2px solid #ffac87;outline-offset:4px}@keyframes stage-icon-float{0%,100%{transform:translateY(1px) rotate(-2deg)}50%{transform:translateY(-2px) rotate(2deg)}}@keyframes stage-beam-flow{to{stroke-dashoffset:-28}}@keyframes stage-beam-glow{0%,100%{opacity:.4}50%{opacity:1}}@keyframes stage-button-light{0%,18%{transform:translateX(-65%);opacity:0}32%{opacity:1}62%{transform:translateX(65%);opacity:0}100%{transform:translateX(65%);opacity:0}}@media(prefers-reduced-motion:reduce){.build-stage-cta::before,.build-stage-cta svg,.build-stage-cta .stage-ray{animation:none!important}.build-stage-cta::before{display:none}.build-stage-cta:hover,.build-stage-cta:hover svg,.build-stage-cta:hover :is(b,.link-arrow){transform:none}}

/* Persistent service navigation, with a compact swipeable row on phones. */
.panel-toolbar{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:8px 16px;padding-bottom:8px}.panel-toolbar .panel-label{max-width:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.panel-back{display:flex;align-items:center;gap:9px;min-height:44px;padding:10px 15px;border:1px solid #ffffff18;border-radius:999px;background:#ffffff07;color:#eee;cursor:pointer;font:inherit;font-size:11px;transition:background .25s,transform .25s}.panel-back:hover{background:#ffffff13;transform:translateX(-2px)}.panel-sections{grid-column:1/-1;display:flex;gap:6px;min-width:0;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:thin;scrollbar-color:#ffffff20 transparent;padding:3px 0 8px}.panel-sections a{flex:0 0 auto;padding:12px 15px;border-radius:999px;font-size:11px;line-height:20px;color:#aeb0b4;text-decoration:none;white-space:nowrap;transition:color .25s,background .25s}.panel-sections a:hover{background:#ffffff08;color:#fff}.panel-sections a[aria-current=page]{color:#ffaf8f;background:#ff642f13;box-shadow:inset 0 0 0 1px #ff642f26}.panel-back:focus-visible,.panel-sections a:focus-visible{outline:2px solid #ff865c;outline-offset:-2px}@media(max-width:600px){.panel-toolbar{gap:5px 9px;padding-left:14px;padding-right:14px}.panel-toolbar .panel-label{font-size:8px}.panel-sections a{padding:10px 13px}.panel-back{padding:10px 12px}}@media(prefers-reduced-motion:reduce){.panel-back,.panel-sections a{transition:none}}

/* A connected five-part creative process. */
.studio-process .process-flow{gap:0;margin:38px 0 0;isolation:isolate}.studio-process .process-flow li{position:relative;align-items:center;text-align:center;gap:10px;padding:0 12px;border:0;min-width:0}.process-node{position:relative;display:grid;place-items:center;width:76px;height:76px;margin-bottom:16px;border:1px solid #ffffff20;border-radius:24px;background:linear-gradient(145deg,#282827,#171717);box-shadow:inset 0 1px #ffffff12,0 12px 28px #0003;color:#ff9b72;transition:transform .45s,box-shadow .45s,border-color .45s}.process-node svg{width:32px;height:32px;overflow:visible}.studio-process .process-flow li:not(:last-child)::before,.studio-process .process-flow li:not(:last-child)::after{content:'';position:absolute;left:calc(50% + 38px);top:37px;width:calc(100% - 76px);height:1px;z-index:-1;background:#ffffff18}.studio-process .process-flow li:not(:last-child)::after{background:linear-gradient(90deg,transparent,#ff9b72,transparent);transform:scaleX(0);transform-origin:left;opacity:0}.studio-process .process-flow small{font-size:10px;letter-spacing:.16em;color:#8f9295}.studio-process .process-flow li>span{font-size:clamp(13px,1.3vw,18px);line-height:1.5;color:#e4e4e3}.studio-page.is-active .studio-process.in-view .process-node{animation:process-breathe 5s ease-in-out infinite;animation-delay:calc(var(--step)*.65s)}.studio-page.is-active .studio-process.in-view li::after{animation:process-connect 5s ease-in-out infinite;animation-delay:calc(var(--step)*.65s)}.studio-page.is-active .studio-process.in-view .process-detail{animation:process-draw 5s ease-in-out infinite;animation-delay:calc(var(--step)*.65s);stroke-dasharray:60;stroke-dashoffset:0}.process-flow li:hover .process-node{transform:translateY(-5px);border-color:#ff9b7270;box-shadow:0 14px 40px #ff642f12}.process-flow li:hover svg{transform:scale(1.08);transition:transform .4s}
@keyframes process-breathe{0%,65%,100%{border-color:#ffffff20;color:#bcbcb8}20%,35%{border-color:#ff9b7266;color:#ffab87;box-shadow:inset 0 1px #ffffff12,0 0 28px #ff642f15}}
@keyframes process-connect{0%,5%{transform:scaleX(0);opacity:0}20%{opacity:.9}45%,100%{transform:scaleX(1);opacity:0}}
@keyframes process-draw{0%{stroke-dashoffset:60;opacity:.3}25%,100%{stroke-dashoffset:0;opacity:1}}
@media(max-width:700px){.studio-process .process-flow{grid-template-columns:1fr;gap:0}.studio-process .process-flow li{display:grid;grid-template-columns:64px 28px minmax(0,1fr);gap:15px;text-align:left;padding:0 0 32px;align-items:center}.studio-process .process-flow li:last-child{padding-bottom:0}.process-node{width:64px;height:64px;border-radius:20px;margin:0}.studio-process .process-flow li>span{font-size:18px}.studio-process .process-flow li:not(:last-child)::before,.studio-process .process-flow li:not(:last-child)::after{left:31px;top:64px;width:1px;height:32px}.studio-process .process-flow li:not(:last-child)::after{background:linear-gradient(transparent,#ff9b72,transparent);transform-origin:top;animation-name:process-connect-vertical}.process-flow li:hover .process-node{transform:translateY(-2px)}}
@keyframes process-connect-vertical{0%,5%{transform:scaleY(0);opacity:0}20%{opacity:.9}45%,100%{transform:scaleY(1);opacity:0}}
@media(prefers-reduced-motion:reduce){.studio-page.is-active .studio-process.in-view .process-node,.studio-page.is-active .studio-process.in-view li::after,.studio-page.is-active .studio-process.in-view .process-detail{animation:none}.process-node,.process-flow li:hover svg{transition:none}.process-flow li:hover .process-node{transform:none}}

.landing-page .capability-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.landing-page .capability-grid .capability-card{display:flex;flex-direction:column;align-items:stretch;gap:15px;padding:28px;border:1px solid #ffffff12;border-radius:20px;background:linear-gradient(145deg,#ffffff06,#ffffff02);text-align:left;transition:transform .5s,background .5s,border-color .5s}.capability-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.capability-icon{width:36px;height:36px;color:#ffa27b;transition:transform .6s}.capability-card h4{font-size:19px;font-weight:500;letter-spacing:-.025em;line-height:1.4;margin:0}.capability-card p{font-size:13px;line-height:1.8;color:#a4a6a9;margin:0;max-width:32em}.capability-card small{font-size:10px;color:#74787d;letter-spacing:.15em}.landing-page.is-active .in-view .capability-icon{animation:capability-float 6s ease-in-out infinite;animation-delay:calc(var(--card)*-.7s)}@keyframes capability-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-4px)}}@media(hover:hover){.landing-page .capability-grid .capability-card:hover{transform:translateY(-5px);background:#ffffff08;border-color:#ff9b7238}}@media(max-width:900px){.landing-page .capability-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.landing-page .capability-grid{grid-template-columns:1fr;gap:12px}.landing-page .capability-grid .capability-card{padding:23px;gap:10px}.capability-top{margin-bottom:8px}.capability-card h4{font-size:20px}.capability-card p{font-size:14px}}@media(prefers-reduced-motion:reduce){.landing-page.is-active .in-view .capability-icon{animation:none}.landing-page .capability-grid .capability-card,.capability-icon{transition:none}}
.tone-digital .landing-visual .portrait{aspect-ratio:1;min-height:0;height:auto;overflow:hidden;background:#101115}.tone-digital .portrait img{object-fit:contain}.tone-digital .digital-example-grid{gap:24px}.tone-digital .digital-example-grid .landing-image{aspect-ratio:1.2;background:#111216}.tone-digital .digital-example-grid img{object-fit:contain}.contact-links .contact-phone{font-size:20px!important;letter-spacing:0!important;margin-bottom:0!important}

.tone-digital .landing-visual,.tone-digital .digital-example-grid article{perspective:1100px}.tone-digital [data-parallax]{transform:translateY(var(--device-rise,0px)) rotateX(var(--device-turn,0deg));will-change:transform}.tone-digital .digital-example-grid article{padding-bottom:24px}.tone-digital .digital-examples{padding-top:50px}.tone-digital .digital-example-grid{grid-template-columns:1fr}.tone-digital .digital-example-grid article{display:grid;grid-template-columns:1.6fr 1fr;gap:14px 45px;align-content:center}.tone-digital .digital-example-grid figure{grid-row:1/5;margin:0}.tone-digital .digital-example-grid article>small{align-self:end;margin-top:40px}.tone-digital .digital-example-grid h4{font-size:clamp(25px,3vw,42px);line-height:1.1;margin:0}.tone-digital .digital-example-grid article>p{line-height:1.8;color:#a9abb0}.tone-digital .digital-example-grid article:nth-child(2){grid-template-columns:1fr 1.6fr}.tone-digital .digital-example-grid article:nth-child(2) figure{grid-column:2}.tone-digital .digital-example-grid article:nth-child(2)>:not(figure){grid-column:1}@media(max-width:700px){.tone-digital .digital-example-grid article,.tone-digital .digital-example-grid article:nth-child(2){display:flex;flex-direction:column;gap:14px}.tone-digital .digital-example-grid figure{width:100%}.tone-digital .digital-example-grid article>small{align-self:start;margin-top:8px}.tone-digital .digital-example-grid h4{font-size:30px}}@media(prefers-reduced-motion:reduce){.tone-digital [data-parallax]{transform:none;will-change:auto}}

@media(max-width:700px){.studio-page.is-active .studio-process.in-view li::after{animation-name:process-connect-vertical}}

.tone-live-event .landing-hero{grid-template-columns:1fr;padding-top:45px;gap:28px;min-height:0}.tone-live-event .landing-copy{max-width:1000px}.tone-live-event .landing-copy h2{font-size:clamp(44px,6vw,86px)}.tone-live-event .landing-lead{max-width:660px}.tone-live-event .landing-scroll{display:none}.live-feature{width:100%;min-width:0;margin-bottom:30px}.live-feature-frame{overflow:hidden;border:1px solid #ffffff18;border-radius:22px;background:#030405;box-shadow:0 24px 70px #0006}.live-feature video{display:block;width:100%;aspect-ratio:7232/1280;min-height:200px;object-fit:contain;background:#030405}.live-feature .image-caption{padding:0 5px}.tone-live-event .landing-story{margin-top:25px}@media(max-width:600px){.tone-live-event .landing-hero{padding-top:22px;gap:12px}.live-feature-frame{border-radius:14px}.live-feature video{min-height:180px}.live-feature{margin-bottom:12px}}
.landing-page h2[tabindex="-1"]:focus{outline:none}

/* Live & Event: two local films, one fluid stage. */
.tone-live-event .event-hero{position:relative;isolation:isolate;overflow:hidden;min-height:calc(100svh - 168px);margin:0 -5.56%;padding:70px 5% 110px;display:flex;align-items:flex-end;border-radius:0 0 24px 24px;background:#050608}.event-scene{position:absolute;inset:0;z-index:-2;pointer-events:none}.event-scene video,.event-fluid{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}.event-video-reveal{opacity:0}.event-hero.fluid-ready .event-video-main{opacity:0}.event-shade{position:absolute;inset:0;background:linear-gradient(90deg,#000a,transparent 85%),linear-gradient(0deg,#000d,transparent 75%)}.event-hero .landing-copy{position:relative;z-index:1;max-width:900px;padding:0;text-shadow:0 2px 20px #0008;pointer-events:none}.event-hero .landing-copy a{pointer-events:auto}.tone-live-event .event-hero .landing-copy h2{font-size:clamp(44px,5.6vw,80px);margin:24px 0}.event-hero .landing-lead{color:#dededc}.event-controls{position:absolute;bottom:25px;left:5%;right:5%;display:flex;gap:10px;align-items:center}.event-controls p{margin:0 auto 0 0;font-size:11px;color:#c0c0c2}.event-controls button{border:1px solid #ffffff25;border-radius:999px;padding:12px 17px;background:#17191d88;backdrop-filter:blur(14px);color:#eee;font-size:11px;cursor:pointer;min-height:44px}.event-controls button:hover{background:#ffffff20}.event-controls button:focus-visible{outline:2px solid #ff996d;outline-offset:3px}@media(max-width:600px){.tone-live-event .event-hero{margin:0 -6.82%;padding:40px 6% 135px;min-height:calc(100svh - 120px);border-radius:0;align-items:flex-end}.event-hero .landing-copy{order:0}.tone-live-event .event-hero .landing-copy h2{font-size:43px}.event-controls{bottom:22px;left:6%;right:6%;flex-wrap:wrap}.event-controls p{width:100%;font-size:10px;line-height:1.5}.event-shade{background:linear-gradient(0deg,#000e, #0002 90%)}.event-controls button{font-size:10px;padding:10px 15px}}
.event-hero{user-select:none;-webkit-user-select:none}

.event-shade{background:linear-gradient(90deg,#0009,transparent 70%),linear-gradient(0deg,#000b,transparent 60%)}.event-scene .event-video-main{object-fit:contain}@media(max-width:600px){.event-shade{background:linear-gradient(0deg,#000c,#0001 85%)}}

.event-touch-hint{display:none}@media(pointer:coarse),(max-width:700px){.event-touch-hint{display:inline}.event-desktop-hint{display:none}.event-hero{touch-action:pan-y}}

/* Keep the mobile planning action low in the hero, above the sound control. */
@media(max-width:700px){.event-controls p{display:none}.event-hero .landing-copy{position:static}.event-hero .landing-copy .service-cta{position:absolute;left:6%;bottom:84px;margin:0;max-width:88%;min-height:46px}.tone-live-event .event-hero{padding-bottom:170px}.event-controls{bottom:22px}}
@media(pointer:coarse){.event-controls p{display:none}}

.fixed-home>footer.home-footer{flex-wrap:wrap;row-gap:16px}.partner-strip{display:flex;align-items:center;gap:30px;flex:0 0 100%;min-width:0;padding-bottom:13px;border-bottom:1px solid #ffffff0d}.partner-label{font-size:8px;letter-spacing:.18em;color:#90969e;white-space:nowrap}.partner-window{min-width:0;flex:1;overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}.partner-track{display:flex;width:max-content;animation:partner-scroll 32s linear infinite}.partner-group{display:flex;flex-shrink:0;align-items:center}.partner-mark{display:flex;align-items:center;justify-content:center;width:210px;height:30px;opacity:.65}.partner-mark img{width:140px;height:24px;object-fit:contain}.partner-brb{font-family:Arial,sans-serif;font-size:24px;font-weight:800;letter-spacing:.08em;color:#f1f1ee}.partner-strip:hover .partner-track{animation-play-state:paused}.fixed-home .hero{padding-bottom:calc(var(--home-footer-height,135px) + 22px)}@keyframes partner-scroll{to{transform:translateX(-50%)}}@media(max-width:700px){.partner-strip{gap:12px;padding-bottom:10px}.partner-label{font-size:7px;letter-spacing:.1em;max-width:64px;white-space:normal;line-height:1.7}.partner-mark{width:150px;height:25px}.partner-mark img{width:115px;height:20px}.partner-brb{font-size:22px}.fixed-home>footer.home-footer{row-gap:12px}.partner-track{animation-duration:28s}}@media(prefers-reduced-motion:reduce){.partner-track{animation:none}}
.partner-group{min-width:100vw;justify-content:space-around}

.partner-label{white-space:normal;max-width:150px;line-height:1.6;letter-spacing:.04em;flex-shrink:0}@media(max-width:700px){.partner-label{max-width:100px;font-size:8px}}

/* Supplied partner artwork, displayed at full contrast. */
.partner-mark{width:260px;height:82px;opacity:1}.partner-mark img{width:190px;height:73px;object-fit:contain}.partner-brb img{width:164px;height:40px;filter:invert(1)}.partner-window{mask-image:linear-gradient(90deg,transparent,#000 4%,#000 96%,transparent)}.partner-label{color:#bfc1c5;font-size:9px}.partner-strip{padding-bottom:12px}@media(max-width:700px){.partner-strip{display:block}.partner-label{display:block;max-width:none;font-size:9px;letter-spacing:.04em;margin-bottom:5px}.partner-mark{width:180px;height:66px}.partner-mark img{width:157px;height:60px}.partner-brb img{width:150px;height:37px}.partner-strip{padding-bottom:8px}.fixed-home>footer.home-footer{row-gap:10px}.partner-track{animation-duration:32s}}

.partner-generated img{mix-blend-mode:screen;filter:none}.partner-wide{width:290px}.partner-wide img{width:240px;height:73px}.partner-track{animation-duration:46s}.partner-group{gap:14px}@media(max-width:700px){.partner-wide{width:215px}.partner-wide img{width:195px;height:64px}.partner-track{animation-duration:40s}.partner-group{gap:12px}}

/* Blend the masked marquee as a whole so black-backed logo artwork stays seamless. */
.partner-window{mix-blend-mode:screen}

.partner-track{background:#151515}

/* Balanced partner artwork: luminance masks remove black without changing originals. */
.fixed-home>footer.home-footer{background:#111214;row-gap:14px}
.partner-strip{position:relative;isolation:isolate;display:block;padding:12px 0 14px;border-bottom:1px solid #ffffff08}
.partner-strip::before{content:"";position:absolute;z-index:-1;inset:-18px -3.5vw 0;background:#1b1c1e}
.partner-label{display:block;max-width:none;margin:0 0 12px;font-size:13px;font-weight:600;line-height:1.4;letter-spacing:.02em;color:#d7d6d2}
.partner-window{mix-blend-mode:normal}
.partner-track{background:transparent;animation-duration:85s}
.partner-group{min-width:0;gap:24px;padding-right:24px}
.partner-mark,.partner-wide{position:relative;width:230px;height:70px;flex-shrink:0}
.partner-mark img{width:182px;height:66px;mix-blend-mode:normal}
.partner-brb img{width:184px;height:45px}
.partner-generated img{opacity:0}
.partner-generated::after{content:"";position:absolute;inset:0;background:#f2eadf;mask-image:var(--partner-art);mask-mode:luminance;mask-size:contain;mask-repeat:no-repeat;mask-position:center}
.partner-generated:has(img[alt="ECO PLUS"]){--partner-art:url('/assets/partner-eco-clean-web.webp')}
.partner-generated:has(img[alt="БОЛОРЕВРОКОМ"]){--partner-art:url('/assets/partner-bolor-clean-web.webp')}
.partner-generated:has(img[alt="TXF"]){--partner-art:url('/assets/partner-txf-clean-web.webp')}
.partner-generated:has(img[alt="HILLS TOWN"]){--partner-art:url('/assets/partner-hills-clean-web.webp')}
.partner-generated:has(img[alt="ECO PLUS"])::after{inset:5px 30px}
.partner-generated:has(img[alt="TXF"])::after{inset:10px 28px}
@media(max-width:700px){
.partner-strip{padding:10px 0 12px}.partner-strip::before{inset:-14px -5vw 0}
.partner-label{font-size:12px;margin-bottom:10px;letter-spacing:.015em}
.partner-mark,.partner-wide{width:190px;height:60px}.partner-mark img{width:157px;height:60px}.partner-brb img{width:160px;height:39px}
.partner-group{gap:18px;padding-right:18px}.partner-track{animation-duration:78s}
.partner-generated:has(img[alt="ECO PLUS"])::after{inset:4px 24px}.partner-generated:has(img[alt="TXF"])::after{inset:8px 22px}
}
/* Compact rhythm around the partner reel and contact row. */
.fixed-home>footer.home-footer{padding-top:10px;padding-bottom:max(14px,env(safe-area-inset-bottom));row-gap:10px}
.partner-strip{padding:4px 0 10px}.partner-strip::before{top:-10px}
.partner-label{margin-bottom:7px}
.partner-group{gap:16px;padding-right:16px}
.partner-mark,.partner-wide{width:210px;height:60px}
.partner-mark img{height:58px}
.partner-brb img{height:42px}
.partner-generated:has(img[alt="ECO PLUS"]),.partner-generated:has(img[alt="TXF"]){width:150px}
.partner-generated:has(img[alt="ECO PLUS"])::after{inset:3px 8px}
.partner-generated:has(img[alt="TXF"])::after{inset:8px 8px}
@media(max-width:700px){
.fixed-home>footer.home-footer{padding-top:9px;padding-bottom:max(12px,env(safe-area-inset-bottom));row-gap:9px}
.partner-strip{padding:3px 0 8px}.partner-strip::before{top:-9px}.partner-label{margin-bottom:6px}
.partner-mark,.partner-wide{width:172px;height:53px}.partner-mark img{width:151px;height:52px}.partner-brb img{width:151px;height:37px}
.partner-group{gap:12px;padding-right:12px}
.partner-generated:has(img[alt="ECO PLUS"]),.partner-generated:has(img[alt="TXF"]){width:125px}
.partner-generated:has(img[alt="ECO PLUS"])::after{inset:3px 5px}.partner-generated:has(img[alt="TXF"])::after{inset:7px 5px}
.footer-contact{gap:7px}.footer-meta{gap:9px}
}
/* An inline label gives the partners a single compact row. */
.partner-strip{display:flex;align-items:center;gap:24px;padding:5px 0 9px}
.partner-label{position:relative;flex:0 0 145px;max-width:145px;margin:0;padding-left:13px;font-size:12px;line-height:1.55;font-weight:500;letter-spacing:.015em;color:#c8c7c3}
.partner-label::before{content:"";position:absolute;left:0;top:.62em;width:4px;height:4px;border-radius:50%;background:#ee8059}
.partner-window{flex:1;min-width:0}
@media(max-width:700px){.partner-strip{display:flex;gap:10px;padding:3px 0 7px}.partner-label{flex-basis:88px;max-width:88px;padding-left:9px;font-size:10px;line-height:1.55;margin:0}.partner-label::before{width:3px;height:3px;top:.65em}}

/* Clearly identified fictional marks fill out the preview reel. */
.partner-concept{flex-direction:column;gap:0}.partner-concept img{width:190px;height:47px}.partner-concept small{font-size:7px;line-height:1;letter-spacing:.16em;color:#969693;margin-top:-3px}
.partner-track{animation-duration:150s}
@media(max-width:700px){.partner-concept img{width:156px;height:42px}.partner-concept small{font-size:6px;margin-top:-2px}.partner-track{animation-duration:140s}}

.partner-concept img{width:202px;height:59px}.partner-preview-note{display:block;margin-top:4px;font-size:8px;font-weight:400;line-height:1.4;letter-spacing:0;color:#a7a7a3}
@media(max-width:700px){.partner-concept img{width:166px;height:49px}.partner-preview-note{font-size:8px;margin-top:3px}}

/* Independent identity studies are separate from client partnerships. */
.partner-track{animation-duration:85s}
.brand-explorations{padding:42px 0 52px;border-top:1px solid #ffffff12}
.brand-explorations-heading{max-width:540px;margin-bottom:25px}.brand-explorations-heading .eyebrow{margin-bottom:12px}.brand-explorations-heading h3{font-size:clamp(28px,4vw,46px);font-weight:500;letter-spacing:-.04em;margin:0 0 12px}.brand-explorations-heading>p:last-child{color:#aaa;line-height:1.6;font-size:14px}
.brand-study-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.brand-study{margin:0;padding:28px 22px 18px;min-width:0;background:linear-gradient(145deg,#ffffff07,#ffffff02);border:1px solid #ffffff0b;border-radius:18px;transition:transform .5s ease,background .5s ease}
.brand-study img{display:block;width:100%;height:112px;object-fit:contain;transition:transform .6s cubic-bezier(.2,.7,.2,1)}
.brand-study figcaption{display:flex;gap:12px;align-items:center;margin-top:24px;font-size:10px;line-height:1.5;color:#b5b4b0}.brand-study figcaption span{color:#e38d68;font-size:9px}
@media(hover:hover){.brand-study:hover{transform:translateY(-4px);background:#ffffff08}.brand-study:hover img{transform:scale(1.035)}}
@media(max-width:700px){.partner-track{animation-duration:78s}.brand-study-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.brand-study{padding:16px 12px 14px;border-radius:14px}.brand-study img{height:80px}.brand-study figcaption{margin-top:14px;font-size:9px;gap:6px}.brand-explorations{padding:30px 0}.brand-study:last-child{grid-column:1/-1}.brand-study:last-child img{max-width:240px;margin:auto}}
@media(prefers-reduced-motion:reduce){.brand-study,.brand-study img{transition:none}.brand-study:hover,.brand-study:hover img{transform:none}}

.partner-asuudlaa{--partner-art:url('/assets/partner-asuudlaa-web.webp');width:160px}.partner-mth{--partner-art:url('/assets/partner-mth-web.webp');width:150px}
.partner-track{animation-duration:110s}
@media(max-width:700px){.partner-asuudlaa{width:138px}.partner-mth{width:128px}.partner-track{animation-duration:100s}}

/* Stage design gallery: preserve every composition, including the plan sheet. */
.stage-design-gallery{padding:36px 0 48px;border-top:1px solid #ffffff14}
.stage-gallery-heading{max-width:640px;margin-bottom:26px}.stage-gallery-heading .eyebrow{margin-bottom:14px}.stage-gallery-heading h3{font-size:clamp(30px,4.5vw,52px);font-weight:500;line-height:1.15;letter-spacing:-.04em;margin:0 0 16px}.stage-gallery-heading>p:last-child{color:#b5bcc2;font-size:15px;line-height:1.7}
.stage-copy-en{display:none}html[lang="en"] .stage-copy-en{display:inline}html[lang="en"] .stage-copy-mn{display:none}
.stage-gallery-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.stage-gallery-grid figure{position:relative;margin:0;min-width:0;overflow:hidden;border-radius:18px;background:#080c13;border:1px solid #ffffff15;transition:transform .6s ease,border-color .5s ease}
.stage-gallery-feature{grid-column:1/-1}.stage-gallery-grid img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:contain;transform:none;transition:filter .5s ease}.stage-gallery-grid figcaption{padding:16px 18px;color:#c1c6cd;font-size:10px;letter-spacing:.12em}.stage-gallery-grid .image-open{bottom:48px}
@media(hover:hover){.stage-gallery-grid figure:hover{border-color:#ffffff35;transform:translateY(-3px)}.stage-gallery-grid figure:hover img{filter:brightness(1.08)}}
@media(max-width:700px){.stage-design-gallery{padding:24px 0 32px}.stage-gallery-heading{margin-bottom:20px}.stage-gallery-heading h3{font-size:32px}.stage-gallery-heading>p:last-child{font-size:14px}.stage-gallery-grid{grid-template-columns:1fr;gap:16px}.stage-gallery-grid figure{border-radius:14px}.stage-gallery-feature{grid-column:auto}.stage-gallery-grid figcaption{padding:13px 14px;font-size:9px}}
@media(prefers-reduced-motion:reduce){.stage-gallery-grid figure,.stage-gallery-grid img{transition:none}.stage-gallery-grid figure:hover{transform:none}}

/* The stage concept leads; the live performance fills the backdrop. */
.tone-live-event .live-approach-scene{position:relative;isolation:isolate;overflow:hidden;margin:30px -5.56% 0;padding:70px 5%;min-height:540px;border-radius:22px;gap:34px;background:#060b13}
.live-approach-scene::before{content:"";position:absolute;inset:0;z-index:-2;background:url('/assets/live-approach-the-hu.png') center 58% / cover no-repeat;opacity:.6}
.live-approach-scene::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#050a12a8,#050a1250 45%,#050a12cf),linear-gradient(0deg,#050a12c4,transparent 70%)}
.live-approach-scene .story-copy{text-shadow:0 2px 22px #000}.live-approach-scene .story-copy>p:last-child{color:#e0e4ea}
.live-approach-scene .landing-image{background:#070b13;border:1px solid #bcd9ff30;box-shadow:0 20px 65px #0007;border-radius:18px}
.live-approach-scene .landing-image img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:contain}
@media(max-width:700px){.tone-live-event .live-approach-scene{margin:20px -6.82% 0;padding:38px 6%;min-height:0;border-radius:0;gap:26px}.live-approach-scene::before{background-position:55% center;opacity:.53}.live-approach-scene::after{background:linear-gradient(0deg,#050a12ec,#050a1270 65%,#050a1250)}.live-approach-scene .landing-image{border-radius:14px}}

.live-approach-scene .landing-image{aspect-ratio:auto;height:auto;min-height:0}.live-approach-scene .landing-image img{min-height:0;max-height:none}

.partner-synth{--partner-art:url('/assets/partner-synth-web.webp');width:125px}.partner-track{animation-duration:120s}
@media(max-width:700px){.partner-synth{width:108px}.partner-track{animation-duration:110s}}

/* Give the live concert photo the full frame, with copy below the performers. */
.tone-live-event .live-approach-scene{display:flex;align-items:flex-end;min-height:680px;padding:340px 6% 50px}
.live-approach-scene::before{opacity:1;background-position:center 45%}
.live-approach-scene::after{background:linear-gradient(0deg,#03070bf5 0%,#03070bb0 23%,#03070b12 60%,transparent)}
.live-approach-scene .story-copy{max-width:680px}.live-approach-scene .story-copy h3{font-size:clamp(32px,4vw,50px)}
@media(max-width:700px){.tone-live-event .live-approach-scene{min-height:580px;padding:340px 6% 32px}.live-approach-scene::before{opacity:1;background-position:58% top;background-size:auto 440px;background-color:#03070b}.live-approach-scene::after{background:linear-gradient(0deg,#03070b 0%,#03070bed 20%,#03070b55 43%,transparent 65%)}.live-approach-scene .story-copy h3{font-size:30px}}

.tone-digital .landing-visual .portrait,.tone-digital .digital-example-grid .landing-image{aspect-ratio:3/2;height:auto;min-height:0;background:#080a0e}
.tone-digital .landing-visual .portrait img,.tone-digital .digital-example-grid .landing-image img{width:100%;height:auto;aspect-ratio:3/2;object-fit:contain}
@media(max-width:700px){.tone-digital .landing-visual .portrait{height:auto;min-height:0;max-height:none}.tone-digital .digital-example-grid .landing-image{aspect-ratio:3/2}}

/* Grey Hun: a local 30-second film behind the Motion & Video introduction. */
:is(#motion-video,#music-audiovisual) .motion-film-hero{position:relative;isolation:isolate;overflow:hidden;display:flex;align-items:flex-end;min-height:calc(100svh - 170px);margin:0 -5.56%;padding:90px 6% 65px;background:#080a0c;border-radius:0 0 22px 22px}
.motion-film-background,.motion-film-shade{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.motion-film-background{object-fit:cover;z-index:-2}.motion-film-shade{z-index:-1;background:linear-gradient(90deg,#0009,transparent 85%),linear-gradient(0deg,#000d,transparent 90%)}
.motion-film-hero .landing-copy{position:relative;max-width:750px;padding:0;text-shadow:0 2px 25px #0007}.motion-film-hero .landing-lead{color:#e0e2e5}.motion-film-hero .landing-scroll{display:none}
@media(max-width:700px){:is(#motion-video,#music-audiovisual) .motion-film-hero{margin:0 -6.82%;padding:60px 6% 45px;min-height:calc(100svh - 125px);border-radius:0}.motion-film-background{object-position:center}.motion-film-shade{background:linear-gradient(0deg,#000e,#0002 95%)}}

.footer-quote{border:1px solid #e887583d;background:#ef885318;color:#f6eee9;border-radius:999px;padding:10px 15px;font-size:11px;white-space:nowrap;transition:background .25s,transform .3s}.footer-quote:hover{background:#ef88532b;transform:translateY(-1px)}.footer-quote span{margin-left:10px;color:#efa478}
.quote-request{width:min(620px,calc(100% - 28px));max-height:calc(100dvh - 32px);padding:30px;border-radius:24px;border:1px solid #ffffff25;background:#17191df5;color:#eee;box-shadow:0 24px 90px #0008}.quote-request[open]{animation:glass-panel-enter .4s ease both}.quote-request::backdrop{background:#0009;backdrop-filter:blur(12px)}.quote-heading{display:flex;justify-content:space-between;gap:20px;align-items:start}.quote-heading .eyebrow{font-size:9px;color:#bda18d;margin-bottom:12px}.quote-heading h2{font-size:30px;letter-spacing:-.03em}.quote-close{border:1px solid #ffffff20;background:#ffffff08;border-radius:50%;width:38px;height:38px;flex-shrink:0}.quote-intro{font-size:13px;line-height:1.7;color:#b9b9be;margin:20px 0}.quote-fields{display:grid;grid-template-columns:1fr 1fr;gap:16px}.quote-fields label{display:grid;gap:8px;font-size:12px;color:#dedee1}.quote-fields label>span{font-size:10px;color:#999}.quote-fields input,.quote-fields select,.quote-fields textarea{font:inherit;box-sizing:border-box;width:100%;min-width:0;border:1px solid #ffffff24;border-radius:10px;background:#0f1115;color:#eee;padding:12px;outline-offset:3px}.quote-fields textarea{resize:vertical;min-height:100px}.quote-message{grid-column:1/-1}.quote-trap{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}.quote-status{font-size:12px;line-height:1.6;color:#e1b69a;min-height:1em}.quote-submit{border:0;border-radius:999px;background:#ed8757;color:#17110c;font-weight:600;padding:13px 22px}.quote-submit:disabled{opacity:.6;cursor:wait}.quote-email{display:inline-block;font-size:11px;color:#aaa;margin-left:16px}
@media(max-width:700px){.footer-contact{grid-template-columns:auto auto;align-items:center;gap:8px 12px}.footer-quote{grid-column:1/-1;width:max-content;padding:9px 13px}.quote-request{padding:23px 18px}.quote-heading h2{font-size:25px}.quote-fields{grid-template-columns:1fr;gap:13px}.quote-email{display:block;margin:14px 0 0}.quote-submit{width:100%}}
@media(prefers-reduced-motion:reduce){.quote-request[open]{animation:none}.footer-quote{transition:none}}
/* Monthly social content */
.tone-social{--accent:#ed744f}.tone-social .landing-visual .portrait{aspect-ratio:3/2}.tone-social .landing-image img{object-fit:contain}.tone-social .service-cta{font:inherit;color:inherit;background:transparent;cursor:pointer}.social-example-grid{display:grid;gap:64px;margin-top:36px}.social-example-grid article{max-width:1100px;width:100%;margin:auto}.social-example-grid .landing-image{aspect-ratio:3/2;overflow:hidden;border-radius:20px}.social-example-grid small{display:block;margin-top:22px;letter-spacing:.16em;font-size:11px;color:#ed744f}.social-example-grid h4{font-size:clamp(24px,3vw,40px);margin:12px 0}.social-example-grid p{color:#a7a7a7;max-width:620px;line-height:1.7}.social-services{display:grid;grid-template-columns:repeat(5,1fr);gap:20px;margin-top:28px}.social-services>div{padding:25px 16px;border-top:1px solid #ffffff24}.social-services span{display:block;color:#ed744f;font-size:32px;transition:transform .5s}.social-services h4{font-size:16px;line-height:1.5}.social-services>div:hover span{transform:translateY(-5px) rotate(-6deg)}
@media(max-width:700px){.tone-social .landing-hero{gap:28px}.social-example-grid{gap:38px}.social-example-grid .landing-image{border-radius:12px}.social-services{grid-template-columns:repeat(2,1fr);gap:10px}.social-services>div{padding:18px 8px}.tone-social .landing-next{flex-wrap:wrap;gap:18px}.tone-social .service-cta{max-width:100%;text-align:left}}
@media(prefers-reduced-motion:reduce){.social-services span{transition:none}}
/* Product interfaces must remain fully visible; animate the outer frame only. */
#digital-products .landing-image{height:auto;min-height:0;max-height:none;aspect-ratio:auto}
#digital-products .landing-image img{display:block;width:100%;height:auto;max-height:none;aspect-ratio:auto;object-fit:contain;transform:none;animation:none;will-change:auto}
/* A balanced service grid with Event Studio integrated as a featured tool. */
.home-explorer>.home-disciplines{grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;padding:14px}
.home-explorer .home-disciplines a{min-height:68px;padding:12px;gap:10px;align-items:center}
.home-explorer .home-disciplines .planner-nav{grid-column:auto;justify-content:flex-start;border:1px solid #ff773d40;border-radius:12px;padding:12px;color:#ffe0d1;background:radial-gradient(ellipse at 0% 100%,#ff642f24,transparent 75%),#241c18;position:relative;overflow:hidden}
.home-explorer .home-disciplines .planner-nav::before{content:'';position:absolute;inset:-60%;background:linear-gradient(115deg,transparent 40%,#ff9b6626 50%,transparent 60%);transform:translateX(-70%);animation:studio-menu-ray 7s ease-in-out infinite;pointer-events:none}
.home-explorer .home-disciplines .planner-nav .arc-icon{color:#ff905b;filter:drop-shadow(0 0 7px #ff642f60)}
.home-explorer .home-disciplines .planner-nav:hover{background-color:#352219;border-color:#ff965a80;box-shadow:inset 0 0 24px #ff642f0d}
@keyframes studio-menu-ray{0%,20%{transform:translateX(-70%)}65%,100%{transform:translateX(70%)}}
@media(min-width:701px) and (max-width:1000px){.home-explorer>.home-disciplines{grid-template-columns:repeat(2,minmax(0,1fr))}.home-explorer .home-disciplines a{min-height:54px}}
@media(max-width:700px){.home-explorer>.home-disciplines{grid-template-columns:repeat(2,minmax(0,1fr));padding:10px;gap:6px}.home-explorer .home-disciplines a,.home-explorer .home-disciplines .planner-nav{min-height:54px;padding:10px 9px;gap:8px}.home-explorer .home-disciplines a span:not(.arc-icon){font-size:11px}}
@media(prefers-reduced-motion:reduce){.home-explorer .home-disciplines .planner-nav::before{animation:none}}
/* Compact section switcher replaces the horizontal tab strip. */
.panel-toolbar{position:sticky;top:0;z-index:30;grid-template-columns:auto minmax(0,1fr) auto;padding:12px 3.5%;gap:12px;overflow:visible}
.panel-switch{justify-self:center;display:flex;align-items:center;justify-content:center;gap:14px;min-width:0;max-width:100%;min-height:44px;padding:10px 18px;border:1px solid #ffffff18;border-radius:14px;background:#ffffff06;color:#eee;cursor:pointer;font:inherit;transition:background .25s,border-color .25s}
.panel-switch:hover,.panel-switch[aria-expanded=true]{background:#ffffff0d;border-color:#ff79484d}
.panel-toolbar .panel-switch .panel-label{font-size:12px;letter-spacing:0;color:#eee;line-height:1.4}
.panel-switch-caret{color:#ff976c;transition:transform .3s}.panel-switch[aria-expanded=true] .panel-switch-caret{transform:rotate(180deg)}
.panel-toolbar .panel-sections{position:absolute;top:calc(100% + 8px);left:3.5%;right:3.5%;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;padding:12px;background:#202020fa;border:1px solid #ffffff1c;border-radius:18px;box-shadow:0 18px 45px #0007;max-height:calc(100svh - 150px);overflow-y:auto;overflow-x:hidden;animation:section-options-in .22s ease-out both}
.panel-toolbar .panel-sections[hidden]{display:none}.panel-toolbar .panel-sections a{display:flex;align-items:center;white-space:normal;min-height:48px;padding:10px 14px;border-radius:10px;font-size:12px;line-height:1.5}
.panel-switch:focus-visible{outline:2px solid #ff865c;outline-offset:3px}
@keyframes section-options-in{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:700px){.panel-toolbar{padding:10px 12px;gap:7px}.panel-switch{padding:9px 10px;gap:8px;min-height:44px;justify-self:stretch}.panel-toolbar .panel-switch .panel-label{font-size:10px;white-space:normal;text-align:left;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.panel-toolbar .panel-sections{grid-template-columns:repeat(2,minmax(0,1fr));left:10px;right:10px;padding:8px;gap:4px}.panel-toolbar .panel-sections a{font-size:11px;padding:10px;min-height:48px}.panel-toolbar .panel-close{min-width:60px;padding:10px;font-size:10px}.panel-back{padding:10px;font-size:10px}}
@media(prefers-reduced-motion:reduce){.panel-toolbar .panel-sections{animation:none}.panel-switch,.panel-switch-caret{transition:none}}
.panel-switch-group{display:flex;align-items:center;justify-content:center;gap:8px;min-width:0}.panel-switch-group .panel-switch{min-width:0;flex:0 1 auto}.panel-step{display:grid;place-items:center;width:40px;height:40px;flex:0 0 40px;border:1px solid #ffffff18;border-radius:50%;background:#ffffff05;color:#ffac87;font:20px Arial;cursor:pointer;transition:background .25s,transform .25s}.panel-step:hover{background:#ff642f18;transform:scale(1.06)}.panel-step:focus-visible{outline:2px solid #ff865c;outline-offset:2px}.panel-toolbar .panel-sections a{gap:10px}.panel-sections .arc-icon{width:20px;height:20px;flex:0 0 20px;color:#ff814b}.panel-sections:not([hidden]) .arc-icon{animation:panel-icon-arrive .6s cubic-bezier(.16,1,.3,1) both}.panel-sections a:nth-child(2n) .arc-icon{animation-delay:.06s}.panel-sections a:nth-child(3n) .arc-icon{animation-delay:.12s}.panel-sections a:hover .arc-icon svg,.panel-sections a:focus-visible .arc-icon svg{animation:panel-icon-float 1.8s ease-in-out infinite}
@keyframes panel-icon-arrive{from{opacity:0;transform:translateY(5px) rotate(-12deg) scale(.8)}to{opacity:1;transform:none}}@keyframes panel-icon-float{50%{transform:translateY(-2px) rotate(5deg)}}
@media(max-width:700px){.panel-switch-group{gap:4px}.panel-step{width:28px;height:36px;flex-basis:28px;border-radius:10px;font-size:17px}.panel-switch-group .panel-switch{padding:8px 6px;gap:4px;flex:1}.panel-toolbar{gap:5px;padding-left:8px;padding-right:8px}.panel-toolbar .panel-back{padding:8px;font-size:9px;gap:4px}.panel-toolbar .panel-close{min-width:46px;padding:8px;font-size:9px}.panel-sections .arc-icon{width:18px;height:18px;flex-basis:18px}}
@media(prefers-reduced-motion:reduce){.panel-sections:not([hidden]) .arc-icon,.panel-sections a:hover .arc-icon svg,.panel-sections a:focus-visible .arc-icon svg{animation:none}.panel-step{transition:none}}
/* Keep the section switcher and arrows stationary across label lengths. */
.panel-switch-group{width:440px;max-width:100%;justify-self:center;display:grid;grid-template-columns:40px minmax(0,1fr) 40px;gap:8px}
.panel-switch-group .panel-switch{width:100%;height:48px;min-height:48px;display:grid;grid-template-columns:minmax(0,1fr) 14px;justify-self:stretch;box-sizing:border-box}
.panel-toolbar .panel-switch .panel-label{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%;text-align:center}
@media(max-width:700px){.panel-switch-group{width:100%;grid-template-columns:28px minmax(0,1fr) 28px;gap:4px}.panel-switch-group .panel-switch{height:48px;min-height:48px;padding:6px;grid-template-columns:minmax(0,1fr) 10px}.panel-toolbar .panel-switch .panel-label{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;white-space:normal;line-height:14px;max-height:28px;text-align:center}}
/* Center the section controls independently of the close button. */
.panel-toolbar{grid-template-columns:minmax(0,1fr) minmax(0,440px) minmax(0,1fr)}
.panel-toolbar .panel-switch-group{grid-column:2;width:100%}
.panel-toolbar .panel-close{grid-column:3;justify-self:end}
@media(max-width:700px){.panel-toolbar{grid-template-columns:46px minmax(0,1fr) 46px}}
/* Mobile navigation: separate dismissal from previous/next touch targets. */
@media(max-width:700px){
 .panel-toolbar{grid-template-columns:minmax(0,1fr) auto;grid-template-rows:44px 48px;gap:10px;padding:8px 12px 12px}
 .panel-toolbar .panel-close{grid-column:2;grid-row:1;min-width:64px;min-height:44px;margin:0;padding:10px 14px}
 .panel-toolbar .panel-switch-group{grid-column:1/-1;grid-row:2;grid-template-columns:48px minmax(0,1fr) 48px;gap:12px;width:100%;max-width:none}
 .panel-switch-group .panel-step{width:48px;height:48px;min-width:48px;min-height:48px;border-radius:14px;font-size:22px}
 .panel-switch-group .panel-switch{height:48px;min-height:48px;padding:6px 12px}
 .panel-toolbar .panel-switch .panel-label{font-size:11px;line-height:15px;max-height:30px}
 .panel-toolbar .panel-sections{max-height:calc(100svh - 170px)}
}
/* Video service heroes follow the same mobile typography and content flow. */
@media(max-width:700px){
 :is(#motion-video,#music-audiovisual,#live-event) .landing-hero{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:0;margin:0 -6.82%;padding:30px 6% 38px;min-height:0;border-radius:0}
 :is(#motion-video,#music-audiovisual,#live-event) .landing-hero .landing-copy{display:flex;flex-direction:column;align-items:flex-start;position:relative;order:0;width:100%;max-width:none;padding:0;box-sizing:border-box}
 :is(#motion-video,#music-audiovisual,#live-event) .landing-copy>.eyebrow{order:0;margin:0 0 18px;line-height:1.6}
 :is(#motion-video,#music-audiovisual,#live-event) .landing-hero .landing-copy h2{order:1;font-size:clamp(36px,10vw,46px);line-height:1.12;letter-spacing:-.04em;margin:0 0 24px;text-wrap:balance;max-width:100%}
 :is(#motion-video,#music-audiovisual,#live-event) .landing-copy>.landing-lead{order:2;font-size:16px;line-height:1.75;margin:0 0 26px;max-width:100%;color:#e0e0e0}
 :is(#motion-video,#music-audiovisual,#live-event) .landing-hero .landing-copy>.service-cta{order:3;position:static;align-self:flex-start;max-width:100%;min-height:48px;margin:0;padding:14px 20px;box-sizing:border-box;font-size:13px}
 :is(#motion-video,#music-audiovisual) .motion-film-shade{background:linear-gradient(0deg,#080a0ce8,#080a0c80)}
 #live-event .event-shade{background:linear-gradient(0deg,#080a0ce8,#080a0c80)}
 #live-event .event-controls{position:relative;inset:auto;order:1;flex-wrap:wrap;margin:26px 0 0;gap:10px}
}
.partner-added img{object-fit:contain;filter:none}.partner-xmf img{filter:brightness(0) invert(1)}
/* Match supplied partner artwork to the existing warm monochrome strip. */
.partner-added img{width:182px;height:58px;object-fit:contain;filter:grayscale(1) brightness(1.5) sepia(.12);opacity:1}
.partner-added.partner-xmf img{filter:brightness(0) invert(1) sepia(.12);width:172px;height:52px}
.partner-added.partner-hu img{width:182px;height:60px;filter:grayscale(1) brightness(2.15) sepia(.12)}
.partner-added.partner-official img{width:182px;height:58px;filter:sepia(.12)}
.partner-added.partner-chillhead img{width:192px;height:58px;filter:grayscale(1) brightness(1.35) sepia(.12)}
.partner-added.partner-eclass img{width:168px;height:58px;filter:grayscale(1) brightness(1.1) sepia(.12)}
@media(max-width:700px){.partner-added img,.partner-added.partner-official img{width:151px;height:52px}.partner-added.partner-hu img{width:151px;height:53px}.partner-added.partner-xmf img{width:143px;height:44px}.partner-added.partner-chillhead img{width:158px;height:52px}.partner-added.partner-eclass img{width:140px;height:50px}}
/* A consistent rhythm and a slightly quicker partner reel. */
.partner-strip{gap:20px;padding:6px 0 8px}
.partner-label{flex:0 0 138px;max-width:138px;padding:0 18px 0 12px;border-right:1px solid #ffffff16;box-sizing:border-box;font-size:11px;line-height:1.5;letter-spacing:.025em}
.partner-label::before{top:50%;transform:translateY(-50%)}
.partner-group{gap:18px;padding-right:18px}
.partner-strip .partner-mark{width:190px;height:60px;flex-shrink:0}
.partner-window{mask-image:linear-gradient(90deg,transparent,#000 3%,#000 97%,transparent)}
.partner-track{animation-duration:100s}
@media(max-width:700px){.partner-strip{gap:12px;padding:5px 0 7px}.partner-label{flex-basis:90px;max-width:90px;padding:0 10px 0 8px;font-size:9px;line-height:1.5}.partner-group{gap:14px;padding-right:14px}.partner-strip .partner-mark{width:158px;height:53px}.partner-track{animation-duration:90s}}

/* Uniform logo frames preserve every artwork's original proportions. */
.partner-strip .partner-mark{width:184px;height:64px}
.partner-strip .partner-mark img{width:160px;height:52px;object-fit:contain;object-position:center}
.partner-strip .partner-generated::after{inset:6px 12px;mask-size:contain}
.partner-track{will-change:transform}
body:has(dialog[open]) .partner-track{animation-play-state:paused}
@media(max-width:700px){.partner-strip .partner-mark{width:150px;height:56px}.partner-strip .partner-mark img{width:134px;height:46px}.partner-strip .partner-generated::after{inset:5px 8px}}

.partner-strip .partner-group .partner-mark{width:184px;min-width:184px}.partner-strip .partner-group .partner-mark img{width:160px;height:52px;flex-shrink:0}@media(max-width:700px){.partner-strip .partner-group .partner-mark{width:150px;min-width:150px}.partner-strip .partner-group .partner-mark img{width:134px;height:46px}}

/* Optical logo sizing: equal visual area, with original aspect ratios. */
.partner-strip .partner-group .partner-mark{height:76px}
.partner-strip .partner-group .partner-mark:has(img[src="/assets/partner-asuudlaa-web.webp"]) img{width:105.1px;height:60.9px}.partner-strip .partner-group .partner-mark:has(img[src="/assets/partner-asuudlaa-web.webp"])::after{inset:0;mask-size:105.1px 60.9px}
@media(max-width:700px){.partner-strip .partner-group .partner-mark:has(img[src="/assets/partner-asuudlaa-web.webp"]) img{width:86.2px;height:49.9px}.partner-strip .partner-group .partner-mark:has(img[src="/assets/partner-asuudlaa-web.webp"])::after{mask-size:86.2px 49.9px}}
.partner-strip .partner-group .partner-mark:has(img[src="/assets/partner-bolor-clean-web.webp"]) img{width:164.0px;height:23.6px}.partner-strip .partner-group .partner-mark:has(img[src="/assets/partner-bolor-clean-web.webp"])::after{inset:0;mask-size:164.0px 23.6px}
@media(max-width:700px){.partner-strip .partner-group .partner-mark:has(img[src="/assets/partner-bolor-clean-web.webp"]) img{width:134.5px;height:19.3px}.partner-strip .partner-group .partner-mark:has(img[src="/assets/partner-bolor-clean-web.webp"])::after{mask-size:134.5px 19.3px}}
.partner-strip .partner-group .partner-mark:has(img[src="/assets/partner-brb-web.webp"]) img{width:164.0px;height:35.0px}.partner-strip .partner-group .partner-mark:has(img[src="/assets/partner-brb-web.webp"])::after{inset:0;mask-size:164.0px 35.0px}
@media(max-width:700px){.partner-strip .partner-group .partner-mark:has(img[src="/assets/partner-brb-web.webp"]) img{width:134.5px;height:28.7px}.partner-strip .partner-group .partner-mark:has(img[src="/assets/partner-brb-web.webp"])::after{mask-size:134.5px 28.7px}}
.partner-strip .partner-group .partner-mark:has(img[src="/assets/partner-carracci-full-web.webp"]) img{width:134.9px;height:47.4px}.partner-strip .partner-group .partner-mark:has(img[src="/assets/partner-carracci-full-web.webp"])::after{inset:0;mask-size:134.9px 47.4px}
@media(max-width:700px){.partner-strip .partner-group .partner-mark:has(img[src="/assets/partner-carracci-full-web.webp"]) img{width:110.6px;height:38.9px}.partner-strip .partner-group .partner-mark:has(img[src="/assets/partner-carracci-full-web.webp"])::after{mask-size:110.6px 38.9px}}
.partner-strip .partner-group .partner-mark:has(img[src="/assets/partner-chillhead-original-web.webp"]) img{width:164.0px;height:32.3px}.partner-strip .partner-group .partner-mark:has(img[src="/assets/partner-chillhead-original-web.webp"])::after{inset:0;mask-size:164.0px 32.3px}
@media(max-width:700px){.partner-strip .partner-group .partner-mark:has(img[src="/assets/partner-chillhead-original-web.webp"]) img{width:134.5px;height:26.5px}.partner-strip .partner-group .partner-mark:has(img[src="/assets/partner-chillhead-original-web.webp"])::after{mask-size:134.5px 26.5px}}
.partner-strip .partner-group .partner-mark:has(img[src="/assets/partner-eclass-original-web.webp"]) img{width:127.7px;height:50.1px}.partner-strip .partner-group .partner-mark:has(img[src="/assets/partner-eclass-original-web.webp"])::after{inset:0;mask-size:127.7px 50.1px}
@media(max-width:700px){.partner-strip .partner-group .partner-mark:has(img[src="/assets/partner-eclass-original-web.webp"]) img{width:104.8px;height:41.1px}.partner-strip .partner-group .partner-mark:has(img[src="/assets/partner-eclass-original-web.webp"])::after{mask-size:104.8px 41.1px}}
.partner-strip .partner-group .partner-mark:has(img[src="/assets/partner-eco-clean-web.webp"]) img{width:125.9px;height:50.9px}.partner-strip .partner-group .partner-mark:has(img[src="/assets/partner-eco-clean-web.webp"])::after{inset:0;mask-size:125.9px 50.9px}
@media(max-width:700px){.partner-strip .partner-group .partner-mark:has(img[src="/assets/partner-eco-clean-web.webp"]) img{width:103.2px;height:41.7px}.partner-strip .partner-group .partner-mark:has(img[src="/assets/partner-eco-clean-web.webp"])::after{mask-size:103.2px 41.7px}}
.partner-strip .partner-group .partner-mark:has(img[src="/assets/partner-hills-clean-web.webp"]) img{width:146.1px;height:43.8px}.partner-strip .partner-group .partner-mark:has(img[src="/assets/partner-hills-clean-web.webp"])::after{inset:0;mask-size:146.1px 43.8px}
@media(max-width:700px){.partner-strip .partner-group .partner-mark:has(img[src="/assets/partner-hills-clean-web.webp"]) img{width:119.8px;height:35.9px}.partner-strip .partner-group .partner-mark:has(img[src="/assets/partner-hills-clean-web.webp"])::after{mask-size:119.8px 35.9px}}
.partner-strip .partner-group .partner-mark:has(img[src="/assets/partner-hu-original-web.webp"]) img{width:122.6px;height:52.2px}.partner-strip .partner-group .partner-mark:has(img[src="/assets/partner-hu-original-web.webp"])::after{inset:0;mask-size:122.6px 52.2px}
@media(max-width:700px){.partner-strip .partner-group .partner-mark:has(img[src="/assets/partner-hu-original-web.webp"]) img{width:100.6px;height:42.8px}.partner-strip .partner-group .partner-mark:has(img[src="/assets/partner-hu-original-web.webp"])::after{mask-size:100.6px 42.8px}}
.partner-strip .partner-group .partner-mark:has(img[src="/assets/partner-mth-web.webp"]) img{width:124.3px;height:51.5px}.partner-strip .partner-group .partner-mark:has(img[src="/assets/partner-mth-web.webp"])::after{inset:0;mask-size:124.3px 51.5px}
@media(max-width:700px){.partner-strip .partner-group .partner-mark:has(img[src="/assets/partner-mth-web.webp"]) img{width:101.9px;height:42.2px}.partner-strip .partner-group .partner-mark:has(img[src="/assets/partner-mth-web.webp"])::after{mask-size:101.9px 42.2px}}
.partner-strip .partner-group .partner-mark:has(img[src="/assets/partner-official-original-web.webp"]) img{width:131.5px;height:48.7px}.partner-strip .partner-group .partner-mark:has(img[src="/assets/partner-official-original-web.webp"])::after{inset:0;mask-size:131.5px 48.7px}
@media(max-width:700px){.partner-strip .partner-group .partner-mark:has(img[src="/assets/partner-official-original-web.webp"]) img{width:107.8px;height:39.9px}.partner-strip .partner-group .partner-mark:has(img[src="/assets/partner-official-original-web.webp"])::after{mask-size:107.8px 39.9px}}
.partner-strip .partner-group .partner-mark:has(img[src="/assets/partner-synth-web.webp"]) img{width:90.7px;height:68.0px}.partner-strip .partner-group .partner-mark:has(img[src="/assets/partner-synth-web.webp"])::after{inset:0;mask-size:90.7px 68.0px}
@media(max-width:700px){.partner-strip .partner-group .partner-mark:has(img[src="/assets/partner-synth-web.webp"]) img{width:74.3px;height:55.8px}.partner-strip .partner-group .partner-mark:has(img[src="/assets/partner-synth-web.webp"])::after{mask-size:74.3px 55.8px}}
.partner-strip .partner-group .partner-mark:has(img[src="/assets/partner-txf-clean-web.webp"]) img{width:137.7px;height:46.5px}.partner-strip .partner-group .partner-mark:has(img[src="/assets/partner-txf-clean-web.webp"])::after{inset:0;mask-size:137.7px 46.5px}
@media(max-width:700px){.partner-strip .partner-group .partner-mark:has(img[src="/assets/partner-txf-clean-web.webp"]) img{width:112.9px;height:38.1px}.partner-strip .partner-group .partner-mark:has(img[src="/assets/partner-txf-clean-web.webp"])::after{mask-size:112.9px 38.1px}}
.partner-strip .partner-group .partner-mark:has(img[src="/assets/partner-xmf-original-web.webp"]) img{width:142.8px;height:44.8px}.partner-strip .partner-group .partner-mark:has(img[src="/assets/partner-xmf-original-web.webp"])::after{inset:0;mask-size:142.8px 44.8px}
@media(max-width:700px){.partner-strip .partner-group .partner-mark:has(img[src="/assets/partner-xmf-original-web.webp"]) img{width:117.1px;height:36.8px}.partner-strip .partner-group .partner-mark:has(img[src="/assets/partner-xmf-original-web.webp"])::after{mask-size:117.1px 36.8px}}
@media(max-width:700px){.partner-strip .partner-group .partner-mark{height:62px}}

/* Anchor the video edge to the responsive partner/footer boundary. */
.fixed-home .hero-scene{inset:0 0 var(--home-footer-height,160px);transform:none!important;overflow:hidden;will-change:auto}.fixed-home .hero-scene>video{object-position:center bottom}

/* Bilingual entry copy and real project link. */
.hero-intro{max-width:520px;font-size:clamp(13px,1.25vw,17px);line-height:1.55;color:#ddd;margin:14px 0}.hero-create{display:inline-block;color:#fff;margin-bottom:14px;text-decoration:none}.language-switch a{padding:7px 9px;color:#ccc;text-decoration:none;font:500 10px Arial}.hu-work-card{display:flex;flex-direction:column;gap:12px;color:inherit;text-decoration:none;min-width:0}.hu-work-card img{width:100%;height:380px;object-fit:cover;border-radius:18px}.hu-work-card>span{font-size:22px}.hu-work-card small{color:#aaa}@media(max-width:700px){.hero-intro{max-width:310px;font-size:12px;margin:8px 0}.hero-create{font-size:13px;margin-bottom:8px}.hu-work-card img{height:300px}}

/* Restore the compact home composition and keep the menu within the viewport. */
.fixed-home .hero-bottom{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center}
.fixed-home .hero-bottom .hero-tagline{font-size:clamp(11px,1.15vw,18px);line-height:1.4;letter-spacing:.12em;max-width:320px;margin:0}
.hero-bottom .home-explorer>.home-disciplines{position:fixed;left:50%;translate:-50% 0;bottom:calc(var(--home-footer-height,160px) + 104px);width:min(870px,calc(100vw - 48px));max-height:calc(100svh - var(--home-footer-height,160px) - 130px);overflow-y:auto}
.section-panel .work-page .work-sticky{width:100%;padding:0}
.section-panel .work-page .section-head{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;margin:0 0 32px}
.section-panel .work-page .section-head h2{font-size:clamp(36px,5vw,72px);line-height:1.02;margin:12px 0 0;overflow-wrap:anywhere}
.section-panel .work-page .section-head .small{max-width:240px;margin:12px 0 0}
.section-panel .work-page .works-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px;align-items:start;padding:0}
.section-panel .work-page .project{display:block;width:100%;grid-column:auto;margin:0!important;padding:0;text-align:left}
.section-panel .work-page .project-image{height:auto;aspect-ratio:1.4}
.section-panel .work-page .project-image img{display:block;width:100%;height:100%;object-fit:cover;border-radius:0}
.section-panel .work-page .project-meta{display:block;margin-top:14px}
.section-panel .work-page .project-meta h3{font-size:20px;line-height:1.3;margin:0 0 8px}
.section-panel .work-page .project-meta span{display:block;font-size:10px;line-height:1.5;letter-spacing:.06em}
@media(max-width:700px){.fixed-home .hero-bottom{grid-template-columns:1fr 1fr}.fixed-home .hero-bottom .hero-tagline{grid-column:1/-1;font-size:11px;max-width:none}.hero-bottom .home-explorer>.home-disciplines{left:50%;translate:-50% 0;width:calc(100vw - 32px)}.section-panel .work-page .works-grid{grid-template-columns:1fr}.section-panel .work-page .section-head{flex-direction:column;gap:8px}}

/* Icon-only header control keeps an accessible name and touch target. */
.header .header-actions .menu-toggle,.header .menu-toggle{width:44px;height:44px;min-width:44px;padding:0;gap:0;justify-content:center;align-items:center;border-radius:50%}

.work-page article.project,.work-page article.project .project-image{cursor:default}.work-page article.project:hover .project-image img{transform:none}

.work-page article.project .project-image{cursor:zoom-in}

.section-panel .work-page{position:relative;isolation:isolate;overflow:hidden}.section-panel .work-page>.work-film{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.32;pointer-events:none;z-index:-2}.section-panel .work-page::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#080a0d66,#080a0dcc);pointer-events:none;z-index:-1}.section-panel .work-page .work-sticky{position:relative;z-index:1}

/* Consistent controls on iOS; arrows explicitly use text presentation. */
button,input[type="submit"],input[type="button"]{-webkit-appearance:none;appearance:none}
.link-arrow{font-variant-emoji:text}
.hero-play-fallback{position:absolute;z-index:6;left:50%;top:55%;transform:translate(-50%,-50%);border:1px solid #ffffff66;border-radius:999px;background:#171717d9;color:#fff;font:inherit;padding:14px 24px;cursor:pointer}
.hero-play-fallback[hidden]{display:none!important}