/* Benjamin Bros / Direction 03 — kinetic editorial */
@view-transition{navigation:auto}
::view-transition-old(root){animation:bb-page-out .22s ease both}::view-transition-new(root){animation:bb-page-in .6s cubic-bezier(.16,1,.3,1) both}
@keyframes bb-page-out{to{opacity:0;transform:translateY(-16px)}}@keyframes bb-page-in{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:none}}
:root{--ease:cubic-bezier(.16,1,.3,1)}
html{scroll-padding-top:150px}.bbst-site>header{height:100px;position:sticky;top:0;z-index:100;background:#f5f5eff5;backdrop-filter:blur(16px);border-color:#17171430}.admin-bar.bbst-site>header{top:32px}.bbst-site:has(#wpadminbar)>header{top:32px}.brand{flex-shrink:0}.menu-toggle{padding:12px 20px}.menu-toggle span{display:inline-block;margin-left:8px;transition:rotate .5s}.menu-toggle:hover span{rotate:90deg}.reading-progress{z-index:120}.desktop-nav{position:static}.motion-control{position:fixed;bottom:18px;left:20px;z-index:110;border:1px solid #ffffff40;border-radius:24px;background:#171714;color:#fff;display:flex;align-items:center;gap:8px;padding:10px 14px;font-size:10px;box-shadow:0 3px 12px #0002}.motion-control>span:first-child{font-size:14px;min-width:10px}.motion-control:hover{background:var(--blue)}
/* Navigation is a place, not a dropdown. */
.full-menu{background:var(--ink);color:var(--paper);padding:32px 4% 24px;overflow:auto}.full-menu::backdrop{background:var(--ink)}.menu-top{min-height:54px}.menu-edition{font-size:10px;letter-spacing:.1em}.menu-close{color:var(--paper);border:1px solid #ffffff50;border-radius:30px;padding:12px 20px}.menu-close:hover{background:var(--orange);border-color:var(--orange);color:var(--ink)}.menu-layout{display:grid;grid-template-columns:1.45fr 1fr;gap:6vw;align-items:center;min-height:calc(100svh - 220px)}.full-menu .menu-layout nav{width:100%;margin:40px 0;align-items:stretch}.full-menu .menu-layout nav a{font-size:clamp(42px,6.15vw,100px);line-height:1.02;padding:12px 0;display:flex;align-items:center;gap:10px;border-bottom:1px solid #ffffff25;transition:color .3s,padding .5s}.full-menu nav a small{width:32px;color:#b0b0a8;flex-shrink:0;font-size:10px}.full-menu nav a i{margin-left:auto;font-style:normal;font-size:.5em;opacity:0;translate:-20px 0;transition:opacity .3s,translate .4s}.full-menu nav a:hover,.full-menu nav a:focus-visible{color:var(--orange);padding-left:12px}.full-menu nav a:hover i,.full-menu nav a:focus-visible i{opacity:1;translate:0 0}.full-menu nav a:focus-visible{outline-color:var(--orange)}.menu-scene{min-width:0;aspect-ratio:.92;position:relative;background:var(--blue);overflow:hidden;transition:background .5s,color .5s;color:var(--paper);perspective:800px}.menu-orbit{position:absolute;inset:8% 8% 25%;display:grid;place-items:center;transform:rotateY(var(--mx,0deg)) rotateX(var(--my,0deg));transition:transform .5s}.menu-orbit span{position:absolute;border:1px solid currentColor;border-radius:50%;width:90%;height:90%;animation:bb-orbit 18s linear infinite}.menu-orbit span:nth-child(2){width:65%;height:100%;animation-direction:reverse}.menu-orbit span:nth-child(3){width:100%;height:40%;animation-duration:26s}.menu-orbit b{font:900 clamp(100px,12vw,200px)/1 Arial;letter-spacing:-.12em;padding-right:.12em;rotate:-10deg;transition:rotate .65s,scale .65s}.menu-scene-copy{position:absolute;bottom:7%;left:7%;right:7%;z-index:2}.menu-scene-copy small{font-size:9px;letter-spacing:.08em}.menu-scene-copy p{font:600 clamp(30px,4vw,65px)/.95 'Barlow Condensed';margin:15px 0 0}.menu-scene-corner{position:absolute;top:20px;right:25px;font-size:30px}.menu-scene[data-scene="1"]{background:var(--orange);color:var(--ink)}.menu-scene[data-scene="1"] .menu-orbit b{rotate:12deg}.menu-scene[data-scene="2"]{background:#e7ff83;color:var(--ink)}.menu-scene[data-scene="2"] .menu-orbit b{scale:1.18;rotate:0deg}.menu-scene[data-scene="3"]{background:#f5f5ef;color:var(--blue)}.menu-scene[data-scene="3"] .menu-orbit b{rotate:-22deg}.menu-scene[data-scene="4"]{background:var(--orange);color:var(--ink)}.menu-bottom{border-top:1px solid #ffffff30;padding-top:20px;gap:20px;font-size:10px;letter-spacing:.04em}.menu-bottom a{align-self:center;border-bottom:1px solid #ffffff50;padding-bottom:5px}.full-menu[open] .menu-scene{animation:bb-link-in 1s var(--ease) both;animation-delay:.15s}@keyframes bb-orbit{to{rotate:360deg}}
/* Page openings / large, flat geometric sculptures. */
.agency-intro,.expertise-intro{position:relative;isolation:isolate;padding-top:42px;padding-bottom:48px;min-height:calc(100svh - 100px)}.agency-intro h1,.expertise-intro h1{position:relative;z-index:2;font-size:clamp(75px,10.8vw,170px);margin:58px 0;max-width:80%;pointer-events:none}.intro-bottom{position:relative;z-index:2}.intro-bottom p{font-size:18px}.intro-sculpture{position:absolute;right:3%;top:10%;width:39vw;height:39vw;max-width:680px;max-height:680px;perspective:800px;z-index:0;opacity:.7;transform:translateY(calc(var(--scene-scroll,0)*90px)) rotateY(var(--mx,0deg)) rotateX(var(--my,0deg));transition:transform .45s ease-out}.intro-sculpture i{position:absolute;inset:5%;border:1px solid currentColor;border-radius:50%;animation:bb-orbit 35s linear infinite}.intro-sculpture i:nth-child(2){inset:12%;border-radius:0;rotate:30deg}.intro-sculpture i:nth-child(3){inset:22%;border-width:24px;animation-direction:reverse}.intro-sculpture i:nth-child(4){inset:33%;border-radius:0;rotate:45deg;background:currentColor}.intro-sculpture b{position:absolute;inset:0;display:grid;place-items:center;font:300 19vw/1 'Space Grotesk';opacity:.7}.agency-intro .intro-sculpture{color:#922e19;right:-7%}.expertise-intro .intro-sculpture{color:#a7b4ff;right:-1%}.expertise-intro h1 span{color:var(--paper)}.agency-intro .intro-bottom>span:before,.expertise-intro .intro-bottom>span:before{content:'';display:block;font-size:42px;margin-bottom:12px}
/* Services / a four-part editorial, tied together by a sticky index. */
.expertises-page .expertise{padding-bottom:0;padding-top:85px}.expertises-page .section-top{margin-bottom:50px}.discipline-index{position:sticky;top:100px;z-index:80;display:grid;grid-template-columns:repeat(4,1fr);gap:0;align-items:stretch;margin:0 -4.35%;padding:0 4.35%;background:var(--paper);border-top:1px solid var(--ink);border-bottom:1px solid var(--ink)}.bbst-site:has(#wpadminbar) .discipline-index{top:132px}.discipline-index a{padding:23px 16px;display:flex;gap:14px;align-items:center;border-right:1px solid #17171425;font-size:14px;transition:background .3s,color .3s}.discipline-index a:first-child{border-left:1px solid #17171425}.discipline-index small{font-size:10px;opacity:.65}.discipline-index a>span{margin-left:auto}.discipline-index a[aria-current],.discipline-index a:hover{background:var(--ink);color:var(--paper)}.discipline-list{border:0}.discipline{display:grid;grid-template-columns:1fr 1fr;gap:6vw;padding:90px 0;border-bottom:1px solid #17171440;align-items:center;scroll-margin-top:25px;min-height:680px}.discipline:last-child{border:0}.discipline-number{font-size:11px;letter-spacing:.1em;color:#5b5b54}.discipline-copy h3{font-size:clamp(50px,5.6vw,90px);font-weight:600;line-height:.98;letter-spacing:-.01em;margin:27px 0}.discipline .service-body{display:block;padding:0;max-width:540px}.discipline .service-body p{font-size:18px;line-height:1.55;max-width:460px}.discipline .service-body ul{margin:28px 0 32px;display:grid;grid-template-columns:1fr 1fr;gap:12px 22px;font-size:12px;line-height:1.4}.discipline .service-body li{border-top:1px solid #17171430;padding-top:12px}.discipline .service-body a{display:inline-flex;gap:35px;border-bottom:1px solid;padding-bottom:8px;text-decoration:none}.discipline .service-body a:after{content:''}.discipline:nth-child(even) .discipline-copy{grid-column:2;grid-row:1}.discipline:nth-child(even) .discipline-art{grid-column:1;grid-row:1}.discipline-art{aspect-ratio:1;position:relative;overflow:hidden;isolation:isolate;background:var(--orange);color:var(--ink);perspective:1000px;transform:translateY(calc(var(--scene-scroll,0)*-35px));transition:transform .5s ease-out}.discipline-shape{position:absolute;inset:10%;display:grid;place-items:center;transform:rotateY(var(--mx,0deg)) rotateX(var(--my,0deg));transition:transform .5s}.discipline-shape i{position:absolute;border:2px solid currentColor;inset:4%;border-radius:50%;animation:bb-orbit 25s linear infinite;animation-play-state:paused}.scene-visible .discipline-shape i{animation-play-state:running}.discipline-shape i:nth-child(2){inset:16%;animation-direction:reverse}.discipline-shape i:nth-child(3){inset:28%;border-radius:0;rotate:45deg}.discipline-shape i:nth-child(4){inset:40%;background:currentColor}.discipline-shape b{font:600 clamp(90px,14vw,220px)/1 'Barlow Condensed';z-index:1}.art-mode-0 .discipline-shape b{display:none}.art-mode-0 .discipline-shape:after{content:'';position:absolute;top:0;bottom:0;width:2px;background:currentColor;rotate:35deg}.art-mode-1{background:#e7ff83;color:var(--blue)}.art-mode-1 .discipline-shape i{border-radius:0;inset:8%;rotate:calc(15deg * var(--i,1))}.art-mode-1 .discipline-shape i:nth-child(2){--i:2;inset:14%}.art-mode-1 .discipline-shape i:nth-child(3){--i:3;inset:20%}.art-mode-1 .discipline-shape i:nth-child(4){display:none}.art-mode-1 .discipline-shape b{background:#e7ff83;padding:0 .1em}.art-mode-2{background:var(--blue);color:#f5f5ef}.art-mode-2 .discipline-shape i{inset:5% 30%;animation-duration:18s}.art-mode-2 .discipline-shape i:nth-child(2){rotate:60deg}.art-mode-2 .discipline-shape i:nth-child(3){rotate:120deg;border-radius:50%}.art-mode-2 .discipline-shape i:nth-child(4){display:none}.art-mode-2 .discipline-shape b{color:var(--orange);font-weight:400}.art-mode-3{background:var(--ink);color:var(--orange);background-image:linear-gradient(#ff512b20 1px,transparent 1px),linear-gradient(90deg,#ff512b20 1px,transparent 1px);background-size:40px 40px}.art-mode-3 .discipline-shape i{border-radius:16%;animation-duration:35s}.art-mode-3 .discipline-shape i:nth-child(4){display:none}.art-mode-3 .discipline-shape b{font:900 clamp(90px,12vw,180px)/1 Arial;letter-spacing:-.12em;padding-right:.12em;background:var(--ink)}.art-coordinate,.art-caption{position:absolute;bottom:24px;font-size:9px;letter-spacing:.08em;z-index:3}.art-coordinate{left:24px}.art-caption{right:24px}
/* Living typography / connective sections. */
.ink-reveal{background:linear-gradient(90deg,var(--ink) var(--ink-progress,100%),#b8b8ae var(--ink-progress,100%));background-clip:text;-webkit-background-clip:text;color:transparent!important}.ink-reveal em{color:inherit}.agency-statement{padding-top:140px;padding-bottom:140px}.agency-bridge,.intelligence{position:relative;isolation:isolate;overflow:hidden}.ambient-orbit{position:absolute;inset:0;z-index:-1;pointer-events:none;overflow:hidden;opacity:.12}.ambient-orbit i{position:absolute;width:70vw;height:70vw;border:1px solid currentColor;border-radius:50%;right:-20%;top:-30%;rotate:25deg}.ambient-orbit i:nth-child(2){width:90vw;height:35vw;rotate:-35deg}.ambient-orbit i:nth-child(3){width:40vw;height:90vw;right:5%;rotate:50deg}.agency-bridge .bridge-type{transform:translateX(calc(var(--scene-scroll,0)*-60px));transition:transform .5s}.method-grid article{position:relative}.method-grid article>span{display:block}.method-grid article:before{content:'';position:absolute;top:-1px;left:0;width:0;height:3px;background:var(--orange);transition:width .8s var(--ease)}.method-grid article:hover:before{width:100%}.method-grid article h3{transition:translate .5s}.method-grid article:hover h3{translate:10px 0}
.project-ribbon{overflow:hidden;padding:30px 0 80px;background:var(--paper)}.project-ribbon>.section-label{padding:0 4%;margin:0 0 30px}.ribbon-track{display:flex;width:max-content;gap:24px;margin-left:-5vw;transform:translateX(var(--ribbon-x,0px)) rotate(-3deg);transition:transform .5s ease-out;padding:30px 0}.ribbon-track>a{width:30vw;min-width:220px;display:block}.ribbon-track .work-art{aspect-ratio:1.35;min-height:0}.ribbon-track .work-words{font-size:clamp(45px,5vw,90px)}.ribbon-track>a:nth-child(even){translate:0 25px}.ribbon-track a:focus-visible{outline-offset:2px}.ribbon-track:focus-within{transform:none;margin-left:4%}.ribbon-track .depth-layer{translate:none}.ribbon-track img{height:100%;top:0}.home-work{background:var(--ink);color:var(--paper)}.home-work .work-caption p{color:#c0c0b8}.home-work .work-caption h3{font-family:'Barlow Condensed';font-size:32px;text-transform:uppercase}.home-work .section-top{align-items:end}.page-cta{position:relative;isolation:isolate;padding-top:85px;padding-bottom:95px}.page-cta:after{content:'';position:absolute;right:4%;top:10%;font:400 clamp(100px,20vw,350px)/1 'Space Grotesk';z-index:-1;opacity:.2;transform:rotate(calc(var(--scene-scroll,0)*30deg));transition:transform .5s}.page-cta>a{position:relative;max-width:90%}.page-cta>a span{display:inline-flex;gap:30px}.page-cta>a span:after{content:'';text-decoration:none}.footer-top{padding-top:20px}.footer-top .brand{font-size:clamp(45px,6vw,90px)}
/* Projects / cinema frame and deliberate transitions between projects. */
.projets-page .work-intro{background:var(--blue)}.projets-page .work-intro:after{content:'';position:absolute;right:3%;top:10%;font:400 32vw/1 'Space Grotesk';opacity:.12;pointer-events:none}.projets-page .work-card:nth-child(n){grid-column:span 6;margin-top:0}.projets-page .work-card:nth-child(n) .work-art{aspect-ratio:1.2}.projets-page .work-card.feature-card{grid-column:span 12}.projets-page .work-card.feature-card .work-art{aspect-ratio:1.9}.projets-page .work-card.offset-card{margin-top:120px}.work-card .work-art:after{content:'';position:absolute;right:18px;bottom:18px;display:grid;place-items:center;width:50px;height:50px;background:var(--paper);color:var(--ink);border-radius:50%;font-size:24px;opacity:0;translate:0 15px;transition:opacity .4s,translate .5s;z-index:3}.work-card:hover .work-art:after,.work-card:focus-visible .work-art:after{opacity:1;translate:0 0}.case-page .case-intro{padding-top:36px;padding-bottom:30px}.case-title{margin-top:60px}.case-page .case-title h1{font-size:clamp(70px,11vw,180px);margin:24px 0 28px}.case-chapters{position:static;display:flex;justify-content:space-between;gap:24px;margin:65px 0 0;padding:24px 0 0;border:0;border-top:1px solid #ffffff40;background:none;font-size:10px;letter-spacing:.07em}.case-chapters a:hover{color:var(--orange)}.case-visual{overflow:hidden;clip-path:inset(0 var(--cinema-inset,0%));transition:clip-path .5s ease-out}.case-page .case-visual .work-art{aspect-ratio:1.65;min-height:0;max-height:920px}.case-page .case-story{padding-top:130px;padding-bottom:130px}.case-story article h2{line-height:.99}.case-story aside{top:160px}.case-page .next-project{background:var(--ink);color:var(--paper);padding:50px 4% 80px;overflow:hidden}.next-top{display:flex;justify-content:space-between;align-items:center;gap:25px;border-top:1px solid #ffffff40;padding-top:25px}.next-top>span{font-size:11px}.next-top>a{font-family:'Space Grotesk';font-size:12px;margin:0;text-transform:none;font-weight:400}.next-project .next-case{display:grid;grid-template-columns:1.2fr 1fr;align-items:center;gap:6vw;margin-top:50px}.next-case-copy>small{display:block;font:400 11px/1.5 'Space Grotesk';color:var(--orange);letter-spacing:.08em;margin-bottom:22px}.next-case-copy>strong{font:600 clamp(55px,7.5vw,120px)/.95 'Barlow Condensed';display:block;transition:translate .5s}.next-case-copy>span{font:400 12px/1.5 'Space Grotesk';display:block;margin-top:30px;text-transform:none}.next-case:hover .next-case-copy>strong{translate:15px 0;color:var(--orange)}.next-case .work-art{aspect-ratio:1.3}.next-case .work-words{font-size:clamp(50px,5vw,90px)}.next-case .work-art img{transition:scale .7s}.next-case:hover img{scale:1.05}
/* Contact / a welcoming animated signal beside the brief. */
.contact-page .contact{padding-top:55px;padding-bottom:85px}.contact-page .contact-grid{grid-template-columns:1.1fr 1fr;gap:8vw}.contact-page .contact-grid>div{position:relative}.bbst-site.contact-page .contact h1{font-size:clamp(55px,7.1vw,115px);line-height:.95}.contact-grid>div>p{max-width:430px}.contact-signal{position:relative;width:210px;height:160px;margin-top:40px;perspective:600px;transform:rotateY(var(--mx,0deg)) rotateX(var(--my,0deg));transition:transform .5s}.contact-signal i{position:absolute;inset:0 25px;border:1px solid var(--ink);border-radius:50%;animation:bb-orbit 20s linear infinite}.contact-signal i:nth-child(2){inset:25px 0;animation-direction:reverse}.contact-signal b{position:absolute;inset:0;display:grid;place-items:center;font:400 100px/1 'Space Grotesk'}.contact-page form{background:#ffffff14;border:1px solid #17171435;padding:32px;gap:22px}.contact-page form label{font-size:11px}.contact-page form input:focus,.contact-page form textarea:focus,.contact-page form select:focus{outline:2px solid var(--ink);outline-offset:4px}.contact-page .submit{transition:background .3s}.contact-page .submit:hover{background:var(--blue)}
/* Movement preferences always take priority. */
.slider-paused .slide-image{animation-play-state:paused!important}.motion-paused *,.motion-paused *:before,.motion-paused *:after{animation-play-state:paused!important;scroll-behavior:auto!important;transition:none!important}.motion-paused .depth-layer{translate:none!important}.motion-paused .slide-image,.motion-paused .slide-content,.motion-paused .work-art{transform:none!important}.motion-paused .bb-cursor{display:none}.motion-paused .ink-reveal{--ink-progress:100%!important}.motion-paused .motion-reveal,.motion-paused .editorial-reveal{opacity:1;translate:none;transform:none}
@media(min-width:1800px){.menu-layout{min-height:700px}.agency-intro,.expertise-intro{min-height:850px}}
@media(max-width:1000px){.bbst-site>header{height:86px}.desktop-nav{gap:18px}.nav-contact{display:none}.discipline-index{top:86px}.bbst-site:has(#wpadminbar) .discipline-index{top:118px}.discipline{gap:4vw;min-height:570px;padding:60px 0}.discipline-copy h3{font-size:52px}.discipline .service-body p{font-size:16px}.art-caption{max-width:100px;text-align:right;font-size:8px}.menu-layout{gap:3vw;grid-template-columns:1.4fr 1fr}.full-menu .menu-layout nav a{font-size:6.4vw}.agency-statement{padding-top:90px;padding-bottom:90px}.contact-page .contact-grid{gap:5vw}.contact-page form{padding:24px}}
@media(max-width:700px){html{scroll-padding-top:125px}.bbst-site>header{height:78px;padding:18px 5%}.bbst-site:has(#wpadminbar)>header{top:46px}.desktop-nav{display:none}.menu-toggle{margin-left:auto}.motion-control{bottom:12px;left:12px;padding:9px 12px}.motion-control>span:last-child{font-size:9px}.full-menu{padding:24px 5%;height:100dvh}.menu-edition{display:none}.menu-layout{display:block;min-height:0}.full-menu .menu-layout nav{margin:40px 0 25px}.full-menu .menu-layout nav a{font-size:clamp(34px,9vw,58px);padding:14px 0;line-height:1.05}.full-menu nav a small{width:22px;font-size:9px}.full-menu nav a i{opacity:1;translate:none;font-size:.5em}.menu-scene{display:none}.menu-bottom{display:grid;grid-template-columns:1fr 1fr;font-size:9px;margin-top:30px}.menu-bottom a{grid-column:1/-1;justify-self:start;font-size:12px}.agency-intro,.expertise-intro{min-height:650px;padding:32px 5% 42px}.agency-intro h1,.expertise-intro h1{font-size:16vw;max-width:100%;margin:58px 0;line-height:.96}.intro-sculpture{top:3%;right:-25%!important;width:80vw;height:80vw;opacity:.32}.intro-sculpture b{font-size:45vw}.intro-bottom p{font-size:16px}.intro-bottom{grid-template-columns:1fr;gap:26px}.agency-intro .intro-bottom>span:before,.expertise-intro .intro-bottom>span:before{font-size:30px;margin-bottom:10px}.discipline-index{top:78px;margin:0 -5.56%;padding:0;grid-template-columns:repeat(4,1fr)}.bbst-site:has(#wpadminbar) .discipline-index{top:124px}.discipline-index a{padding:16px 6px;font-size:10px;display:block;text-align:center}.discipline-index small{display:block;margin-bottom:5px;font-size:8px}.discipline-index a>span{display:none}.discipline{display:flex;flex-direction:column;align-items:stretch;gap:32px;min-height:0;padding:50px 0;scroll-margin-top:70px}.discipline-copy h3{font-size:48px;margin:20px 0}.discipline .service-body p{font-size:16px}.discipline .service-body ul{font-size:11px;gap:12px 18px}.discipline-art{aspect-ratio:1.15;transform:none}.discipline-shape b{font-size:36vw}.art-mode-3 .discipline-shape b{font-size:32vw}.art-coordinate,.art-caption{font-size:8px;bottom:18px;max-width:none}.art-coordinate{left:18px}.art-caption{right:18px}.agency-statement{padding-top:70px;padding-bottom:70px}.project-ribbon{padding-bottom:40px}.ribbon-track{gap:14px;margin-left:-80px}.ribbon-track>a{width:62vw;min-width:0}.ribbon-track .work-words{font-size:13vw}.ribbon-track .work-art{padding:16px}.ribbon-track .work-label,.ribbon-track .work-sign{font-size:7px}.ribbon-track:focus-within{flex-wrap:wrap;width:auto;gap:20px;margin:0 5%}.ribbon-track:focus-within>a{width:100%;translate:none}.home-work .work-caption h3{font-size:30px}.page-cta{padding:55px 5% 65px}.page-cta>a{max-width:100%}.page-cta:after{font-size:40vw;right:0;top:5%}.projets-page .work-card:nth-child(n){margin-top:0}.projets-page .work-card:nth-child(n) .work-art{aspect-ratio:1.1}.projets-page .work-intro{min-height:630px}.projets-page .work-intro h1{font-size:17vw}.case-title{margin-top:45px}.case-page .case-title h1{font-size:17vw}.case-chapters{display:flex;position:static;gap:12px;font-size:8px;margin-top:45px;padding-top:20px;flex-direction:row;align-items:center}.case-page .case-visual .work-art{aspect-ratio:1.1}.case-page .case-story{padding:65px 5%}.case-story aside{position:static}.case-page .next-project{padding:35px 5% 70px}.next-project .next-case{grid-template-columns:1fr;gap:30px;margin-top:35px}.next-case-copy>strong{font-size:15vw}.next-case .work-words{font-size:17vw}.next-top>span,.next-top>a{font-size:9px}.contact-page .contact-grid{grid-template-columns:1fr;gap:35px}.bbst-site.contact-page .contact h1{font-size:16vw}.contact-page form{padding:24px 20px}.contact-signal{width:120px;height:90px;margin-top:25px}.contact-signal b{font-size:60px}.contact-page .contact{padding-top:35px}.footer-top .brand{font-size:48px}}
@media(prefers-reduced-motion:reduce){::view-transition-old(root),::view-transition-new(root){animation:none}.intro-sculpture,.discipline-art,.ribbon-track,.agency-bridge .bridge-type,.contact-signal{transform:none!important}.ink-reveal{--ink-progress:100%!important}.case-visual{clip-path:none}.motion-control{display:none}}

.intro-sculpture:not(.scene-visible) i{animation-play-state:paused}
@media(max-width:700px){.motion-control{left:auto;right:12px;width:34px;height:34px;padding:0;justify-content:center}.motion-control>span:last-child{display:none}}