/* BELOK editorial case studies. Shared with the production page shell. */
:root{--line:#25242a2b;--lime:#c8ff19;--gutter:clamp(20px,4.2vw,80px)}
.site-header{position:relative;z-index:20}.site-header nav{gap:40px}.wordmark{font-size:26px}.site-header .start-link{border-bottom:1px solid #25242a44}.site-header a{transition:opacity .2s}.site-header a:hover{opacity:.6}
.creative-hero{padding:45px var(--gutter) 36px}.hero-eyebrow{display:flex;justify-content:space-between;gap:20px;font-size:10px;letter-spacing:.08em;margin-bottom:46px}.creative-hero h1{font-size:clamp(90px,14vw,270px);font-weight:350;line-height:.86;letter-spacing:-.085em}.creative-hero h1>span:not(.work-dot){display:block;margin-left:18%}.hero-summary{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-top:38px}.hero-summary p{font-size:clamp(15px,1.35vw,21px);line-height:1.6;letter-spacing:-.02em}.circle-link{width:58px;height:58px;border:1px solid #25242a66;border-radius:50%;display:grid;place-items:center;font-size:25px;flex-shrink:0;transition:background .25s,transform .25s}.circle-link:hover{background:var(--lime);text-decoration:none;transform:translateY(3px)}
.campaign-pair{display:grid;grid-template-columns:2fr 1fr;gap:16px;margin:20px var(--gutter) 0;height:min(670px,52vw)}.campaign-pair>a{display:block;position:relative;overflow:hidden}.campaign-pair img{width:100%;height:100%;object-fit:cover;transition:transform .8s cubic-bezier(.2,.8,.2,1)}.campaign-pair a:hover img{transform:scale(1.025)}.media-tag{position:absolute;bottom:20px;left:20px;right:20px;font-size:10px;letter-spacing:.07em;background:#f7f7f0d9;backdrop-filter:blur(12px);padding:16px 18px;display:flex;justify-content:space-between}.media-tag b{font-size:16px;font-weight:400}.caption-ruler{display:flex;justify-content:space-between;gap:20px;margin:0 var(--gutter);padding:20px 0;border-bottom:1px solid var(--line);font-size:10px;letter-spacing:.06em}
.statement{margin:130px var(--gutter);display:grid;grid-template-columns:1.1fr 1fr;gap:26px 9vw}.statement>.eyebrow{grid-column:1/-1}.statement h2,.macro-copy h2,.fashion-copy h2,.visual-system h2,.interface-title h2,.mobile-title h2,.brief-exhibit h2{font-size:clamp(46px,6.8vw,112px);line-height:1.02;letter-spacing:-.065em}.statement-copy{padding-top:8px;font-size:clamp(17px,1.55vw,24px);line-height:1.6;max-width:38ch}.statement-copy p+p{margin-top:24px}
.macro-story{margin:0 var(--gutter) 160px;display:grid;grid-template-columns:.8fr 1.4fr;gap:9vw;align-items:center}.macro-copy>.eyebrow,.fashion-copy>.eyebrow{margin-bottom:32px}.macro-copy h2{font-size:clamp(44px,5.4vw,90px)}.macro-copy>p:not(.eyebrow),.fashion-copy>p:not(.eyebrow){font-size:17px;line-height:1.65;max-width:32ch;margin-top:30px}.macro-images{position:relative;padding:0 0 90px 35px}.project-frame>a{display:block;position:relative;overflow:hidden}.project-frame img{display:block;width:100%;height:100%;object-fit:cover}.project-frame figcaption{font-size:9px;margin-top:12px}.macro-detail{width:80%}.macro-detail>a{aspect-ratio:1}.macro-product{width:75%;position:relative;margin:-60px 0 0 auto;box-shadow:-18px -18px 0 var(--paper)}.macro-product>a{aspect-ratio:1.5}.image-link{display:inline-block;position:absolute;bottom:20px;left:20px;right:auto;padding:13px 18px;background:#ffffffd9;backdrop-filter:blur(12px);border-radius:30px;font-size:11px;line-height:1.3;box-shadow:0 3px 20px #0000000d}.project-frame .image-link{opacity:0;transform:translateY(5px);transition:opacity .3s,transform .3s}.project-frame a:hover .image-link,.project-frame a:focus-visible .image-link{opacity:1;transform:none}
.fashion-story{display:grid;grid-template-columns:1fr .85fr;align-items:start;gap:10vw;margin:0 var(--gutter) 150px}.fashion-image{position:relative}.fashion-image>img{width:100%;max-height:920px;object-fit:cover}.fashion-copy{padding-top:65px}.fashion-copy h2{font-size:clamp(44px,5.5vw,90px)}.fashion-inset{width:55%;margin:50px 0 0 auto}.fashion-inset img{width:100%;aspect-ratio:3/4;object-fit:cover}
.visual-system{padding:75px var(--gutter) 85px;background:#e2e2e6;margin-bottom:140px;overflow:hidden}.visual-system-heading{display:grid;grid-template-columns:1fr 1fr;gap:30px 8vw}.visual-system-heading>.eyebrow{grid-column:1/-1}.visual-system h2{font-size:clamp(44px,5.3vw,86px)}.visual-system-heading>p:last-child{font-size:18px;line-height:1.7;max-width:37ch;padding-top:10px}.format-composition{height:660px;position:relative;margin:70px auto 0;max-width:1450px}.format-composition figure{position:absolute;box-shadow:0 25px 60px #25242a1c;background:var(--paper)}.format-composition img{width:100%;height:100%;object-fit:cover}.format-composition figcaption{font-size:9px;letter-spacing:.05em;padding:12px;background:var(--paper)}.format-wide{width:69%;height:360px;left:0;top:30px;transform:rotate(-5deg)}.format-square{width:28%;aspect-ratio:1;left:30%;top:290px;z-index:3;transform:rotate(4deg)}.format-tall{width:26%;height:510px;right:1%;top:0;transform:rotate(6deg);z-index:2}.format-tall img{object-position:50% center}.presentation-note{font-size:12px;line-height:1.6;max-width:60ch;margin-top:25px}.section-rule{display:flex;justify-content:space-between;gap:30px;margin-bottom:26px;font-size:11px;text-transform:uppercase;letter-spacing:.05em}.section-rule h2{font-size:inherit}.production-line{margin:0 var(--gutter) 130px}.production-line ol{list-style:none;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:34px}.production-line li{border-top:1px solid var(--line);padding-top:22px}.production-line li>span{font-size:11px}.production-line h3{font-size:25px;letter-spacing:-.04em;margin:32px 0 17px}.production-line li p{font-size:15px;line-height:1.6;max-width:25ch}
/* Website case: device photography, real screens, then interaction details. */
.web-intro{display:grid;grid-template-columns:1.4fr 1fr;column-gap:30px}.web-intro .hero-eyebrow{grid-column:1/-1}.web-intro h1{font-size:14vw}.web-intro h1>span:not(.work-dot){margin-left:0}.web-intro .hero-summary{display:block;align-self:end;max-width:36ch;justify-self:end;margin-bottom:10px}.web-intro .circle-link{margin-top:36px}.device-hero{margin:35px 0 0}.device-hero>img{width:100%;max-height:1000px;object-fit:cover}.device-hero>figcaption{padding:22px var(--gutter);font-size:10px;letter-spacing:.04em;border-bottom:1px solid var(--line)}.case-intro{margin:125px var(--gutter);display:grid;grid-template-columns:1fr 1fr;gap:10vw}.case-intro h2{font-size:clamp(58px,8vw,135px);line-height:.94;letter-spacing:-.075em;margin-top:35px}.tiny-lime{display:inline-block;color:#8da82e;font-size:.22em;vertical-align:middle;margin-left:16px}.case-brief{font-size:17px;line-height:1.65}.case-brief h3{font-size:23px;letter-spacing:-.03em;margin-bottom:20px}.case-brief dl{margin-top:34px}.case-brief dl>div{display:grid;grid-template-columns:.65fr 1fr;gap:25px;border-top:1px solid var(--line);padding:17px 0;font-size:12px;line-height:1.6}.case-brief dt{opacity:.65}.case-brief dd{margin:0}
.desktop-exhibit{padding:80px var(--gutter) 45px;background:#dedee3;margin-bottom:140px;overflow:hidden}.exhibit-caption{display:grid;grid-template-columns:.4fr 1fr .65fr;gap:40px;align-items:start;margin-bottom:65px}.exhibit-caption h2{font-size:clamp(38px,4.4vw,76px);line-height:1.05;letter-spacing:-.06em}.exhibit-caption>p:last-child{font-size:16px;line-height:1.65;max-width:29ch}.browser-window{position:relative;min-width:0}.browser-window>img,.browser-window>a>img{width:100%;height:auto;display:block}.browser-window>a{display:block;outline-offset:5px;cursor:zoom-in}.browser-bar{height:32px;background:#f7f7f9;border-radius:10px 10px 0 0;border:1px solid #ffffffa0;display:flex;align-items:center;justify-content:space-between;padding:0 16px;font-size:9px;color:#777;letter-spacing:.06em}.browser-bar>span:first-child{color:#c0c0c6;letter-spacing:2px;font-size:7px}.browser-window figcaption{font-size:10px;letter-spacing:.015em;margin-top:15px}.main-screen{width:94%;margin:0 auto;transform:perspective(1600px) rotateY(-4deg) rotateX(2deg);transform-origin:center;filter:drop-shadow(0 25px 35px #25242a22)}.screen-side-note{display:flex;justify-content:space-between;align-items:center;font-size:10px;margin:35px 3% 0}.screen-side-note .text-link{margin:0}
.interface-exhibit{margin:0 var(--gutter) 105px;display:grid;grid-template-columns:.75fr 1.2fr;gap:8vw;align-items:center}.interface-title h2{font-size:clamp(40px,5.7vw,90px);margin-top:30px}.interface-title>p:last-child{max-width:30ch;font-size:16px;line-height:1.7;margin-top:30px}.interface-board{display:grid;grid-template-columns:1fr 1fr;gap:18px}.ui-sample{padding:28px;min-height:220px;border:1px solid #ffffffce;background:linear-gradient(145deg,#fafafa,#e5e5e9);border-radius:3px;box-shadow:0 12px 30px #25242a07;position:relative}.sample-label{font-size:9px;letter-spacing:.08em;display:block}.sample-nav{grid-column:1/-1;min-height:140px}.demo-nav{display:flex;justify-content:center;gap:18px;margin-top:26px}.demo-nav a{padding:15px 22px;background:linear-gradient(130deg,#ffffffb0,#ffffff40);border:1px solid #fff;border-radius:12px;box-shadow:0 4px 10px #00000009;font-size:10px;letter-spacing:.06em}.demo-nav a:first-child{border-bottom-color:#a6c04d}.sample-cta{grid-column:1/-1;min-height:150px;background:radial-gradient(ellipse at 70% 50%,#d9e8b24d,transparent 65%),#e7e7eb}.glass-demo{display:flex;gap:22px;align-items:center;justify-content:center;margin:26px auto 0;width:max-content;max-width:100%;padding:18px 24px;font-size:11px;letter-spacing:.06em;border:1px solid #ffffffbf;border-radius:40px;background:linear-gradient(145deg,#ffffff50,#ffffff0b);box-shadow:inset 0 1px 1px #ffffffb3,inset 0 -1px 1px #332d3d0d,0 3px 7px #332d3d12,0 8px 18px #332d3d09}.glass-demo i{width:7px;height:7px;background:#b5d658;border-radius:50%}.sample-type strong{font-size:67px;font-weight:350;letter-spacing:-.05em;display:block;margin:15px 0}.sample-type p,.sample-colors p{font-size:12px;line-height:1.5}.swatches{display:flex;margin:42px 0 28px}.swatches span{width:54px;height:54px;border-radius:50%;background:var(--swatch);border:1px solid #00000008;box-shadow:0 4px 10px #00000008}.swatches span+span{margin-left:-10px}.screen-pair{margin:0 var(--gutter) 150px;display:grid;grid-template-columns:1fr 1fr;gap:35px;align-items:start}.screen-pair .browser-window:last-child{margin-top:100px}.screen-pair .browser-window{filter:drop-shadow(0 20px 26px #25242a13)}
.mobile-exhibit{padding:80px var(--gutter) 100px;background:linear-gradient(140deg,#dedee3,#f6f6f7);margin-bottom:140px;overflow:hidden}.mobile-title{display:grid;grid-template-columns:1fr 1fr;gap:26px 10vw}.mobile-title .eyebrow{grid-column:1/-1}.mobile-title h2{font-size:clamp(46px,5.8vw,95px)}.mobile-title>p:last-child{font-size:18px;line-height:1.7;max-width:36ch;padding-top:10px}.phones{display:flex;gap:6vw;justify-content:center;align-items:start;padding:75px 0 20px;max-width:1300px;margin:auto}.phone-presentation{width:25%;max-width:300px;transform:rotate(-5deg)}.phone-presentation:nth-child(2){transform:translateY(45px) rotate(3deg)}.phone-presentation:nth-child(3){transform:rotate(7deg)}.phone-frame{position:relative;background:#25242a;border:1px solid #666;padding:7px;border-radius:38px;box-shadow:inset 0 0 0 2px #aaa,0 25px 45px #22222224;overflow:hidden}.phone-frame:before{content:'';position:absolute;z-index:1;top:13px;left:50%;transform:translateX(-50%);width:26%;height:13px;background:#17171b;border-radius:20px;display:none}.phone-frame img{width:100%;border-radius:30px}.phone-presentation figcaption{font-size:9px;margin-top:20px;justify-content:center}.brief-exhibit{margin:0 var(--gutter) 140px;display:grid;grid-template-columns:.7fr 1.3fr;gap:8vw;align-items:center}.brief-exhibit h2{font-size:clamp(42px,5vw,82px);margin-top:30px}.brief-exhibit>div>p:last-of-type{font-size:17px;line-height:1.7;max-width:30ch;margin-top:25px}.brief-exhibit .browser-window{box-shadow:0 20px 45px #25242a18;transform:rotate(-2deg)}
/* Work: films are the centrepiece; useful descriptions replace poetic labels. */
.work-intro h1{font-size:26vw;line-height:.85}.work-dot{color:#737a64}.work-preview-strip{display:grid;grid-template-columns:1.2fr .8fr 1.2fr;gap:18px;margin:20px var(--gutter) 110px;align-items:end}.work-preview-strip>a{display:block}.work-preview-strip img{height:260px;width:100%;object-fit:cover}.work-preview-strip>a:nth-child(2) img{height:330px;object-position:50% 65%}.work-preview-strip a>span{display:flex;justify-content:space-between;gap:15px;padding:18px 0;font-size:10px;letter-spacing:.035em;border-bottom:1px solid var(--line)}.work-preview-strip b{font-weight:400}.film-case{padding:40px var(--gutter) 100px;scroll-margin-top:25px}.film-case+.film-case{border-top:1px solid var(--line)}.film-case-heading{display:grid;grid-template-columns:1.2fr .75fr;gap:8vw;align-items:end;margin-bottom:45px}.film-case-heading h2{font-size:clamp(42px,5.1vw,86px);line-height:1.03;letter-spacing:-.06em;margin-top:27px}.film-case-heading h2>span{display:block;font-size:.45em;letter-spacing:-.035em;margin-top:16px}.film-case-heading>p{font-size:17px;line-height:1.7;max-width:36ch}.film-player video{width:100%;aspect-ratio:16/9;object-fit:contain;background:#e1e1e5;max-height:85svh}.film-player figcaption{font-size:9px;margin-top:15px}.film-spec{display:grid;grid-template-columns:.7fr 1.3fr auto;gap:30px;align-items:start;border-top:1px solid var(--line);margin-top:36px;padding-top:25px}.film-spec h3{font-size:12px;letter-spacing:.04em;text-transform:uppercase}.film-spec ul{list-style:none;margin:0;padding:0;font-size:14px;line-height:1.8}.film-spec .text-link{margin:0;font-size:11px;padding-top:0}.film-stills{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin-top:50px}.film-stills img{width:100%;height:290px;object-fit:cover}.film-stills figcaption{font-size:9px;margin-top:12px}.film-portrait .film-presentation{display:grid;grid-template-columns:1fr .65fr;gap:10vw;align-items:center}.film-portrait .film-player{max-width:560px;margin:auto;width:100%}.film-portrait .film-player video{aspect-ratio:9/16;max-height:85svh}.film-portrait .film-spec{display:block;border:0}.film-portrait .film-spec ul{margin:26px 0}.film-portrait .film-stills{margin-left:30%;gap:20px}.film-portrait .film-stills img{height:360px;object-position:50% 40%}.project-cta{margin-top:30px}.project-cta h2{font-size:13.5vw}
.screen-dialog{border:0;padding:45px 20px 20px;background:#eeeef0;max-width:min(1500px,95vw);max-height:94svh;box-shadow:0 20px 80px #0005}.screen-dialog::backdrop{background:#17171ba8;backdrop-filter:blur(8px)}.screen-dialog img{max-height:80svh;max-width:100%;object-fit:contain}.screen-dialog button{position:absolute;right:14px;top:8px;border:0;background:transparent;font:inherit;font-size:14px;padding:7px;cursor:pointer}.screen-dialog p{font-size:12px;margin-top:10px}.screen-dialog button:focus-visible{outline:2px solid #25242a}
@media(min-width:901px) and (prefers-reduced-motion:no-preference){.browser-window>a>img{transition:filter .3s}.browser-window>a:hover>img{filter:brightness(1.025)}.entering{animation:enter-showcase .65s both}@keyframes enter-showcase{from{transform:translateY(22px);opacity:.35}to{transform:translateY(0);opacity:1}}}
@media(max-width:1000px){.site-header nav{gap:20px}.creative-hero h1{font-size:14vw}.campaign-pair{height:58vw}.macro-story{gap:5vw}.macro-images{padding-left:0}.interface-exhibit{grid-template-columns:.8fr 1.2fr;gap:5vw}.ui-sample{padding:20px}.demo-nav{gap:8px}.demo-nav a{padding:13px 15px}.sample-type strong{font-size:48px}.swatches span{width:42px;height:42px}.exhibit-caption{grid-template-columns:1fr 1fr}.exhibit-caption>.eyebrow{grid-column:1/-1}.format-composition{height:510px}.format-wide{height:280px}.format-square{top:240px}.format-tall{height:390px}.film-spec{grid-template-columns:1fr 1fr}.film-spec .text-link{grid-column:2}.production-line ol{gap:20px}.production-line h3{font-size:21px}.phone-frame{border-radius:28px;padding:6px}.phone-frame img{border-radius:22px}}
@media(max-width:600px){
 .site-header nav{gap:16px}.site-header nav a{font-size:9px;min-height:40px;display:flex;align-items:center}.site-header{padding-top:22px;gap:14px}.site-header .wordmark{font-size:23px}.creative-hero{padding-top:30px}.hero-eyebrow{font-size:8px;margin-bottom:30px;line-height:1.5}.hero-eyebrow>span{display:none}.creative-hero h1{font-size:16vw;line-height:.9}.creative-hero h1>span:not(.work-dot){margin-left:7%}.hero-summary{margin-top:27px;gap:16px;align-items:center}.hero-summary p{font-size:14px;max-width:25ch}.circle-link{width:43px;height:43px;font-size:20px}.campaign-pair{grid-template-columns:1.5fr 1fr;gap:8px;height:360px;margin-top:0}.campaign-product img{object-position:50% center}.media-tag{left:8px;right:8px;bottom:8px;padding:11px 9px;font-size:8px;letter-spacing:0;gap:5px;align-items:center}.media-tag b{font-size:12px}.caption-ruler{font-size:8px;gap:10px;line-height:1.5;padding:15px 0}.statement{margin:70px var(--gutter);grid-template-columns:1fr;gap:25px}.statement h2{font-size:49px}.statement-copy{font-size:17px;padding-top:0;max-width:34ch}.statement-copy p+p{margin-top:18px}.macro-story{grid-template-columns:1fr;gap:35px;margin-bottom:70px}.macro-copy h2{font-size:48px}.macro-copy>p:not(.eyebrow),.fashion-copy>p:not(.eyebrow){font-size:16px;max-width:34ch;margin-top:23px}.macro-images{padding:0 0 15px}.macro-detail{width:77%}.macro-product{margin-top:-40px;width:76%;box-shadow:-9px -9px 0 var(--paper)}.project-frame .image-link{display:none}.fashion-story{grid-template-columns:1fr;gap:35px;margin-bottom:75px}.fashion-image{margin-right:30px}.fashion-image>img{max-height:640px}.fashion-copy{padding-top:0}.fashion-copy h2{font-size:50px}.fashion-inset{width:42%;margin-top:30px}.fashion-inset img{aspect-ratio:1}.visual-system{padding:45px var(--gutter) 45px;margin-bottom:75px}.visual-system-heading{grid-template-columns:1fr;gap:25px}.visual-system h2{font-size:40px}.visual-system-heading>p:last-child{font-size:16px;padding:0}.format-composition{height:380px;margin-top:35px}.format-wide{top:30px;width:78%;height:170px}.format-square{top:200px;left:7%;width:45%}.format-tall{width:36%;height:245px;right:0;top:105px}.format-composition figcaption{font-size:7px;padding:8px;letter-spacing:0}.presentation-note{font-size:11px;margin-top:15px}.section-rule{font-size:10px;line-height:1.5;gap:20px}.section-rule>span{font-size:8px;text-align:right;max-width:90px}.production-line{margin-bottom:70px}.production-line ol{grid-template-columns:1fr 1fr;gap:30px 20px}.production-line h3{font-size:21px;margin:22px 0 15px;line-height:1.2}.production-line li p{font-size:14px}.web-intro{display:block}.web-intro h1{font-size:24vw}.web-intro h1>span:not(.work-dot){margin-left:0}.web-intro .hero-summary{display:flex;margin-bottom:0;max-width:none}.device-hero{margin-top:0}.device-hero>img{height:auto;min-height:270px;object-fit:cover;object-position:50% center}.device-hero>figcaption{font-size:8px;line-height:1.6;padding:16px var(--gutter)}.case-intro{margin:65px var(--gutter);grid-template-columns:1fr;gap:30px}.case-intro h2{font-size:65px;margin-top:25px}.case-brief{font-size:16px}.case-brief h3{font-size:20px}.case-brief dl>div{font-size:11px;gap:20px}.desktop-exhibit{padding:40px 12px 30px;margin-bottom:70px}.exhibit-caption{display:block;padding:0 8px;margin-bottom:30px}.exhibit-caption h2{font-size:38px;margin-top:25px}.exhibit-caption>p:last-child{font-size:15px;margin-top:22px;max-width:34ch}.main-screen{width:100%;transform:none}.browser-bar{height:22px;padding:0 10px;font-size:7px;border-radius:6px 6px 0 0}.browser-bar>span:first-child{font-size:5px}.browser-window figcaption{font-size:8px;line-height:1.5;margin-top:9px}.screen-side-note{margin:20px 8px 0;font-size:8px;gap:20px}.screen-side-note .text-link{font-size:10px}.interface-exhibit{display:block;margin-bottom:50px}.interface-title h2{font-size:45px;margin-top:23px}.interface-title>p:last-child{font-size:16px;max-width:34ch;margin-top:22px}.interface-board{margin-top:30px;gap:10px}.ui-sample{padding:18px;min-height:180px}.sample-label{font-size:8px;line-height:1.5}.sample-nav{min-height:128px;padding:18px 13px}.demo-nav{gap:6px;margin-top:23px}.demo-nav a{padding:13px 11px;font-size:8px;letter-spacing:0}.sample-cta{min-height:144px}.glass-demo{font-size:9px;padding:17px 20px;gap:18px}.sample-type strong{font-size:40px;margin-top:23px}.sample-type p,.sample-colors p{font-size:10px}.swatches{margin:33px 0 23px}.swatches span{width:35px;height:35px;flex-shrink:0}.screen-pair{grid-template-columns:1fr;gap:35px;margin-bottom:70px}.screen-pair .browser-window:last-child{margin-top:0}.mobile-exhibit{padding:42px var(--gutter) 70px;margin-bottom:75px}.mobile-title{display:block}.mobile-title h2{font-size:40px;margin-top:25px}.mobile-title>p:last-child{font-size:16px;margin-top:22px;padding:0}.phones{padding-top:35px;gap:12px;flex-wrap:wrap;align-items:start}.phone-presentation{width:43%;max-width:180px;transform:rotate(-4deg)}.phone-presentation:nth-child(2){transform:translateY(25px) rotate(4deg)}.phone-presentation:nth-child(3){width:45%;transform:rotate(-3deg);margin-top:20px}.phone-frame{padding:4px;border-radius:22px;box-shadow:inset 0 0 0 1px #aaa,0 15px 25px #22222220}.phone-frame img{border-radius:17px}.phone-presentation figcaption{font-size:7px;margin-top:12px}.brief-exhibit{display:block;margin-bottom:70px}.brief-exhibit h2{font-size:43px;margin-top:25px}.brief-exhibit>div>p:last-of-type{font-size:16px;max-width:33ch}.brief-exhibit .browser-window{margin-top:30px;transform:none}.work-intro h1{font-size:27vw}.work-preview-strip{gap:8px;margin:0 var(--gutter) 55px;grid-template-columns:1fr 1fr 1fr}.work-preview-strip img{height:120px}.work-preview-strip>a:nth-child(2) img{height:155px}.work-preview-strip a>span{font-size:8px;line-height:1.6;min-height:58px;padding:12px 0;gap:5px}.work-preview-strip b{display:none}.film-case{padding-top:25px;padding-bottom:65px}.film-case-heading{display:block;margin-bottom:28px}.film-case-heading .eyebrow{font-size:8px}.film-case-heading h2{font-size:39px;margin-top:23px}.film-case-heading h2>span{font-size:22px;margin-top:12px}.film-case-heading>p{font-size:16px;max-width:34ch;margin-top:25px}.film-player figcaption{font-size:8px;gap:7px;margin-top:10px}.film-spec{display:block;margin-top:24px;padding-top:20px}.film-spec h3{font-size:10px}.film-spec ul{font-size:14px;margin-top:16px;line-height:1.7}.film-spec .text-link{margin-top:17px;font-size:11px}.film-stills{gap:12px;margin-top:28px}.film-stills img{height:140px}.film-stills figcaption{font-size:8px}.film-portrait .film-presentation{display:block}.film-portrait .film-player{width:85%}.film-portrait .film-spec{margin-top:25px}.film-portrait .film-stills{margin-left:0;gap:12px}.film-portrait .film-stills img{height:220px}.project-cta h2{font-size:22vw}.screen-dialog{padding:40px 8px 10px;max-width:98vw}.screen-dialog p{font-size:10px}
}
@media(prefers-reduced-motion:reduce){.entering{animation:none}.campaign-pair img,.circle-link{transition:none}}