@font-face{font-family:Korium;src:url('/assets/Korium-Secrets-Headlines.woff2') format('woff2');font-display:swap}@font-face{font-family:Montreal;src:url('/assets/PPNeueMontreal-Book.otf') format('opentype');font-display:swap;font-weight:400}@font-face{font-family:Montreal;src:url('/assets/PPNeueMontreal-Medium.otf') format('opentype');font-display:swap;font-weight:500}
:root{--ink:#161714;--paper:#f7f7f2;--lime:#ed5abc;--brand:#b8dce8;--line:#cecec7;--pad:clamp(22px,4.2vw,80px)}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;background:var(--ink);color:var(--paper);font-family:Montreal,Arial,sans-serif;font-size:18px;line-height:1.4}a{color:inherit;text-decoration:none}button{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,video:focus-visible{outline:3px solid var(--brand);outline-offset:6px}img{max-width:100%;display:block}h1,h2,h3,p{margin:0}h1,h2{font-family:Korium,Arial,sans-serif;font-weight:400;line-height:1.01;letter-spacing:-.025em}p+p{margin-top:1.15em}.section-pad{padding:100px var(--pad)}.eyebrow{font-size:14px;letter-spacing:.05em;line-height:1.45}.text-link{display:inline-flex;align-items:center;gap:36px;border-bottom:1px solid;padding-bottom:8px;font-size:16px}.text-link span{font-size:22px}.skip{position:fixed;z-index:100;top:-80px;left:20px;padding:12px 20px;background:var(--lime);color:var(--ink)}.skip:focus{top:12px}.site-header{height:102px;padding:21px var(--pad);display:flex;justify-content:space-between;align-items:center;position:absolute;top:0;left:0;width:100%;z-index:10;background:linear-gradient(#161714cc,transparent)}.brand{width:151px;display:flex;align-items:center;flex-direction:column;gap:4px}.brand img{width:151px;height:auto}.brand span{color:var(--brand);font-size:15px;letter-spacing:.24em;margin-left:.24em;line-height:1}.site-header nav{display:flex;align-items:center;gap:38px;font-size:16px}.site-header nav a{padding:8px 0}.site-header nav a:hover{color:var(--lime)}.contact-link{border-bottom:1px solid #ffffff75}.contact-link span{margin-left:16px}.hero{height:min(940px,100svh);min-height:680px;position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:flex-end;padding:var(--pad);padding-bottom:28px}.hero-film,.hero-shade{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.hero-shade{background:linear-gradient(180deg,#10140e35 5%,transparent 35%,#10140e25 52%,#10140ece 100%)}.hero-kicker,.hero-bottom,.hero-controls{position:relative}.hero-kicker{display:flex;gap:30px;font-size:14px;letter-spacing:.06em;margin-bottom:22px}.hero-kicker span+span{color:var(--lime)}.hero-bottom{display:flex;align-items:flex-end;justify-content:space-between;gap:30px}.hero h1{font-size:clamp(80px,9.8vw,182px);color:var(--lime);line-height:.93}.hero-project{padding-bottom:14px;min-width:220px;font-size:19px}.hero-project p span{color:#ffffffbd}.hero-project a{display:flex;justify-content:space-between;font-size:15px;border-bottom:1px solid #ffffff90;padding:15px 0 8px;margin-top:5px}.hero-controls{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #ffffff40;margin-top:32px;padding-top:16px;font-size:14px}.motion-toggle{background:transparent;color:inherit;border:0;padding:8px 0;cursor:pointer;font-size:14px}.motion-toggle span{margin-left:12px}.intro{background:var(--ink);padding-top:110px;padding-bottom:116px}.intro>.eyebrow{color:var(--brand);margin-bottom:66px}.intro-body{display:grid;grid-template-columns:1.35fr 1fr;gap:10%}.intro h2{font-size:clamp(45px,5.1vw,94px)}.intro h2 span{color:var(--lime)}.intro-copy{max-width:480px}.lead{font-size:clamp(23px,2vw,33px);line-height:1.22}.intro-copy .text-link{margin-top:35px}.intro-copy p:not(.lead){color:#c5c6bc}.projects{background:var(--paper);color:var(--ink)}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:35px;margin-bottom:70px}.section-heading h2{font-size:clamp(55px,7vw,126px)}.section-heading>div{max-width:350px;padding-bottom:6px}.section-heading .eyebrow{margin-bottom:20px}.project-grid{display:grid;grid-template-columns:1fr 1fr;gap:65px 24px}.project-card{min-width:0}.card-image{position:relative;overflow:hidden;background:#deded8;aspect-ratio:1.13}.card-image img{width:100%;height:100%;object-fit:cover;transition:transform .5s}.project-card:hover img{transform:scale(1.025)}.project-open{position:absolute;right:18px;bottom:18px;width:43px;height:43px;display:grid;place-items:center;background:var(--ink);color:var(--lime);font-size:25px;border-radius:50%;transition:background .2s}.project-card:hover .project-open{background:var(--lime);color:var(--ink)}.card-caption{padding-top:18px;display:flex;justify-content:space-between;gap:16px}.card-caption h3{font-size:27px;font-weight:500;line-height:1.05}.card-caption p{font-size:17px;margin-top:5px}.category{font-size:14px;color:#62645d;max-width:170px;text-align:right;padding-top:4px}.card-0{grid-column:1/-1}.card-0 .card-image{aspect-ratio:1.95}.card-0 .card-image img{object-position:center 53%}.card-1 .card-image img{object-position:center 31%}.card-2 .card-image img{object-position:center 28%}.archive-note{font-size:14px;color:#62645d;border-top:1px solid var(--line);padding-top:20px;margin-top:70px}.services{background:var(--lime);color:var(--ink);display:grid;grid-template-columns:1fr 1.2fr;gap:10%;padding-top:100px;padding-bottom:110px}.services h2{font-size:clamp(44px,4.7vw,82px);margin-top:35px}.services-intro>p:last-child{max-width:365px;margin-top:30px}.service-list article{display:flex;gap:24px;padding:30px 0;border-top:1px solid #16171455}.service-list article:last-child{border-bottom:1px solid #16171455}.service-list article>span{font-size:14px;padding-top:3px}.service-list h3{font-size:27px;font-weight:500;line-height:1.14;margin-bottom:18px}.service-list p{max-width:460px}.pharma{background:var(--paper);color:var(--ink)}.pharma h2{font-size:clamp(42px,5.8vw,105px);margin:45px 0}.pharma>div{display:flex;justify-content:space-between;gap:50px;align-items:flex-end}.pharma>div p{max-width:650px;font-size:22px}.pharma .text-link{flex-shrink:0}footer{padding:100px var(--pad) 24px;background:var(--ink)}.contact-top>.eyebrow{color:var(--brand);margin-bottom:36px}.contact-title{font-family:Korium,sans-serif;display:block;position:relative;color:var(--lime);font-size:clamp(65px,10.8vw,190px);line-height:.97;letter-spacing:-.025em;padding-right:100px}.contact-title>span{position:absolute;right:0;top:0;font-family:Montreal,sans-serif;font-weight:400;font-size:.8em}.contact-title:hover{color:var(--paper)}.contact-details{margin-top:70px;border-top:1px solid #ffffff3b;padding-top:32px;display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:30px}.contact-details>div{display:flex;flex-direction:column}.small-label{font-size:14px;color:#b5b7ac;margin-bottom:8px}.contact-details a{width:fit-content}.contact-details a:hover{text-decoration:underline}.footer-bottom{border-top:1px solid #ffffff3b;margin-top:80px;padding-top:22px;display:flex;justify-content:space-between;gap:25px;font-size:14px;color:#b5b7ac}.footer-bottom>div{display:flex;gap:26px}.footer-bottom a:hover{color:var(--lime)}.project-page{padding-top:102px;background:var(--paper);color:var(--ink)}.project-page~footer{margin-top:0}.project-heading{padding-top:48px;padding-bottom:55px}.back-link{font-size:15px;display:inline-block;margin-bottom:65px;border-bottom:1px solid transparent}.back-link:hover{border-color:currentColor}.project-heading-top{display:flex;justify-content:space-between;margin-bottom:24px}.project-heading h1{font-size:clamp(80px,12vw,204px)}.project-name{font-size:clamp(28px,3vw,52px);margin-top:12px}.project-main-image{height:min(72vw,790px);background:#e8e8e2;overflow:hidden}.project-main-image img{height:100%;width:100%;object-fit:cover}.project-story{display:grid;grid-template-columns:1fr 1fr;gap:12%;padding-bottom:70px}.project-story h2{font-size:clamp(42px,5vw,86px)}.project-story h3{font-size:16px;font-weight:500;margin-top:35px;margin-bottom:10px}.project-story .lead{margin-bottom:30px}.project-video{padding-top:20px;padding-bottom:70px}.video-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:25px}.video-heading h2{font-family:Montreal,sans-serif;font-size:24px;letter-spacing:0}.video-heading span{font-size:14px}.project-video video{display:block;width:100%;max-height:760px;background:#10110f;aspect-ratio:16/9;object-fit:contain}.project-gallery{display:grid;grid-template-columns:1fr 1fr;gap:25px;padding-top:0;padding-bottom:70px}.project-gallery figure{margin:0;background:#e8e8e2}.project-gallery img{width:100%;height:100%;max-height:780px;object-fit:cover;aspect-ratio:4/5}.project-gallery figure:last-child:nth-child(odd){grid-column:1/-1}.project-gallery figure:last-child:nth-child(odd) img{object-fit:contain;aspect-ratio:16/9}.credits{border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1.4fr;gap:20px 10%;padding-top:60px;padding-bottom:70px}.credits h2{font-family:Montreal,sans-serif;font-size:42px;margin:22px 0}.credits p{font-size:16px}.credits dl{margin:0}.credits dl>div{display:grid;grid-template-columns:1fr 1.1fr;gap:18px;border-bottom:1px solid var(--line);padding:13px 0;font-size:16px}.credits dt{color:#62645d}.credits dd{margin:0}.source-link{grid-column:2;font-size:14px;width:fit-content;margin-top:15px}.next-project{background:var(--brand);position:relative;display:flex;flex-direction:column;gap:28px;padding-top:45px;padding-bottom:50px}.next-project>span:nth-child(2){font-family:Korium,sans-serif;font-size:clamp(42px,5vw,86px);padding-right:80px;line-height:1.1}.next-project small{font-family:Montreal,sans-serif;font-size:22px;margin-left:16px}.next-project b{position:absolute;right:var(--pad);bottom:40px;font-weight:400;font-size:65px}.next-project:hover{background:var(--lime)}
@media(min-width:1600px){.hero{min-height:850px}.intro-copy{max-width:580px}}
@media(max-width:1000px){.section-pad{padding-top:72px;padding-bottom:72px}.hero{min-height:660px}.intro-body{gap:6%;grid-template-columns:1fr 1fr}.intro h2{font-size:52px}.services{gap:6%}.services h2{font-size:46px}.service-list h3{font-size:24px}.pharma>div{flex-direction:column;align-items:flex-start;gap:28px}.project-story{gap:6%}.project-story h2{font-size:52px}.card-caption{display:block}.category{display:block;text-align:left;max-width:none;margin-top:8px}.footer-bottom{flex-wrap:wrap}.contact-details{grid-template-columns:1fr 1fr}.contact-details>p:last-child{grid-column:2}.project-gallery{padding-top:0}.project-video{padding-top:0}}
@media(max-width:640px){html{scroll-padding-top:30px}body{font-size:17px}.site-header{height:91px;padding-top:18px;padding-bottom:18px}.brand,.brand img{width:121px}.brand span{font-size:13px}.site-header nav{gap:16px;font-size:14px}.site-header nav a:nth-child(2){display:none}.contact-link span{margin-left:3px}.hero{height:90svh;min-height:650px;padding-bottom:16px}.hero-film{object-position:60% center}.hero-kicker{display:block;font-size:12px;margin-bottom:25px}.hero-kicker span+span{margin-left:17px}.hero h1{font-size:clamp(67px,15.7vw,104px);line-height:.97}.hero-bottom{display:block}.hero-project{margin-top:27px;padding-bottom:0;width:100%;font-size:16px;display:flex;justify-content:space-between;align-items:center;gap:18px}.hero-project a{gap:20px;margin:0;padding:8px 0;font-size:14px}.hero-controls{font-size:12px;gap:12px;margin-top:24px;padding-top:10px}.motion-toggle{font-size:12px}.hero-controls>a{max-width:140px}.section-pad{padding-top:62px;padding-bottom:62px}.intro>.eyebrow{font-size:12px;margin-bottom:35px}.intro-body{display:block}.intro h2{font-size:clamp(42px,9.8vw,63px);margin-bottom:34px}.intro-copy{max-width:none}.lead{font-size:25px}.intro-copy .text-link{margin-top:28px}.section-heading{display:block;margin-bottom:40px}.section-heading h2{font-size:64px}.section-heading>div{margin-top:28px}.section-heading .eyebrow{margin-bottom:14px;font-size:12px}.project-grid{grid-template-columns:1fr;gap:38px}.card-0{grid-column:auto}.card-0 .card-image{aspect-ratio:1.05}.card-image{aspect-ratio:1.05}.card-caption{display:flex;align-items:flex-start;gap:12px}.card-caption h3{font-size:25px}.card-caption p{font-size:16px;max-width:180px}.category{max-width:130px;font-size:12px;text-align:right;margin-top:0}.archive-note{font-size:13px;margin-top:45px}.services{display:block}.services-intro{margin-bottom:45px}.services h2{font-size:49px;margin-top:25px}.services-intro>p:last-child{margin-top:22px}.service-list article{gap:20px;padding:26px 0}.service-list h3{font-size:24px}.pharma h2{font-size:clamp(35px,8.2vw,52px);margin:32px 0}.pharma>div p{font-size:20px}.pharma .text-link{font-size:15px;gap:20px}footer{padding-top:62px}.contact-top>.eyebrow{font-size:12px;margin-bottom:30px}.contact-title{font-size:clamp(49px,11.4vw,75px);padding-right:40px}.contact-title>span{font-size:.65em}.contact-details{margin-top:45px;display:block;padding-top:25px}.contact-details>div,.contact-details>p:last-child{margin-top:26px}.footer-bottom{margin-top:45px;flex-direction:column;gap:18px;font-size:13px}.footer-bottom>div{gap:25px}.project-page{padding-top:91px}.project-heading{padding-top:25px;padding-bottom:35px}.back-link{margin-bottom:42px}.project-heading-top .eyebrow{font-size:12px;max-width:235px}.project-heading h1{font-size:21vw}.project-name{font-size:28px}.project-main-image{height:85vw}.project-story{display:block}.project-story h2{font-size:48px;margin-bottom:30px}.project-story .lead{font-size:23px}.project-video{padding-top:0;padding-bottom:45px}.video-heading{gap:20px}.video-heading span{font-size:12px;text-align:right}.video-heading h2{font-size:22px}.project-gallery{padding-top:0;gap:15px;padding-bottom:45px}.project-gallery img{aspect-ratio:3/4}.project-gallery figure:last-child:nth-child(odd) img{aspect-ratio:4/5}.credits{display:block;padding-top:42px;padding-bottom:45px}.credits h2{font-size:36px;margin:15px 0}.credits dl{margin-top:28px}.credits dl>div{font-size:14px;gap:15px}.source-link{font-size:13px;margin-top:24px}.next-project{padding-top:35px;padding-bottom:38px;gap:22px}.next-project>span:nth-child(2){font-size:43px;padding-right:45px}.next-project small{display:block;margin-left:0;margin-top:8px;font-size:18px}.next-project b{font-size:48px;bottom:28px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}.hero-film{opacity:0}.hero{background:var(--ink)}.motion-toggle{display:none}}

/* Shared brand typography and detail-page contrast. */
h1,h2{text-transform:uppercase;letter-spacing:0}.detail-header{background:var(--ink)}.project-heading-top p+p{margin-top:0}.video-heading h2,.credits h2{text-transform:none}

@media(max-width:350px){.brand,.brand img{width:104px}.brand span{font-size:12px}.site-header nav{gap:13px}}

.social-hero{display:grid;grid-template-columns:1fr 1fr;height:auto}.social-hero img{width:100%;height:auto;aspect-ratio:1;object-fit:cover}.social-case .project-gallery img{aspect-ratio:1;object-fit:contain}.social-case .project-gallery figure:nth-last-child(-n+2) img{aspect-ratio:9/16;background:var(--ink)}.reels{padding-top:0;padding-bottom:70px}.reel-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.reel-grid figure{margin:0}.reel-grid video{width:100%;aspect-ratio:9/16;object-fit:contain;background:var(--ink);display:block}.reel-grid figcaption{font-size:14px;padding-top:12px}@media(max-width:640px){.reels{padding-top:0;padding-bottom:45px}.reel-grid{grid-template-columns:1fr;gap:30px}.reel-grid video{max-height:650px}.social-case .project-gallery{grid-template-columns:1fr 1fr}}
/* Visual Lab: a composition of work, with one moving piece at a time. */
.card-5{grid-column:1/-1}.card-5 .card-image{aspect-ratio:1.95}.card-5 img{object-position:center 32%}.lab-section{background:var(--ink);color:var(--paper);padding-bottom:35px}.lab-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:80px;padding-bottom:60px}.lab-heading .eyebrow{color:var(--brand);margin-bottom:30px}.lab-heading h2{font-size:clamp(60px,7.5vw,135px)}.lab-intro{max-width:410px;padding-bottom:8px}.lab-intro>p{font-size:22px}.lab-motion{color:var(--paper);background:none;border:0;border-bottom:1px solid #ffffff60;padding:12px 0;margin-top:30px;font-size:14px;cursor:pointer}.lab-motion span{margin-left:45px}.lab-mosaic{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:clamp(150px,21vw,370px);grid-auto-flow:dense;gap:8px;padding:0 8px}.lab-tile{border:0;padding:0;display:block;position:relative;background:#252622;overflow:hidden;cursor:pointer;color:#fff;text-align:left;min-width:0}.lab-tile img,.lab-tile video{height:100%;width:100%;object-fit:cover;transition:transform .45s}.lab-tile:hover img{transform:scale(1.035)}.lab-caption{position:absolute;bottom:0;left:0;width:100%;display:flex;justify-content:space-between;align-items:center;gap:10px;padding:35px 20px 15px;background:linear-gradient(transparent,#0009);font-size:15px}.lab-caption>span:last-child{font-size:27px;font-weight:400}.tile-0,.tile-8,.tile-17{grid-column:span 2;grid-row:span 2}.tile-5,.tile-12{grid-column:span 2}.lab-note{margin:25px var(--pad) 0;font-size:14px;color:#b5b7ac}.lab-tile:focus-visible{outline-offset:-5px;outline:4px solid var(--lime)}#lab-dialog{width:min(1050px,92vw);max-height:92dvh;border:0;background:var(--paper);color:var(--ink);padding:35px;margin:auto;overflow:auto}#lab-dialog::backdrop{background:#000c;backdrop-filter:blur(5px)}.dialog-header{display:flex;justify-content:space-between;gap:35px;align-items:flex-start;border-bottom:1px solid var(--line);padding-bottom:20px}.dialog-header h2{font-family:Montreal,sans-serif;text-transform:none;font-size:36px;margin-top:8px}.dialog-header .eyebrow{font-size:14px}.dialog-close{border:1px solid var(--line);background:none;border-radius:50%;width:44px;height:44px;flex-shrink:0;font-size:30px;line-height:1;cursor:pointer}.dialog-close:hover{background:var(--lime)}#lab-dialog-copy{max-width:730px;margin:25px 0;font-size:20px}#lab-dialog-media{display:grid;grid-template-columns:1fr 1fr;gap:14px}#lab-dialog-media img,#lab-dialog-media video{width:100%;max-height:700px;object-fit:contain;background:#e8e8e2}#lab-dialog-media video{grid-column:1/-1;background:var(--ink)}#lab-dialog-media img:first-child{grid-column:1/-1}#lab-dialog-credits{border-top:1px solid var(--line);margin-top:28px;padding-top:22px;font-size:14px}#lab-dialog-credits dl{display:grid;grid-template-columns:1fr 1fr;gap:8px 25px;margin:18px 0}#lab-dialog-credits dt{color:#62645d}#lab-dialog-credits dd{margin:0}#lab-dialog-credits a{display:inline-block;border-bottom:1px solid;margin-top:14px}body.dialog-open{overflow:hidden}
@media(max-width:1000px){.lab-heading{gap:40px}.lab-intro{max-width:320px}.lab-intro>p{font-size:20px}}
@media(max-width:640px){.site-header nav{gap:12px}.site-header nav a:nth-child(2){display:inline}.site-header nav .about-link{display:none}.site-header nav{font-size:13px}.card-5{grid-column:auto}.card-5 .card-image{aspect-ratio:1.05}.lab-heading{display:block;padding-bottom:35px}.lab-heading h2{font-size:66px}.lab-heading .eyebrow{font-size:12px;margin-bottom:23px}.lab-intro{max-width:none;margin-top:26px}.lab-motion{margin-top:15px}.lab-mosaic{grid-template-columns:repeat(2,1fr);grid-auto-rows:43vw;gap:5px;padding:0 5px}.tile-0,.tile-8,.tile-17{grid-row:span 2}.tile-5,.tile-12{grid-column:span 2}.lab-caption{font-size:13px;padding:25px 12px 9px}.lab-caption>span:last-child{font-size:22px}.lab-note{font-size:13px}#lab-dialog{width:100%;max-width:100%;height:100dvh;max-height:100dvh;padding:22px}.dialog-header{gap:20px}.dialog-header h2{font-size:29px}.dialog-header .eyebrow{font-size:12px}#lab-dialog-copy{font-size:18px}#lab-dialog-media{gap:10px}#lab-dialog-credits dl{grid-template-columns:1fr 1.2fr;gap:10px;font-size:13px}}
@media(max-width:350px){.brand,.brand img{width:96px}.site-header nav{gap:9px;font-size:12px}}
.dialog-header{position:sticky;top:0;z-index:2;background:var(--paper)}
@media(prefers-reduced-motion:reduce){.lab-motion{display:none}}
/* One creative company, from the first question to the final piece. */
.company-hero{padding-top:140px}.company-hero .hero-kicker{font-size:19px;letter-spacing:0;margin-bottom:24px}.company-hero h1{font-size:clamp(84px,10vw,180px);line-height:.93}.hero-side{max-width:350px;padding-bottom:12px}.hero-description{font-size:24px;line-height:1.25;margin-bottom:45px}.hero-side .hero-project{font-size:17px}.capabilities{background:var(--lime);color:var(--ink)}.capabilities-heading{display:grid;grid-template-columns:1fr 1.45fr;column-gap:10%;align-items:end;margin-bottom:75px}.capabilities-heading>.eyebrow{grid-column:1/-1;margin-bottom:32px}.capabilities-heading h2{font-size:clamp(50px,5.6vw,100px)}.capabilities-heading .lead{font-size:clamp(24px,2.4vw,36px);max-width:600px}.capability-flow{display:grid;grid-template-columns:repeat(3,1fr);gap:40px}.capability-flow article{border-top:1px solid #16171466;padding-top:18px}.capability-name{display:flex;align-items:baseline;gap:20px;margin-bottom:28px}.capability-name>span{font-size:14px}.capability-name>span:last-child{font-size:30px;margin-left:auto}.capability-name h3{font-family:Korium,sans-serif;font-size:clamp(48px,5vw,85px);font-weight:400;line-height:1}.capability-flow p{max-width:410px;min-height:110px}.capability-flow ul{list-style:none;padding:25px 0 0;margin:0;display:flex;flex-wrap:wrap;gap:7px 18px;font-size:16px}.capability-flow li{border-bottom:1px solid #16171450;padding-bottom:3px}.capabilities-note{border-top:1px solid #16171444;margin-top:55px;padding-top:22px;font-size:16px;max-width:100%}.expertise{background:var(--brand);color:var(--ink);display:grid;grid-template-columns:1fr 1fr;gap:8%;align-items:center}.expertise-visual{position:relative}.expertise-visual img{width:100%;height:100%;max-height:810px;aspect-ratio:4/5;object-fit:cover}.expertise-visual span{position:absolute;bottom:18px;left:20px;font-size:14px;color:white;text-shadow:0 1px 6px #000}.expertise-copy h2{font-size:clamp(57px,6.1vw,108px);margin:30px 0}.expertise-copy>p:not(.eyebrow){max-width:490px;font-size:21px}.expertise-secondary{display:flex;gap:28px;border-top:1px solid #16171444;margin-top:32px;padding-top:20px;font-size:20px}.expertise-copy .expertise-secondary-copy{font-size:16px;margin-top:12px}.expertise-copy .text-link{margin-top:30px}.collaboration{background:var(--paper);color:var(--ink)}.collaboration-options{display:grid;grid-template-columns:repeat(3,1fr);gap:45px}.collaboration-options article{border-top:1px solid var(--line);padding-top:22px}.collaboration-options h3{font-weight:400;font-size:27px;line-height:1.16;margin:28px 0 22px}.process{border-top:1px solid var(--line);margin-top:90px;padding-top:28px}.process ol{list-style:none;padding:0;margin:35px 0 0;display:grid;grid-template-columns:repeat(4,1fr);gap:38px}.process li>span{color:#72766a;font-size:14px}.process h3{font-size:21px;font-weight:500;margin:16px 0 14px;line-height:1.15}.process li p{font-size:16px}.company{border-top:1px solid #ffffff35}.company .intro-copy p:not(.lead){color:#c5c6bc}.company h2{font-size:clamp(47px,5.7vw,100px)}
@media(max-width:1000px){.site-header nav{gap:22px}.hero-side{max-width:265px}.hero-description{font-size:20px}.capabilities-heading{gap:35px}.capability-flow{gap:25px}.capability-name{gap:10px}.capability-flow p{font-size:17px;min-height:150px}.expertise{gap:6%}.expertise-copy>p:not(.eyebrow){font-size:18px}.collaboration-options{gap:26px}.collaboration-options h3{font-size:24px}.process ol{gap:25px}.process h3{font-size:19px}}
@media(max-width:640px){.site-header nav{gap:12px;font-size:13px}.site-header nav .services-link,.site-header nav .about-link{display:none}.site-header nav a:nth-child(2){display:none}.company-hero{min-height:730px;height:94svh;padding-top:110px}.company-hero .hero-kicker{font-size:16px;margin-bottom:22px}.company-hero h1{font-size:clamp(66px,17.6vw,110px);line-height:.96}.hero-side{max-width:none;padding-bottom:0}.hero-description{font-size:18px;max-width:290px;margin:22px 0 0}.hero-side .hero-project{font-size:15px;margin-top:25px}.capabilities-heading{display:block;margin-bottom:42px}.capabilities-heading>.eyebrow{font-size:12px;margin-bottom:26px}.capabilities-heading h2{font-size:53px;margin-bottom:30px}.capabilities-heading .lead{font-size:24px}.capability-flow{grid-template-columns:1fr;gap:38px}.capability-name{margin-bottom:23px}.capability-name h3{font-size:66px}.capability-flow p{min-height:0;max-width:none;font-size:18px}.capability-flow ul{font-size:15px;padding-top:22px}.capabilities-note{font-size:14px;margin-top:38px}.expertise{display:flex;flex-direction:column;padding:0}.expertise-visual{width:100%}.expertise-visual img{aspect-ratio:1.16;max-height:none;object-position:center 35%}.expertise-copy{width:100%;padding:45px var(--pad) 55px}.expertise-copy h2{font-size:69px;margin:26px 0}.expertise-copy>p:not(.eyebrow){font-size:19px}.expertise-copy .expertise-secondary-copy{font-size:16px}.collaboration-options{grid-template-columns:1fr;gap:38px}.collaboration-options h3{font-size:26px;margin:22px 0 18px}.collaboration-options .eyebrow{font-size:12px}.process{margin-top:52px;padding-top:25px}.process ol{grid-template-columns:1fr 1fr;gap:35px 23px;margin-top:32px}.process h3{font-size:20px}.process li p{font-size:15px}.company h2{font-size:53px}.company .intro-body{display:block}}
@media(max-width:350px){.site-header nav{font-size:12px;gap:9px}.company-hero h1{font-size:60px}.company-hero{min-height:690px}.company-hero .hero-kicker{font-size:15px}.hero-description{font-size:17px}.capabilities-heading h2,.company h2{font-size:45px}.expertise-copy h2{font-size:63px}.process ol{column-gap:18px}.process h3{font-size:18px}}
/* A quieter editorial rhythm: the Secrets mark keeps the family accent. */
h1,h2{font-family:Montreal,Arial,sans-serif;text-transform:none;font-weight:400;letter-spacing:-.045em;line-height:1.05}.company-hero h1{font-size:clamp(72px,7.7vw,122px);line-height:1.04;color:var(--paper);letter-spacing:-.055em}.company-hero .hero-kicker{font-size:17px;margin-bottom:28px}.company-hero .hero-bottom{gap:60px}.hero-description{font-size:22px;line-height:1.32}.hero-side{max-width:325px}.hero-shade{background:linear-gradient(90deg,#16171430,transparent 60%),linear-gradient(180deg,#16171430,transparent 30%,#16171465 70%,#161714bb 100%)}.section-heading{margin-bottom:60px}.section-heading h2{font-size:clamp(47px,5vw,80px);line-height:1.04}.project-grid{row-gap:75px}.card-caption{padding-top:20px}.card-caption h3{font-size:24px;font-weight:400;letter-spacing:-.025em}.card-caption p{font-size:16px;color:#62645d}.project-open{background:#161714cc;color:var(--paper);width:39px;height:39px;font-size:22px}.project-card:hover img{transform:scale(1.012)}.project-card:hover .project-open{background:var(--paper);color:var(--ink)}.capabilities{background:#edede7;border-top:1px solid var(--line)}.capabilities-heading{grid-template-columns:1fr 1.1fr;column-gap:10%;margin-bottom:82px}.capabilities-heading h2{font-size:clamp(44px,4.5vw,72px)}.capabilities-heading .lead{font-size:clamp(22px,2vw,30px);line-height:1.28}.capability-name{align-items:center;margin-bottom:28px;gap:18px}.capability-name h3{font-family:Montreal,Arial,sans-serif;font-size:clamp(32px,3vw,49px);font-weight:400;letter-spacing:-.045em}.capability-name>span:last-child{font-size:23px}.capability-flow ul{font-size:15px}.capability-flow p{line-height:1.5}.expertise{background:#e1e7e5}.expertise-copy h2{font-size:clamp(49px,5.1vw,82px);line-height:1.04;margin:32px 0}.expertise-copy>p:not(.eyebrow){font-size:19px;line-height:1.5}.expertise-secondary{font-size:18px}.collaboration-options h3{font-size:26px;line-height:1.2;letter-spacing:-.025em}.lab-heading h2{font-size:clamp(49px,5.2vw,85px);line-height:1.05}.lab-intro>p{font-size:20px;line-height:1.4}.lab-mosaic{gap:12px;padding:0 12px}.lab-tile:hover img{transform:scale(1.015)}.company h2{font-size:clamp(43px,4.7vw,76px);line-height:1.1}.company h2 span{color:#c5d6d5}.company .lead{font-size:clamp(23px,2vw,31px);line-height:1.3}.contact-title{font-family:Montreal,Arial,sans-serif;color:var(--paper);font-size:clamp(60px,7.4vw,120px);letter-spacing:-.05em;line-height:1.08}.contact-title:hover{color:var(--brand)}.contact-title>span{font-size:.55em;top:12px}.project-heading h1{font-size:clamp(76px,9vw,145px);line-height:1.03}.project-name{font-size:clamp(26px,2.8vw,43px);letter-spacing:-.03em}.project-story h2{font-size:clamp(40px,4.2vw,68px);line-height:1.12}.next-project>span:nth-child(2){font-family:Montreal,Arial,sans-serif;font-size:clamp(39px,4.5vw,70px);letter-spacing:-.035em}.next-project{background:#e1e7e5}.next-project:hover{background:#d3dfdc}.dialog-header h2{letter-spacing:-.025em}
@media(min-width:1001px){.section-pad{padding-top:112px;padding-bottom:112px}.project-gallery,.project-video,.reels{padding-top:0}.lab-heading{padding-bottom:70px}.project-heading{padding-top:48px;padding-bottom:55px}.credits{padding-top:65px;padding-bottom:65px}.next-project{padding-top:45px;padding-bottom:50px}.lab-section{padding-bottom:40px}}
@media(max-width:1000px){.company-hero h1{font-size:8.5vw}.hero-side{max-width:245px}.hero-description{font-size:19px}.company h2{font-size:47px}.capabilities-heading h2{font-size:46px}.capabilities-heading .lead{font-size:25px}.expertise-copy h2{font-size:55px}.project-story h2{font-size:44px}}
@media(max-width:640px){.company-hero h1{font-size:clamp(56px,15.1vw,86px);line-height:1.06}.company-hero .hero-kicker{font-size:15px;margin-bottom:23px}.company-hero{height:94svh;min-height:725px}.hero-side{max-width:none}.hero-description{font-size:18px;line-height:1.4;margin-top:25px;max-width:300px}.hero-side .hero-project{margin-top:26px}.section-heading h2{font-size:45px}.section-heading{margin-bottom:35px}.section-pad{padding-top:68px;padding-bottom:68px}.project-grid{row-gap:42px}.card-caption h3{font-size:23px}.card-caption p{font-size:15px}.capabilities-heading{margin-bottom:44px}.capabilities-heading h2{font-size:43px;margin-bottom:27px}.capabilities-heading .lead{font-size:23px}.capability-name h3{font-size:38px}.capability-name{margin-bottom:22px}.capability-flow{gap:38px}.capability-flow p{font-size:17px}.expertise{padding:0}.expertise-copy{padding-top:45px;padding-bottom:55px}.expertise-copy h2{font-size:56px}.expertise-copy>p:not(.eyebrow){font-size:18px}.collaboration-options h3{font-size:25px}.lab-heading{padding-bottom:38px}.lab-heading h2{font-size:47px}.lab-intro>p{font-size:18px}.lab-mosaic{gap:6px;padding:0 6px}.company h2{font-size:43px;margin-bottom:32px}.company .lead{font-size:24px}.contact-title{font-size:clamp(43px,12vw,66px);padding-right:30px}.contact-title>span{top:7px;font-size:.5em}.project-heading{padding-top:27px;padding-bottom:36px}.project-heading h1{font-size:16vw}.project-name{font-size:27px}.project-story h2{font-size:38px;line-height:1.12}.project-gallery,.project-video,.reels{padding-top:0;padding-bottom:45px}.credits{padding-top:45px;padding-bottom:45px}.next-project{padding-top:35px;padding-bottom:35px}.next-project>span:nth-child(2){font-size:37px}.next-project b{font-size:42px}}
@media(max-width:350px){.company-hero h1{font-size:52px}.company-hero{min-height:690px}.hero-description{font-size:17px}.section-heading h2,.capabilities-heading h2,.company h2{font-size:38px}.lab-heading h2{font-size:42px}.expertise-copy h2{font-size:51px}.contact-title{font-size:41px}.project-story h2{font-size:34px}.project-heading h1{font-size:15.5vw}}
.hero-shade{background:linear-gradient(90deg,#16171430,transparent 60%),linear-gradient(180deg,#16171450 0%,#16171405 22%,#16171499 40%,#161714aa 68%,#161714b3 100%)}
/* Secrets Brands: original display identity, with the film's vertical frame intact. */
h1,h2{font-family:Korium,Arial,sans-serif;text-transform:uppercase;letter-spacing:0;line-height:1.04}.capability-name h3,.contact-title,.next-project>span:nth-child(2){font-family:Korium,Arial,sans-serif;text-transform:uppercase;letter-spacing:0}.video-heading h2,.credits h2,.dialog-header h2{font-family:Montreal,Arial,sans-serif;text-transform:none;letter-spacing:-.025em}.brand span{color:var(--paper);font-size:13px;letter-spacing:.23em}.capability-name h3{font-size:clamp(42px,4vw,60px)}.contact-title{font-size:clamp(68px,8.8vw,140px);line-height:1.03}.next-project>span:nth-child(2){font-size:clamp(44px,5vw,80px)}.onshindo-hero{background:#101512;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:clamp(50px,8vw,135px);height:auto;min-height:100svh;padding:122px var(--pad) 36px;overflow:visible}.onshindo-hero .hero-copy{max-width:750px}.onshindo-hero .hero-kicker{font-size:17px;margin:0 0 33px}.onshindo-hero h1{font-family:Korium,Arial,sans-serif;font-size:clamp(79px,8.3vw,140px);line-height:1.02;letter-spacing:0;color:var(--paper)}.onshindo-hero .hero-description{font-size:22px;line-height:1.4;max-width:405px;margin:35px 0 0}.hero-explore{margin-top:36px;font-size:15px;gap:36px}.hero-media{min-width:0}.hero-frame{position:relative;height:min(72svh,790px);aspect-ratio:9/16;background:#101512;overflow:hidden}.onshindo-hero .hero-film,.onshindo-hero .hero-poster{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;object-position:center}.hero-media-caption{display:flex;justify-content:space-between;gap:22px;align-items:flex-end;padding-top:18px}.onshindo-hero .hero-project{min-width:0;width:auto;display:block;margin:0;padding:0;font-size:15px}.onshindo-hero .hero-project p span{color:#aeb8ae}.onshindo-hero .hero-project a{border-bottom:0;justify-content:flex-start;gap:24px;padding:7px 0 0;margin:0;font-size:13px;color:#c4c9c0}.hero-media-caption .motion-toggle{font-size:12px;white-space:nowrap;padding:4px 0}.hero-media-caption .motion-toggle span{margin-left:7px}.project-page .project-heading h1{font-size:clamp(76px,9vw,145px)}
@media(max-width:1000px){.onshindo-hero{gap:45px;padding-top:120px;min-height:0}.onshindo-hero h1{font-size:8.5vw}.hero-frame{height:auto;width:32vw;aspect-ratio:9/16}.onshindo-hero .hero-description{font-size:19px;margin-top:26px}.hero-explore{margin-top:27px}.hero-media-caption{gap:12px;flex-wrap:wrap}.onshindo-hero .hero-project{font-size:14px}}
@media(max-width:640px){.onshindo-hero{display:flex;flex-direction:column;align-items:stretch;gap:54px;height:auto;min-height:0;padding:105px var(--pad) 65px}.hero-media{order:-1;width:100%}.hero-frame{width:100%;height:auto;aspect-ratio:9/16}.hero-media-caption{flex-wrap:nowrap;padding-top:16px;align-items:center}.onshindo-hero .hero-kicker{font-size:15px;margin-bottom:26px}.onshindo-hero h1{font-size:clamp(66px,18vw,105px);line-height:1.03}.onshindo-hero .hero-description{font-size:19px;max-width:340px;margin-top:30px}.hero-explore{margin-top:29px}.capability-name h3{font-size:47px}.contact-title{font-size:clamp(48px,13.1vw,74px)}.project-page .project-heading h1{font-size:19vw}.next-project>span:nth-child(2){font-size:44px}}
@media(max-width:350px){.brand span{font-size:11px}.onshindo-hero{padding-top:99px;gap:44px}.onshindo-hero h1{font-size:61px}.onshindo-hero .hero-description{font-size:18px}.hero-media-caption{gap:8px}.onshindo-hero .hero-project{font-size:13px}.hero-media-caption .motion-toggle{font-size:11px}.contact-title{font-size:44px}.project-page .project-heading h1{font-size:18vw}}
@media(prefers-reduced-motion:reduce){.onshindo-hero{background:#101512}.onshindo-hero .hero-film{opacity:0}}
/* Space and typography carry the hierarchy; decorative dividers are removed. */
.contact-link,.text-link,.back-link,.hero-controls,.archive-note,.service-list article,.service-list article:last-child,.contact-details,.footer-bottom,.credits,.credits dl>div,.lab-motion,.dialog-header,.dialog-close,#lab-dialog-credits,.capability-flow article,.capability-flow li,.capabilities-note,.expertise-secondary,.collaboration-options article,.process,.company,.capabilities{border:0!important}.contact-link:hover,.text-link:hover,.back-link:hover{color:var(--brand)}.dialog-close{background:transparent}.lab-motion{padding-bottom:8px}.capability-flow article{padding-top:0}.collaboration-options article{padding-top:0}.process{padding-top:0}.footer-bottom{padding-top:0}
@keyframes brands-enter{from{opacity:.82;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}
.is-entering{animation:brands-enter .65s cubic-bezier(.22,.61,.36,1) both}.capability-flow article:nth-child(2).is-entering{animation-delay:.09s}.capability-flow article:nth-child(3).is-entering{animation-delay:.18s}
@media(prefers-reduced-motion:reduce){.is-entering{animation:none!important;transform:none!important}}
.project-card[data-project="onshindo"] .card-image img{object-position:center}.project-card[data-project="isdin-si-nails"] .card-image img{object-position:center 35%}.project-card[data-project="onshindo-lanzamiento"] .card-image{aspect-ratio:1.5;background:#f4f4f4}.project-card[data-project="onshindo-lanzamiento"] .card-image img{object-fit:contain;object-position:center}
@media(min-width:901px){.onshindo-hero{grid-template-columns:minmax(0,1fr) auto;gap:clamp(45px,5vw,95px)}.hero-frame{height:min(68svh,740px);width:auto;aspect-ratio:18/16}.onshindo-hero h1{font-size:clamp(82px,7.4vw,132px)}.onshindo-hero .hero-description{max-width:395px}}
@media(min-width:901px) and (max-width:1200px){.hero-frame{height:auto;width:47vw;aspect-ratio:18/16}.onshindo-hero h1{font-size:8vw}}

/* Clarity pass: direct value, controlled magenta accents and media-first cases. */
.eyebrow,.capability-name>span:first-child,.brief-flow>article>span,.collaboration-options .eyebrow{color:var(--lime)}
.capability-promise{font-size:clamp(21px,1.8vw,29px);line-height:1.2;color:var(--paper);margin:0 0 14px}
.capability-result{margin-top:22px!important;color:#bfc4bc;font-size:16px!important;max-width:420px}
.capability-result strong{color:var(--lime);font-weight:500}
.capability-flow article>p:not(.capability-promise):not(.capability-result){max-width:430px}
.expertise-links{display:flex;gap:22px;flex-wrap:wrap;margin-top:35px}
.expertise-links a{font-size:15px;padding-bottom:4px;color:var(--ink)}
.expertise-links a:hover{color:#a82477}
.brief-flow{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(24px,3vw,54px);margin:0 0 95px}
.brief-flow article>span{display:block;font-size:13px;margin-bottom:20px}
.brief-flow h3{font-size:clamp(23px,2vw,31px);font-weight:500;line-height:1.12;margin-bottom:16px}
.brief-flow p{font-size:16px;line-height:1.5;color:#c4c6be}
.collaboration-modes>.eyebrow{margin-bottom:34px}
.card-image video{width:100%;height:100%;display:block;object-fit:cover;background:#0d1010}
.project-card:hover .card-image video{filter:saturate(1.04)}
.project-main-video{background:#0b0d0e;display:grid;place-items:center;overflow:hidden}
.project-main-video video{width:100%;height:auto;max-height:min(84vh,920px);display:block;object-fit:contain;background:#0b0d0e}
.project-card[data-project="revlon"] .card-image{background:#0b0d0e}
.project-card[data-project="revlon"] .card-image video{object-position:center}
.lab-section .lab-heading>.div{min-width:0}
@media(max-width:900px){.brief-flow{grid-template-columns:1fr 1fr;gap:42px 28px;margin-bottom:70px}}
@media(max-width:640px){.brief-flow{grid-template-columns:1fr;gap:36px;margin-bottom:58px}.capability-promise{font-size:23px}.expertise-links{gap:16px}.project-main-video video{max-height:none}.card-image video{object-fit:cover}}

/* 2026-09-22 media pass: full-screen hero, autoplay-first portfolio, no letterboxing. */
.onshindo-hero{
  position:relative!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:flex-end!important;
  align-items:flex-start!important;
  height:100svh!important;
  min-height:700px!important;
  padding:clamp(120px,14vh,180px) var(--pad) 52px!important;
  overflow:hidden!important;
  background:#0b0d0c!important;
}
.onshindo-hero .hero-media{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  z-index:0!important;
}
.onshindo-hero .hero-frame{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  aspect-ratio:auto!important;
  overflow:hidden!important;
  background:#0b0d0c!important;
}
.onshindo-hero .hero-frame picture{position:absolute;inset:0;width:100%;height:100%}
.onshindo-hero .hero-film,.onshindo-hero .hero-poster{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:center!important;
}
.onshindo-hero .hero-media::after{
  content:"";position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(90deg,rgba(8,10,9,.72) 0%,rgba(8,10,9,.34) 43%,rgba(8,10,9,.08) 72%),linear-gradient(180deg,rgba(8,10,9,.18),rgba(8,10,9,.08) 52%,rgba(8,10,9,.56));
}
.onshindo-hero .hero-copy{position:relative!important;z-index:2!important;max-width:860px!important;margin:0!important}
.onshindo-hero h1{font-size:clamp(82px,9.1vw,166px)!important;line-height:.94!important;color:var(--paper)!important;text-shadow:0 1px 18px rgba(0,0,0,.12)}
.onshindo-hero .hero-kicker{margin:0 0 24px!important;color:var(--paper)!important}
.onshindo-hero .hero-description{font-size:clamp(19px,1.5vw,24px)!important;max-width:430px!important;margin-top:28px!important;color:var(--paper)!important}
.onshindo-hero .hero-explore{margin-top:30px!important;color:var(--paper)!important}
.onshindo-hero .hero-media-caption{
  position:absolute!important;z-index:3!important;left:auto!important;right:var(--pad)!important;bottom:48px!important;
  display:flex!important;align-items:flex-end!important;gap:28px!important;padding:0!important;color:var(--paper)!important;
}
.onshindo-hero .hero-project{padding:0!important;margin:0!important}
.onshindo-hero .hero-project p span{color:#d4d8d2!important}
.onshindo-hero .hero-project a{color:var(--paper)!important}
.onshindo-hero .motion-toggle{color:var(--paper)!important}

/* Every project card is a moving image. */
.card-image video{width:100%!important;height:100%!important;display:block!important;object-fit:cover!important;object-position:center!important;background:transparent!important}
.project-card .card-image{background:#111!important}
.project-card[data-project="onshindo-lanzamiento"] .card-image{aspect-ratio:1.5!important;background:#111!important}
.project-card[data-project="onshindo-lanzamiento"] .card-image video{object-fit:cover!important}

/* Case openings are moving, edge-to-edge and cropped intentionally instead of letterboxed. */
.project-main-video{width:100%!important;display:block!important;overflow:hidden!important;background:#10110f!important;aspect-ratio:16/9!important;height:auto!important;max-height:none!important}
.project-main-video.project-main-wide{aspect-ratio:1.72/1!important}
.project-main-video.project-main-square{aspect-ratio:1.35/1!important}
.project-main-video.project-main-landscape{aspect-ratio:16/9!important}
.project-main-video video{width:100%!important;height:100%!important;max-height:none!important;display:block!important;object-fit:cover!important;object-position:center!important;background:transparent!important}

/* More moving material inside each case. */
.motion-sequences{background:var(--ink);color:var(--paper);padding-top:0!important}
.sequence-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.sequence-grid figure{margin:0;overflow:hidden;background:#111;aspect-ratio:4/3}
.sequence-grid video{display:block;width:100%;height:100%;object-fit:cover;background:transparent}
.sequence-grid.sequence-portrait figure{aspect-ratio:9/16}
.reel-grid{gap:14px!important}
.reel-grid video{width:100%!important;height:100%!important;aspect-ratio:9/16!important;object-fit:cover!important;background:transparent!important;display:block!important}
.reel-grid figure{overflow:hidden;background:#111}

/* Denser, more editorial stills: originals plus verified frame grabs/crops. */
.project-gallery{display:grid!important;grid-template-columns:repeat(12,minmax(0,1fr))!important;gap:12px!important;padding-top:0!important}
.project-gallery figure{grid-column:span 6!important;margin:0!important;overflow:hidden!important;background:#e8e8e2!important}
.project-gallery figure:nth-child(5n+1){grid-column:span 7!important}
.project-gallery figure:nth-child(5n+2){grid-column:span 5!important}
.project-gallery figure:nth-child(5n+3),.project-gallery figure:nth-child(5n+4),.project-gallery figure:nth-child(5n+5){grid-column:span 4!important}
.project-gallery img{width:100%!important;height:100%!important;aspect-ratio:1.15/1!important;max-height:none!important;object-fit:cover!important;background:transparent!important}
.social-case .project-gallery img{object-fit:cover!important;aspect-ratio:1.05/1!important}
.social-case .project-gallery figure:nth-last-child(-n+2) img{aspect-ratio:9/16!important;background:transparent!important}

/* Dialog films also start automatically and never show native black bars. */
#lab-dialog-media video{width:100%;height:auto;display:block;object-fit:cover;background:transparent}

@media(max-width:900px){
  .onshindo-hero{min-height:720px!important;padding:120px var(--pad) 42px!important}
  .onshindo-hero h1{font-size:clamp(72px,12vw,116px)!important}
  .onshindo-hero .hero-media-caption{right:var(--pad)!important;bottom:36px!important}
  .sequence-grid{grid-template-columns:1fr 1fr}
  .sequence-grid figure:last-child:nth-child(odd){grid-column:1/-1;aspect-ratio:16/9}
  .sequence-grid.sequence-portrait figure:last-child:nth-child(odd){grid-column:auto;aspect-ratio:9/16}
}
@media(max-width:640px){
  .onshindo-hero{height:100svh!important;min-height:650px!important;padding:110px var(--pad) 38px!important;gap:0!important}
  .onshindo-hero .hero-media{order:initial!important;width:100%!important}
  .onshindo-hero h1{font-size:clamp(62px,18vw,94px)!important;line-height:.96!important}
  .onshindo-hero .hero-description{font-size:18px!important;max-width:300px!important;margin-top:22px!important}
  .onshindo-hero .hero-explore{margin-top:22px!important}
  .onshindo-hero .hero-media-caption{left:var(--pad)!important;right:var(--pad)!important;bottom:20px!important;justify-content:space-between!important;align-items:center!important}
  .onshindo-hero .hero-project{font-size:12px!important}
  .onshindo-hero .hero-media::after{background:linear-gradient(180deg,rgba(8,10,9,.38),rgba(8,10,9,.08) 30%,rgba(8,10,9,.52) 72%,rgba(8,10,9,.76))}
  .project-main-video,.project-main-video.project-main-wide,.project-main-video.project-main-square,.project-main-video.project-main-landscape{aspect-ratio:4/3!important}
  .sequence-grid{grid-template-columns:1fr!important;gap:10px}
  .sequence-grid figure,.sequence-grid figure:last-child:nth-child(odd){grid-column:auto!important;aspect-ratio:4/3!important}
  .sequence-grid.sequence-portrait{grid-template-columns:1fr 1fr!important}
  .sequence-grid.sequence-portrait figure,.sequence-grid.sequence-portrait figure:last-child:nth-child(odd){aspect-ratio:9/16!important}
  .project-gallery{grid-template-columns:1fr 1fr!important;gap:7px!important}
  .project-gallery figure,.project-gallery figure:nth-child(n){grid-column:auto!important}
  .project-gallery figure:nth-child(5n+1){grid-column:1/-1!important}
  .project-gallery img{aspect-ratio:1/1!important}
}

/* Visual Lab — curated showcase. Cases explain the work; the Lab proves visual range. */
.lab-section{background:#0f1210;color:var(--paper);padding-bottom:0;overflow:hidden}
.lab-opening{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(320px,.62fr);gap:clamp(55px,9vw,150px);align-items:end;padding-top:clamp(110px,11vw,180px);padding-bottom:clamp(85px,9vw,145px)}
.lab-opening .eyebrow,.lab-chapter-label .eyebrow,.lab-archive-head .eyebrow{color:var(--brand)}
.lab-opening h2{font-size:clamp(66px,8.2vw,142px);line-height:.94;max-width:980px;margin-top:26px}
.lab-opening-copy{max-width:540px;padding-bottom:8px}
.lab-opening-copy>p{font-size:18px;line-height:1.55;color:#c8cdc7}
.lab-opening-copy .lab-lead{font-size:clamp(24px,2.2vw,34px);line-height:1.3;color:var(--paper);letter-spacing:-.025em;margin-bottom:28px}
.lab-opening-copy .lab-lead strong{font-weight:400;color:var(--brand)}
.lab-motion{color:var(--paper);margin-top:28px;font-size:13px;letter-spacing:.02em;opacity:.75}
.lab-story{padding:0 12px 18px}
.lab-chapter{margin:0 0 12px;background:#171a17;padding:clamp(30px,4vw,62px);display:grid;grid-template-columns:minmax(250px,.52fr) minmax(0,1.48fr);gap:clamp(30px,5vw,80px);align-items:start}
.lab-chapter-label{display:grid;grid-template-columns:36px 1fr;gap:20px;position:sticky;top:105px;padding-top:5px}
.lab-chapter-label>span{font-size:13px;color:#838b83;padding-top:5px}
.lab-chapter-label h3{font-family:Korium,Arial,sans-serif;text-transform:uppercase;font-size:clamp(34px,3.4vw,57px);line-height:1.02;margin-top:18px;max-width:460px}
.lab-showcase{position:relative;border:0;padding:0;background:#20231f;color:#fff;cursor:pointer;overflow:hidden;display:block;text-align:left;width:100%;min-width:0}
.lab-showcase img,.lab-showcase video{width:100%;height:100%;display:block;object-fit:cover;transition:transform .75s cubic-bezier(.2,.7,.2,1),filter .45s}
.lab-showcase:hover img,.lab-showcase:hover video{transform:scale(1.018);filter:saturate(1.04)}
.lab-showcase-shade{position:absolute;inset:0;background:linear-gradient(180deg,transparent 50%,rgba(0,0,0,.72) 100%);pointer-events:none}
.lab-showcase-copy{position:absolute;left:24px;right:70px;bottom:22px;z-index:2;display:grid;gap:3px}
.lab-showcase-copy .lab-showcase-brand{font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:#d9ddd7}
.lab-showcase-copy strong{font-family:Montreal,Arial,sans-serif;font-size:clamp(20px,2vw,31px);font-weight:400;letter-spacing:-.035em;line-height:1.1}
.lab-showcase-copy>span:last-child{font-size:12px;color:#c4cac3;margin-top:5px}
.lab-showcase-open{position:absolute;right:20px;bottom:19px;z-index:3;width:39px;height:39px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.9);color:#101210;font-size:20px;transition:transform .3s,background .3s}
.lab-showcase:hover .lab-showcase-open{transform:rotate(45deg);background:var(--brand)}
.lab-hero-tile{height:min(72vw,780px);min-height:540px}
.lab-duo{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.lab-duo .lab-showcase{aspect-ratio:4/5}
.lab-trio{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.lab-trio .lab-showcase{aspect-ratio:4/5}
.lab-craft .lab-showcase:nth-child(2){transform:translateY(48px);margin-bottom:48px}
.lab-archive-wrap{background:#f0f0eb;color:var(--ink);padding-top:clamp(85px,8vw,125px);padding-bottom:clamp(85px,8vw,125px)}
.lab-archive-head{display:flex;justify-content:space-between;align-items:end;gap:40px}
.lab-archive-head h3{font-family:Korium,Arial,sans-serif;text-transform:uppercase;font-size:clamp(46px,5.8vw,96px);line-height:1;margin-top:18px}
.lab-archive-toggle{border:0;background:var(--ink);color:var(--paper);padding:15px 20px;font-size:14px;cursor:pointer;display:flex;gap:38px;align-items:center}
.lab-archive-toggle span{font-size:20px;line-height:1}
.lab-archive-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:28px 12px;margin-top:56px}
.lab-archive-tile{border:0;background:transparent;padding:0;text-align:left;cursor:pointer;color:inherit}
.lab-archive-tile img{width:100%;aspect-ratio:1.15;object-fit:cover;display:block;transition:transform .45s}
.lab-archive-tile:hover img{transform:scale(.985)}
.lab-archive-tile>span{display:grid;gap:3px;padding-top:10px}
.lab-archive-tile b{font-size:14px;font-weight:500}
.lab-archive-tile small{font-size:13px;color:#6b6d67}
.lab-archive-wrap .lab-note{margin:38px 0 0;color:#6f716b;max-width:620px}
.lab-showcase:focus-visible,.lab-archive-tile:focus-visible,.lab-archive-toggle:focus-visible{outline:3px solid var(--brand);outline-offset:4px}

@media(max-width:900px){
 .lab-opening{grid-template-columns:1fr;gap:45px}.lab-opening-copy{max-width:680px}
 .lab-chapter{grid-template-columns:1fr;padding:36px 20px;gap:30px}.lab-chapter-label{position:static;grid-template-columns:32px 1fr}.lab-chapter-label h3{max-width:none}
 .lab-hero-tile{height:68vw;min-height:460px}.lab-trio{grid-template-columns:1fr 1fr}.lab-trio .lab-showcase:last-child{grid-column:1/-1;aspect-ratio:2/1}
 .lab-craft .lab-showcase:nth-child(2){transform:none;margin-bottom:0}.lab-archive-grid{grid-template-columns:repeat(3,1fr)}
}
@media(max-width:640px){
 .lab-opening{padding-top:82px;padding-bottom:68px}.lab-opening h2{font-size:16vw;line-height:.96}.lab-opening-copy .lab-lead{font-size:25px}.lab-opening-copy>p{font-size:17px}
 .lab-story{padding:0 6px 8px}.lab-chapter{margin-bottom:6px;padding:28px 14px}.lab-chapter-label{grid-template-columns:26px 1fr;gap:10px}.lab-chapter-label h3{font-size:39px;margin-top:12px}
 .lab-hero-tile{height:118vw;min-height:0}.lab-duo,.lab-trio{grid-template-columns:1fr;gap:6px}.lab-duo .lab-showcase,.lab-trio .lab-showcase,.lab-trio .lab-showcase:last-child{aspect-ratio:4/5;grid-column:auto}
 .lab-showcase-copy{left:16px;right:58px;bottom:16px}.lab-showcase-open{right:13px;bottom:13px;width:36px;height:36px}.lab-showcase-copy strong{font-size:24px}
 .lab-archive-head{display:block}.lab-archive-toggle{margin-top:28px;width:100%;justify-content:space-between}.lab-archive-grid{grid-template-columns:1fr 1fr;gap:22px 8px;margin-top:38px}.lab-archive-head h3{font-size:52px}
}
/* Shared contact block across all pages. */
.contact-details{grid-template-columns:repeat(3,minmax(0,1fr));gap:32px}.contact-details>p:first-child{grid-column:1/-1}.contact-name{font-size:21px}.contact-role{font-size:15px;line-height:1.5;color:#c5c6bc;margin:8px 0 16px}.contact-office>a{margin:8px 0 16px}.contact-office p{font-size:16px}.contact-details a{overflow-wrap:anywhere}@media(max-width:800px){.contact-details{grid-template-columns:1fr 1fr}}@media(max-width:640px){.contact-details{display:block}.contact-details>div{margin-top:30px}}