/* Brand Factory — film, typography and motion. Authored for this Site. */
:root{--bg:#0f1010;--surface:#151616;--text:#f0f0ed;--muted:#969a98;--line:#343736;--accent:#ff3b1d;--font:'Helvetica Neue',Helvetica,Arial,sans-serif;--edge:clamp(24px,6.35vw,116px);--gutter:var(--edge);--display:clamp(37px,3.4vw,57px)}
html{scroll-behavior:auto;scroll-padding-top:95px}body{font-family:var(--font);font-size:15px;line-height:1.6;font-weight:400;background:var(--bg);color:var(--text)}[hidden]{display:none!important}.pad{padding-left:var(--edge);padding-right:var(--edge)}h1,h2,h3{font-family:var(--font);font-weight:400;letter-spacing:-.025em}h1,h2{font-size:var(--display);line-height:1.12}.mono{font-size:11px;letter-spacing:.055em}@media(max-width:700px){.mono{font-size:12.65px}}.lead{font-size:clamp(17px,1.5vw,23px);line-height:1.5;letter-spacing:-.012em}.dim{color:#7e8481}.muted{color:var(--muted)}.line-link{font-size:13px;gap:18px}.line-link.mono{font-size:11px}.line-link svg{width:18px;height:18px}
.site-header{padding:18px 32px;height:74px;border:0;background:var(--bg);backdrop-filter:none;transition:background .3s ease,padding .3s ease}.site-header .brand{width:163px}.site-header .desktop-nav{gap:30px;font-family:var(--mono);font-size:11px;letter-spacing:.045em}.site-header .desktop-nav a{min-height:27px;gap:7px}.site-header.is-scrolled{padding:18px 32px;background:var(--bg);border:0;backdrop-filter:none}.home .site-header:not(.is-scrolled),.home .site-header.is-over-film{background:transparent}.site-header .desktop-nav svg{width:13px;height:13px}
/* A fixed full-viewport film; the following content rises over its surface. */
.hero-cinema{height:100svh;position:relative;z-index:0;overflow:visible;background:var(--bg)}.cinema-pin{position:fixed;top:0;left:0;right:0;height:100svh;overflow:hidden;z-index:0;background:var(--bg)}.cinema-pin.is-covered{visibility:hidden}.cinema-stage{position:absolute;inset:0;overflow:hidden}.cinema-poster,.cinema-poster img,.cinema-stage video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.cinema-stage video{opacity:0;transition:opacity .4s}.cinema-stage video.is-playing{opacity:1}.cinema-poster img{object-position:center}.cinema-shade{position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,#0006,rgba(0,0,0,.10) 16%,transparent 32%)}.film-skip,.film-toggle{position:absolute;bottom:28px;z-index:3;color:#fff;font-size:9px;line-height:1.6;opacity:.66;transition:opacity .2s;min-height:30px;display:flex;align-items:center;text-shadow:0 1px 7px #000}.film-skip{left:32px}.film-toggle{right:32px;padding:0}.film-toggle:hover,.film-skip:hover{opacity:1}.home main>.hero-cinema~section,.home main>.hero-cinema~a,.home .footer{position:relative;z-index:2;background:var(--bg)}
.home .intro{padding-top:clamp(100px,9.6vw,164px);padding-bottom:clamp(100px,10vw,170px)}.section-kicker{display:block;margin-bottom:22px;color:var(--muted)}.intro h1{font-size:var(--display);max-width:24ch;line-height:1.12;letter-spacing:-.025em;margin:0}.intro-body{display:grid;grid-template-columns:1fr 2fr;gap:clamp(28px,3vw,55px);margin-top:clamp(65px,6.6vw,110px)}.intro-body>div{grid-column:2;max-width:65ch}.intro-body p+p{margin-top:28px}.intro-body .muted{font-size:clamp(15px,1.1vw,18px);line-height:1.65;max-width:none}.intro-body .line-link{margin-top:30px}.client-strip{padding-top:40px;padding-bottom:100px}.strip-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:30px}.strip-heading .mono{color:var(--muted)}.strip-heading p{font-size:17px;line-height:1.35;max-width:26ch;margin-right:15%}.client-names{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));align-items:center;gap:30px;margin-top:70px}.client-names span{font-size:clamp(17px,1.7vw,27px);letter-spacing:-.04em;text-align:center;color:#d5d7d3;white-space:nowrap}.client-names span:nth-child(2){font-style:italic}.client-names span:nth-child(3){font-weight:300}.client-names span:nth-child(4){text-transform:uppercase;letter-spacing:.12em;font-size:16px}.client-names span:nth-child(5){font-family:Georgia,serif;letter-spacing:-.03em}.client-names span:last-child{font-weight:600}
.home .image-band{position:relative;z-index:2;background:var(--bg);height:50svh;min-height:380px;max-height:690px;overflow:hidden;display:block}.image-band img{position:absolute;inset:-5% 0;width:100%;height:110%;object-fit:cover;object-position:center;transform:translate3d(0,var(--band-y,0px),0);will-change:transform}.image-band>span{position:absolute;bottom:22px;left:32px;background:transparent;color:#fff;text-shadow:0 1px 9px #0007;font-size:10px;padding:0;z-index:2}.image-band>span svg{width:16px;height:16px}.bear-band img{object-position:50% 50%}.zezelj-band img{object-position:50% 46%}.home-selected{position:relative;z-index:2;background:var(--bg);padding:105px 0 110px;overflow:hidden}.work-marquee{overflow:hidden;white-space:nowrap;margin-bottom:65px;width:100%}.work-marquee-track{display:inline-flex;will-change:transform;transform:translate3d(-35vw,0,0)}.work-marquee-track>span{font-size:clamp(48px,6vw,108px);letter-spacing:-.04em;line-height:1.04;padding-right:.35em}.work-marquee-track i{font-style:normal;color:#6a706d}.work-rail{display:flex;gap:30px;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;overscroll-behavior-x:contain;padding:0 32px 12px;outline-offset:-3px;cursor:grab}.work-rail::-webkit-scrollbar{display:none}.work-rail.is-dragging{cursor:grabbing}.rail-card{flex:0 0 clamp(285px,29vw,435px);min-width:0;margin:0}.rail-card .work-image{aspect-ratio:3/4}.rail-card .work-image img{width:100%;height:100%;object-fit:cover;object-position:center;transition:transform .8s cubic-bezier(.16,1,.3,1)}.rail-card.logo-card .work-image{background:#fff}.rail-card.logo-card .work-image img{object-fit:contain}.rail-card.screen-card .work-image img{object-position:top}.work-caption{display:block;padding-top:15px}.work-caption h3{font-size:15px;letter-spacing:-.005em;line-height:1.4}.work-caption .mono{display:block;font-size:10px;text-align:left;max-width:none;color:var(--muted);margin-top:6px;line-height:1.5}.work-arrow{background:var(--accent);color:white;width:38px;height:38px}.work-arrow svg{width:20px;height:20px}.work-rail-bottom{display:flex;justify-content:space-between;align-items:center;gap:30px;margin-top:35px}.work-rail-bottom button{width:36px;height:36px;border:1px solid #555b57;font-size:19px;margin-left:8px}.work-rail-bottom .line-link{margin:0}.practice{padding-top:clamp(100px,10vw,170px);padding-bottom:clamp(100px,10vw,170px);grid-template-columns:1fr 2fr;gap:clamp(28px,3vw,55px);background:#141515!important}.practice-intro h2{font-size:var(--display);margin-top:28px;margin-bottom:30px}.practice-intro>p{font-size:15px;max-width:26ch}.practice-intro>.mono{color:var(--muted)}.service-row summary{padding:29px 0;grid-template-columns:40px 1fr 25px;gap:20px}.service-row h3{font-size:clamp(27px,2.25vw,39px);letter-spacing:-.02em}.service-row .plus{font-size:25px}.service-expanded{padding-left:60px}.service-expanded>p{font-size:16px;line-height:1.6}.home-contact{padding-block:clamp(110px,11vw,180px)}.home-contact>.mono{display:block;color:var(--muted);margin-bottom:26px}.home-contact h2{max-width:24ch;font-size:var(--display)}.home-contact .intro-body{margin-top:65px}
/* Letter rise, gradual ink reveal and image curtains. Content stays usable without JS. */
.motion-ready [data-rise] .rise-word{display:inline-block;opacity:0;transform:translate3d(0,95%,0) rotate(1.5deg);transition:transform .95s cubic-bezier(.16,1,.3,1),opacity .65s;transition-delay:calc(var(--word)*38ms)}.motion-ready [data-rise].is-visible .rise-word{opacity:1;transform:none}.rise-line{display:inline-block;overflow:hidden;vertical-align:bottom;padding-bottom:.06em;margin-bottom:-.06em}.motion-ready [data-image-reveal]{clip-path:inset(100% 0 0);transition:clip-path 1s cubic-bezier(.16,1,.3,1)}.motion-ready [data-image-reveal].is-visible{clip-path:inset(0)}.motion-ready [data-image-reveal]>img{transform:translateY(9%) scale(1.045);transition:transform 1.2s cubic-bezier(.16,1,.3,1)}.motion-ready [data-image-reveal].is-visible>img{transform:none}@supports(-webkit-background-clip:text){.motion-ready [data-ink]{color:transparent;background:linear-gradient(108deg,#e9ece8 0%,#e9ece8 var(--ink-fill,0%),#7f8782 calc(var(--ink-fill,0%) + 12%),#7f8782 100%);-webkit-background-clip:text;background-clip:text}}
/* Round contact moment. */
.contact-float{left:50%;right:auto;bottom:41px;width:116px;height:116px;border-radius:50%;background:var(--accent);transform:translateX(-50%);color:white;box-shadow:none;transition:opacity .5s,transform .55s cubic-bezier(.16,1,.3,1);z-index:35}.contact-float:hover{transform:translateX(-50%) scale(1.055)}.contact-float .badge-ring{position:absolute;inset:0;width:100%;height:100%;animation:badge-spin 18s linear infinite}.badge-ring text{fill:#fff;font-family:var(--mono);font-size:7px;letter-spacing:1px}.contact-float>span{display:flex;align-items:center;justify-content:center}.contact-float>span>svg{width:29px;height:29px;stroke-width:1}.home.cinema-start .contact-float{opacity:0;pointer-events:none;transform:translate(-50%,18px)}@keyframes badge-spin{to{transform:rotate(360deg)}}.contact-dialog{background:var(--accent);color:#101010;padding:18px 32px 60px;clip-path:circle(0 at var(--open-x,50%) var(--open-y,85%));transition:clip-path .72s cubic-bezier(.76,0,.24,1)}.contact-dialog.is-open{clip-path:circle(150% at var(--open-x,50%) var(--open-y,85%))}.contact-dialog-layout{max-width:1200px;margin:0 auto;min-height:calc(100svh - 135px);padding-top:60px;gap:50px}.contact-dialog-layout h2{font-size:clamp(115px,18vw,300px);line-height:.84;letter-spacing:-.06em;margin:26px 0 0 -7px}.contact-dialog-info{margin-left:45%;display:flex;flex-direction:column;gap:15px}.contact-dialog-info>p{font-size:21px;line-height:1.4;margin-bottom:15px}.contact-dialog-info .dialog-email{font-size:clamp(19px,2.2vw,34px);letter-spacing:-.025em}.contact-dialog-info .line-link{align-self:flex-start;margin-top:14px;padding-bottom:10px}.contact-dialog-info>.mono{font-size:10px;margin-top:18px}.contact-dialog :focus-visible{outline-color:#101010}.dialog-top .brand{width:163px}.dialog-close{font-size:10px;gap:15px}.dialog-close>span{font-size:26px}
/* Portfolio: project stories and a complete, described image index. */
.page-intro{padding-top:170px;padding-bottom:55px}.page-intro-grid{margin:44px 0 70px;grid-template-columns:1fr 1fr;gap:14%;align-items:start}.page-intro-grid h1{font-size:var(--display);line-height:1.1;margin:0}.page-intro-grid .lead{font-size:clamp(19px,1.65vw,26px);line-height:1.35}.portfolio-views{display:flex;gap:28px;align-items:center;margin-bottom:42px}.portfolio-views>button{padding:12px 0;color:var(--muted);font-size:16px;border-bottom:1px solid transparent}.portfolio-views>button[aria-pressed=true]{color:var(--text);border-bottom-color:var(--text)}.portfolio-views span{font-family:var(--mono);font-size:10px;vertical-align:super;margin-left:8px;color:var(--muted)}.filter-bar{gap:12px 30px}.filter-bar>button{font-family:var(--mono);font-size:10px;text-transform:uppercase;letter-spacing:.04em}.filter-count{font-size:10px}.portfolio-section{padding-bottom:130px}.portfolio-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:65px 30px}.portfolio-project{grid-column:auto;margin:0}.portfolio-grid .work-image{aspect-ratio:4/3}.portfolio-grid .screen-card .work-image{padding:0}.portfolio-grid .logo-card .work-image{background:#fff}.all-materials-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:45px 24px}.material-card{min-width:0}.material-card .zoom-image{height:250px;background:#1c1e1d}.material-card .zoom-image img{width:100%;height:100%;object-fit:contain}.material-caption{display:flex;justify-content:space-between;align-items:baseline;gap:15px;margin-top:14px}.material-caption h3{font-size:14px;letter-spacing:-.005em;line-height:1.4}.material-caption>.mono{font-size:9px;color:var(--muted);white-space:nowrap}.zoom-label{font-size:9px;gap:7px}.material-note{font-size:13px;line-height:1.7;color:var(--muted);margin-top:13px;max-width:70ch}.case-layout{padding-top:155px;gap:6%;grid-template-columns:220px minmax(0,1fr)}.case-heading h1{font-size:clamp(40px,3.7vw,64px);line-height:1.1;letter-spacing:-.025em}.case-heading{padding-bottom:48px}.case-info details p{font-size:13px}.case-info .line-link{font-size:11px}.case-gallery .material-caption{font-size:9px;margin-top:12px;color:var(--muted);gap:20px}.case-gallery .material-caption>span:last-child{white-space:nowrap}.case-gallery .case-figure figcaption{display:block;margin-top:0}.case-gallery .material-note{font-family:var(--font);text-transform:none;letter-spacing:0;font-size:13px;line-height:1.65;margin-top:12px}.mixed-gallery .case-figure:not(.first){grid-column:auto}.case-gallery .first{grid-column:1/-1}.logo-gallery .case-figure.first{grid-column:auto}.screen-gallery .zoom-image{max-height:1000px}.next-project>a{font-size:clamp(36px,4.3vw,65px);line-height:1.15}.service-hero h1,.studio-intro h1{font-size:clamp(40px,4.1vw,66px);line-height:1.12}.service-article h2{font-size:30px}.studio-copy,.studio-approach,.service-article,.service-lead{grid-template-columns:1fr 2fr;gap:clamp(28px,3vw,55px)}.studio-approach h2{font-size:var(--display)}.contact-page h1{font-size:clamp(55px,7.1vw,110px);line-height:1.04}.contact-section{gap:12%;padding-bottom:130px}.contact-section .contact-email{font-size:clamp(21px,2.1vw,34px)}
/* Image inspection includes source-derived descriptions and adjacent images. */
.image-dialog{background:#101211fa}.lightbox-layout{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:40px;align-items:start;max-width:1800px;margin:auto;padding:95px 40px 50px}.image-dialog-content{padding:0;margin:0;width:100%;max-width:none}.image-dialog-content img{width:100%;max-width:none;height:auto}.lightbox-meta{position:sticky;top:95px;padding-top:5px}.lightbox-meta>.mono{font-size:10px;color:var(--muted)}.lightbox-meta h2{font-size:25px;line-height:1.22;letter-spacing:-.02em;margin-top:25px;margin-bottom:22px}.lightbox-meta>p{font-size:14px;line-height:1.7;color:#b5bcb6}.lightbox-meta .line-link{font-size:12px;margin-top:25px}.lightbox-nav{display:flex;gap:10px;margin-top:35px}.lightbox-nav button{height:40px;width:50px;border:1px solid #646d66;font-size:22px}.lightbox-nav button:hover{background:var(--text);color:#101010}.image-close{right:32px;font-size:10px;padding:8px 10px}.image-close>span{font-size:25px}
/* Quiet contact footer, then the studio's name as the final composition. */
.footer{position:relative;z-index:2;background:#111313;padding-top:35px;padding-bottom:28px;border-top:1px solid var(--line)}.footer-top{display:flex;gap:20px;justify-content:space-between;font-size:9px;color:var(--muted)}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:38px;margin-top:65px;padding:35px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.footer-grid>div:nth-child(n){grid-column:auto;grid-row:auto}.footer-grid .mono{font-size:10px;display:block;color:var(--muted);margin-bottom:20px}.footer-grid p,.footer-grid a{font-size:11px;font-family:var(--mono);text-transform:uppercase;letter-spacing:.035em;line-height:1.85}.footer-grid p{color:var(--muted);margin-top:16px}.footer-grid .footer-email{font-size:13px;letter-spacing:0;overflow-wrap:anywhere;margin-bottom:16px}.footer-grid .footer-email svg{width:15px;height:15px}.footer-wordmark{font-size:clamp(40px,14.2vw,240px);line-height:.95;white-space:nowrap;letter-spacing:-.065em;padding-top:100px;padding-bottom:85px;color:#eaeee9;user-select:none}.footer-bottom{padding:23px 0 0;display:flex;gap:30px;align-items:center;justify-content:space-between;font-size:9px;border-top:1px solid var(--line)}.footer-bottom>.footer-logo{display:block;width:150px}.footer-bottom>.footer-logo img{width:100%;height:auto}.footer-bottom>a:last-child{margin-left:auto}.footer-bottom>span{margin-right:auto}
@media(max-width:1100px){.client-names{gap:20px;grid-template-columns:repeat(3,1fr);row-gap:35px}.strip-heading p{margin-right:0}.work-rail{gap:24px}.rail-card{flex-basis:32vw;min-width:280px}.case-layout{grid-template-columns:185px minmax(0,1fr);gap:5%}.all-materials-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.footer-grid{grid-template-columns:1.5fr 1fr 1fr;gap:30px}.footer-grid>div:first-child{grid-column:1/-1}.contact-dialog-info{margin-left:30%}.lightbox-layout{grid-template-columns:minmax(0,1fr) 240px;gap:25px}}
@media(max-width:850px){.site-header{padding:18px 24px}.site-header.is-scrolled{padding:18px 24px}.site-header .brand{width:145px}.site-header .desktop-nav{gap:22px;font-size:10px}.intro-body{grid-template-columns:1fr 2fr;gap:30px}.home-selected{padding-block:85px}.work-marquee{margin-bottom:50px}.practice{gap:40px;grid-template-columns:1fr 1.5fr}.service-row summary{grid-template-columns:22px 1fr 20px;gap:13px}.service-expanded{padding-left:35px}.contact-dialog-info{margin-left:20%}.contact-dialog-layout h2{font-size:clamp(100px,20vw,230px)}.lightbox-layout{grid-template-columns:1fr;gap:30px;padding:85px 24px 40px}.lightbox-meta{position:static;max-width:600px}.lightbox-meta h2{font-size:28px;margin-top:15px;margin-bottom:15px}.lightbox-nav{margin-top:25px}.footer-wordmark{padding-top:80px;padding-bottom:70px}.case-layout{grid-template-columns:160px minmax(0,1fr);gap:35px}.mixed-gallery .case-figure:not(.first){grid-column:1/-1}}
@media(max-width:700px){:root{--edge:22px;--display:clamp(34px,8.6vw,50px)}.site-header,.site-header.is-scrolled{height:81px;padding:15px 20px;align-items:center;gap:17px}.site-header .brand{width:142px}.site-header .desktop-nav{display:grid;grid-template-columns:1fr 1fr;gap:1px 18px;font-size:10.35px;line-height:1.5}.site-header .desktop-nav a{min-height:26px;gap:6px;white-space:nowrap}.site-header .desktop-nav svg{width:11px;height:11px}.contact-float{display:none!important}.hero-cinema,.cinema-pin{height:100svh;min-height:0}.cinema-stage video{display:block}.film-skip{left:22px;bottom:24px;font-size:9.2px}.film-toggle{right:22px;bottom:24px;font-size:9.2px}.home .intro{padding-top:86px;padding-bottom:90px}.section-kicker{font-size:10.35px;margin-bottom:25px}.intro h1{font-size:var(--display);line-height:1.12}.intro-body{display:block;margin-top:45px}.intro-body>div{max-width:none}.intro-body .lead{font-size:19px;line-height:1.5}.intro-body .muted{font-size:15px;line-height:1.6}.intro-body p+p{margin-top:25px}.intro-body .line-link{margin-top:24px}.line-link.mono{font-size:11.5px}.client-strip{padding-top:5px;padding-bottom:75px}.strip-heading{display:block}.strip-heading>.mono{font-size:10.35px}.strip-heading p{font-size:17px;margin-top:25px;max-width:none}.client-names{margin-top:45px;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px 20px}.client-names span{font-size:17px}.client-names span:nth-child(4){font-size:13.8px}.home .image-band{height:50svh;min-height:330px;max-height:500px}.image-band img{height:100%;inset:0;will-change:auto;transform:none}.image-band>span{left:22px;right:22px;bottom:20px;display:flex;justify-content:space-between;font-size:9.2px;gap:10px}.home-selected{padding-top:75px;padding-bottom:80px}.work-marquee{margin-bottom:40px}.work-marquee-track>span{font-size:48px;line-height:1.05}.work-rail{gap:18px;padding:0 22px 10px}.rail-card{flex:0 0 78vw;min-width:0;margin:0}.rail-card .work-image{aspect-ratio:3/4}.work-caption{display:block;padding-top:14px}.work-caption h3{font-size:15px}.work-caption .mono{font-size:10.35px;margin-top:6px;text-align:left;max-width:none}.work-rail-bottom{gap:15px;margin-top:25px;align-items:center}.work-rail-bottom .line-link{font-size:10.35px;gap:10px}.work-rail-bottom .line-link svg{width:14px;height:14px}.work-rail-bottom button{width:32px;height:32px;font-size:18px;margin-left:4px}.practice{display:block;padding-top:85px;padding-bottom:85px}.practice-intro>.mono{font-size:10.35px}.practice-intro h2{font-size:var(--display);margin-top:26px;margin-bottom:25px}.practice-intro p{max-width:30ch;font-size:15px}.service-list{margin-top:45px}.service-row summary{padding:25px 0;grid-template-columns:23px 1fr 20px;gap:12px}.service-row h3{font-size:27px}.service-expanded{padding:0 0 28px 35px}.service-expanded>p{font-size:15px}.home-contact{padding-top:90px;padding-bottom:95px}.home-contact>.mono{font-size:10.35px}.home-contact h2{font-size:var(--display);max-width:none}.home-contact .intro-body{margin-top:38px}.page-intro{padding-top:145px;padding-bottom:40px}.page-intro>.mono{font-size:10.35px}.page-intro-grid{display:block;margin:35px 0 40px}.page-intro-grid h1{font-size:var(--display);margin:0 0 25px}.page-intro-grid .lead{font-size:22px}.portfolio-views{gap:25px;margin-bottom:25px}.portfolio-views>button{font-size:15px}.portfolio-views span{font-size:10.35px;margin-left:6px}.filter-bar{gap:8px 20px}.filter-bar>button{font-size:10.35px;min-height:30px}.filter-count{font-size:10.35px;margin-top:10px}.portfolio-section{padding-bottom:85px}.portfolio-grid{display:block}.portfolio-project{margin-bottom:40px}.portfolio-project:last-child{margin-bottom:0}.portfolio-grid .work-image{aspect-ratio:4/3}.portfolio-grid .work-arrow{width:34px;height:34px}.all-materials-grid{grid-template-columns:1fr;gap:35px}.material-card .zoom-image{height:auto;max-height:430px;min-height:200px}.material-card .zoom-image img{height:auto;max-height:430px;object-fit:contain}.material-card .material-caption{margin-top:12px}.material-card .material-caption h3{font-size:14px}.material-card .material-caption>.mono{font-size:9.2px}.case-layout{display:flex;flex-direction:column-reverse;padding-top:140px;padding-bottom:65px;gap:45px}.case-heading{padding-bottom:30px}.case-heading>.mono{font-size:9.2px}.case-heading h1{font-size:clamp(35px,9.2vw,50px);margin-top:18px;overflow-wrap:normal}.case-info{position:static;width:100%}.case-info details p{font-size:14px}.case-gallery{gap:30px 12px}.case-gallery .material-caption{font-size:9.2px;gap:12px}.case-gallery .material-note{font-size:14.95px;line-height:1.65;margin-top:12px}.mixed-gallery .case-figure:not(.first),.logo-gallery .case-figure{grid-column:1/-1}.screen-gallery .zoom-image{max-height:750px}.case-info .line-link{font-size:11.5px}.next-project{padding-top:30px;padding-bottom:70px}.next-project>a{font-size:clamp(30px,8.5vw,45px)}.service-hero h1,.studio-intro h1{font-size:clamp(35px,8.8vw,48px)}.service-lead,.studio-copy,.studio-approach,.service-article{display:block}.service-article h2{font-size:29px}.service-article p{font-size:16px}.studio-copy .lead{font-size:21px}.studio-approach h2{font-size:34px}.contact-page h1{font-size:clamp(50px,13.5vw,75px)}.contact-page .lead{font-size:20px;margin-left:0}.contact-section{display:flex;flex-direction:column;gap:65px;padding-top:20px;padding-bottom:85px}.contact-section .contact-email{font-size:clamp(22px,6vw,31px)}.contact-dialog{padding:15px 20px 45px}.dialog-top .brand{width:142px}.dialog-close{font-size:10.35px;gap:10px}.dialog-close>span{font-size:24px}.contact-dialog-layout{padding-top:85px;min-height:auto;gap:55px}.contact-dialog-layout h2{font-size:clamp(78px,22vw,145px);margin-left:-3px;margin-top:25px}.contact-dialog-layout>div>.mono{font-size:10.35px}.contact-dialog-info{margin:0;gap:15px}.contact-dialog-info p{font-size:20px;line-height:1.45;margin-bottom:10px}.contact-dialog-info .dialog-email{font-size:22px}.contact-dialog-info .line-link{font-size:15px;align-self:flex-start;margin-top:22px}.contact-dialog-info>.mono{font-size:10.35px;margin-top:15px}.lightbox-layout{display:block;padding:75px 10px 35px}.lightbox-meta{padding:25px 12px 0}.lightbox-meta>.mono{font-size:10.35px}.lightbox-meta h2{font-size:24px;margin-top:18px}.lightbox-meta>p{font-size:14px;line-height:1.65}.lightbox-meta .line-link{font-size:13.8px;margin-top:20px}.lightbox-nav{margin-top:25px}.lightbox-nav button{width:45px;height:38px}.image-close{right:12px;top:14px;font-size:10.35px}.image-close>span{font-size:23px}.footer{padding-top:25px;padding-bottom:25px}.footer-top{display:block;font-size:9.2px}.footer-top>span{display:block}.footer-top>span+span{margin-top:10px}.footer-grid{display:grid;grid-template-columns:1fr 1fr;gap:35px 25px;margin-top:40px;padding:25px 0 35px}.footer-grid>div:nth-child(n){grid-column:auto;grid-row:auto}.footer-grid>div:first-child{grid-column:1/-1}.footer-grid>div:last-child{grid-column:1/-1}.footer-grid .mono{font-size:10.35px;margin-bottom:16px}.footer-grid p,.footer-grid a{font-size:11.5px;line-height:1.9}.footer-grid .footer-email{font-size:13.8px}.footer-wordmark{font-size:clamp(36px,13.8vw,96px);line-height:.95;padding-top:60px;padding-bottom:50px;letter-spacing:-.055em}.footer-bottom{display:flex;flex-wrap:wrap;align-items:center;gap:20px;padding:20px 0 0;font-size:9.2px}.footer-bottom>span{flex-basis:100%;margin:0}.footer-bottom>.footer-logo{width:140px}.footer-bottom>a:last-child{margin-left:auto}.toast{bottom:25px}}

.contact-float.is-resting{opacity:0;pointer-events:none;transform:translate(-50%,20px)}.contact-float:focus-visible{opacity:1;pointer-events:auto;transform:translateX(-50%)}
@media(min-width:701px){.intro .intro-body{margin-top:clamp(140px,12vw,190px)}}
@keyframes inner-page-in{from{opacity:0}to{opacity:1}}body:not(.home) main{animation:inner-page-in .5s ease both}


/* Original client marks move as a continuous, controllable strip. */
.client-strip{padding-top:35px;padding-bottom:90px;overflow:hidden}.client-viewport{overflow:hidden;margin-top:48px;padding-block:35px;touch-action:pan-y;cursor:grab;mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent);outline-offset:-4px}.client-viewport.is-dragging{cursor:grabbing}.client-track{display:flex;width:max-content;transform:translate3d(0,0,0);will-change:transform}.client-group{display:flex;align-items:center;gap:clamp(45px,5vw,85px);list-style:none;margin:0;padding:0 clamp(45px,5vw,85px) 0 0;flex-shrink:0}.client-group li{flex:0 0 180px;width:180px;display:flex;align-items:center;justify-content:center}.client-group img{display:block;width:180px;height:88px;object-fit:contain;mix-blend-mode:screen;filter:brightness(1.25);opacity:.9;user-select:none;-webkit-user-drag:none;pointer-events:none}.client-controls{display:flex;align-items:center;justify-content:space-between;margin-top:20px;gap:25px}.client-controls>.mono{font-size:10px;color:var(--muted)}.client-controls>div{display:flex;gap:8px}.client-controls button{width:36px;height:36px;display:grid;place-items:center;border:1px solid var(--line);color:var(--text);font-size:16px;border-radius:50%;transition:background .2s,border-color .2s}.client-controls button:hover{background:#262a27;border-color:#767d77}
/* Oversized image surfaces retain room for real scroll parallax without exposed edges. */
.home .image-band{height:64svh;min-height:470px;max-height:850px}.image-band img{inset:-30% 0 auto;width:100%;height:160%;transform:translate3d(0,var(--band-y,0px),0);will-change:auto}.image-band.is-in-view img{will-change:transform}.image-band>span{bottom:32px;font-size:10px}
@media(max-width:700px){.client-strip{padding-top:5px;padding-bottom:65px}.client-viewport{margin-top:28px;padding-block:28px;mask-image:linear-gradient(90deg,transparent,#000 4%,#000 96%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 4%,#000 96%,transparent)}.client-group{gap:34px;padding-right:34px}.client-group li{flex-basis:144px;width:144px}.client-group img{width:144px;height:71px}.client-controls{margin-top:8px;gap:20px}.client-controls>.mono{font-size:10.35px}.client-controls button{width:34px;height:34px}.home .image-band{height:55svh;min-height:340px;max-height:650px}.image-band img{inset:-18% 0 auto;height:136%;transform:translate3d(0,var(--band-y,0px),0)}.bear-band img{object-position:70% 50%}.zezelj-band img{object-position:26% 36%}.image-band>span{bottom:25px}}

.client-group li{background:var(--bg);isolation:isolate}

/* Portfolio categories share one catalogue across projects and full image views. */
.portfolio-intro .page-intro-grid{margin-bottom:45px}.portfolio-intro .portfolio-views{margin-bottom:25px}.portfolio-categories{display:flex;flex-wrap:wrap;gap:4px 28px;border:0}.portfolio-categories>button{display:inline-flex;gap:11px;align-items:baseline;padding:11px 0;font-family:var(--font);font-size:13px;line-height:1.4;text-transform:none;letter-spacing:0;border:0;border-bottom:1px solid transparent;color:var(--muted);white-space:nowrap}.portfolio-categories>button[aria-pressed=true]{border-bottom-color:var(--text);color:var(--text)}.portfolio-categories>button:hover{color:var(--text)}.portfolio-categories .filter-total{font-family:var(--mono);font-size:9px;color:#7e8781;transform:translateY(-3px)}.portfolio-results{display:flex;align-items:baseline;justify-content:space-between;gap:25px;margin-top:30px;padding-top:27px;border-top:1px solid var(--line)}.portfolio-results h2{font-size:23px;line-height:1.35;letter-spacing:-.015em}.portfolio-results .filter-count{font-size:10px;margin:0;white-space:nowrap}.case-figure{scroll-margin-top:100px}
@media(max-width:700px){.portfolio-intro .page-intro-grid{margin-bottom:30px}.portfolio-intro .portfolio-views{margin-bottom:18px}.portfolio-categories{gap:2px 21px}.portfolio-categories>button{font-size:13.8px;padding-block:9px;gap:8px}.portfolio-categories .filter-total{font-size:9.2px}.portfolio-results{margin-top:23px;padding-top:22px;gap:20px}.portfolio-results h2{font-size:20px}.portfolio-results .filter-count{font-size:10.35px}.case-figure{scroll-margin-top:92px}}

/* Transparent bottle artwork retains a light surface for its soft shadows. */
.zoom-image[data-transparent=true],.image-dialog-content.has-transparent-artwork{background:#fafaf8}

.image-dialog-content.has-transparent-artwork img{max-height:calc(100svh - 145px);object-fit:contain}

/* Mobile scroll surfaces. */
@media(max-width:700px){.image-band img{inset:-21% 0 auto;height:142%;backface-visibility:hidden;-webkit-backface-visibility:hidden}.motion-ready [data-rise] .rise-word{transition-duration:.85s,.6s}.motion-ready [data-image-reveal]{transition-duration:.9s}}