/* Native editorial portfolio. Reference-inspired composition, original content and assets.
   DESIGN_VARIANCE 8 / MOTION_INTENSITY 7 / VISUAL_DENSITY 3. */
:root{--bg:#070707;--surface:#151515;--ink:#faf9f6;--muted:#aaa8a4;--orange:#f04a24;--line:#313130;--max:1440px;--ease:cubic-bezier(.22,.78,.2,1)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:28px;color-scheme:dark}body{margin:0;background:var(--bg);color:var(--ink);font-family:"Host Grotesk","Helvetica Neue",Arial,sans-serif;font-size:16px;line-height:1.55;letter-spacing:-.015em;-webkit-font-smoothing:antialiased;font-variant-ligatures:none;font-feature-settings:"liga" 0,"clig" 0}body:has(dialog[open]){overflow:hidden}h1,h2,h3,p,figure{margin:0}h1,h2,h3{font-weight:400;line-height:1;letter-spacing:-.055em}h2{font-size:clamp(54px,6.5vw,100px)}h3{font-size:36px}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}img,video{display:block;max-width:100%}img{height:auto}a,button,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid currentColor;outline-offset:6px}::selection{color:#fff;background:#b9240b}[hidden]{display:none!important}html[lang=sk] .en,html[lang=en] .sk{display:none!important}.wrap{width:min(calc(100% - 112px),var(--max));margin-inline:auto}.section{padding-top:150px}.eyebrow,.case-type,.tool-heading{font-size:12px;line-height:1.4;letter-spacing:.04em}.eyebrow{margin-bottom:30px}.section-heading{margin-bottom:68px}.section-heading>p:last-child:not(.eyebrow){margin-top:32px;color:var(--muted);font-size:18px;max-width:510px}.skip-link{position:fixed;top:10px;left:14px;z-index:40;background:white;color:black;padding:12px 18px;border-radius:99px;transform:translateY(-200%)}.skip-link:focus{transform:none}
/* The hero retreats into the real work underneath. Scroll remains native. */
.hero-scene{height:100svh;min-height:650px;position:relative}.motion-ready .hero-scene{height:168svh;min-height:1100px}.hero-stage{height:100svh;min-height:650px;position:sticky;top:0;overflow:hidden;isolation:isolate}.hero-frame{position:absolute;inset:0;z-index:2;display:flex;flex-direction:column;overflow:hidden;transform-origin:50% 49%;background:radial-gradient(ellipse at 72% 24%,#ff6b27 0,transparent 52%),radial-gradient(ellipse at 7% 98%,#ce240c 0,transparent 52%),linear-gradient(112deg,#e7411c 0%,#f44820 54%,#eb351a 100%);color:#fff;will-change:transform;border:1px solid transparent}.hero-header{width:100%;display:flex;align-items:center;gap:34px;padding:30px 4vw;flex-shrink:0;position:relative;z-index:5}.brand{font-size:33px;line-height:1;font-weight:500;letter-spacing:-.06em;white-space:nowrap}.brand>span{font-size:12px;font-weight:400;letter-spacing:-.01em;margin-left:12px}.main-nav{display:flex;gap:28px;font-size:13px;margin-left:auto}.main-nav a{position:relative}.main-nav a:after{content:"";position:absolute;left:0;right:0;bottom:-5px;height:1px;background:currentColor;transform:scaleX(0);transform-origin:left;transition:transform .3s}.main-nav a:hover:after{transform:scaleX(1)}.header-actions{display:flex;align-items:center;gap:30px}.language{display:flex;gap:3px}.language button{border:0;background:transparent;font-size:11px;padding:12px 5px;color:#fff9}.language button[aria-pressed=true]{color:#fff;text-decoration:underline;text-underline-offset:5px}.pill,.button{display:inline-flex;gap:32px;align-items:center;justify-content:space-between;padding:18px 26px;border-radius:99px;background:#fff;color:#151515;font-size:15px;line-height:1.1;border:1px solid #fff;transition:transform .3s var(--ease),background .3s}.pill.small{font-size:13px;padding:15px 20px;gap:36px}.pill:hover,.button:hover{transform:translateY(-3px);background:#ffe5d8}.hero-main{display:grid;grid-template-columns:1.45fr .55fr;gap:8vw;align-items:center;position:relative;flex:1;padding:20px 8vw 20px 6vw}.hero-name{position:relative;z-index:2}.hero-name .eyebrow{margin-bottom:22px;font-size:13px}.hero-name h1{font-size:clamp(122px,15.6vw,255px);line-height:.77;font-weight:400;letter-spacing:-.083em;margin-left:-.055em}.hero-name h1>span{display:block}.hero-name h1>span+span{margin-top:28px}.name-dot{font-weight:500}.hero-roles{align-self:center;z-index:3;padding-top:30px}.role-label{display:block;font-size:12px;margin-bottom:28px}.hero-roles p{font-size:clamp(26px,3vw,47px);line-height:1.12;letter-spacing:-.05em}.portrait-slot{position:absolute;z-index:2;pointer-events:none;left:37%;bottom:-22%;width:37%;height:116%;display:grid;align-items:end;justify-content:center}.portrait-slot:empty{display:none}.portrait-slot img{width:100%;height:100%;object-fit:contain;object-position:bottom}.hero-bottom{display:flex;justify-content:space-between;align-items:end;gap:42px;padding:24px 4vw 40px 6vw;flex-shrink:0}.hero-description{max-width:380px;font-size:16px;line-height:1.45}.hero-location{font-size:12px;text-align:right;line-height:1.5;min-width:170px}.round-link{display:grid;place-items:center;width:64px;height:64px;flex-shrink:0;border:1px solid #ffffff75;border-radius:50%;font-size:30px;margin-right:auto;transition:background .3s,transform .3s}.round-link:hover{background:white;color:var(--orange);transform:translateY(4px)}.hero-collage{position:absolute;inset:0;z-index:1;overflow:hidden;background:#111110;opacity:0}.collage-piece{position:absolute;overflow:hidden;border-radius:5px;box-shadow:0 25px 60px #0007}.collage-piece img{width:100%;height:100%;object-fit:cover}.piece-1{width:22%;height:55%;left:-3%;top:-2%;transform:rotate(-10deg)}.piece-2{width:36%;height:34%;right:-7%;top:-2%;transform:rotate(8deg)}.piece-3{width:20%;height:57%;right:-3%;bottom:-3%;transform:rotate(-7deg)}.piece-4{width:33%;height:37%;left:-5%;bottom:-2%;transform:rotate(8deg)}.piece-5{width:37%;height:21%;left:34%;bottom:-9%;transform:rotate(-5deg)}.collage-caption{position:absolute;left:50%;bottom:5%;transform:translateX(-50%);font-size:12px;white-space:nowrap;color:#dedad3}
/* Orange project index. The list stays visible while each full case is readable. */
.projects-section{background:var(--orange);color:#fff;padding-block:118px 126px;position:relative;z-index:3}.work-heading{display:grid;grid-template-columns:1.2fr .8fr;column-gap:9vw;align-items:end;margin-bottom:105px}.work-heading .eyebrow{grid-column:1/-1}.work-heading h2{font-size:clamp(54px,6vw,90px)}.work-heading>p:last-child:not(.eyebrow){color:#fff;max-width:320px;font-size:17px;margin:0 0 6px}.projects-layout{display:grid;grid-template-columns:.8fr 1.65fr;gap:8vw;align-items:start}.project-rail{position:sticky;top:55px;display:flex;flex-direction:column;padding-left:19px;border-left:1px solid #ffffff45}.project-rail>a{display:grid;grid-template-columns:26px 1fr 22px;gap:12px;position:relative;padding:24px 0;opacity:.55;transition:opacity .35s,transform .35s}.project-rail>a:before{content:"";width:7px;height:7px;border-radius:50%;background:#fff;position:absolute;top:33px;left:-23px;transform:scale(.65);transition:transform .3s}.project-rail>a.is-active,.project-rail>a:hover{opacity:1}.project-rail>a.is-active:before{transform:scale(1.5)}.rail-number{font-size:10px;padding-top:4px}.project-rail strong{display:block;font-size:clamp(21px,2vw,29px);font-weight:400;line-height:1.1;letter-spacing:-.04em}.project-rail small{display:block;margin-top:12px;font-size:11px}.rail-arrow{font-size:22px;align-self:center;opacity:0;transform:translate(-5px,5px);transition:opacity .3s,transform .3s}.is-active .rail-arrow{opacity:1;transform:none}.project-stack{min-width:0}.project-card{margin-bottom:130px;scroll-margin-top:32px;min-width:0}.project-card:last-child{margin-bottom:0}.project-topline{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px;font-size:12px}.image-button{display:block;position:relative;overflow:hidden;padding:0;border:0;background:#181817;width:100%;border-radius:10px;text-align:left;cursor:zoom-in}.image-button img{width:100%;transition:transform .8s var(--ease)}.image-button:hover img{transform:scale(1.035)}.image-zoom{position:absolute;bottom:15px;right:15px;display:grid;place-items:center;width:43px;height:43px;border-radius:50%;background:#ffffffec;color:#161616;font-size:24px;pointer-events:none}.comparison{position:relative}.comparison-tabs{display:flex;gap:7px;margin-bottom:14px}.comparison-tabs button{padding:11px 18px;border:1px solid #ffffff55;background:transparent;color:#fff;border-radius:99px;font-size:12px;min-height:40px;transition:background .2s,color .2s}.comparison-tabs button[aria-selected=true]{background:#fff;color:#191919;border-color:#fff}.comparison-stage{aspect-ratio:1.56;background:#170f0b;display:grid;align-items:center;border-radius:12px;overflow:hidden}.comparison-stage .image-button{border-radius:0}.comparison-stage img{width:100%;object-fit:contain}.media-hint{font-size:11px;line-height:1.45;margin-top:13px;opacity:.85}.case-copy,.case-card-copy{padding-top:30px}.case-type{opacity:.78;font-size:11px;letter-spacing:.02em}.case-copy h3,.case-card-copy h3{font-size:clamp(30px,3vw,43px);margin-top:12px}.case-copy>p:not(.case-type),.case-card-copy>p:not(.case-type){font-size:15px;margin-top:18px;max-width:540px;color:#fff;line-height:1.6}.case-card-copy>p.media-hint{font-size:11px;opacity:.75}.case-facts{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin:24px 0 0;border-top:1px solid #ffffff4f;padding-top:18px;font-size:12px}.case-facts dt{opacity:.7;font-size:10px}.case-facts dd{margin:7px 0 0}.screen-image img{aspect-ratio:1.55;object-fit:cover;object-position:top}.flow{font-size:12px;border-top:1px solid #ffffff4f;margin-top:24px;padding-top:16px}.text-link{display:inline-flex;gap:18px;align-items:center;border-bottom:1px solid currentColor;padding:8px 0;font-size:14px;transition:opacity .2s}.text-link:hover{opacity:.65}.case-card-copy .text-link{margin-top:16px}.verdict-case>.case-type{margin-top:28px}.verdict-case>h3{font-size:43px;margin-top:12px}.verdict-case>p:not(.case-type){font-size:15px;margin-top:18px;max-width:540px}.verdict-case>.text-link{margin-top:18px}.verdict-case>.image-button img{aspect-ratio:1.55;object-fit:cover;object-position:top}
/* The rest of the portfolio breathes on black, with asymmetric service blocks. */
.service-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.service-card{padding:35px 38px 40px;background:#151515;border:1px solid #292929;border-radius:28px;transition:background .35s,border-color .35s;min-width:0}.service-card:hover{background:#1c1c1c;border-color:#484440}.service-card-top{display:flex;justify-content:space-between;align-items:center;font-size:12px;margin-bottom:14px}.circle-arrow{width:50px;height:50px;border-radius:50%;border:1px solid #fff5;display:grid;place-items:center;font-size:24px;transition:transform .35s,background .35s,color .35s}.circle-arrow:hover{transform:rotate(45deg);background:#fff;color:#111}.service-card h3{font-size:clamp(32px,3.4vw,50px);line-height:1.03}.service-card p{max-width:435px;font-size:15px;line-height:1.6;margin-top:28px;color:#c3c0bb}.service-featured{grid-row:span 2;background:radial-gradient(ellipse at 0 100%,#c1280f,transparent 70%),linear-gradient(125deg,#f7622e,#ed4521);border-color:transparent;display:flex;flex-direction:column}.service-featured:hover{background:radial-gradient(ellipse at 0 100%,#c1280f,transparent 70%),linear-gradient(125deg,#ff6c38,#f04a24);border-color:transparent}.service-featured .service-card-top{margin-bottom:90px}.service-featured h3{font-size:clamp(44px,4.5vw,66px)}.service-featured p{color:#fff;font-size:18px;max-width:350px}.service-bottom{padding-top:60px;margin-top:auto;font-size:12px}.service-footnote{font-size:15px;color:var(--muted);max-width:630px;margin-top:30px}.video-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;align-items:start}.video-item:nth-child(even){margin-top:75px}.video-item{min-width:0}.video-item video{width:100%;height:auto;aspect-ratio:9/16;object-fit:cover;background:#151515;border-radius:14px;outline:1px solid #ffffff13;outline-offset:-1px}.video-item figcaption{margin-top:22px}.video-item h3{font-size:23px;line-height:1.15;margin-top:8px;letter-spacing:-.04em}.video-item p{font-size:12px;color:var(--muted);margin-top:10px}.video-item .case-type{font-size:10px;color:var(--muted)}.compact{max-width:860px}.compact h2{font-size:clamp(46px,5.8vw,86px)}.character-gallery{display:grid;grid-template-columns:repeat(6,1fr);gap:18px;align-items:start}.character-gallery img{aspect-ratio:9/16;object-fit:cover}.character-gallery .image-button:nth-child(2),.character-gallery .image-button:nth-child(5){margin-top:50px}.character-gallery .image-button:nth-child(3),.character-gallery .image-button:nth-child(4){margin-top:100px}.extra-work{display:grid;grid-template-columns:.9fr 1.6fr;gap:70px;align-items:center}.extra-heading h2{font-size:clamp(42px,4.5vw,65px)}.extra-heading>p:last-child{font-size:15px;color:var(--muted);max-width:320px;margin-top:28px}.ad-gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;align-items:start}.ad-gallery img{aspect-ratio:4/5;object-fit:cover}.ad-gallery .image-button:nth-child(2){margin-top:40px}.ad-gallery .image-button:nth-child(3){margin-top:80px}.process-section{padding-top:160px}.process{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(4,1fr);gap:38px}.process li{padding-top:24px;border-top:1px solid #383836}.step-number{font-size:54px;color:var(--orange);line-height:1;letter-spacing:-.06em}.process h3{font-size:25px;letter-spacing:-.03em;line-height:1.1;margin-top:28px}.process p{font-size:14px;color:var(--muted);margin-top:18px}.about-layout{display:grid;grid-template-columns:1.2fr .8fr;gap:90px;align-items:center}.about-layout .text-link{margin-top:30px}.about-copy>p{font-size:20px;line-height:1.55;color:#c3c0bb}.about-copy>p+p{margin-top:24px}.tools{border-top:1px solid #373634;margin-top:35px;padding-top:24px}.tool-heading{color:#eee8df}.tools p:last-child{font-size:14px;line-height:1.85;color:var(--muted);margin-top:12px}.faq-section{display:grid;grid-template-columns:1fr 1.25fr;gap:90px;padding-bottom:150px}.faq-section h2{font-size:clamp(45px,5vw,76px)}.faq-item{border-top:1px solid #373634}.faq-item:last-child{border-bottom:1px solid #373634}.faq-item summary{display:flex;align-items:center;justify-content:space-between;gap:32px;cursor:pointer;list-style:none;padding:25px 0;font-size:22px;letter-spacing:-.035em}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary>span:last-child{font-size:26px;font-weight:400;transition:transform .3s}.faq-item[open] summary>span:last-child{transform:rotate(45deg)}.faq-item>p{font-size:15px;color:var(--muted);line-height:1.7;padding:0 35px 27px 0;max-width:570px}
.contact-section{background:radial-gradient(ellipse at 85% 5%,#ff7639,transparent 62%),linear-gradient(120deg,#df3817,#f24f24);color:white;padding-block:94px 68px}.contact-title{display:flex;align-items:center;justify-content:space-between;gap:60px}.contact-title h2{font-size:clamp(74px,9.5vw,147px);line-height:.98;letter-spacing:-.066em}.contact-round{height:150px;width:150px;flex-shrink:0;border-radius:50%;display:grid;place-items:center;background:#fff;color:#ee4523;font-size:75px;font-weight:400;line-height:1;transition:transform .4s var(--ease)}.contact-round:hover{transform:rotate(45deg) scale(1.04)}.contact-bottom{margin-top:65px;padding-top:35px;border-top:1px solid #ffffff60;display:flex;justify-content:space-between;gap:40px;align-items:start}.contact-bottom>p{font-size:16px;line-height:1.5}.contact-links{display:flex;flex-direction:column;gap:14px}.contact-links>a:first-child{font-size:28px;letter-spacing:-.035em}.contact-links>a:last-child{font-size:14px}.contact-links>a:hover{text-decoration:underline;text-underline-offset:5px}.recruiter-wrap{padding-top:20px}.recruiter{border-bottom:1px solid #373634}.recruiter summary{display:flex;justify-content:space-between;align-items:center;gap:24px;list-style:none;cursor:pointer;padding:25px 0;font-size:13px;color:var(--muted)}.recruiter summary::-webkit-details-marker{display:none}.details-sign{font-size:24px;color:var(--ink)}.recruiter[open] .details-sign{transform:rotate(45deg)}.recruiter-content{padding:0 0 30px;max-width:720px}.recruiter-content p{color:var(--muted);font-size:14px;margin-bottom:20px}.recruiter-content .button{padding:14px 22px;font-size:13px}.footer{padding-block:35px;display:flex;align-items:center;gap:32px;font-size:11px;color:var(--muted)}.footer .brand{color:#fff;font-size:28px}.footer .brand>span{font-size:11px}.footer p{margin-left:auto}.footer>a:last-child{flex-shrink:0}
.lightbox{width:min(1400px,94vw);max-width:94vw;max-height:94dvh;padding:0;background:#111;color:#fff;border:1px solid #373634;border-radius:14px;margin:auto;overflow:auto}.lightbox::backdrop{background:#030303ed;backdrop-filter:blur(8px)}.lightbox-toolbar{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:12px 18px;border-bottom:1px solid #333}.lightbox-toolbar p{font-size:13px;color:var(--muted)}.lightbox-close{border:1px solid #444;background:#1a1a1a;border-radius:50%;width:44px;height:44px;font-size:28px;line-height:1;flex-shrink:0}.lightbox-body{display:grid;place-items:center;min-height:180px;padding:12px}.lightbox-body img{max-width:100%;max-height:calc(94dvh - 106px);object-fit:contain;margin:auto}.lightbox-error{padding:40px;text-align:center;color:var(--muted)}
@media(prefers-reduced-motion:no-preference){.hero-in{animation:hero-enter 1.2s var(--ease) both}.hero-name h1{animation-delay:.1s}.hero-roles{animation-delay:.22s}.hero-description{animation-delay:.32s}.reveal{transition:transform 1s var(--ease),opacity .85s var(--ease)}.reveal.is-pending{opacity:0;transform:translateY(52px)}.comparison-stage.tab-changing{animation:tab-enter .4s var(--ease)}dialog[open]{animation:dialog-enter .3s var(--ease)}@keyframes hero-enter{from{opacity:0;transform:translateY(45px)}to{opacity:1;transform:none}}@keyframes tab-enter{from{opacity:.55;transform:scale(1.015)}to{opacity:1;transform:none}}@keyframes dialog-enter{from{opacity:0;transform:translateY(12px) scale(.985)}to{opacity:1;transform:none}}}
@media(min-width:1700px){.hero-main{padding-left:8vw;padding-right:10vw}.hero-bottom{padding-left:8vw;padding-right:6vw}.hero-name h1{font-size:15vw}.hero-roles p{font-size:3vw}.hero-name .eyebrow{font-size:16px}.hero-description{font-size:18px;max-width:410px}.hero-location{font-size:14px}}
@media(max-width:1100px){.wrap{width:calc(100% - 72px)}.hero-header{padding:25px 36px;gap:24px}.header-actions{gap:20px}.main-nav{gap:20px}.brand>span{margin-left:8px;font-size:10px}.hero-main{padding-inline:5vw;gap:6vw;grid-template-columns:1.45fr .55fr}.hero-name h1{font-size:16.1vw}.hero-bottom{padding-inline:5vw}.hero-description{max-width:310px;font-size:14px}.hero-roles p{font-size:30px}.hero-name .eyebrow{font-size:11px}.work-heading{column-gap:6vw}.projects-layout{gap:5vw;grid-template-columns:.85fr 1.65fr}.project-rail{padding-left:16px}.project-rail>a{grid-template-columns:22px 1fr 16px;gap:8px}.project-rail>a:before{left:-20px}.project-rail strong{font-size:23px}.service-card{padding:28px}.service-featured .service-card-top{margin-bottom:75px}.video-grid{gap:18px}.video-item h3{font-size:20px}.character-gallery{gap:12px}.extra-work{gap:40px}.process{gap:25px}.process h3{font-size:22px}.about-layout,.faq-section{gap:55px}.contact-round{width:120px;height:120px;font-size:60px}.section{padding-top:120px}.faq-section{padding-bottom:120px}}
@media(max-width:800px){html{scroll-padding-top:20px}.wrap{width:calc(100% - 40px)}.hero-scene{height:auto;min-height:0}.hero-stage{height:auto;min-height:0;position:relative;overflow:hidden}.hero-collage{display:none}.hero-header{padding:24px 22px;gap:15px}.main-nav{display:none}.header-actions{margin-left:auto;gap:18px}.hero-main{padding:46px 7vw 35px;grid-template-columns:1.5fr .6fr;gap:5vw}.hero-name h1{font-size:16.5vw;line-height:.8}.hero-name h1>span+span{margin-top:24px}.hero-name .eyebrow{font-size:10px;margin-bottom:30px;max-width:250px}.hero-roles{padding-top:35px}.hero-roles p{font-size:clamp(23px,3.5vw,32px)}.role-label{font-size:10px;margin-bottom:22px}.hero-bottom{padding:30px 7vw 35px;gap:24px}.hero-location{min-width:auto;font-size:10px}.hero-description{max-width:290px;font-size:13px}.round-link{width:49px;height:49px;font-size:25px}.projects-section{padding-block:75px 85px}.work-heading{display:block;margin-bottom:58px}.work-heading>p:last-child:not(.eyebrow){margin-top:25px;max-width:420px;font-size:16px}.projects-layout{grid-template-columns:1fr;gap:42px}.project-rail{position:relative;top:0;display:grid;grid-template-columns:repeat(4,1fr);gap:15px;border-left:0;border-bottom:1px solid #ffffff60;padding:0 0 26px}.project-rail>a{padding:0;grid-template-columns:1fr;gap:12px}.project-rail>a:before,.rail-arrow{display:none}.project-rail strong{font-size:19px}.project-rail small{font-size:10px}.project-card{margin-bottom:80px}.project-topline{margin-bottom:20px}.comparison-stage{aspect-ratio:1.65}.project-card h3{font-size:38px}.case-copy>p:not(.case-type),.case-card-copy>p:not(.case-type){max-width:620px}.service-grid{gap:18px}.service-card{padding:25px;border-radius:22px}.service-card h3{font-size:31px}.service-featured h3{font-size:43px}.service-featured p{font-size:16px}.circle-arrow{height:42px;width:42px;font-size:23px}.service-card p{font-size:14px;margin-top:20px}.service-featured .service-card-top{margin-bottom:65px}.service-bottom{font-size:11px;padding-top:50px}.section{padding-top:95px}.section-heading{margin-bottom:45px}.section-heading>p:last-child:not(.eyebrow){font-size:16px;margin-top:26px}.video-grid{grid-template-columns:repeat(2,1fr);gap:38px 22px}.video-item:nth-child(even){margin-top:55px}.video-item h3{font-size:25px}.character-gallery{grid-template-columns:repeat(3,1fr);gap:18px}.character-gallery .image-button:nth-child(n){margin-top:0}.character-gallery .image-button:nth-child(3n+2){transform:translateY(25px)}.extra-work{grid-template-columns:1fr;gap:40px}.extra-heading{max-width:570px}.extra-heading h2{font-size:54px}.ad-gallery{gap:20px}.ad-gallery .image-button:nth-child(3){margin-top:70px}.process{grid-template-columns:repeat(2,1fr);gap:45px 30px}.process h3{font-size:25px}.about-layout{gap:45px;grid-template-columns:1.1fr 1fr}.about-layout h2{font-size:55px}.about-copy>p{font-size:16px}.tools p:last-child{font-size:12px}.faq-section{gap:45px;grid-template-columns:1fr 1.25fr;padding-bottom:95px}.faq-section h2{font-size:47px}.faq-item summary{font-size:20px;gap:20px}.faq-item>p{font-size:14px;padding-right:15px}.contact-section{padding-block:70px 50px}.contact-title{gap:35px}.contact-title h2{font-size:clamp(65px,10.5vw,100px)}.contact-round{width:90px;height:90px;font-size:47px}.contact-bottom{margin-top:50px;gap:32px}.contact-bottom>p{font-size:14px;max-width:310px}.contact-links>a:first-child{font-size:24px}.contact-links>a:last-child{font-size:12px}.footer{flex-wrap:wrap;gap:22px}.footer p{order:3;width:100%;margin-left:0}.footer>a:last-child{margin-left:auto}.portrait-slot{left:35%;width:42%}}
@media(max-width:540px){.wrap{width:calc(100% - 36px)}.hero-header{padding:23px 20px}.brand{font-size:29px}.brand>span{font-size:9px;margin-left:6px}.header-actions{gap:13px}.pill.small{font-size:11px;padding:12px 15px;gap:18px}.language button{padding-inline:3px;font-size:10px}.hero-frame{min-height:100svh}.hero-main{display:block;padding:42px 7vw 12px;flex:1}.hero-name h1{font-size:25vw;line-height:.76;letter-spacing:-.08em}.hero-name h1>span+span{margin-top:23px}.hero-name .eyebrow{font-size:10px;margin-bottom:30px}.hero-roles{padding-top:32px;padding-left:49%;position:relative;z-index:3}.hero-roles p{font-size:25px;line-height:1.07}.role-label{display:none}.hero-bottom{padding:27px 7vw 30px;align-items:center;gap:20px}.hero-description{font-size:12px;max-width:235px;line-height:1.5}.hero-location{display:none}.round-link{margin:0 0 0 auto;min-width:44px;width:44px;height:44px;font-size:23px}.hero-header .brand>span{display:none}.hero-header .brand{font-size:35px}.hero-header .header-actions{gap:20px}.portrait-slot{left:27%;bottom:-12%;width:65%;height:110%}.projects-section{padding-block:65px 68px}.work-heading h2{font-size:49px}.eyebrow{font-size:11px;margin-bottom:24px}.work-heading>p:last-child:not(.eyebrow){font-size:15px;max-width:290px}.work-heading{margin-bottom:38px}.project-rail{grid-template-columns:repeat(2,1fr);gap:22px 25px;padding-bottom:26px}.project-rail>a{grid-template-columns:17px 1fr;gap:8px}.project-rail strong{font-size:20px}.project-rail small{margin-top:8px;font-size:10px}.rail-number{font-size:9px}.projects-layout{gap:35px}.project-card{margin-bottom:65px}.project-topline{font-size:11px;margin-bottom:16px}.comparison-tabs{gap:6px;margin-bottom:12px}.comparison-tabs button{padding:9px 14px;font-size:11px}.comparison-stage{aspect-ratio:1.6}.image-button{border-radius:8px}.image-zoom{height:32px;width:32px;font-size:20px;right:10px;bottom:10px}.case-copy,.case-card-copy{padding-top:23px}.case-copy h3,.case-card-copy h3,.verdict-case>h3{font-size:31px;margin-top:10px}.case-copy>p:not(.case-type),.case-card-copy>p:not(.case-type),.verdict-case>p:not(.case-type){font-size:14px;line-height:1.6}.media-hint{font-size:10px}.case-type{font-size:10px}.case-facts{gap:16px;font-size:11px;margin-top:20px}.case-card-copy>p.media-hint{font-size:10px}.flow{font-size:11px;margin-top:20px}.section{padding-top:75px}h2{font-size:49px}.section-heading{margin-bottom:36px}.section-heading>p:last-child:not(.eyebrow){font-size:15px;max-width:310px;margin-top:22px}.service-grid{grid-template-columns:1fr;gap:18px}.service-featured{grid-row:auto;min-height:490px}.service-card{border-radius:24px;padding:25px 26px 30px}.service-card h3{font-size:37px}.service-featured h3{font-size:48px}.service-featured .service-card-top{margin-bottom:50px}.service-card p{font-size:15px}.service-bottom{padding-top:45px;font-size:11px}.service-card-top{margin-bottom:20px}.service-footnote{font-size:13px;line-height:1.6;margin-top:22px}.video-grid{grid-template-columns:1fr;gap:38px;max-width:380px;margin-inline:auto}.video-item:nth-child(even){margin-top:0}.video-item video{max-height:610px;object-fit:contain}.video-item figcaption{margin-top:18px}.video-item h3{font-size:25px}.video-item p{font-size:13px}.character-gallery{gap:11px}.character-gallery .image-button:nth-child(3n+2){transform:translateY(16px)}.compact h2{font-size:44px}.ad-gallery{gap:10px}.ad-gallery .image-button:nth-child(2){margin-top:25px}.ad-gallery .image-button:nth-child(3){margin-top:50px}.extra-heading h2{font-size:45px}.extra-heading>p:last-child{font-size:14px;margin-top:22px}.extra-work{gap:30px}.process{gap:32px 25px}.step-number{font-size:43px}.process h3{font-size:23px;margin-top:20px}.process p{font-size:13px;margin-top:15px}.about-layout{grid-template-columns:1fr;gap:35px}.about-layout h2{font-size:56px}.about-copy>p{font-size:18px}.tools p:last-child{font-size:13px}.faq-section{grid-template-columns:1fr;gap:35px;padding-bottom:75px}.faq-section h2{font-size:51px}.faq-item summary{font-size:22px;padding-block:22px}.faq-item>p{font-size:14px;padding-right:25px}.contact-section{padding-block:60px 38px}.contact-section .eyebrow{max-width:230px}.contact-title{display:block;position:relative}.contact-title h2{font-size:15.5vw;line-height:.96}.contact-round{width:64px;height:64px;font-size:35px;margin-top:30px}.contact-bottom{display:block;margin-top:34px;padding-top:25px}.contact-bottom>p{font-size:14px}.contact-links{margin-top:30px;gap:12px}.contact-links>a:first-child{font-size:28px}.contact-links>a:last-child{font-size:13px}.recruiter summary{font-size:12px;align-items:start;gap:22px}.recruiter-content p{font-size:13px}.footer{padding-block:30px;gap:20px}.footer .brand>span{font-size:10px}.footer p{font-size:10px}.footer>a:last-child{font-size:10px}.lightbox{max-width:96vw;width:96vw}.lightbox-toolbar{padding:10px;gap:12px}.lightbox-toolbar p{font-size:11px}.lightbox-body{padding:5px}}
@media(max-width:380px){.hero-name h1{font-size:24.5vw}.hero-main{padding-top:30px}.hero-roles{padding-top:25px}.hero-roles p{font-size:22px}.hero-bottom{padding-bottom:24px}.hero-description{font-size:11px}.hero-header .header-actions{gap:13px}.hero-header{padding-inline:18px}.work-heading h2{font-size:44px}.project-rail strong{font-size:18px}.case-copy h3,.case-card-copy h3{font-size:29px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.hero-scene{height:100svh;min-height:650px}.hero-frame{transform:none!important;border-radius:0!important}.hero-collage{display:none}.reveal.is-pending{opacity:1;transform:none}.image-button:hover img,.pill:hover,.button:hover,.round-link:hover,.contact-round:hover,.circle-arrow:hover{transform:none}.character-gallery .image-button:nth-child(n){transform:none}}

/* V3: measured reference choreography. Native scroll, original Max portrait. */
:root{--orange-gradient:linear-gradient(90deg,#f16b0d,#e61416)}
.hero-header{position:absolute;inset:0 0 auto;z-index:12;color:#fff;background:transparent}
.hero-scene,.motion-ready .hero-scene{height:100vh;min-height:0}
.hero-stage{height:100vh;min-height:0;position:relative;overflow:hidden}
.hero-frame{height:100%;position:absolute;inset:0;border:0;border-radius:0!important;background:#6a1c0b;transform-origin:50% 50%;will-change:auto;isolation:isolate}
.hero-photo{position:absolute;inset:0;z-index:-2;overflow:hidden;--reveal:125%;mask-image:radial-gradient(circle at center,#000 var(--reveal),transparent min(calc(var(--reveal) + 18%),100%));-webkit-mask-image:radial-gradient(circle at center,#000 var(--reveal),transparent min(calc(var(--reveal) + 18%),100%))}
.hero-photo>img{width:100%;height:100%;object-fit:cover;object-position:50% 18%;max-width:none;transform:scale(1.06);will-change:transform}
.hero-photo-shade{position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#08040265 0%,transparent 42%,transparent 67%,#1209032e 100%);pointer-events:none}
.hero-main{position:relative;z-index:2;display:grid;grid-template-columns:1fr 1fr;align-items:center;flex:1;padding:100px 5vw 20px;gap:6vw}
.hero-name{align-self:center}.hero-name .eyebrow{max-width:285px;font-size:13px;margin-bottom:28px}.hero-name h1{font-size:clamp(82px,8.2vw,150px);line-height:.91;letter-spacing:-.065em;margin:0}.hero-name h1>span+span{margin-top:4px}.hero-roles{padding:0;justify-self:end;align-self:center;max-width:260px}.hero-roles p{font-size:clamp(22px,2vw,35px);line-height:1.17}.role-label{font-size:11px;margin-bottom:24px}.hero-bottom{position:relative;z-index:2;padding:20px 5vw 35px;gap:40px}.hero-description{font-size:14px;max-width:360px}.hero-location{font-size:11px}.round-link{width:54px;height:54px;font-size:25px;margin-left:20px}
.hero-collage{display:block;position:absolute;inset:0;opacity:.35;filter:blur(24px);background:#070707;overflow:hidden;z-index:0}
.hero-marquees{height:100%;width:100%;display:flex;gap:2.5vw;padding-inline:4vw;overflow:hidden}
.marquee-column{width:50%;height:max-content;flex-shrink:1;display:flex;flex-direction:column;gap:2.5vw;will-change:transform}
.marquee-item{height:27vw;flex-shrink:0;overflow:hidden}.marquee-item img{width:100%;height:100%;object-fit:cover}
.marquee-one{animation:reference-marquee 10s linear infinite}.marquee-two{animation:reference-marquee 18s linear infinite}
@keyframes reference-marquee{from{transform:translateY(0)}to{transform:translateY(calc(-50% - 1.25vw))}}
.hero-scene.is-offscreen .marquee-column{animation-play-state:paused}
.motion-ready .hero-scene{height:300vh}.motion-ready .hero-stage{height:100vh;position:sticky;top:0}.motion-ready .hero-frame{will-change:transform}
.project-arc,.project-end-glow{display:none}.projects-pin{position:relative}.project-rail:after{display:none}
.motion-ready .projects-section{height:360vh;padding:8vw 0 0;position:relative;background:transparent;z-index:3}
.motion-ready .project-arc{display:block;position:absolute;top:0;left:0;width:100%;height:50vh;background:var(--orange-gradient);clip-path:ellipse(150% 100% at 50% 100%);z-index:1;will-change:clip-path,transform;pointer-events:none}
.motion-ready .projects-pin{height:100vh;width:100%;position:sticky;top:0;z-index:2;display:flex;align-items:center;overflow:hidden;background:var(--orange-gradient)}
.motion-ready .projects-pin>.wrap{width:92%;max-width:none;height:100%;display:flex;flex-direction:column;justify-content:center;padding-block:35px}
.motion-ready .work-heading{display:block;text-align:center;flex-shrink:0;margin:0 0 35px;position:relative;z-index:2}
.motion-ready .work-heading .eyebrow{display:none}.motion-ready .work-heading h2{font-size:5.5vw;line-height:1.12;letter-spacing:-.05em}.motion-ready .work-heading>p:last-child:not(.eyebrow){display:none}
.motion-ready .projects-layout{display:grid;grid-template-columns:32% 1fr;gap:4vw;align-items:center;height:min(73vh,55vw);min-height:0}
.motion-ready .project-rail{position:relative;top:auto;border-left:1px solid #ffffff45;margin-left:5px;padding-left:24px;gap:0;height:auto;display:flex;flex-direction:column}
.motion-ready .project-rail:after{display:block;content:"";position:absolute;left:-1px;top:0;bottom:0;width:1px;background:#fff;transform:scaleY(var(--rail-progress));transform-origin:top;pointer-events:none}
.motion-ready .project-rail>a{grid-template-columns:24px 1fr 20px;gap:12px;padding:25px 0;opacity:.62}.motion-ready .project-rail>a:before{display:block;left:-29px;top:36px;background:#f06a0e;border:1px solid #ffffff80;width:10px;height:10px;transform:none;z-index:1}.motion-ready .project-rail>a.is-active:before{background:#fff;border-color:#fff;transform:none}.motion-ready .project-rail>a.is-active,.motion-ready .project-rail>a:hover{opacity:1}.motion-ready .project-rail strong{font-size:clamp(20px,1.5vw,30px);line-height:1.18}.motion-ready .project-rail small{font-size:clamp(11px,1vw,17px);margin-top:7px}.motion-ready .rail-number{font-size:10px}.motion-ready .rail-arrow{font-size:22px}.motion-ready .rail-arrow{display:block}
.motion-ready .project-stack{height:100%;width:100%;position:relative;overflow:clip;border-radius:12px;isolation:isolate}
.motion-ready .project-stack>#systemy{position:absolute;top:0;left:0;width:0;height:0}
.motion-ready .project-card{position:absolute;inset:0;height:100%;margin:0;padding:18px 20px 20px;background:#f4efe9;color:#18100d;border-radius:12px;overflow:hidden;display:flex;flex-direction:column;will-change:transform,filter;transform-origin:center center}
.motion-ready .project-card .project-topline{font-size:10px;margin-bottom:12px;flex-shrink:0;opacity:.65}
.motion-ready .project-card>.image-button{height:38vh;max-height:38vw;flex-shrink:0;background:#161310;border-radius:6px}.motion-ready .project-card>.image-button img{width:100%;height:100%;aspect-ratio:auto;object-fit:cover;object-position:top}
.motion-ready .comparison{height:38vh;max-height:38vw;flex-shrink:0;position:relative;overflow:hidden;border-radius:6px}
.motion-ready .comparison-tabs{position:absolute;top:12px;left:12px;z-index:2;margin:0;gap:7px}.motion-ready .comparison-tabs button{background:#161310b8;border-color:#ffffff6b;color:#fff;font-size:11px;padding:10px 15px;backdrop-filter:blur(8px)}.motion-ready .comparison-tabs button[aria-selected=true]{background:#fff;color:#191919;border-color:white}
.motion-ready .comparison-stage{width:100%;height:100%;aspect-ratio:auto;border-radius:0;background:#180f09}.motion-ready .comparison-stage>div{width:100%}.motion-ready .comparison-stage .image-button{height:100%;border-radius:0}.motion-ready .comparison-stage img{object-fit:contain;max-height:38vh;width:100%}
.motion-ready .comparison>.media-hint{display:none}.motion-ready .case-copy,.motion-ready .case-card-copy{padding-top:16px;overflow:auto;min-height:0;scrollbar-width:thin;scrollbar-color:#a08c80 transparent;overscroll-behavior:contain}
.motion-ready .case-type{font-size:10px;opacity:.7;color:#18100d}.motion-ready .case-copy h3,.motion-ready .case-card-copy h3,.motion-ready .verdict-case>h3{font-size:clamp(22px,1.9vw,30px);line-height:1.12;margin-top:7px;color:#18100d}.motion-ready .project-card h3 br{display:none}.motion-ready .case-copy>p:not(.case-type),.motion-ready .case-card-copy>p:not(.case-type),.motion-ready .verdict-case>p:not(.case-type){font-size:13px;line-height:1.45;color:#39271e;margin-top:10px;max-width:100%}.motion-ready .case-facts,.motion-ready .flow,.motion-ready .case-card-copy>p.media-hint{display:none}.motion-ready .case-card-copy .text-link,.motion-ready .verdict-case>.text-link{margin-top:10px;font-size:12px;padding:4px 0;align-self:flex-start}.motion-ready .verdict-case>.case-type{margin-top:16px}.motion-ready .project-card .image-zoom{width:35px;height:35px;font-size:21px}
.motion-ready .project-end-glow{display:block;position:absolute;width:100%;height:clamp(24px,3vw,64px);left:0;top:calc(100% - 1px);bottom:auto;background:var(--orange-gradient);filter:none;z-index:1;pointer-events:none;border-radius:0;clip-path:ellipse(50% 100% at 50% 0%)}
.services-section{width:100%;padding-top:0;background:#070707;position:relative;z-index:2;margin:0}
.service-introduction{position:relative;max-width:none;padding-top:100px;padding-bottom:0;margin-left:4vw;width:60%;color:#fff}
.service-introduction .eyebrow{font-size:12px;margin-bottom:22px}.service-introduction h2{font-size:5.5vw;line-height:1.15}.service-introduction>p:last-child{font-size:1.25vw;max-width:75%;margin-top:1.5vw;color:#d0c9c4}
.services-pin{height:auto;position:relative;padding-block:60px}
.services-track{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;padding-inline:4vw}
.services-track .service-card{position:relative;display:flex;flex-direction:column;justify-content:space-between;padding:25px;background:#161616;border:1px solid #ffffff33;border-radius:10px;overflow:hidden;min-height:360px;color:white;isolation:isolate;grid-row:auto;transition:none}
.services-track .service-card-top{position:relative;z-index:1;flex-shrink:0;display:flex;align-items:start;justify-content:space-between;gap:12px;font-size:12px;margin:0 0 24px}
.service-fill{position:absolute;inset:0;background:var(--orange-gradient);z-index:-1;opacity:0;transition:opacity .25s ease}
.is-featured>.service-fill{opacity:1}.motion-ready .service-fill{opacity:var(--service-emphasis,0);transition:none}.services-track .service-card:hover{background:#161616;border-color:#ffffff33}
.services-track .service-card .circle-arrow{position:relative;width:3vw;height:3vw;border:1px solid #ffffff55;background:transparent;color:#fff;flex-shrink:0}
.services-track .service-card.is-featured .circle-arrow{background:#fff;color:#111}.services-track .service-card h3{font-size:2.5vw;font-weight:400;line-height:1.1;margin:0}.services-track .service-card p{font-size:1.12vw;color:#f5ebe5;line-height:1.45;margin-top:1.2vw;max-width:none}.services-track .service-card ul{list-style:none;padding:0;margin:1.2vw 0 0;display:flex;flex-direction:column;gap:.4vw}.services-track .service-card li{font-size:1.13vw;line-height:1.45;display:flex;gap:.6vw;align-items:center}.services-track .service-card li:before{content:"";width:5px;height:5px;border-radius:50%;flex-shrink:0;background:#fff}
.motion-ready .services-section{height:275vh;padding:0;overflow:clip;overflow-clip-margin:0}
.motion-ready .service-introduction{height:auto;min-height:30vh;padding-top:6vw}
.motion-ready .services-pin{height:100vh;width:100%;position:sticky;top:0;padding:0;display:flex;align-items:center;overflow:hidden}
.motion-ready .services-track{position:relative;display:flex;flex-shrink:0;width:max-content;gap:1.6vw;padding-inline:4vw;will-change:transform}
.motion-ready .services-track .service-card{width:27vw;height:30vw;min-height:0;flex-shrink:0;border-radius:10px;padding:1.6vw}
@media(max-width:1025px){.hero-main{padding-inline:5vw}.hero-name h1{font-size:10vw}.hero-roles p{font-size:2.9vw}.hero-name .eyebrow{font-size:11px}.hero-photo>img{object-position:50% 18%}.marquee-item{height:45vw}@keyframes reference-marquee{from{transform:translateY(0)}to{transform:translateY(calc(-50% - 1.25vw))}}.motion-ready .projects-section{padding-top:10vw}.motion-ready .projects-pin>.wrap{width:90%;padding-block:25px}.motion-ready .work-heading{margin-bottom:25px}.motion-ready .work-heading h2{font-size:6.5vw}.motion-ready .projects-layout{grid-template-columns:1fr;height:calc(100vh - 120px);gap:24px;grid-template-rows:auto minmax(0,1fr)}.motion-ready .project-rail{display:grid;grid-template-columns:repeat(4,1fr);border-left:0;border-bottom:1px solid #ffffff4d;margin:0;padding:0 0 16px;gap:16px}.motion-ready .project-rail:after{left:0;right:0;top:auto;bottom:-1px;height:1px;width:100%;transform:scaleX(var(--rail-progress));transform-origin:left}.motion-ready .project-rail>a{padding:0;display:block}.motion-ready .project-rail>a:before{display:none}.motion-ready .rail-number{display:block;margin-bottom:7px;font-size:9px}.motion-ready .project-rail strong{font-size:18px}.motion-ready .project-rail small{font-size:10px;margin-top:7px}.motion-ready .rail-arrow{display:none}.motion-ready .project-stack{max-width:760px;justify-self:center;height:100%}.motion-ready .project-card{padding:16px}.motion-ready .project-card>.image-button,.motion-ready .comparison{height:32vh;max-height:none}.motion-ready .comparison-stage img{max-height:32vh}.motion-ready .case-copy h3,.motion-ready .case-card-copy h3,.motion-ready .verdict-case>h3{font-size:27px}.motion-ready .case-copy>p:not(.case-type),.motion-ready .case-card-copy>p:not(.case-type),.motion-ready .verdict-case>p:not(.case-type){font-size:13px}.service-introduction{width:85%;padding-top:15vw;margin-left:5vw}.service-introduction h2{font-size:7vw}.service-introduction>p:last-child{font-size:2.5vw;max-width:100%;margin-top:3vw}.services-track{grid-template-columns:repeat(2,minmax(0,1fr))}.motion-ready .service-introduction{padding-top:15vw;min-height:0}.motion-ready .services-track{gap:2.5vw}.motion-ready .services-track .service-card{width:55vw;height:65vw;padding:3vw}.services-track .service-card h3{font-size:5vw}.services-track .service-card p{font-size:2.5vw;margin-top:2.5vw}.services-track .service-card ul{margin-top:3vw;gap:1vw}.services-track .service-card li{font-size:2.6vw;gap:1vw}.services-track .service-card .circle-arrow{width:7vw;height:7vw}.services-track .service-card-top{font-size:12px}}
@media(max-width:540px){.hero-stage{height:100vh}.hero-frame{min-height:0;height:100%;position:absolute}.hero-main{display:block;padding:0;position:relative;flex:1}.hero-name{position:absolute;left:7vw;bottom:55px;max-width:60%;z-index:3}.hero-name .eyebrow{font-size:10px;max-width:200px;margin-bottom:18px}.hero-name h1{font-size:17vw;line-height:.9}.hero-name h1>span+span{margin-top:2px}.hero-roles{display:block;position:absolute;right:5vw;bottom:70px;max-width:32%;padding:0;z-index:3}.hero-roles p{font-size:4.5vw;line-height:1.2}.role-label{display:none}.hero-bottom{padding:12px 7vw 27px;gap:18px}.hero-description{font-size:11px;max-width:255px}.hero-bottom .round-link{margin-left:auto;width:42px;height:42px;min-width:42px}.hero-location{display:none}.hero-photo>img{object-position:49% 15%;transform:scale(1.01)}.hero-photo-shade{background:linear-gradient(0deg,#0b0608a1 0%,#09050514 48%,transparent 70%,#1a080218 100%)}.marquee-item{height:55vw}.motion-ready .projects-section{padding-top:16vw}.motion-ready .projects-pin>.wrap{width:92%;padding-block:18px}.motion-ready .work-heading{margin-bottom:22px}.motion-ready .work-heading h2{font-size:9vw}.motion-ready .projects-layout{height:calc(100vh - 100px);gap:16px}.motion-ready .project-rail{grid-template-columns:repeat(2,1fr);gap:13px 18px;padding-bottom:14px}.motion-ready .project-rail>a{display:grid;grid-template-columns:18px 1fr;gap:7px}.motion-ready .rail-number{margin:2px 0 0;font-size:8px}.motion-ready .project-rail strong{font-size:16px;line-height:1.1}.motion-ready .project-rail strong br{display:none}.motion-ready .project-rail small{font-size:9px;margin-top:5px}.motion-ready .project-card{padding:12px;border-radius:8px}.motion-ready .project-stack{border-radius:8px}.motion-ready .project-topline{margin-bottom:8px;font-size:9px}.motion-ready .project-card>.image-button,.motion-ready .comparison{height:29vh;max-height:none}.motion-ready .comparison-stage img{max-height:29vh}.motion-ready .comparison-tabs{top:8px;left:8px;gap:5px}.motion-ready .comparison-tabs button{font-size:9px;padding:8px 10px;min-height:33px}.motion-ready .case-copy,.motion-ready .case-card-copy{padding-top:12px}.motion-ready .case-copy h3,.motion-ready .case-card-copy h3,.motion-ready .verdict-case>h3{font-size:22px;margin-top:6px}.motion-ready .case-type{font-size:9px}.motion-ready .case-copy>p:not(.case-type),.motion-ready .case-card-copy>p:not(.case-type),.motion-ready .verdict-case>p:not(.case-type){font-size:12px;line-height:1.42;margin-top:8px}.motion-ready .case-card-copy .text-link,.motion-ready .verdict-case>.text-link{font-size:11px;margin-top:8px}.motion-ready .verdict-case>.case-type{margin-top:12px}.motion-ready .project-card .image-zoom{width:28px;height:28px;font-size:18px}.service-introduction{width:90%;margin-left:5vw;padding-top:18vw}.service-introduction .eyebrow{font-size:11px;margin-bottom:22px}.service-introduction h2{font-size:9vw;line-height:1.16}.service-introduction>p:last-child{font-size:4.2vw;margin-top:4vw}.motion-ready .service-introduction{padding-top:18vw}.services-track{grid-template-columns:1fr;gap:20px}.services-track .service-card{min-height:330px}.services-track .service-card h3{font-size:6.5vw}.services-track .service-card p{font-size:4vw;margin-top:4vw}.services-track .service-card ul{margin-top:4vw;gap:1.8vw}.services-track .service-card li{font-size:3.8vw;gap:1.5vw}.services-track .service-card .circle-arrow{width:9vw;height:9vw}.motion-ready .services-track{gap:6vw}.motion-ready .services-track .service-card{width:75vw;height:85vw;min-height:0;padding:5vw}.services-track .service-card-top{font-size:10px;margin-bottom:15px}.motion-ready .services-pin{margin-top:-10vw}.motion-ready .services-section{height:275vh}}
@media(max-height:700px) and (min-width:1026px){.motion-ready .projects-pin>.wrap{padding-block:22px}.motion-ready .work-heading{margin-bottom:22px}.motion-ready .work-heading h2{font-size:7.5vh}.motion-ready .projects-layout{height:75vh}.motion-ready .project-card>.image-button,.motion-ready .comparison{height:32vh}.motion-ready .comparison-stage img{max-height:32vh}.motion-ready .case-copy>p:not(.case-type),.motion-ready .case-card-copy>p:not(.case-type),.motion-ready .verdict-case>p:not(.case-type){font-size:12px}.motion-ready .project-card h3{font-size:23px}.motion-ready .project-rail>a{padding-block:17px}.motion-ready .project-rail>a:before{top:27px}}
@media(prefers-reduced-motion:reduce){.hero-scene,.motion-ready .hero-scene{height:100vh;min-height:0}.hero-stage,.motion-ready .hero-stage{position:relative}.hero-frame{transform:none!important}.hero-photo{mask-image:none;-webkit-mask-image:none;opacity:1!important}.hero-photo>img{transform:none!important}.hero-main{transform:none!important}.hero-collage{display:none}.marquee-column{animation:none!important}.project-arc,.project-end-glow{display:none!important}.projects-section{background:var(--orange-gradient);padding-block:80px;height:auto!important}.projects-pin{height:auto;position:relative}.services-section{height:auto!important;overflow:visible!important}.services-pin{position:relative!important;height:auto!important;margin-top:0!important;padding-block:45px}.services-track{transform:none!important}.service-fill{transition:none}.project-card{transform:none!important;filter:none!important;position:relative!important}.motion-ready .projects-layout{height:auto!important}.motion-ready .project-stack{height:auto!important;overflow:visible!important}.motion-ready .project-card{height:auto!important;margin-bottom:35px}}

body{overflow-x:clip}

/* Four desktop items: two originals repeated; mobile keeps two sets of four. */
@media(min-width:1026px){.marquee-column>.marquee-item:nth-child(4n+3),.marquee-column>.marquee-item:nth-child(4n+4){display:none}}

/* Fill the case frame with the preview while keeping each factual caption readable. */
@media(min-width:1026px){
 .motion-ready .projects-layout{height:min(70vh,44vw)}
 .motion-ready .project-card>.image-button,.motion-ready .project-card>.comparison{flex:1 1 0;height:auto;max-height:none;min-height:0}
 .motion-ready .case-copy,.motion-ready .case-card-copy{flex-shrink:0}
}

/* Fit the complete website preview and caption on short mobile screens. */
.motion-ready .project-card>.image-button img{object-fit:contain;object-position:center}
@media(max-width:1025px){
 .motion-ready .project-card>.image-button,.motion-ready .project-card>.comparison{flex:1 1 0;height:auto;max-height:none;min-height:0}
 .motion-ready .case-copy,.motion-ready .case-card-copy{flex:0 0 auto}
 .motion-ready .comparison-stage,.motion-ready .comparison-stage>div{height:100%}
 .motion-ready .comparison-stage img{height:100%;max-height:100%;object-fit:contain}
}

/* Size the portrait by viewport height on wide displays, preserving the full scene. */
@media(min-width:1026px) and (min-aspect-ratio:3/2){
 .hero-photo{display:flex;justify-content:center}
 .hero-photo::before{content:"";position:absolute;inset:-6%;background:url("max-portrait.png") center 18%/cover no-repeat;filter:blur(60px)}
 .hero-photo>img{position:relative;flex:none;width:min(100%,156vh);height:100%;object-position:center 18%;mask-image:linear-gradient(90deg,transparent,#000 15%,#000 85%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 15%,#000 85%,transparent)}
}

/* Keep the supplied wide VERDICT screenshot complete at every preview size. */
.marquee-item.verdict-preview img{object-fit:contain;background:#e7eff7}
.verdict-case>.image-button img{aspect-ratio:2553/953;object-fit:contain}

/* Show the supplied product and the complete result together, without tabs. */
.comparison-board{display:grid;grid-template-columns:1fr 2.435fr;gap:12px;min-width:0;align-items:start}
.comparison-panel{min-width:0;margin:0}
.comparison-panel figcaption{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:11px;line-height:1.2;margin-bottom:9px;color:inherit}
.comparison-panel figcaption>span:last-child{opacity:.55;font-size:10px}
.comparison-panel .image-button{aspect-ratio:1;background:#e8e2d9;border-radius:6px}
.comparison-output .image-button{aspect-ratio:1500/616}
.comparison-panel .image-button img{width:100%;height:100%;max-height:none;object-fit:cover}
.comparison-input .image-button img{object-position:55% center}
.comparison-output .image-button img{object-fit:contain}
.comparison-panel .image-button:hover img{transform:none}
.motion-ready .project-card>.comparison-board{flex:0 0 auto;min-height:0}
.motion-ready .project-card>.image-button{background:#e8e3dd;border:1px solid #20160e10}
.motion-ready .project-card .case-copy,.motion-ready .project-card .case-card-copy{padding-top:18px;margin-top:auto;border-top:1px solid #20160e18}
.motion-ready .project-card>.comparison-board+.case-copy{margin-top:16px}
@media(min-width:1026px){
 .motion-ready .projects-layout{height:min(70vh,calc(17vw + 200px))}
 .motion-ready .project-card .case-copy,.motion-ready .project-card .case-card-copy{display:grid;grid-template-columns:1fr 1.15fr;column-gap:28px;row-gap:7px;flex-shrink:0}
 .motion-ready .project-card .case-type{grid-column:1;grid-row:1;margin:0;font-size:10px}
 .motion-ready .project-card h3{grid-column:1;grid-row:2;margin:0;font-size:clamp(22px,1.8vw,34px);line-height:1.12}
 .motion-ready .project-card .case-copy>p:not(.case-type),.motion-ready .project-card .case-card-copy>p:not(.case-type){grid-column:2;grid-row:1/span 2;margin:0;font-size:clamp(12px,.8vw,15px);line-height:1.5}
 .motion-ready .project-card .text-link{grid-column:2;grid-row:3;justify-self:start;margin:0}
 .motion-ready .project-card>.image-button{margin-bottom:18px}
 .motion-ready .project-card>.comparison-board{margin-bottom:18px}
 .motion-ready .project-card>.comparison-board+.case-copy{margin-top:auto}
}
@media(max-width:1025px){
 .motion-ready .projects-layout{height:min(calc(100vh - 120px),calc(25vw + 350px))}
 .motion-ready .project-card>.image-button{margin-bottom:14px}
 .motion-ready .project-card .case-copy,.motion-ready .project-card .case-card-copy{padding-top:12px}
}
@media(max-width:540px){
 .comparison-board{gap:8px}
 .comparison-panel figcaption{font-size:10px;margin-bottom:7px}
 .comparison-panel figcaption>span:last-child{font-size:9px}
 .motion-ready .comparison-panel .image-zoom{width:23px;height:23px;font-size:15px;right:5px;bottom:5px}
 .motion-ready .projects-layout{height:min(calc(100vh - 100px),calc(85vw + 335px))}
}
@media(max-width:540px) and (min-height:700px){
 .comparison-board{grid-template-columns:1fr;gap:12px}
 .comparison-input .image-button{aspect-ratio:1100/508}
 .comparison-input .image-button img{object-fit:contain}
}

/* Continuous orange section and lower placement across the portrait. */
.motion-ready .projects-section{background:var(--orange-gradient)}
@media(min-width:541px){.hero-name{align-self:end;margin-bottom:clamp(28px,5vh,65px)}}
@media(min-width:541px) and (max-width:1025px){.hero-name{margin-bottom:clamp(35px,5vh,65px)}.hero-roles{align-self:end;margin-bottom:clamp(35px,5vh,65px)}}
@media(min-width:1026px){
 .motion-ready .projects-layout{height:min(70vh,calc(17vw + 180px));grid-template-rows:minmax(0,1fr)}
 .motion-ready .project-rail>a{padding-block:15px}
 .motion-ready #klinika,.motion-ready #aistopa{display:grid;grid-template-columns:minmax(0,1.9fr) minmax(0,1fr);grid-template-rows:auto minmax(0,1fr);column-gap:26px}
 .motion-ready #klinika>.project-topline,.motion-ready #aistopa>.project-topline{grid-column:1/-1;grid-row:1}
 .motion-ready #klinika>.image-button,.motion-ready #aistopa>.image-button{grid-column:1;grid-row:2;height:auto;max-height:100%;aspect-ratio:1.6;align-self:center;margin:0;border:0}
 .motion-ready #klinika>.image-button{background:#0b090a}.motion-ready #aistopa>.image-button{background:#f5f6fb}
 .motion-ready #klinika>.case-card-copy,.motion-ready #aistopa>.case-card-copy{grid-column:2;grid-row:2;display:block;margin:0;padding:0;border:0;align-self:center;overflow:auto;max-height:100%}
 .motion-ready #klinika h3,.motion-ready #aistopa h3{font-size:clamp(22px,1.8vw,34px);margin-top:12px}
 .motion-ready #klinika .case-card-copy>p:not(.case-type),.motion-ready #aistopa .case-card-copy>p:not(.case-type){margin-top:16px;font-size:clamp(12px,.85vw,15px)}
 .motion-ready #klinika .text-link,.motion-ready #aistopa .text-link{margin-top:18px}
}
.contact-links a:not(:first-child){font-size:16px}
.work-shortcuts{display:flex;gap:25px;flex-wrap:wrap;padding-top:45px}
.work-shortcuts a{display:flex;align-items:center;gap:30px;padding-block:12px;border-bottom:1px solid #49413a;font-size:14px;color:#d2cbc2}
.work-shortcuts a:hover{color:white;border-color:var(--orange)}
.agent-heading,.product-heading{display:grid;grid-template-columns:1.3fr 1fr;gap:6vw;align-items:end}
.agent-heading>p:last-child:not(.eyebrow),.product-heading>div>p{font-size:18px;line-height:1.55;color:var(--muted);max-width:450px;margin:0}
.agent-heading h2,.product-heading h2{font-size:clamp(46px,5vw,78px)}
.agent-workflow{display:grid;grid-template-columns:45px 1.1fr 1fr;gap:35px;padding:38px 0;border-top:1px solid #39332e;align-items:center}
.workflow-index{align-self:start;color:var(--orange);font-size:13px;padding-top:3px}
.workflow-copy .eyebrow{font-size:10px;color:var(--muted);margin-bottom:12px}
.workflow-copy h3{font-size:clamp(24px,2.5vw,35px);line-height:1.1}
.workflow-copy>p:not(.eyebrow){font-size:14px;color:var(--muted);line-height:1.6;max-width:510px;margin-top:15px}
.workflow-copy .text-link{margin-top:15px;font-size:12px;color:#f5e6d8}
.workflow-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;list-style:none;padding:0;margin:0}
.workflow-steps li{border-top:1px solid #f04a2470;padding-top:14px;position:relative;font-size:12px;line-height:1.35;color:#eadfd3}
.workflow-steps li+li:before{content:"→";position:absolute;left:-14px;top:-10px;font-size:13px;color:var(--orange);background:#070707}
.workflow-step-number{display:block;font-size:11px;color:#96897c;margin-bottom:12px}
.product-heading .production-tools{font-size:12px;color:#e0b69a;margin-top:25px}
.product-heading .text-link{margin-top:20px;font-size:13px}
.product-gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.product-gallery .image-button{aspect-ratio:4/5;border-radius:8px}
.product-gallery img{width:100%;height:100%;object-fit:cover}
.product-gallery figcaption{font-size:13px;margin-top:15px;color:#d8d1c8}
.gallery-note{font-size:12px;color:var(--muted);margin-top:25px}
.video-grid{grid-template-columns:repeat(3,1fr);gap:28px;max-width:1120px;margin-inline:auto}
.video-item:nth-child(even){margin-top:0}
@media(max-width:800px){
 .agent-heading,.product-heading{grid-template-columns:1fr;gap:28px}
 .agent-heading>p:last-child:not(.eyebrow),.product-heading>div>p{font-size:16px;max-width:600px}
 .agent-workflow{grid-template-columns:28px 1fr;gap:22px;padding-block:30px}
 .workflow-steps{grid-column:2;margin-top:3px;max-width:470px}
 .work-shortcuts{gap:18px;padding-top:30px}.work-shortcuts a{font-size:12px;gap:12px}
 .product-gallery{gap:12px}.product-gallery figcaption{font-size:11px}
 .video-grid{gap:18px}
}
@media(max-width:540px){
 .agent-heading h2,.product-heading h2{font-size:43px}
 .workflow-copy h3{font-size:25px}.workflow-copy>p:not(.eyebrow){font-size:13px}
 .workflow-steps{gap:12px}.workflow-steps li{font-size:10px}
 .product-gallery{grid-template-columns:1fr 1fr;gap:22px 12px}
 .product-gallery figure:first-child{grid-column:1/-1}.product-gallery figure:first-child .image-button{aspect-ratio:4/5;max-height:520px}
 .video-grid{grid-template-columns:1fr;max-width:380px;gap:35px}
 .contact-links a:not(:first-child){font-size:14px}
}
@media(max-width:540px) and (max-height:699px){
 .motion-ready .project-rail{gap:10px 14px;padding-bottom:10px}
 .motion-ready .project-rail strong{font-size:13px;line-height:1.15}
 .motion-ready .project-rail small{display:none}
 .motion-ready .project-rail>a{grid-template-columns:14px 1fr;gap:6px}
 .motion-ready .projects-layout{height:calc(100vh - 100px)}
 .motion-ready .project-card>.image-button{min-height:110px;max-height:165px}
 .motion-ready .project-card h3{font-size:21px}
 .motion-ready .project-card .case-copy>p:not(.case-type),.motion-ready .project-card .case-card-copy>p:not(.case-type){font-size:11px;line-height:1.4}
}

.agent-section,.product-showcase{padding-block:90px}
@media(max-width:540px){.agent-section,.product-showcase{padding-block:65px}}

/* Match the curved section transitions with a single continuous contact background. */
.contact-section{border-radius:50% / clamp(24px,3vw,64px)}

/* The real web app on desktop and mobile, kept inside the existing project card. */
.verdict-device-stage{display:flex;align-items:center;justify-content:center;gap:4%;width:100%;min-width:0;min-height:0;margin:22px 0}
.verdict-device-stage .verdict-desktop-preview{flex:none;width:70%;height:auto;aspect-ratio:1444/1050;min-width:0;margin:0;border:1px solid #291c1520;border-radius:7px;background:#f7f7f4;box-shadow:0 10px 26px #34221b12;overflow:hidden}
.verdict-device-stage .verdict-desktop-preview img{display:block;width:100%;height:auto;max-height:none;aspect-ratio:1444/1050;object-fit:contain;transform:none}
.verdict-device-stage .verdict-phone{position:relative;flex:none;width:26%;height:auto;aspect-ratio:828/1792;margin:0;padding:0;border:1px solid #b06b7a;border-radius:16% / 7.84%;overflow:visible;background:linear-gradient(105deg,#35131e 0%,#8c354a 8%,#4b1425 28%,#622036 75%,#b66d7d 96%,#451423 100%);box-shadow:inset 0 0 0 1px #efc6cf66,0 12px 25px #42172724;container-type:inline-size}
.verdict-phone-screen{position:absolute;inset:3px;display:flex;flex-direction:column;min-height:0;border-radius:14% / 6.86%;overflow:hidden;background:#f8f9fa;box-shadow:0 0 0 1px #230d16}
/* The phone uses the supplied iPhone capture, including its original status bar. */
.verdict-phone-capture{display:block;width:100%;height:100%;overflow:hidden;background:#f1f2f6}
.verdict-device-stage .verdict-phone-capture img{display:block;width:100%;height:100%;max-width:none;max-height:none;object-fit:contain;transform:none;transition:none}
.verdict-phone-controls,.verdict-phone-power{position:absolute;z-index:-1;width:3px;background:linear-gradient(90deg,#33101c,#a15a6c);border-radius:2px}
.verdict-phone-controls{left:-3px;top:26%;height:12%}
.verdict-phone-controls:before{content:"";position:absolute;left:0;top:-70%;width:100%;height:35%;background:inherit;border-radius:inherit}
.verdict-phone-controls:after{content:"";position:absolute;left:0;top:125%;width:100%;height:70%;background:inherit;border-radius:inherit}
.verdict-phone-power{right:-3px;top:32%;height:18%}
.motion-ready .verdict-case>.verdict-device-stage{flex:1 1 0;container-type:size;margin:0 0 16px;min-height:0}
.motion-ready .verdict-device-stage .verdict-desktop-preview{width:min(70cqw,126cqh)}
.motion-ready .verdict-device-stage .verdict-phone{width:min(26cqw,46.2cqh)}
.motion-ready .verdict-case>.case-card-copy{flex-shrink:0;margin-top:0}
@media(max-width:540px){
 .motion-ready .verdict-case>.verdict-device-stage{margin-bottom:10px}
 .verdict-device-stage .verdict-desktop-preview{border-radius:4px}
 .verdict-device-stage .verdict-phone{box-shadow:inset 0 0 0 1px #efc6cf66,0 6px 12px #42172724}
 .verdict-phone-screen{inset:2px}
 .verdict-phone-controls,.verdict-phone-power{width:2px}
 .verdict-phone-controls{left:-2px}.verdict-phone-power{right:-2px}
 .motion-ready .verdict-desktop-preview .image-zoom{width:22px;height:22px;font-size:15px;right:5px;bottom:5px}
}

@media(min-width:1026px){
 .motion-ready .verdict-device-stage .verdict-desktop-preview{width:76cqw;height:100%;aspect-ratio:auto}
 .motion-ready .verdict-device-stage .verdict-desktop-preview img{height:100%;aspect-ratio:auto;object-fit:cover;object-position:top}
 .motion-ready .verdict-device-stage .verdict-phone{width:min(20cqw,46.2cqh)}
}

@media(max-width:540px){
 .motion-ready .verdict-device-stage .verdict-desktop-preview{width:min(56cqw,126cqh)}
 .motion-ready .verdict-device-stage .verdict-phone{width:min(40cqw,46.2cqh)}
}
@media(prefers-reduced-motion:reduce){
 .motion-ready .verdict-case>.verdict-device-stage{container-type:normal;flex:none;margin:20px 0}
 .motion-ready .verdict-device-stage .verdict-desktop-preview{width:70%;height:auto;aspect-ratio:1444/1050}
 .motion-ready .verdict-device-stage .verdict-desktop-preview img{height:auto;aspect-ratio:1444/1050;object-fit:contain}
 .motion-ready .verdict-device-stage .verdict-phone{width:26%}
}

/* One vector icon family on desktop and touch devices. */
.ui-icon{display:inline-block;width:1em;height:1em;flex:none;vertical-align:-.12em;fill:none;stroke:currentColor;pointer-events:none}
.lightbox-close{display:grid;place-items:center}
.contact-links .ui-icon{margin-left:.18em}
.verdict-phone-screen{display:block;background:#f1f2f6}
@media(max-width:800px){
 .hero-scene{height:100dvh;min-height:100dvh}
 .motion-ready .hero-scene{height:300svh;min-height:100dvh}
 .hero-stage,.motion-ready .hero-stage{height:100dvh;min-height:100dvh}
 .hero-frame{height:100%;min-height:100%;width:100%;inset:0}
 .hero-header{padding-top:max(22px,env(safe-area-inset-top));padding-left:max(20px,env(safe-area-inset-left));padding-right:max(20px,env(safe-area-inset-right))}
 .hero-bottom{padding-bottom:max(27px,calc(env(safe-area-inset-bottom) + 18px))}
}
@media(prefers-reduced-motion:reduce){.hero-scene,.motion-ready .hero-scene{height:100dvh;min-height:100dvh}}