@font-face{font-family:Bricolage;src:url('./assets/bricolage-variable.woff2') format('woff2');font-style:normal;font-weight:200 800;font-display:swap}
@font-face{font-family:Manrope;src:url('./assets/manrope-variable.woff2') format('woff2');font-style:normal;font-weight:200 800;font-display:swap}
@font-face{font-family:DMSerif;src:url('./assets/dm-serif-italic.woff2') format('woff2');font-style:italic;font-weight:400;font-display:swap}
:root{--bg:#141512;--surface:#20221d;--paper:#eeeee5;--ink:#141512;--orange:#ff502b;--muted:#a9ada1;--line:#393c33;--gutter:clamp(22px,4.7vw,88px);--display:Bricolage,Arial,sans-serif;--body:Manrope,Arial,sans-serif;--serif:DMSerif,Georgia,serif}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:100px}
body{margin:0;background:var(--bg);color:var(--paper);font:500 16px/1.5 var(--body);-webkit-font-smoothing:antialiased;overflow-x:clip}
body.menu-open,body.dialog-open{overflow:hidden}
a{color:inherit;text-decoration:none;touch-action:manipulation}button{color:inherit;font:inherit;cursor:pointer;touch-action:manipulation}button,a{-webkit-tap-highlight-color:transparent}
img{display:block;width:100%;height:auto}figure,p,h1,h2,h3{margin:0}ul{margin:0;padding:0;list-style:none}[hidden]{display:none!important}
::selection{background:var(--orange);color:var(--ink)}a:focus-visible,button:focus-visible{outline:2px solid currentColor;outline-offset:7px}
.wrap{width:100%;max-width:1680px;margin-inline:auto;padding-inline:var(--gutter)}
.icon{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.icon-sprite{position:absolute;width:0;height:0;overflow:hidden}
.skip-link{position:fixed;top:10px;left:20px;transform:translateY(-160%);padding:12px 20px;color:var(--ink);background:var(--paper);z-index:200}.skip-link:focus{transform:none}
.section-index{font-size:12px;letter-spacing:.06em;font-weight:500;font-variant-numeric:tabular-nums;flex-shrink:0}
.reveal{opacity:1;translate:0 0}.reveal.is-ready{opacity:0;translate:0 30px;transition:opacity .8s ease,translate .9s cubic-bezier(.2,.65,.25,1)}.reveal.is-visible{opacity:1;translate:0 0}
/* A compact header lets the opening composition fill the screen. */
.site-header{position:fixed;inset:0 0 auto;z-index:50;background:linear-gradient(var(--bg),#14151200);isolation:isolate}
.header-inner{height:90px;display:flex;align-items:center;justify-content:space-between;gap:30px}.brand{display:block;width:114px;flex-shrink:0}
.header-controls{display:flex;align-items:center;gap:29px}.header-contact{background:var(--paper);color:var(--ink);border-radius:50px;padding:9px 18px;display:flex;align-items:center;gap:13px;font-size:14px;font-weight:750;line-height:1.3;transition:background .25s}.header-contact .icon{width:15px;height:15px}.header-contact:hover{background:var(--orange)}
.menu-toggle{border:0;padding:10px 0;background:none;display:flex;align-items:center;gap:11px;font-size:15px;font-weight:550}.menu-bars{display:flex;flex-direction:column;gap:5px;width:19px}.menu-bars i{display:block;height:1px;background:currentColor;width:19px;transition:transform .25s}.menu-toggle[aria-expanded="true"] .menu-bars i:first-child{transform:translateY(3px) rotate(45deg)}.menu-toggle[aria-expanded="true"] .menu-bars i:last-child{transform:translateY(-3px) rotate(-45deg)}
.reading-progress{position:absolute;bottom:0;left:0;width:100%;height:1px;background:var(--orange);transform:scaleX(0);transform-origin:left;pointer-events:none;opacity:.65}
.mobile-nav{position:fixed;inset:90px 0 0;height:calc(100dvh - 90px);background:var(--bg);overflow:auto}.menu-open .site-header{background:var(--bg)}.mobile-nav-inner{padding-top:20px;padding-bottom:40px;max-width:1400px}
.mobile-nav-inner>a{display:flex;align-items:center;gap:32px;padding:13px 0;border-bottom:1px solid var(--line);font:650 clamp(35px,5vw,73px)/1.2 var(--display);letter-spacing:-.055em;transition:color .2s,padding .2s}.mobile-nav-inner>a:hover{color:var(--orange);padding-left:10px}.mobile-nav-inner>a>span{font:12px var(--body);letter-spacing:0;color:var(--muted)}.mobile-nav-inner>a .icon{margin-left:auto;width:35px;height:35px}.mobile-nav-inner>.mobile-email{font:14px var(--body);letter-spacing:0;border:0;margin-top:25px;padding-block:15px}
/* The photo aperture opens with scroll; the original brief headline stays intact. */
.hero-story{height:155svh;position:relative;--hero-progress:0}
.hero-pin{height:100svh;min-height:640px;position:sticky;top:0;overflow:hidden;isolation:isolate}
.hero-media{position:absolute;top:48%;left:50%;transform:translate(-50%,-50%);width:calc(61% + var(--hero-progress) * 31%);height:calc(49% + var(--hero-progress) * 24%);border-radius:calc(230px - var(--hero-progress) * 195px);overflow:hidden;background:#080a07;will-change:width,height,border-radius}
.hero-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.hero-image-first{object-position:50% 56%;transform:scale(calc(1.05 + var(--hero-progress) * .08));opacity:calc(1 - var(--hero-progress) * .65)}.hero-image-second{object-position:50% 58%;opacity:calc(var(--hero-progress) * .85);transform:scale(calc(1.12 - var(--hero-progress) * .07))}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,#0507041a,#05070447),linear-gradient(0deg,#05070433,transparent 70%)}
.hero-content{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:0 var(--gutter) 3vh;transform:translateY(calc(var(--hero-progress) * -70px));opacity:calc(1 - var(--hero-progress) * .92);pointer-events:none}
.hero-content h1{width:100%;text-align:center;color:var(--orange);font:750 clamp(65px,12.8vw,205px)/.97 var(--display);letter-spacing:-.075em}.hero-line{display:block;white-space:nowrap}.hero-line.hero-italic{font:italic 400 clamp(54px,8.3vw,135px)/1.12 var(--serif);letter-spacing:-.055em;margin-top:13px}
.hero-foot{position:absolute;bottom:13%;left:50%;transform:translateX(-50%);width:min(640px,64%);display:flex;align-items:center;justify-content:space-between;gap:24px;font-size:14px;color:#c5c8bb;opacity:calc(1 - var(--hero-progress));padding:7px 0}.hero-foot:focus-within{opacity:1;background:var(--bg)}.hero-name{font-size:14px;letter-spacing:-.03em}.hero-work-link{display:flex;align-items:center;gap:11px}.hero-work-link .icon{width:15px;height:15px}.hero-work-link:hover{color:var(--orange)}.hero-scroll-link{display:grid;place-items:center;width:42px;height:42px;border:1px solid #73776b;border-radius:50%;transition:color .2s,border-color .2s}.hero-scroll-link .icon{width:18px;height:18px}.hero-scroll-link:hover{color:var(--orange);border-color:var(--orange)}
/* Production photographs are the visual story, exactly as supplied. */
.about-section{padding-top:90px;padding-bottom:80px}.section-heading{display:flex;align-items:flex-start;gap:30px;margin-bottom:55px}.section-heading .section-index{margin-top:19px;color:var(--muted)}.section-heading h2{font:650 clamp(58px,8vw,125px)/.95 var(--display);letter-spacing:-.065em}.heading-mark{margin-left:auto;font-size:67px;line-height:1;color:var(--orange);font-weight:350}
.about-images{display:grid;grid-template-columns:1.1fr .9fr;gap:7%;align-items:start;padding:0 3% 60px}.about-photo{position:relative;border-radius:20px;overflow:hidden;background:#242722;transform:translateY(var(--photo-drift,0px));will-change:transform}.about-photo img{aspect-ratio:3/4;object-fit:cover}.first-photo{max-width:710px}.second-photo{margin-top:180px;border-radius:160px 160px 18px 18px}.photo-corner{display:none}
/* The approved introduction fills with Ilona orange as the reader scrolls. */
.intro-story{margin:0 0 85px;--intro-progress:0}.intro-panel{position:relative;isolation:isolate;overflow:hidden;border-radius:240px;min-height:590px;display:flex;align-items:center;justify-content:center;padding:85px 9%;background:#0d100c}.intro-background{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 43%;filter:grayscale(1) brightness(.38);transform:scale(calc(1.02 + var(--intro-progress) * .035));z-index:-2}.intro-shade{position:absolute;inset:0;background:linear-gradient(0deg,#090b08aa,#090b0855 45%,#090b0880);z-index:-1}.intro-statement{width:100%;max-width:970px;text-align:center;font:600 clamp(30px,3.5vw,57px)/1.28 var(--body);letter-spacing:-.045em;color:var(--orange);text-wrap:balance}.intro-name{display:block;margin-bottom:14px;font-weight:700}.intro-description{display:block}.intro-word{display:inline-block}
@supports (background-clip:text){.has-text-reveal .intro-word{color:transparent;background:linear-gradient(90deg,var(--orange) var(--word-fill,100%),#aeb1a5 var(--word-fill,100%));background-clip:text;-webkit-background-clip:text}}
@media(min-width:801px) and (min-height:681px) and (prefers-reduced-motion:no-preference){.intro-story{height:150svh}.intro-panel{position:sticky;top:100px;height:calc(100svh - 145px);max-height:900px;min-height:520px}}
@media(max-width:1100px){.intro-panel{padding-inline:8%;border-radius:190px}.intro-statement{font-size:clamp(31px,4vw,45px)}}
@media(max-width:800px){.intro-story{margin-bottom:60px}.intro-panel{border-radius:150px;min-height:540px;padding:74px 9%}.intro-statement{font-size:clamp(28px,4.6vw,38px);line-height:1.32}}
@media(max-width:520px){.intro-story{margin-bottom:43px}.intro-panel{border-radius:120px;min-height:505px;padding:70px 25px}.intro-statement{font-size:clamp(24px,6.1vw,31px);line-height:1.36;letter-spacing:-.035em}.intro-name{margin-bottom:18px}.intro-background{object-position:48% 45%}}
@media(prefers-reduced-motion:reduce){.intro-story{height:auto}.intro-panel{position:relative;top:auto}.intro-background{transform:none}.has-text-reveal .intro-word{color:var(--orange);background:none}}
/* A continuous rightward loop; the static fallback keeps every client visible. */
.clients-section{padding-top:25px;padding-bottom:110px}.clients-section .section-heading{margin-bottom:45px}.clients-section .section-heading h2{font-size:clamp(42px,4.75vw,76px);line-height:1.03}.clients-section h2 span{font-family:var(--serif);font-style:italic;font-weight:400;letter-spacing:-.04em;color:var(--orange)}.clients-section .section-index{margin-top:9px}
.client-marquee{border-block:1px solid var(--line)}.client-logo-set{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));padding:20px var(--gutter)}.client-logo-set li{height:136px;padding:22px 28px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.client-logo-set img{width:auto;max-width:100%;max-height:78px;object-fit:contain;filter:grayscale(1) brightness(0) invert(1);opacity:.9}.client-logo-set .logo-tribelio img{width:124px;max-height:124px;filter:grayscale(1) invert(1) contrast(7);mix-blend-mode:screen}.client-logo-set .logo-gonegani img{width:185px;max-width:100%}.client-logo-set .logo-authentism img{width:155px}.client-logo-set .logo-farmanina img{width:193px}.client-logo-set .logo-maxim img,.client-logo-set .logo-amazy img,.client-logo-set .logo-bank-bjb img{width:152px}
.client-marquee.is-enhanced{overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent)}.client-marquee.is-enhanced .client-track{width:max-content;display:flex;animation:clients-rightward 38s linear infinite;will-change:transform}.client-marquee.is-enhanced .client-logo-set{display:flex;flex:none;width:max-content;padding:18px 0}.client-marquee.is-enhanced .client-logo-set li{width:max(190px,12.5vw)}.client-marquee.is-paused .client-track{animation-play-state:paused}.client-marquee:not(.is-enhanced) .client-logo-set[aria-hidden]{display:none}
@keyframes clients-rightward{from{transform:translateX(-50%)}to{transform:translateX(0)}}
.marquee-controls{display:flex;justify-content:flex-end}.marquee-toggle{display:inline-flex;align-items:center;gap:7px;min-height:44px;background:none;border:0;padding:10px 0;margin-top:10px;font-size:14px;color:var(--muted)}.marquee-toggle:hover{color:var(--paper)}.marquee-toggle .icon{width:16px;height:16px}
/* One featured case, with the actual evidence available at full size. */
.work-section{padding-top:45px;padding-bottom:115px}.work-heading{display:flex;justify-content:space-between;align-items:center;gap:30px;margin-bottom:54px}.work-heading>div{display:flex;align-items:flex-start;gap:30px}.work-heading .section-index{margin-top:25px;color:var(--muted)}.work-heading h2{font:italic 400 clamp(72px,10.2vw,164px)/.98 var(--serif);letter-spacing:-.045em}.work-arrow{width:74px;height:74px;stroke-width:1;color:var(--orange)}
.case-study{border-radius:28px;background:var(--paper);color:var(--ink);padding:42px}.case-top{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding-bottom:31px;margin-bottom:35px;border-bottom:1px solid #cbcec0}.case-top h3{font:650 clamp(18px,1.8vw,27px)/1.5 var(--body);letter-spacing:-.045em}.case-discipline{color:#5e6458;font-weight:450}.case-number{font-size:12px;padding-top:7px;color:#63695e}
.case-body{display:grid;grid-template-columns:1.13fr 1fr;align-items:center;gap:7%}.case-results{padding-left:30px}.result-statement{display:flex;flex-direction:column;align-items:flex-start}.result-label{font-size:18px;font-weight:500;color:#4e5549;letter-spacing:-.04em;line-height:1.4}.result-number{font:650 clamp(92px,10.8vw,166px)/1 var(--display);letter-spacing:-.07em;margin-top:12px;white-space:nowrap}.second-label{margin-top:28px}.result-growth{color:var(--orange);font:italic 400 clamp(113px,12.9vw,190px)/1.1 var(--serif);letter-spacing:-.06em;white-space:nowrap;margin-left:-3px}.result-growth span{font-size:.65em;vertical-align:10%;letter-spacing:-.035em}.final-label{margin-top:5px}.result-rule{display:flex;align-items:center;gap:23px;width:85%;margin-top:42px}.result-rule span{height:1px;flex:1;background:#bac0ad}.result-rule .icon{width:29px;height:29px;color:#616951}
.case-visual{background:#d6dacb;border-radius:140px 140px 15px 15px;padding:36px 34px;display:flex;justify-content:center;overflow:hidden}.result-image-link{position:relative;max-width:302px;box-shadow:0 22px 50px #12170d26;border-radius:10px;transition:transform .45s}.result-image-link:hover{transform:translateY(-5px)}.result-image-link>img{border-radius:10px}.enlarge-button{position:absolute;bottom:14px;right:12px;border-radius:40px;background:var(--ink);color:var(--paper);padding:10px 14px;display:flex;align-items:center;gap:7px;font-size:12px;transition:background .2s}.enlarge-button .icon{width:15px;height:15px}.result-image-link:hover .enlarge-button{background:var(--orange);color:var(--ink)}
/* Ruled service rows reveal a cursor-following card and native tap details. */
.expertise-section{padding-top:60px;padding-bottom:125px}.expertise-heading{display:flex;align-items:flex-start;gap:30px;margin-bottom:58px}.expertise-heading .section-index{margin-top:24px;color:var(--muted)}.expertise-heading h2{font:650 clamp(42px,7.5vw,114px)/1.05 var(--display);letter-spacing:-.055em}
.expertise-rows{border-top:1px solid #ff502b70}.expertise-item{border-bottom:1px solid #ff502b70}.expertise-item summary{position:relative;isolation:isolate;display:grid;grid-template-columns:36px minmax(0,1fr) 36px;align-items:center;gap:28px;list-style:none;padding:42px 0;cursor:pointer;color:var(--orange);transition:color .3s,padding .4s cubic-bezier(.2,.65,.25,1)}.expertise-item summary::-webkit-details-marker{display:none}.expertise-item summary::marker{content:''}.expertise-item summary::before{content:'';position:absolute;inset:0;z-index:-1;background:var(--orange);transform:scaleY(0);transform-origin:bottom;transition:transform .38s cubic-bezier(.2,.65,.25,1)}.expertise-item summary:focus-visible{outline:2px solid var(--paper);outline-offset:5px}.service-index{font-size:14px;font-weight:650;align-self:center}.expertise-item h3{font:italic 400 clamp(37px,4.4vw,76px)/1.16 var(--serif);letter-spacing:-.035em;overflow-wrap:break-word}.expertise-arrow{display:flex;justify-content:flex-end;transition:transform .35s}.expertise-arrow .icon{width:32px;height:32px;stroke-width:1.2}.expertise-item[open] summary,.expertise-item summary:focus-visible{color:var(--ink);padding-inline:26px}.expertise-item[open] summary::before,.expertise-item summary:focus-visible::before{transform:scaleY(1)}.expertise-item[open] .expertise-arrow{transform:rotate(135deg)}
.expertise-detail{display:grid;grid-template-columns:minmax(0,280px) minmax(0,1fr);gap:40px;align-items:center;padding:32px 26px 40px}.service-image{width:100%;height:240px;object-fit:cover;object-position:center;border-radius:14px}.service-image-logo{object-fit:contain;padding:32px;background:#252820}.service-tags{display:flex;flex-wrap:wrap;gap:10px}.service-tags li{font-size:16px;line-height:1.4;padding:10px 16px;border:1px solid #656a5d}.service-platforms{font-size:16px;line-height:1.7;margin-bottom:17px}.service-cta{display:inline-flex;align-items:center;gap:15px;padding:10px 0;margin-top:26px;font-size:16px;color:var(--orange);text-decoration:underline;text-underline-offset:7px}.service-cta:hover{color:var(--paper)}.service-cta .icon{width:18px;height:18px}
.expertise-preview{display:none;position:fixed;top:0;left:0;width:clamp(260px,25vw,352px);z-index:45;pointer-events:none;visibility:hidden;opacity:0;transition:opacity .18s,visibility .18s;will-change:transform}.expertise-preview.is-visible{opacity:1;visibility:visible}.expertise-preview-inner{padding:18px;background:var(--orange);color:var(--ink);border-radius:24px;box-shadow:0 22px 75px #0005;transform:rotate(-3deg) scale(.94);transition:transform .35s cubic-bezier(.2,.65,.25,1)}.expertise-preview.is-visible .expertise-preview-inner{transform:rotate(var(--preview-tilt,-3deg)) scale(1)}.preview-image{width:100%;height:clamp(155px,23vh,238px);object-fit:cover;object-position:center;border-radius:14px;background:#20231d}.preview-image.is-logo{object-fit:contain;padding:27px}.preview-title{font:700 21px/1.18 var(--display);letter-spacing:-.035em;margin:18px 0 12px}.preview-tags{display:flex;flex-wrap:wrap;gap:7px}.preview-tags li{font-size:14px;line-height:1.3;border:1px solid #14151270;padding:7px 9px}.menu-open .expertise-preview,.dialog-open .expertise-preview{visibility:hidden;opacity:0}
@media(hover:hover) and (pointer:fine) and (min-width:901px) and (min-height:600px) and (prefers-reduced-motion:no-preference){.expertise-preview{display:block}.expertise-item summary:hover{color:var(--ink);padding-inline:26px}.expertise-item summary:hover::before{transform:scaleY(1)}.expertise-item:not([open]) summary:hover .expertise-arrow{transform:rotate(45deg)}}
/* The closing typography responds to scroll without an endless marquee. */
.contact-section{padding-top:30px;padding-bottom:95px;overflow:hidden}.contact-top{display:flex;align-items:flex-start;gap:30px}.contact-top>.section-index{margin-top:30px;color:var(--muted)}.contact-cta{display:flex;align-items:center;justify-content:space-between;gap:30px;width:100%;transform:translateX(var(--contact-shift,0px))}.contact-cta h2{font:italic 400 clamp(66px,8.9vw,142px)/1.12 var(--serif);letter-spacing:-.045em;color:var(--orange)}.contact-arrow{display:grid;place-items:center;width:100px;height:100px;flex-shrink:0;border-radius:50%;border:1px solid var(--orange);color:var(--orange);transition:background .3s,color .3s,transform .3s}.contact-arrow .icon{width:42px;height:42px;stroke-width:1.1}.contact-cta:hover .contact-arrow{background:var(--orange);color:var(--ink);transform:rotate(45deg)}.contact-links{display:flex;align-items:center;justify-content:space-between;margin-left:62px;gap:30px;margin-top:44px}.contact-links a{display:flex;align-items:center;gap:15px;font-size:14px}.contact-links a:first-child{font-size:clamp(18px,2.2vw,33px);letter-spacing:-.05em}.contact-links .icon{width:18px;height:18px}.contact-links a:hover{text-decoration:underline;text-underline-offset:5px}
.site-footer{background:var(--orange);color:var(--ink);padding:68px 0 29px;border-radius:35px 35px 0 0}.footer-wordmark{display:block;padding-bottom:68px}.footer-wordmark img{filter:brightness(0);width:100%}.footer-bottom{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #1115;padding-top:25px;font-size:12px}.footer-bottom a{display:flex;align-items:center;gap:10px}.footer-bottom .icon{width:15px;height:15px}
/* Browser-native dialogs provide Escape and focus handling. */
dialog{padding:0;border:0;color:var(--ink);background:var(--paper)}dialog::backdrop{background:#080b06cc;backdrop-filter:blur(7px)}.brief-dialog{width:min(780px,calc(100vw - 32px));max-height:90dvh;overflow:auto;border-radius:18px}.dialog-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:26px 32px 20px;position:sticky;top:0;z-index:1;background:var(--paper);border-bottom:1px solid #ced0c5}.dialog-heading h2{font:550 40px/1.1 var(--display);letter-spacing:-.05em}.dialog-heading p{font-size:14px;line-height:1.4;margin-top:10px}.dialog-close,.image-close{display:grid;place-items:center;width:43px;height:43px;border:1px solid #aaafa0;border-radius:50%;background:var(--paper);flex-shrink:0}.dialog-close:hover{background:var(--orange);border-color:var(--orange)}.form-fallback{padding:18px 32px;font-size:14px;border-bottom:1px solid #ced0c5}.form-fallback a{display:inline-flex;align-items:center;gap:9px;text-decoration:underline;text-underline-offset:3px}.form-fallback .icon{width:15px;height:15px}.brief-dialog iframe{display:block;width:100%;height:900px;border:0;background:#fff}.dialog-email{padding:20px 32px;font-size:14px}.dialog-email a{text-decoration:underline;text-underline-offset:3px}.result-dialog{background:transparent;width:min(710px,calc(100vw - 32px));max-height:94dvh;overflow:auto;scrollbar-width:thin;border-radius:12px}.result-dialog img{width:100%;height:auto}.image-close{position:sticky;top:12px;float:right;margin:12px 12px -55px 0;z-index:2;background:var(--orange);border:0}.image-close:focus-visible{outline-color:var(--ink)}
@media(min-width:801px){.hero-content h1{animation:hero-arrive 1s cubic-bezier(.2,.65,.25,1) both}.hero-foot{animation:foot-arrive 1s .12s both}@keyframes hero-arrive{from{opacity:0;translate:0 25px}to{opacity:1;translate:0 0}}@keyframes foot-arrive{from{translate:0 12px}to{translate:0 0}}}
@media(max-width:1100px){.case-study{padding:33px}.case-results{padding-left:0}.case-body{gap:6%;grid-template-columns:1.1fr 1fr}.case-visual{padding:27px 24px}.case-discipline{display:block;font-size:16px}.result-label{font-size:16px}.result-number{font-size:11vw}.contact-arrow{width:78px;height:78px}.about-images{gap:6%;padding-inline:0}.second-photo{margin-top:125px}.client-logos li{padding-inline:15px}.client-logos .logo-authentism img{max-width:139px}.expertise-list a{min-height:300px}.expertise-list h3{max-width:80%}}
@media(max-width:800px){html{scroll-padding-top:92px}.header-inner{height:76px}.brand{width:98px}.header-controls{gap:22px}.header-contact{font-size:13px;padding:9px 15px}.header-contact .icon{width:13px;height:13px}.menu-toggle{font-size:14px}.mobile-nav{top:76px;height:calc(100dvh - 76px)}.mobile-nav-inner{padding-top:27px}.mobile-nav-inner>a{font-size:42px;padding-block:18px}.hero-story{height:140svh}.hero-pin{min-height:590px;height:90svh}.hero-media{width:calc(75% + var(--hero-progress) * 20%);height:calc(46% + var(--hero-progress) * 24%);border-radius:calc(210px - var(--hero-progress) * 180px);top:48%}.hero-content{padding-bottom:1vh}.hero-content h1{font-size:13.8vw;letter-spacing:-.075em}.hero-line.hero-italic{font-size:10.3vw;margin-top:15px}.hero-foot{width:72%;bottom:13%;font-size:13px}.hero-name{font-size:13px}.about-section{padding-top:65px;padding-bottom:57px}.section-heading{gap:22px;margin-bottom:39px}.section-heading h2{font-size:70px}.section-heading .section-index{margin-top:13px}.heading-mark{font-size:48px}.about-images{gap:6%;padding-bottom:30px}.about-photo{border-radius:15px}.second-photo{margin-top:95px;border-radius:110px 110px 15px 15px}.clients-section{padding-top:20px;padding-bottom:85px}.clients-section .section-heading{margin-bottom:34px}.clients-section .section-heading h2{font-size:46px}.clients-section .section-index{margin-top:7px}.client-logos{grid-template-columns:repeat(6,minmax(0,1fr));padding-block:0}.client-logos li{grid-column:span 2;height:139px;padding:20px}.client-logos li:nth-child(4),.client-logos li:nth-child(5){grid-column:span 3;border-top:1px solid var(--line)}.client-logos li:nth-child(4){border-left:0}.client-logos .logo-seefluencer img{max-height:73px}.client-logos .logo-tribelio img{max-height:112px;width:112px}.work-section{padding-top:32px;padding-bottom:81px}.work-heading{margin-bottom:36px}.work-heading>div{gap:22px}.work-heading h2{font-size:91px}.work-heading .section-index{margin-top:17px}.work-arrow{width:54px;height:54px}.case-study{padding:26px;border-radius:20px}.case-top{padding-bottom:23px;margin-bottom:27px}.case-top h3{font-size:20px}.case-discipline{font-size:14px}.case-number{padding-top:4px}.case-body{gap:22px;grid-template-columns:1fr 1fr}.case-visual{padding:21px 19px;border-radius:85px 85px 12px 12px}.result-label{font-size:15px}.result-number{font-size:10.5vw}.result-growth{font-size:13.3vw}.second-label{margin-top:22px}.result-rule{margin-top:25px}.enlarge-button{padding:9px;bottom:9px;right:9px}.enlarge-button>span{display:none}.expertise-section{padding-top:38px;padding-bottom:88px}.expertise-heading{gap:22px;margin-bottom:37px}.expertise-heading h2{font-size:77px}.expertise-heading .section-index{margin-top:16px}.expertise-list li{top:90px}.expertise-list li:nth-child(2){top:107px}.expertise-list li:nth-child(3){top:124px}.expertise-list li:nth-child(4){top:141px}.expertise-list a{min-height:286px;padding:29px}.expertise-list h3{font-size:46px;max-width:88%}.service-arrow{top:25px;right:27px;width:49px;height:49px}.service-arrow .icon{width:23px;height:23px}.service-watermark{font-size:275px;right:22px;bottom:-43px}.contact-section{padding-top:20px;padding-bottom:70px}.contact-top{gap:22px}.contact-top>.section-index{margin-top:18px}.contact-cta{gap:25px}.contact-cta h2{font-size:8.7vw}.contact-arrow{width:60px;height:60px}.contact-arrow .icon{width:28px;height:28px}.contact-links{margin-left:53px;margin-top:31px}.contact-links a:first-child{font-size:20px}.contact-links a{font-size:13px}.site-footer{padding-top:48px;border-radius:25px 25px 0 0}.footer-wordmark{padding-bottom:47px}}
@media(max-width:520px){.header-inner{gap:18px}.header-controls{gap:17px}.menu-bars{display:none}.header-contact{gap:8px;font-size:12px;padding:9px 13px}.brand{width:91px}.mobile-nav-inner>a{font-size:35px;padding-block:20px;gap:23px}.mobile-nav-inner>a .icon{width:25px;height:25px}.mobile-nav-inner>.mobile-email{font-size:14px}.hero-story{height:135svh}.hero-pin{height:92svh;min-height:540px}.hero-media{width:calc(81% + var(--hero-progress) * 15%);height:calc(48% + var(--hero-progress) * 24%);top:46%;border-radius:calc(150px - var(--hero-progress) * 130px)}.hero-image-first{object-position:51% 55%}.hero-content{padding-inline:16px;padding-bottom:5vh}.hero-content h1{font-size:14.2vw;letter-spacing:-.078em;font-weight:750}.hero-line.hero-italic{font-size:11.9vw;letter-spacing:-.055em;margin-top:17px}.hero-foot{bottom:13%;width:83%;gap:14px;font-size:12px}.hero-name{font-size:12px}.hero-work-link{gap:8px}.hero-scroll-link{width:35px;height:35px}.hero-scroll-link .icon{width:16px;height:16px}.about-section{padding-top:50px;padding-bottom:37px}.section-heading{gap:17px;margin-bottom:29px}.section-index{font-size:11px}.section-heading h2{font-size:54px;letter-spacing:-.06em}.section-heading .section-index{margin-top:9px}.heading-mark{font-size:36px}.about-images{gap:13px;grid-template-columns:1fr 1fr;padding-bottom:22px}.about-photo{border-radius:12px}.second-photo{margin-top:64px;border-radius:70px 70px 12px 12px}.clients-section{padding-top:10px;padding-bottom:67px}.clients-section .section-heading{gap:17px;margin-bottom:29px}.clients-section .section-heading h2{font-size:39px;line-height:1.08}.clients-section h2 span{display:block}.client-logos{grid-template-columns:1fr 1fr}.client-logos li{grid-column:auto!important;height:113px;padding:17px 22px;border:0}.client-logos li+li{border-left:0}.client-logos li:nth-child(even){border-left:1px solid var(--line)}.client-logos li:nth-child(n+3){border-top:1px solid var(--line)}.client-logos li:last-child{grid-column:1/-1!important}.client-logos .logo-gonegani img{max-width:135px}.client-logos .logo-farmanina img{max-width:145px}.client-logos .logo-tribelio img{width:102px;max-height:102px}.client-logos .logo-authentism img{max-width:136px}.work-section{padding-top:22px;padding-bottom:63px}.work-heading{margin-bottom:28px;align-items:flex-end}.work-heading>div{gap:17px}.work-heading h2{font-size:67px}.work-heading .section-index{margin-top:12px}.work-arrow{width:36px;height:36px;margin-bottom:6px}.case-study{padding:22px 20px;border-radius:19px}.case-top{gap:13px;margin-bottom:26px;padding-bottom:20px}.case-top h3{font-size:18px}.case-discipline{font-size:12px;font-weight:500;letter-spacing:-.015em;margin-top:4px}.case-number{font-size:11px}.case-body{grid-template-columns:1fr;gap:27px}.result-statement{display:grid;grid-template-columns:1.13fr 1fr;align-items:start;column-gap:15px}.result-label{font-size:13px;line-height:1.4;letter-spacing:-.04em}.result-number{font-size:clamp(46px,13.9vw,70px);grid-column:1;grid-row:2;margin-top:8px;line-height:1;letter-spacing:-.07em}.second-label{grid-column:2;grid-row:1;margin:0;padding-left:13px;border-left:1px solid #bdc3b1}.result-growth{grid-column:2;grid-row:2;font-size:clamp(51px,15.2vw,79px);line-height:1.05;letter-spacing:-.075em;padding-left:13px;border-left:1px solid #bdc3b1;margin:5px 0 0}.result-growth span{font-size:.61em;vertical-align:9%}.final-label{grid-column:1/-1;grid-row:3;margin-top:13px;font-size:13px}.result-rule{display:none}.case-visual{padding:23px 29px;border-radius:88px 88px 12px 12px}.result-image-link{max-width:265px}.enlarge-button>span{display:block}.enlarge-button{padding:9px 12px}.expertise-section{padding-top:29px;padding-bottom:64px}.expertise-heading{gap:17px;margin-bottom:31px}.expertise-heading h2{font-size:56px}.expertise-heading .section-index{margin-top:11px}.expertise-list li{margin-bottom:15px;border-radius:16px;top:88px}.expertise-list li:nth-child(2){top:103px}.expertise-list li:nth-child(3){top:118px}.expertise-list li:nth-child(4){top:133px}.expertise-list a{padding:25px 22px;min-height:257px}.expertise-list h3{font-size:38px;max-width:98%;letter-spacing:-.045em;margin-top:38px;line-height:1.05}.service-index{font-size:12px}.service-arrow{width:40px;height:40px;top:20px;right:21px}.service-arrow .icon{width:20px;height:20px}.service-watermark{font-size:234px;right:12px;bottom:-39px}.expertise-list a:hover h3{transform:none}.contact-section{padding-top:15px;padding-bottom:57px}.contact-top{display:block}.contact-top>.section-index{display:block;margin:0 0 19px}.contact-cta{gap:14px}.contact-cta h2{font-size:10.6vw;letter-spacing:-.05em}.contact-arrow{width:43px;height:43px}.contact-arrow .icon{width:22px;height:22px}.contact-links{margin:27px 0 0;flex-direction:column;align-items:flex-start;gap:21px}.contact-links a:first-child{font-size:20px}.contact-links a{font-size:14px}.site-footer{padding-top:36px;padding-bottom:25px;border-radius:20px 20px 0 0}.footer-wordmark{padding-bottom:35px}.footer-bottom{font-size:11px;padding-top:20px}.footer-bottom .icon{width:13px;height:13px}.dialog-heading{padding:22px}.dialog-heading h2{font-size:33px}.dialog-heading p{font-size:13px}.form-fallback{padding:17px 22px;font-size:13px}.dialog-email{padding:20px 22px;font-size:13px}.result-dialog{width:calc(100vw - 24px)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.hero-story{height:auto}.hero-pin{position:relative;height:95svh;min-height:580px}.hero-media{will-change:auto}.hero-content,.hero-foot{opacity:1}.reveal.is-ready{opacity:1;translate:0 0}.about-photo{transform:none;will-change:auto}.expertise-list li{position:relative;top:auto!important}.contact-cta{transform:none}}

/* Revised work and service typography remain legible at narrow widths. */
.studio-direction .work-heading h2{font-size:clamp(54px,8.5vw,144px)}.studio-direction .expertise-heading h2{font-size:clamp(42px,7.5vw,114px)}
.gonegani-case{margin-top:38px;background:#23271f;color:var(--paper)}.gonegani-case .case-top{border-color:#535b48}.gonegani-case .case-discipline,.gonegani-case .case-number{color:#b8c1ab}.gonegani-statement{color:#bac1b0;font-size:18px;line-height:1.5;margin-bottom:42px}.gonegani-statement strong{display:block;color:var(--orange);font:600 clamp(60px,9vw,132px)/1.16 var(--display);letter-spacing:-.055em;margin-top:9px}.gonegani-statement strong span{font:italic 400 .48em/1 var(--serif);color:var(--paper);letter-spacing:-.04em;padding-inline:.12em}.gonegani-gallery{display:grid;grid-template-columns:1fr 1fr;gap:6%;align-items:start;padding:0 5% 40px}.gonegani-visual{overflow:hidden;border-radius:20px}.gonegani-visual:nth-child(2){margin-top:85px}.gonegani-visual .result-image-link{display:block;max-width:none;box-shadow:none}.gonegani-visual .result-image-link>img{border-radius:0}.gonegani-visual .result-image-link:hover{transform:scale(1.025)}
@media(max-width:900px){.expertise-item summary{gap:18px;grid-template-columns:27px minmax(0,1fr) 28px;padding-block:32px}.expertise-item h3{font-size:clamp(33px,5.5vw,48px)}.expertise-item[open] summary,.expertise-item summary:focus-visible{padding-inline:18px}.expertise-arrow .icon{width:25px;height:25px}.expertise-detail{grid-template-columns:minmax(0,200px) minmax(0,1fr);gap:25px;padding:25px 18px 30px}.service-image{height:220px}.service-tags li{font-size:14px;padding:9px 12px}.client-logo-set{grid-template-columns:repeat(4,minmax(0,1fr));padding-inline:16px}.client-logo-set li{padding-inline:18px;height:120px}.client-marquee.is-enhanced .client-logo-set li{width:max(180px,12.5vw)}.gonegani-gallery{padding-inline:1%;gap:6%}.gonegani-visual:nth-child(2){margin-top:60px}}
@media(max-width:520px){.studio-direction .work-heading{position:relative}.studio-direction .work-heading>div{display:block}.studio-direction .work-heading .section-index{display:block;margin:0 0 17px}.studio-direction .work-heading h2{font-size:clamp(47px,12vw,62px);letter-spacing:-.055em}.studio-direction .work-arrow{position:absolute;right:0;top:0;width:24px;height:24px}.studio-direction .expertise-heading{display:block}.studio-direction .expertise-heading .section-index{display:block;margin:0 0 17px}.studio-direction .expertise-heading h2{font-size:clamp(41px,11vw,56px)}.expertise-item summary{grid-template-columns:23px minmax(0,1fr) 20px;gap:12px;padding-block:28px}.expertise-item h3{font-size:clamp(28px,7.6vw,37px);line-height:1.15;letter-spacing:-.025em}.expertise-item[open] summary,.expertise-item summary:focus-visible{padding-inline:12px}.service-index{font-size:12px}.expertise-arrow .icon{width:20px;height:20px}.expertise-detail{grid-template-columns:1fr;gap:21px;padding:22px 12px 28px}.service-image{height:220px;object-position:center 42%}.service-image-logo{height:180px}.service-copy{min-width:0}.service-tags li{padding:9px 11px}.service-cta{margin-top:18px}.client-logo-set{grid-template-columns:repeat(2,minmax(0,1fr));padding:12px 16px}.client-logo-set li{height:108px;padding-inline:18px}.client-logo-set .logo-tribelio img{max-height:102px;width:102px}.client-marquee.is-enhanced .client-logo-set li{width:175px}.client-marquee.is-enhanced .client-logo-set{padding-block:10px}.marquee-toggle{font-size:14px}.gonegani-case{margin-top:24px}.gonegani-statement{font-size:16px;margin-bottom:25px}.gonegani-statement strong{font-size:clamp(34px,10.8vw,58px);white-space:nowrap;letter-spacing:-.045em}.gonegani-gallery{gap:13px;padding:0 0 15px}.gonegani-visual{border-radius:11px}.gonegani-visual:nth-child(2){margin-top:43px}.gonegani-gallery .enlarge-button{padding:8px;right:7px;bottom:7px}.gonegani-gallery .enlarge-button>span{display:none}}
@media(prefers-reduced-motion:reduce){.client-marquee{mask-image:none}.client-marquee.is-enhanced .client-track{animation:none;transform:none;will-change:auto;width:auto;display:block}.client-marquee.is-enhanced .client-logo-set{display:grid;width:auto;padding-inline:var(--gutter)}.client-marquee.is-enhanced .client-logo-set li{width:auto}.client-logo-set[aria-hidden]{display:none!important}.marquee-toggle{display:none}.expertise-preview{display:none!important}.expertise-item summary::before{transition:none}}

/* Original screenshots sit behind a licensed iPhone 16 Pro Max device frame. */
.case-body{grid-template-columns:minmax(250px,.85fr) minmax(0,1.5fr);gap:36px}.case-body .case-results{padding-left:0}.case-body .result-number{font-size:clamp(68px,8.1vw,126px)}.case-body .result-growth{font-size:clamp(98px,10.5vw,164px)}
.akela-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:24px;width:100%;padding:9px 0}.phone-visual{min-width:0}.phone-visual:nth-child(2){padding-top:52px}.phone-visual figcaption{font-size:14px;line-height:1.4;text-align:center;color:#4f5846;margin-top:17px}.device-mockup{display:block;position:relative;isolation:isolate;width:100%;max-width:350px;aspect-ratio:1424/2956;margin-inline:auto;border-radius:0;box-shadow:none;transition:transform .35s}.device-mockup .device-screen{position:absolute;left:3.6516854%;top:1.488498%;width:92.6966292%;height:97.0230041%;border-radius:14.5% / 6.67%;overflow:hidden;background:#050505}.device-screen img{width:100%;height:100%;object-fit:contain;object-position:center}.device-mockup>.device-frame{position:absolute;inset:0;width:100%;height:100%;border-radius:0;pointer-events:none;z-index:1}.device-mockup .enlarge-button{z-index:2;right:8%;bottom:4%;background:var(--ink);color:var(--paper);font-size:12px}.device-mockup:focus-visible{outline-color:var(--orange)}.device-mockup:hover{transform:translateY(-5px)}.device-mockup:hover .enlarge-button{background:var(--orange);color:var(--ink)}
.gonegani-gallery{max-width:920px;margin-inline:auto;padding:4px 2% 35px;gap:9%}.gonegani-visual{overflow:visible;border-radius:0}.gonegani-visual .device-mockup{max-width:350px}.gonegani-visual .device-mockup:hover{transform:translateY(-5px)}
.akela-gallery:focus-visible,.gonegani-gallery:focus-visible{outline:2px solid var(--orange);outline-offset:8px}
@media(max-width:1100px){.case-body{grid-template-columns:minmax(225px,.85fr) minmax(0,1.5fr);gap:28px}.akela-gallery{gap:17px}.phone-visual:nth-child(2){padding-top:40px}.case-body .result-number{font-size:8.1vw}}
@media(max-width:900px){.case-body{grid-template-columns:1fr;gap:36px}.case-body .result-statement{display:grid;grid-template-columns:1fr 1fr;column-gap:25px}.case-body .result-number{grid-column:1;grid-row:2;font-size:clamp(60px,11vw,104px);margin-top:8px;line-height:1.05}.case-body .second-label{grid-column:2;grid-row:1;margin:0;border-left:1px solid #bcc2b3;padding-left:20px}.case-body .result-growth{grid-column:2;grid-row:2;font-size:clamp(70px,12.8vw,128px);line-height:1.05;margin:4px 0 0;border-left:1px solid #bcc2b3;padding-left:20px}.case-body .final-label{grid-column:1/-1;grid-row:3;margin-top:15px}.case-body .result-rule{display:none}.akela-gallery{max-width:650px;margin-inline:auto;gap:28px}.phone-visual:nth-child(2){padding-top:52px}}
@media(max-width:600px){.case-body .result-label{font-size:14px}.case-body .result-number{font-size:clamp(36px,11.7vw,72px);letter-spacing:-.065em}.case-body .result-growth{font-size:clamp(57px,14vw,83px);padding-left:14px}.case-body .second-label{padding-left:14px}.case-body .result-statement{column-gap:15px}.akela-gallery,.gonegani-gallery{display:flex;gap:18px;overflow-x:auto;overscroll-behavior-inline:contain;scroll-snap-type:x proximity;padding:5px 3px 22px;scrollbar-width:thin;scrollbar-color:var(--orange) transparent}.phone-visual,.gonegani-visual{flex:0 0 82%;max-width:270px;scroll-snap-align:start}.phone-visual:nth-child(2){padding-top:0}.gonegani-visual:nth-child(2){margin-top:0}.device-mockup{max-width:270px}.device-mockup .enlarge-button>span{display:block}.device-mockup .enlarge-button{padding:9px 12px;right:8%;bottom:4%}.phone-visual figcaption{margin-top:14px}}
@media(prefers-reduced-motion:reduce){.device-mockup:hover,.gonegani-visual .device-mockup:hover{transform:none}.akela-gallery,.gonegani-gallery{scroll-snap-type:none}}

/* Gonegani: month-to-month ad-attributed GMV, from original dashboard totals. */
.gmv-case{margin-top:38px;background:var(--surface);color:var(--paper);border:1px solid #41463a}
.gmv-case .case-top{border-color:#41463a}.gmv-case .case-discipline,.gmv-case .case-number{color:#b9beb0}
.gmv-overview{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:clamp(30px,6vw,95px);padding:12px 0 46px}
.gmv-kicker{font-size:16px;font-weight:550;line-height:1.5;color:#c6ccbd}
.gmv-growth{font:600 clamp(58px,10.1vw,146px)/1.05 var(--display);letter-spacing:-.065em;color:var(--orange);margin:14px 0 18px;white-space:nowrap}
.gmv-growth>span{font-size:.64em;letter-spacing:-.045em}
.gmv-period{font:italic 400 clamp(24px,3vw,40px)/1.2 var(--serif);color:var(--paper)}
.gmv-comparison{margin-top:20px}.gmv-month{display:grid;grid-template-columns:1fr auto;align-items:end;gap:14px 18px;margin-top:25px}
.gmv-month dt{font-size:16px;font-weight:600;line-height:1.4}.gmv-month dt span{display:block;font-size:14px;font-weight:400;color:#b9beb0;margin-top:4px}
.gmv-month dd{font:550 clamp(28px,3.7vw,54px)/1.1 var(--display);letter-spacing:-.05em}
.gmv-bar{grid-column:1/-1;display:block;height:10px;background:#383e32;border-radius:10px;overflow:hidden}
.gmv-bar::before{content:"";display:block;width:var(--gmv-share);height:100%;background:#a4af95;border-radius:inherit}
.gmv-month-february dd{color:var(--orange)}.gmv-month-february .gmv-bar::before{background:var(--orange)}
.gmv-note{font-size:14px;line-height:1.65;color:#b9beb0;max-width:49ch;margin-top:22px}
.gmv-evidence{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;border-top:1px solid #41463a;padding-top:26px}
.gmv-screenshot{min-width:0}.gmv-screenshot figcaption{display:flex;justify-content:space-between;gap:16px;align-items:baseline;font-size:14px;line-height:1.5;margin-bottom:13px}.gmv-screenshot figcaption span:last-child{color:#b9beb0}
.dashboard-image{display:block;max-width:none;border-radius:10px;background:#f5f5f5;box-shadow:none;overflow:hidden}
.dashboard-image>img{width:100%;height:auto;border-radius:0}.dashboard-image .enlarge-button{position:static;justify-content:center;margin:0;border-radius:0;padding:11px 14px;font-size:14px;background:#34392d;color:var(--paper)}
.dashboard-image .enlarge-button>span{display:inline}.dashboard-image:focus-visible{outline:2px solid var(--orange);outline-offset:5px}
.result-dialog.is-landscape{width:min(1500px,calc(100vw - 32px));background:#f5f5f5}
@media(max-width:900px){.gmv-overview{grid-template-columns:1fr;gap:38px;padding:4px 0 32px}.gmv-growth{font-size:clamp(58px,16vw,120px)}.gmv-breakdown{max-width:none}.gmv-evidence{grid-template-columns:1fr;gap:28px}.gmv-month dd{font-size:clamp(28px,6.5vw,52px)}}
@media(max-width:520px){.gmv-case{margin-top:24px}.gmv-case .case-discipline{font-size:14px}.gmv-overview{gap:30px}.gmv-growth{margin-block:12px 14px}.gmv-month{column-gap:12px}.gmv-month dd{font-size:30px}.gmv-kicker,.gmv-month dt{font-size:16px}.gmv-evidence{padding-top:22px;gap:25px}.result-dialog.is-landscape{width:calc(100vw - 24px)}}

/* Zerox Fishing: first-month Shopee Ads results. */
.zerox-case{margin-top:38px;background:var(--paper);color:var(--ink)}
.zerox-overview{display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:clamp(30px,5vw,80px);padding:10px 0 44px}
.zerox-kicker{font-size:16px;font-weight:600;line-height:1.5}.zerox-roas{font:600 clamp(62px,10.2vw,150px)/1.05 var(--display);letter-spacing:-.07em;margin:14px 0 17px;white-space:nowrap}.zerox-roas span{color:#ba3018;font-size:.7em}
.zerox-period{font-size:16px;line-height:1.5;color:#555e4c}
.zerox-metrics{display:grid;gap:24px}.zerox-metrics>div{border-bottom:1px solid #bfc5b4;padding-bottom:22px}.zerox-metrics dt{font-size:16px;font-weight:550;line-height:1.5;color:#555e4c}.zerox-metrics dd{font:550 clamp(28px,3.8vw,56px)/1.15 var(--display);letter-spacing:-.045em;margin-top:9px}
.zerox-screenshot .dashboard-image{border:1px solid #c8cbbf}.zerox-screenshot .dashboard-image .enlarge-button{background:#e0e3d6;color:var(--ink)}.zerox-screenshot .dashboard-image:hover .enlarge-button{background:var(--orange)}
@media(max-width:900px){.zerox-overview{grid-template-columns:1fr;gap:28px;padding:4px 0 30px}.zerox-roas{font-size:clamp(62px,16vw,126px)}.zerox-metrics{grid-template-columns:1fr 1fr;gap:25px}.zerox-metrics dd{font-size:clamp(25px,5vw,44px)}}
@media(max-width:520px){.zerox-case{margin-top:24px}.zerox-case .case-discipline{font-size:14px}.zerox-overview{gap:27px}.zerox-metrics{grid-template-columns:1fr;gap:18px}.zerox-metrics>div{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:8px 15px;padding-bottom:16px}.zerox-metrics dd{margin-top:0;font-size:28px}}

/* Keep portfolio spacing consistent after reordering cases. */
.work-section .case-study{margin-top:0}.work-section .case-study + .case-study{margin-top:38px}
@media(max-width:520px){.work-section .case-study + .case-study{margin-top:24px}}

/* Clinic website walkthrough inside an original transparent MacBook frame. */
.farmanina-case{background:#20221d;color:var(--paper);border:1px solid #41463a}
.farmanina-case .case-top{border-color:#41463a}.farmanina-case .case-discipline,.farmanina-case .case-number{color:#b9beb0}
.macbook-mockup{position:relative;isolation:isolate;width:100%;max-width:1060px;aspect-ratio:800/489;margin:12px auto 0;filter:drop-shadow(0 16px 18px #0004)}
.macbook-mockup .macbook-screen{display:block;position:absolute;left:9.25%;top:3.68098%;width:81.5%;height:86.29857%;aspect-ratio:auto;background:#080808;object-fit:contain;border-radius:0;z-index:1}
.macbook-frame{position:relative;display:block;width:100%;height:auto;z-index:2;pointer-events:none;user-select:none}
.macbook-mockup .macbook-screen:fullscreen{inset:0;width:100%;height:100%;object-fit:contain;border-radius:0}
.macbook-mockup .macbook-screen:-webkit-full-screen{inset:0;width:100%;height:100%;object-fit:contain;border-radius:0}
.website-preview video:focus-visible{outline:2px solid var(--orange);outline-offset:5px}
.website-preview figcaption{font-size:14px;line-height:1.5;color:#b9beb0;margin-top:23px;text-align:center}
@media(max-width:520px){.farmanina-case .case-discipline{font-size:14px}.macbook-mockup{margin-top:5px;filter:drop-shadow(0 8px 9px #0004)}}

/* Viona Water uses the shared MacBook presentation and original homepage capture. */
.viona-case{background:var(--paper);color:var(--ink)}
.client-logo-set .logo-viona img{width:165px;max-height:82px}
.macbook-snapshot{display:block;border-radius:0;box-shadow:none;max-width:1060px}
.macbook-snapshot>.macbook-frame{border-radius:0}
.viona-case .macbook-screen{background:#fff}
.macbook-snapshot:focus-visible{outline:2px solid var(--orange);outline-offset:8px}
.project-site-link{display:inline-block;color:var(--ink);font-size:14px;font-weight:600;text-decoration:underline;text-underline-offset:5px;padding:10px 2px}
.project-site-link:hover{color:#a92e15}
@media(max-width:520px){.viona-case .case-discipline{font-size:14px}}