/* A shared type scale: identical roles keep identical sizes in every section. */
:root{--font-hero:clamp(62px,6.4vw,100px);--font-section:48px;--font-title:22px;--font-lead:20px;--font-body:16px;--font-small:14px;--font-label:12px}
:root{--paper:#faf9f6;--ink:#242124;--wine:#74384e;--muted:#787275;--line:#dfdcda;--sans:'Manrope',Arial,sans-serif;--serif:'Instrument Serif',Georgia,serif}
*,*::before,*::after{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:105px;-webkit-text-size-adjust:100%;text-size-adjust:100%}body{margin:0;background:var(--paper);color:var(--ink);font:400 var(--font-body)/1.7 var(--sans)}body.dialog-open{overflow:hidden}h1,h2,h3,p,figure{margin:0}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid var(--wine);outline-offset:5px}::selection{background:#e8d6dd}.container{width:min(1440px,calc(100% - 112px));margin-inline:auto}.skip-link{position:fixed;z-index:100;background:var(--paper);padding:12px;top:8px;left:8px;transform:translateY(-150%)}.skip-link:focus{transform:none}.site-header{position:sticky;z-index:20;top:0;background:rgb(250 249 246 / 96%);border-bottom:1px solid var(--line);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.header-inner{height:82px;display:flex;align-items:center;justify-content:space-between;gap:25px}.wordmark{display:inline-flex;align-items:center;gap:12px;font-size:var(--font-body);font-weight:700;letter-spacing:-.6px;white-space:nowrap}.brand-mark{width:38px;height:36px;stroke:var(--wine);stroke-width:12;stroke-linecap:round;stroke-linejoin:round;fill:none;flex-shrink:0;overflow:visible}.brand-z,.brand-n{transform-box:view-box;transform-origin:94px 86px}.navigation{display:flex;align-items:center;gap:32px;font-size:var(--font-small);font-weight:500}.navigation a{padding:8px 0}.navigation a:hover{text-decoration:underline;text-underline-offset:5px}.navigation .contact-link{background:var(--wine);color:#fff;padding:10px 19px;border-radius:3px;display:flex;gap:24px;align-items:center}.contact-link span{font-size:19px}.menu-toggle{display:none;border:0;background:none}.eyebrow{font-size:var(--font-label);letter-spacing:1.4px;line-height:1.6;text-transform:uppercase;font-weight:600}.intro{padding-top:49px}.intro-topline{display:flex;justify-content:space-between;gap:20px;color:var(--muted)}.intro-topline .eyebrow:first-child{color:var(--wine)}.intro h1{font-size:var(--font-hero);font-weight:500;letter-spacing:-.075em;line-height:1.15;margin-top:16px}.intro h1 span{color:var(--wine)}.intro-bottom{display:flex;align-items:start;justify-content:space-between;gap:40px;margin-top:22px}.intro-copy{font-size:var(--font-body);line-height:1.8;max-width:585px;color:#655e63}.intro-copy strong{font-weight:600;color:var(--ink)}.intro-note{display:flex;align-items:center;gap:12px;font-size:var(--font-small);padding-top:6px;white-space:nowrap}.intro-note i{width:6px;height:6px;border-radius:50%;background:var(--wine)}.work-section{padding-top:43px;scroll-margin-top:10px}.work-topline{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.work-topline .eyebrow{font-size:var(--font-label)}.work-topline p:last-child{font-size:var(--font-small);color:var(--muted)}.work-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:18px}.work-card{min-width:0}.media-cover{position:relative;border:0;padding:0;background:#e8e2df;display:block;width:100%;aspect-ratio:9/16;overflow:hidden;border-radius:5px;text-align:left}.media-cover>img{width:100%;height:100%;object-fit:cover;transition:transform .45s}.media-cover:hover>img{transform:scale(1.035)}.media-cover::after{content:'';position:absolute;inset:65% 0 0;background:linear-gradient(transparent,rgb(0 0 0 / 35%));pointer-events:none}.play-symbol{position:absolute;z-index:1;left:14px;bottom:14px;width:35px;height:35px;display:grid;place-items:center;border:1px solid rgb(255 255 255 / 75%);background:rgb(255 255 255 / 10%);backdrop-filter:blur(4px);border-radius:50%;color:white;font-size:10px;padding-left:2px}.photo-arrow{font-size:22px;padding-left:0}.duration{position:absolute;z-index:1;bottom:23px;right:14px;color:white;font-size:var(--font-label);letter-spacing:.4px}.cover-kind{position:absolute;z-index:1;top:12px;left:12px;font-size:var(--font-label);letter-spacing:.6px;text-transform:uppercase;background:rgb(250 249 246 / 94%);padding:5px 9px;color:var(--ink);border-radius:2px}.work-card h2{font-size:var(--font-title);letter-spacing:-.4px;font-weight:600;margin-top:13px;line-height:1.5}.work-card>p{font-size:var(--font-small);color:var(--muted);margin-top:3px;line-height:1.7}.work-card .media-cover img.festival-photo{object-position:56% center}.work-footnote{font-size:var(--font-small);color:var(--muted);margin-top:22px}.more-work{margin-top:28px;border-block:1px solid var(--line)}.more-work summary{display:flex;justify-content:space-between;align-items:center;cursor:pointer;font-size:var(--font-body);padding:18px 0;list-style:none}.more-work summary::-webkit-details-marker{display:none}.more-work summary span:last-child{font-size:23px;line-height:1;transition:transform .2s}.more-work[open] summary span:last-child{transform:rotate(45deg)}.extra-grid{padding:10px 0 30px;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:20px}.extra-grid h3{font-size:var(--font-title);margin:10px 0 2px;font-weight:600}.extra-grid p{font-size:var(--font-small);color:var(--muted)}.extra-grid .media-cover{aspect-ratio:9/14}.extra-grid .landscape-cover>img{object-position:25% center}.brands{padding:59px 0 62px;border-bottom:1px solid var(--line)}.brands-heading{display:flex;justify-content:space-between;align-items:start;gap:35px;margin-bottom:25px}.brands-heading h2{font-size:var(--font-section);font-weight:500;letter-spacing:-.4px}.brands-heading p{font-size:var(--font-small);color:var(--muted);max-width:360px;text-align:right}.brand-wall{display:flex;flex-wrap:wrap;justify-content:center;column-gap:30px;row-gap:26px;align-items:center}.client-logo{flex:0 0 calc((100% - 180px)/7);height:58px;display:flex;align-items:center;justify-content:center}.client-logo img{width:auto;max-width:100%;max-height:39px;object-fit:contain;mix-blend-mode:multiply}.client-logo.tall-logo img{max-height:49px;max-width:105px}.client-logo.compact-logo img{max-width:108px}.client-logo.text-logo{font-size:23px;letter-spacing:-.7px;font-weight:600}.behind-section{padding:90px 0}.behind-grid{display:grid;grid-template-columns:.95fr 1.2fr;gap:9%;align-items:start}.section-label{color:var(--wine);margin-bottom:20px}.section-title{font-size:var(--font-section);font-weight:500;line-height:1.2;letter-spacing:-2px}.section-title em{font:inherit;letter-spacing:inherit;color:var(--wine)}.behind-copy>.lead{font-size:var(--font-lead);line-height:1.8;margin-top:23px;color:#4d464b}.behind-copy>p:not(.eyebrow):not(.lead){font-size:var(--font-body);line-height:1.95;color:var(--muted);margin-top:17px;max-width:450px}.project-link{display:flex;justify-content:space-between;gap:20px;align-items:center;width:100%;background:none;border:0;border-block:1px solid var(--line);text-align:left;padding:16px 0;margin-top:27px;font-size:var(--font-small)}.project-link small{display:block;font-size:var(--font-label);color:var(--muted);margin-bottom:4px}.project-link>span:last-child{font-size:24px}.project-link:hover{color:var(--wine)}.bts-grid{display:grid;grid-template-columns:1fr 1fr;gap:17px;align-items:start}.bts-figure:nth-child(2){margin-top:74px}.bts-figure button{border:0;background:none;padding:0;display:block;width:100%;overflow:hidden;border-radius:4px}.bts-figure img{width:100%;height:390px;object-fit:cover;transition:transform .4s}.bts-figure button:hover img{transform:scale(1.03)}.bts-figure:nth-child(2) img{height:320px;object-position:66% center}.bts-figure figcaption{font-size:var(--font-small);color:var(--muted);margin-top:11px}.career-line{display:flex;flex-wrap:wrap;gap:10px 18px;align-items:center;border-top:1px solid var(--line);padding-top:24px;margin-top:38px;font-size:var(--font-lead);color:var(--muted)}.career-line span[aria-hidden]{color:var(--wine)}.career-line strong{color:var(--ink);font-weight:500}.collaboration{background:#efebe6;padding:65px 0 70px}.collab-heading{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:40px}.collab-heading>p{font-size:var(--font-body);color:var(--muted);max-width:250px;line-height:1.9}.services{display:grid;grid-template-columns:1fr 1fr;column-gap:70px;row-gap:0}.service{display:grid;grid-template-columns:28px 1fr;gap:20px;padding:25px 0;border-top:1px solid #d5cdc7}.service-number{font-size:var(--font-label);color:var(--wine);padding-top:4px}.service h3{font-size:var(--font-title);line-height:1.5;font-weight:600;letter-spacing:-.4px}.service p{font-size:var(--font-body);color:var(--muted);line-height:1.9;margin-top:9px;max-width:480px}.contact{padding:72px 0 62px}.contact-row{display:flex;justify-content:space-between;align-items:end;gap:40px}.contact .section-title{font-size:var(--font-section)}.contact-details{min-width:330px}.email-link{display:flex;justify-content:space-between;gap:25px;font-size:var(--font-body);letter-spacing:-.5px;border-bottom:1px solid var(--ink);padding-bottom:9px}.email-link span{font-size:24px}.contact-details>p{font-size:var(--font-body);color:var(--muted);margin-top:15px}.site-footer{border-top:1px solid var(--line);padding:23px 0}.footer-inner{display:flex;gap:20px;justify-content:space-between;align-items:center;font-size:var(--font-label);color:var(--muted)}.footer-inner .wordmark{font-size:var(--font-label);color:var(--ink)}.footer-inner .brand-mark{width:26px;height:25px}.footer-inner a:last-child{font-size:17px}.media-dialog,.project-dialog{border:0;border-radius:6px;padding:0;max-width:calc(100vw - 32px);max-height:calc(100dvh - 40px);background:var(--paper);color:var(--ink);overscroll-behavior:contain}.media-dialog{width:850px;background:#171316;color:#faf9f6}.project-dialog{width:760px}.media-dialog::backdrop,.project-dialog::backdrop{background:rgb(24 16 21 / 78%);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px)}.dialog-header{display:flex;align-items:center;justify-content:space-between;gap:25px;border-bottom:1px solid #40363c;padding:16px 22px}.dialog-header h2{font-size:var(--font-title);line-height:1.6;font-weight:500}.close-dialog{display:grid;place-items:center;flex-shrink:0;border:1px solid #6c6067;background:none;color:inherit;border-radius:50%;width:35px;height:35px;font-size:14px}.close-dialog:hover{background:rgb(160 150 155 / 20%)}.media-dialog button:focus-visible,.media-dialog a:focus-visible{outline-color:#f1d4df}.media-dialog video{width:100%;max-height:calc(100dvh - 215px);min-height:180px;display:block;background:#080608}.media-dialog img{width:100%;height:auto;max-height:calc(100dvh - 215px);object-fit:contain;background:#080608}.media-dialog [hidden]{display:none}.media-caption{padding:16px 22px 20px}.media-caption p{font-size:var(--font-small);color:#baafb6;line-height:1.8}.media-caption p+p{margin-top:6px}.media-error{font-size:var(--font-small);padding:15px 22px}.media-error a{text-decoration:underline}.project-dialog .dialog-header{border-color:var(--line);justify-content:flex-end}.project-dialog .close-dialog{border-color:var(--line)}.project-detail{padding:32px 40px 40px}.project-detail .eyebrow{color:var(--wine);font-size:var(--font-label)}.project-detail h2{font-size:var(--font-section);letter-spacing:-1.8px;line-height:1.2;font-weight:500;margin-top:15px}.project-detail>p:not(.eyebrow){font-size:var(--font-body);color:var(--muted);margin-top:20px;line-height:1.9}.project-detail>img{max-height:420px;width:100%;object-fit:cover;object-position:center 38%;margin-top:25px;border-radius:3px}.project-detail h3{font-size:var(--font-title);letter-spacing:-.4px;font-weight:600;margin-top:25px}.project-detail ul{font-size:var(--font-body);color:var(--muted);padding-left:18px;line-height:1.9}.project-detail li+li{margin-top:7px}.project-credit{border-top:1px solid var(--line);padding-top:17px;font-size:var(--font-small)!important}
@media(prefers-reduced-motion:no-preference){.brand-mark--animated .brand-z{animation:brand-z 7s .1s cubic-bezier(.25,.8,.25,1) infinite both}.brand-mark--animated .brand-n{animation:brand-n 7s .1s cubic-bezier(.25,.8,.25,1) infinite both}}
@keyframes brand-z{0%,8%,100%{transform:translate(-30px,-10px) rotate(-8deg)}28%,84%{transform:none}}@keyframes brand-n{0%,8%,100%{transform:translate(37px,14px) rotate(8deg)}28%,84%{transform:none}}
@media(min-width:1700px){.intro{padding-top:53px}.intro h1{font-size:var(--font-hero)}.work-section{padding-top:41px}}
@media(max-width:1100px){.container{width:calc(100% - 72px)}.intro h1{font-size:var(--font-hero)}.intro-copy{font-size:var(--font-body);max-width:490px}.work-grid{gap:14px}.work-card h2{font-size:var(--font-title)}.work-card>p{font-size:var(--font-small)}.cover-kind{font-size:var(--font-label);padding:4px 7px}.play-symbol{left:10px;bottom:10px;width:31px;height:31px;font-size:9px}.duration{bottom:19px;right:10px;font-size:var(--font-label)}.extra-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.extra-grid .media-cover{aspect-ratio:3/4}.brand-wall{column-gap:26px}.client-logo{flex-basis:calc((100% - 130px)/6)}.behind-grid{gap:6%}.bts-figure img{height:330px}.bts-figure:nth-child(2) img{height:280px}.behind-copy>.lead{font-size:var(--font-lead)}.behind-copy>p:not(.eyebrow):not(.lead){font-size:var(--font-body)}.services{column-gap:45px}.service h3{font-size:var(--font-title)}.service p{font-size:var(--font-body)}}
@media(max-width:800px){.container{width:calc(100% - 48px)}.header-inner{height:73px}.navigation{gap:23px;font-size:var(--font-small)}.wordmark{font-size:var(--font-body);gap:8px}.brand-mark{width:33px;height:32px}.navigation .contact-link{padding:8px 12px;gap:15px}.intro{padding-top:35px}.intro-topline .eyebrow{font-size:var(--font-label)}.intro h1{margin-top:18px}.intro-bottom{gap:30px;margin-top:18px}.intro-copy{font-size:var(--font-body);max-width:400px}.intro-note{font-size:var(--font-small)}.work-section{padding-top:31px}.work-grid{grid-template-columns:repeat(5,minmax(180px,1fr));overflow-x:auto;padding-bottom:15px;scroll-snap-type:x mandatory}.work-card{scroll-snap-align:start}.work-card h2{font-size:var(--font-title)}.work-card>p{font-size:var(--font-small)}.work-topline p:last-child{font-size:var(--font-small)}.cover-kind{font-size:var(--font-label)}.brands{padding-top:38px;padding-bottom:40px}.brands-heading p{font-size:var(--font-small);max-width:280px}.brand-wall{column-gap:25px;row-gap:21px}.client-logo{flex-basis:calc((100% - 100px)/5);height:49px}.client-logo img{max-height:31px}.client-logo.tall-logo img{max-height:42px}.behind-section{padding-block:62px}.behind-grid{grid-template-columns:1fr;gap:35px}.behind-copy>.lead{max-width:610px}.behind-copy>p:not(.eyebrow):not(.lead){max-width:610px}.section-title{font-size:var(--font-section)}.project-link{max-width:500px}.bts-grid{max-width:660px;gap:24px}.bts-figure:nth-child(2){margin-top:43px}.bts-figure img{height:390px}.bts-figure:nth-child(2) img{height:340px}.career-line{font-size:var(--font-lead);margin-top:30px;gap:8px 12px}.collaboration{padding-block:50px}.collab-heading{gap:30px}.collab-heading>p{font-size:var(--font-body);max-width:220px}.services{column-gap:30px}.service{gap:13px;grid-template-columns:22px 1fr}.service p{font-size:var(--font-body)}.contact{padding-block:52px}.contact-row{gap:25px}.contact-details{min-width:0}.email-link{font-size:var(--font-body);gap:15px}.contact-details>p{font-size:var(--font-body)}.contact .section-title{font-size:var(--font-section)}.footer-inner>p{display:none}}
@media(max-width:620px){html{scroll-padding-top:90px}.container{width:calc(100% - 40px)}.header-inner{height:69px}.wordmark{font-size:var(--font-body);letter-spacing:-.4px}.brand-mark{width:33px;height:32px}.menu-toggle{display:flex;gap:13px;align-items:center;padding:10px 0 10px 10px;font-size:var(--font-small)}.menu-toggle span{font-size:24px;line-height:1;transition:transform .2s}.menu-toggle[aria-expanded=true] span{transform:rotate(45deg)}.navigation{display:none;position:absolute;top:100%;left:0;right:0;background:var(--paper);border-bottom:1px solid var(--line);padding:14px 20px 20px;box-shadow:0 10px 15px rgb(40 30 35 / 4%)}.navigation.is-open{display:flex;flex-direction:column;gap:4px;align-items:stretch}.navigation a{font-size:var(--font-small);padding:10px 0}.navigation .contact-link{padding:10px 14px;margin-top:8px;justify-content:space-between}.intro{padding-top:30px}.intro-topline .eyebrow{font-size:var(--font-label);letter-spacing:1px}.intro-topline .eyebrow:last-child{display:none}.intro h1{font-size:var(--font-hero);line-height:1.1;letter-spacing:-3.5px;max-width:450px;overflow-wrap:normal}.intro-bottom{display:block;margin-top:22px}.intro-copy{font-size:var(--font-body);max-width:390px;line-height:1.9}.intro-note{font-size:var(--font-small);margin-top:19px;padding-top:0}.work-section{padding-top:32px}.work-topline{margin-bottom:15px;gap:15px}.work-topline .eyebrow{font-size:var(--font-label);letter-spacing:1.1px}.work-topline p:last-child{font-size:var(--font-small)}.work-grid{grid-template-columns:repeat(5,minmax(205px,1fr));gap:14px;margin-right:-20px;padding-right:20px}.work-card h2{font-size:var(--font-title);margin-top:11px}.work-card>p{font-size:var(--font-small)}.media-cover{border-radius:4px}.play-symbol{width:34px;height:34px;left:12px;bottom:12px}.duration{bottom:21px;right:12px}.cover-kind{top:10px;left:10px;font-size:var(--font-label);padding:4px 8px}.work-footnote{font-size:var(--font-small);line-height:1.9;margin-top:11px}.more-work{margin-top:23px}.more-work summary{font-size:var(--font-body);padding-block:16px}.extra-grid{grid-template-columns:1fr 1fr;gap:25px 15px;padding-bottom:25px}.extra-grid .media-cover{aspect-ratio:9/16}.extra-grid h3{font-size:var(--font-title)}.extra-grid p{font-size:var(--font-small)}.extra-grid .play-symbol{width:29px;height:29px;bottom:9px;left:9px}.brands{padding-top:34px;padding-bottom:37px}.brands-heading{display:block;margin-bottom:23px}.brands-heading h2{font-size:var(--font-section)}.brands-heading p{text-align:left;font-size:var(--font-small);max-width:360px;margin-top:8px;line-height:1.9}.brand-wall{column-gap:22px;row-gap:24px}.client-logo{flex-basis:calc((100% - 44px)/3);height:42px}.client-logo img{max-height:25px}.client-logo.compact-logo img{max-width:100%}.client-logo.tall-logo img{max-height:36px;max-width:75px}.client-logo.text-logo{font-size:20px}.behind-section{padding-block:43px}.section-label{font-size:var(--font-label);letter-spacing:1.2px;margin-bottom:16px}.section-title{font-size:var(--font-section);letter-spacing:-1.7px}.behind-copy>.lead{font-size:var(--font-lead);margin-top:21px}.behind-copy>p:not(.eyebrow):not(.lead){font-size:var(--font-body);margin-top:15px}.project-link{font-size:var(--font-small);margin-top:23px}.project-link small{font-size:var(--font-label)}.bts-grid{gap:13px}.bts-figure img{height:270px}.bts-figure:nth-child(2){margin-top:35px}.bts-figure:nth-child(2) img{height:230px}.bts-figure figcaption{font-size:var(--font-small);line-height:1.7;margin-top:9px}.career-line{gap:8px 10px;font-size:var(--font-lead);line-height:1.7;margin-top:27px;padding-top:22px}.collaboration{padding-block:40px}.collab-heading{display:block;margin-bottom:25px}.collab-heading>p{max-width:330px;font-size:var(--font-body);margin-top:20px}.collab-heading .section-title{font-size:var(--font-section)}.services{grid-template-columns:1fr}.service{padding-block:22px;gap:16px;grid-template-columns:22px 1fr}.service h3{font-size:var(--font-title)}.service p{font-size:var(--font-body);margin-top:7px}.contact{padding-block:43px}.contact-row{display:block}.contact .section-title{font-size:var(--font-section)}.contact-details{margin-top:30px;max-width:380px}.email-link{font-size:var(--font-body)}.contact-details>p{font-size:var(--font-body)}.footer-inner{font-size:var(--font-label);flex-wrap:wrap;gap:18px}.footer-inner .wordmark{font-size:var(--font-label)}.footer-inner>span{margin-left:auto}.footer-inner>a:last-child{font-size:18px}.project-detail{padding:24px 22px 28px}.project-detail h2{font-size:var(--font-section)}.project-detail>p:not(.eyebrow){font-size:var(--font-body)}.project-detail ul{font-size:var(--font-body)}.project-detail>img{max-height:340px}.dialog-header{padding:13px 16px}.dialog-header h2{font-size:var(--font-title)}.media-caption{padding:13px 16px 17px}.media-caption p{font-size:var(--font-small)}.media-dialog video,.media-dialog img{max-height:calc(100dvh - 220px)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}

.growth-section{display:grid;grid-template-columns:.6fr 1.4fr;gap:9%;padding:64px 0 85px;align-items:center}
.growth-photo{max-width:360px}.growth-photo button{padding:0;border:0;border-radius:4px;overflow:hidden;display:block;width:100%;background:none}.growth-photo img{width:100%;height:410px;object-fit:cover;object-position:center 35%}.growth-photo figcaption{font-size:var(--font-small);color:var(--muted);margin-top:11px}.growth-copy>p:not(.eyebrow){font-size:var(--font-body);line-height:1.9;color:var(--muted);max-width:590px;margin-top:21px}.challenge{display:flex;align-items:center;gap:24px;border-top:1px solid var(--line);padding-top:20px;margin-top:23px}.challenge>img{width:85px;height:59px;object-fit:contain;mix-blend-mode:multiply}.challenge-year{font-size:var(--font-label);letter-spacing:.6px;color:var(--wine)}.challenge h3{font-size:var(--font-title);font-weight:600;margin:3px 0 5px}.challenge p{font-size:var(--font-small);color:var(--muted);line-height:1.8}
@media(max-width:800px){.growth-section{grid-template-columns:.7fr 1.3fr;gap:6%;padding-top:48px;padding-bottom:60px}.growth-photo img{height:370px}.challenge{gap:15px}.challenge>img{width:64px;height:50px}.challenge p{font-size:var(--font-small)}}
@media(max-width:620px){.growth-section{grid-template-columns:1fr;gap:28px;padding-top:40px;padding-bottom:42px}.growth-photo{max-width:none}.growth-photo img{height:300px;object-position:center 35%}.growth-photo figcaption{font-size:var(--font-small)}.growth-copy>p:not(.eyebrow){font-size:var(--font-body)}.challenge>img{width:69px;height:55px}.challenge p{font-size:var(--font-small)}.challenge-year{font-size:var(--font-label)}.challenge{margin-top:21px}}

.intro-note a{text-decoration:underline;text-underline-offset:4px}.intro-note a:hover{color:var(--wine)}

.profiles-section{padding-top:65px;padding-bottom:8px}.profiles-heading{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:30px}.profiles-heading>.profiles-intro,.profiles-heading>p{font-size:var(--font-body);color:var(--muted);line-height:1.9;max-width:340px}.profiles-heading .section-title{font-size:var(--font-section);letter-spacing:-1.7px}.profiles-heading .section-label{margin-bottom:16px}.profiles-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}.profile-preview{display:block;position:relative;width:100%;padding:0;border:0;border-radius:4px;overflow:hidden;aspect-ratio:1/1;background:#eae4df}.profile-preview>img{width:100%;height:100%;object-fit:cover;object-position:center 50%;transition:transform .4s}.profile-preview:hover>img{transform:scale(1.025)}.profile-zoom{position:absolute;right:14px;bottom:14px;width:34px;height:34px;background:rgb(250 249 246 / 95%);display:grid;place-items:center;border-radius:50%;font-size:23px;color:var(--ink)}.profile-card-heading{display:flex;align-items:baseline;justify-content:space-between;gap:15px;margin-top:17px}.profile-card-heading h3{font-size:var(--font-title);font-weight:600;letter-spacing:-.4px}.profile-card-heading>span{font-size:var(--font-label);color:var(--muted)}.profile-card>p{font-size:var(--font-small);color:var(--muted);margin-top:4px}.profile-card>a{display:inline-flex;align-items:center;gap:20px;font-size:var(--font-small);margin-top:14px;border-bottom:1px solid var(--line);padding-bottom:4px}.profile-card>a:hover{color:var(--wine);border-color:var(--wine)}.profile-card>a>span{font-size:17px}
@media(max-width:1100px){.profiles-grid{gap:22px}.profile-card-heading h3{font-size:var(--font-title)}.profiles-heading .section-title{font-size:var(--font-section)}}
@media(max-width:800px){.profiles-section{padding-top:45px}.profiles-heading{gap:30px}.profiles-heading .section-title{font-size:var(--font-section)}.profiles-heading>p{font-size:var(--font-body);max-width:250px}.profiles-grid{gap:18px}.profile-card-heading{display:block}.profile-card-heading>span{display:block;margin-top:3px}.profile-card>p{font-size:var(--font-small)}.profile-card>a{font-size:var(--font-small);gap:12px}.profile-card-heading h3{font-size:var(--font-title)}}
@media(max-width:620px){.profiles-section{padding-top:38px;padding-bottom:0}.profiles-heading{display:block;margin-bottom:25px}.profiles-heading .section-title{font-size:var(--font-section)}.profiles-heading>p{font-size:var(--font-body);max-width:350px;margin-top:18px}.profiles-grid{grid-template-columns:1fr;gap:32px}.profile-preview{aspect-ratio:1/1}.profile-card-heading{display:flex;margin-top:14px}.profile-card-heading h3{font-size:var(--font-title)}.profile-card-heading>span{font-size:var(--font-label);margin:0}.profile-card>p{font-size:var(--font-small)}.profile-card>a{font-size:var(--font-small);margin-top:10px}.profile-zoom{width:36px;height:36px}}
.profile-card{--feed-offset:-11.05%}.profile-card:first-child{--feed-offset:-13.16%}.profile-preview{aspect-ratio:9/8}.profile-preview>img,.profile-preview:hover>img{height:auto;object-fit:initial;transform:translateY(var(--feed-offset));transition:filter .2s}.profile-preview:hover>img{filter:brightness(.96)}

/* Selected projects: a festival feature, followed by four video covers. */
.work-topline{align-items:baseline;gap:25px;margin-bottom:32px}
.work-topline .section-title{font-size:var(--font-section);letter-spacing:-1.7px}
.work-topline p:last-child{font-size:var(--font-small)}
.work-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:40px 26px;overflow:visible;padding:0;margin:0;scroll-snap-type:none}
.work-grid .media-cover{aspect-ratio:9/14;border-radius:5px}
.work-grid .media-cover::after{inset:80% 0 0;background:linear-gradient(transparent,rgb(0 0 0 / 15%))}
.work-grid .play-symbol{left:auto;right:15px;bottom:15px;width:42px;height:42px;border:0;background:rgb(250 249 246 / 95%);color:var(--wine);font-size:12px;backdrop-filter:none}
.work-grid .photo-arrow{font-size:24px}
.work-card-meta{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:17px}
.work-format{font-size:var(--font-label);line-height:1.6;letter-spacing:1px;text-transform:uppercase;color:var(--wine);font-weight:500}
.work-time{font-size:var(--font-label);color:var(--muted)}
.work-card h3{font-size:var(--font-title);font-weight:600;letter-spacing:-.6px;line-height:1.4;margin-top:7px}
.work-card>p{font-size:var(--font-small);line-height:1.7;margin-top:5px}
.work-card-generali .media-cover>img{transform:scale(1.2);transform-origin:10% center}
.work-card-generali .media-cover:hover>img{transform:scale(1.23)}
.work-feature{grid-column:1/-1;display:grid;grid-template-columns:1.15fr .85fr;gap:clamp(35px,5vw,85px);align-items:center;border-bottom:1px solid var(--line);padding-bottom:38px;margin-bottom:2px}
.work-feature .media-cover{aspect-ratio:16/10}
.work-feature .media-cover img.festival-photo{object-position:center 44%}
.work-feature-copy{max-width:410px}
.work-feature h3{font-size:var(--font-title);line-height:1.15;font-weight:500;letter-spacing:-1.7px;margin-top:16px}
.work-feature-description{font-size:var(--font-body);line-height:1.9;color:var(--muted);margin-top:23px}
.work-project-link{display:inline-flex;align-items:center;gap:30px;padding:7px 0;border:0;border-bottom:1px solid var(--wine);background:none;font-size:var(--font-small);color:var(--wine);margin-top:26px}
.work-project-link span{font-size:23px;line-height:1}
.work-project-link:hover{color:var(--ink);border-color:var(--ink)}
.work-footnote{margin-top:29px;font-size:var(--font-small)}
@media(max-width:1000px){.work-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:34px 24px}.work-feature{grid-template-columns:1fr 1fr;gap:35px;padding-bottom:30px}.work-feature .media-cover{aspect-ratio:4/3}.work-feature h3{font-size:var(--font-title)}.work-feature-description{font-size:var(--font-body);margin-top:18px}.work-project-link{margin-top:20px}}
@media(max-width:620px){.work-topline{display:block;margin-bottom:25px}.work-topline .section-title{font-size:var(--font-section)}.work-topline p:last-child{font-size:var(--font-small);margin-top:9px}.work-grid{gap:29px 15px}.work-feature{display:block;padding-bottom:28px;margin-bottom:0}.work-feature .media-cover{aspect-ratio:4/3}.work-feature-copy{margin-top:23px;max-width:370px}.work-feature h3{font-size:var(--font-title);letter-spacing:-1.1px;margin-top:12px}.work-feature-description{font-size:var(--font-body);margin-top:14px}.work-project-link{font-size:var(--font-small);margin-top:17px}.work-card-meta{gap:8px;margin-top:12px}.work-format{font-size:var(--font-label);letter-spacing:.6px}.work-time{font-size:var(--font-label)}.work-card:not(.work-feature) h3{font-size:var(--font-title);letter-spacing:-.4px;margin-top:6px}.work-card>p{font-size:var(--font-small);margin-top:4px}.work-grid .play-symbol{right:10px;bottom:10px;width:34px;height:34px;font-size:10px}.work-grid .photo-arrow{font-size:23px}.work-footnote{font-size:var(--font-small);line-height:1.9;margin-top:24px}}

/* A duplicated logo set keeps the horizontal loop seamless. */
.brands-heading{align-items:center}
.brands-heading h2{font-size:var(--font-section);line-height:1.25;letter-spacing:-1.5px}
.brands-slider{position:relative}
.brands-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:1;display:grid;place-items:center;width:44px;height:44px;padding:0;border:1px solid var(--line);border-radius:50%;background:var(--paper);color:var(--ink);transition:border-color .2s,color .2s}
.brands-arrow:hover{border-color:var(--wine);color:var(--wine)}
.brands-arrow-prev{left:clamp(8px,1.7vw,32px)}
.brands-arrow-next{right:clamp(8px,1.7vw,32px)}
.brands-arrow svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.brands-marquee{overflow:hidden;width:100%;padding-block:15px;mix-blend-mode:multiply;mask-image:linear-gradient(to right,transparent,#000 4%,#000 96%,transparent);-webkit-mask-image:linear-gradient(to right,transparent,#000 4%,#000 96%,transparent)}
.brand-wall{display:flex;flex-wrap:nowrap;justify-content:flex-start;gap:0;width:max-content;animation:brand-scroll 80s linear infinite;will-change:transform}
.brand-wall.is-controlled{animation:none}
.brand-set{display:flex;align-items:center;gap:56px;padding-right:56px;flex-shrink:0}
.brand-set .client-logo{flex:0 0 160px;width:160px;height:64px}
.brand-set .client-logo img{max-width:160px;max-height:42px}
.brand-set .client-logo.tall-logo img{max-width:110px;max-height:58px}
.brand-set .client-logo.compact-logo img{max-width:140px}
@keyframes brand-scroll{to{transform:translateX(-50%)}}
@media(max-width:800px){.brands-heading{align-items:flex-start}.brand-set{gap:36px;padding-right:36px}.brand-set .client-logo{flex-basis:130px;width:130px;height:58px}.brand-set .client-logo img{max-width:130px;max-height:35px}.brand-set .client-logo.tall-logo img{max-width:95px;max-height:49px}.brand-set .client-logo.compact-logo img{max-width:120px}.brand-wall{animation-duration:65s}}
@media(max-width:620px){.brands-heading{display:block}.brands-heading h2{font-size:var(--font-section);letter-spacing:-1px}.brands-arrow svg{width:20px;height:20px}.brands-marquee{mask-image:linear-gradient(to right,transparent,#000 14%,#000 86%,transparent);-webkit-mask-image:linear-gradient(to right,transparent,#000 14%,#000 86%,transparent)}}
@media(prefers-reduced-motion:reduce){.brand-wall{animation:none;will-change:auto}}

/* Client identities appear over a softened preview on hover or keyboard focus. */
.reference-filters{position:absolute;pointer-events:none;overflow:hidden}
.reference-card{--reference-tint:250,249,246;--reference-ink:#74384e;cursor:pointer}
.reference-card:not(.profile-card){position:relative}
.profile-card{display:block;min-width:0}
.reference-card[data-reference-client="skrz-prsty"]{--reference-tint:250,249,246;--reference-ink:#172957}
.reference-card .reference-photo{transition:filter .45s,transform .6s}
.profile-preview{position:relative}
.reference-overlay{position:absolute;z-index:2;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:23px;padding:30px;background:rgba(var(--reference-tint),.78);color:var(--reference-ink);opacity:0;pointer-events:none;transition:opacity .4s}
.reference-overlay .reference-logo{position:absolute;left:50%;top:35%;display:block;width:70%;max-width:205px;height:90px;object-fit:contain;filter:url(#reference-logo-alpha);transform:translate(-50%,-50%) translateY(12px);transition:transform .45s}
/* Preserve the original Skrz Prsty mark, masking its white background and tinting the ink. */
.client-logo img[src$="/sp.png"],.reference-overlay .reference-logo[src$="/sp.png"]{filter:url(#skrz-prsty-navy)}
.reference-card[data-reference-client="sheron"] .reference-logo{height:90px;object-fit:cover}
.brand-set .client-logo img.sheron-logo{width:160px;height:42px;object-fit:cover}
.reference-overlay .reference-action{position:absolute;left:50%;top:63%;transform:translateX(-50%);display:flex;align-items:center;gap:14px;white-space:nowrap;font-size:var(--font-small);letter-spacing:.5px}
.reference-action>span{font-size:18px}
.reference-thumbnail:is(:hover,:focus-visible) .reference-photo,.profile-card:focus-visible .reference-photo{filter:blur(6px) saturate(.75)}
.reference-thumbnail:is(:hover,:focus-visible) .reference-overlay,.profile-card:focus-visible .reference-overlay{opacity:1}
.reference-thumbnail:is(:hover,:focus-visible) .reference-logo,.profile-card:focus-visible .reference-logo{transform:translate(-50%,-50%)}
.profile-card .reference-photo,.profile-card:hover .reference-photo{height:auto;object-fit:initial;transform:translateY(var(--feed-offset));transition:filter .45s}
.reference-cursor{position:fixed;z-index:80;left:0;top:0;width:36px;height:36px;color:var(--wine);opacity:0;transform:translate3d(var(--cursor-x,-200px),var(--cursor-y,-200px),0) translate(-50%,-50%);transition:none;will-change:transform}
.reference-cursor,.reference-cursor *{pointer-events:none!important}
.reference-cursor.is-visible{opacity:1}
.reference-cursor[data-client="skrz-prsty"]{color:#172957}
.reference-cursor-icon{display:block;width:36px;height:36px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.reference-cursor-play{display:none}
.reference-cursor[data-kind="play"] .reference-cursor-arrow{display:none}
.reference-cursor[data-kind="play"] .reference-cursor-play{display:block}
@media(hover:hover) and (pointer:fine){.reference-cursor-ready .reference-thumbnail,.reference-cursor-ready .reference-thumbnail *{cursor:none}.reference-cursor-ready .reference-thumbnail:focus-visible .reference-action,.reference-cursor-ready .profile-card:focus-visible .reference-action{opacity:1}.reference-cursor-ready .reference-thumbnail:hover .reference-action{opacity:0}}
@media(hover:hover) and (pointer:fine){.reference-cursor-ready .bts-figure .reference-thumbnail:hover .reference-action{opacity:1}}
@media(max-width:620px){.reference-overlay{padding:18px;gap:15px}.reference-overlay .reference-logo{width:78%;height:65px}.reference-action{font-size:var(--font-small)}.reference-cursor,.reference-cursor-icon{width:32px;height:32px}}
@media(hover:none),(pointer:coarse){.reference-cursor{display:none}.reference-thumbnail:not(:focus-visible) .reference-overlay{opacity:0}.reference-thumbnail:not(:focus-visible) .reference-photo{filter:none}}

/* Personal introduction. */
.intro{padding-top:47px;padding-bottom:60px}
.intro-layout{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:7%;align-items:end;max-width:1200px;margin-top:0}
.intro h1{font-size:var(--font-hero);font-weight:500;line-height:1.05;letter-spacing:-.065em;margin-top:0;max-width:none}
.intro h1 span{display:inline-block;color:var(--wine)}
.intro-lead{font-size:var(--font-lead);line-height:1.7;letter-spacing:-.3px;margin-top:27px;max-width:700px}
.intro-bio{font-size:var(--font-body);line-height:1.95;max-width:650px;color:var(--muted);margin-top:21px}
.intro .intro-note{margin-top:25px;padding-top:0;justify-content:flex-start}
.intro-portrait{width:340px;justify-self:end;align-self:end;margin-bottom:-60px}
.intro-portrait img{width:100%;height:470px;object-fit:contain;object-position:center bottom;border-radius:0;mask-image:linear-gradient(to bottom,#000 90%,transparent);-webkit-mask-image:linear-gradient(to bottom,#000 90%,transparent)}
.intro + .behind-section{padding-top:56px;border-top:1px solid var(--line)}
.behind-section + .profiles-section{padding-top:0}
.bts-figure figcaption{font-size:var(--font-small);line-height:1.8;margin-top:12px}
.profiles-section + .work-section{padding-top:65px}
@media(max-width:1100px){.intro-layout{grid-template-columns:minmax(0,1fr) 300px;gap:6%}.intro-portrait{width:280px}.intro-portrait img{height:400px}.intro h1{font-size:var(--font-hero)}.intro-lead{font-size:var(--font-lead)}.intro-bio{font-size:var(--font-body)}}
@media(max-width:800px){.intro{padding-top:35px;padding-bottom:45px}.intro-layout{grid-template-columns:minmax(0,1fr) 225px;gap:30px}.intro-portrait{width:225px;margin-bottom:-45px}.intro-portrait img{height:330px}.intro h1{font-size:var(--font-hero)}.intro-lead{font-size:var(--font-lead);margin-top:23px}.intro-bio{font-size:var(--font-body);line-height:1.9;margin-top:17px}.intro .intro-note{font-size:var(--font-small);margin-top:20px;flex-wrap:wrap;white-space:normal;gap:7px}.intro + .behind-section{padding-top:42px}.bts-figure figcaption{font-size:var(--font-small)}.profiles-section + .work-section{padding-top:48px}}
@media(max-width:620px){.intro{padding-top:29px;padding-bottom:36px}.intro-layout{display:block;position:relative;margin-top:0}.intro h1{font-size:var(--font-hero);line-height:1.08;letter-spacing:-2.5px;padding-right:137px;min-height:155px}.intro-portrait{position:absolute;top:-14px;right:-4px;width:126px;margin-bottom:0}.intro-portrait img{height:178px;border-radius:0;object-position:center bottom}.intro-lead{font-size:var(--font-lead);line-height:1.7;letter-spacing:-.2px;margin-top:20px;max-width:420px}.intro-lead br{display:none}.intro-bio{font-size:var(--font-body);line-height:1.95;margin-top:18px}.intro .intro-note{font-size:var(--font-small);margin-top:20px;gap:6px}.intro + .behind-section{padding-top:35px}.bts-figure figcaption{font-size:var(--font-small);line-height:1.8}.profiles-section + .work-section{padding-top:40px}}

/* Behind the scenes: a photo-led composition and a readable career timeline. */
.behind-section{padding-bottom:76px}
.behind-heading{max-width:1000px;margin-bottom:35px}
.behind-heading .section-label{margin-bottom:13px}
.behind-heading .section-title{font-size:var(--font-section);line-height:1.15;letter-spacing:-2px}
.behind-section .bts-grid{grid-template-columns:1.08fr .92fr;gap:34px;max-width:none}
.behind-section .bts-figure:nth-child(2){margin-top:42px}
.behind-section .bts-figure .reference-photo{height:420px;object-fit:cover;object-position:center 46%}
.behind-section .bts-figure:nth-child(2) .reference-photo{height:420px;object-position:center 64%}
.behind-section .bts-figure figcaption{font-size:var(--font-small);line-height:1.7;margin-top:14px}
.career-panel{margin-top:52px;padding:38px 32px 30px;border:1px solid rgb(116 56 78 / 20%);border-radius:4px;background:var(--paper)}
.behind-section .career-line{display:grid;grid-template-columns:repeat(4,minmax(0,1fr)) 54px;align-items:start;gap:0;list-style:none;border:0;padding:0;margin:0;font-size:var(--font-lead)}
.career-line li{position:relative;min-width:0;border:0;padding:27px 32px 0 0}
.career-line li::after{content:'';position:absolute;top:0;left:12px;right:40px;border-top:1px solid #c8b4bd}
.career-line li::before{content:'';position:absolute;top:-5px;left:0;width:9px;height:9px;border:1px solid var(--wine);background:var(--paper);border-radius:50%}
.career-line .career-stage{display:block;color:var(--muted);font-size:var(--font-lead);line-height:1.55;letter-spacing:-.35px;font-weight:400}
.career-line .career-period{display:block;margin-bottom:8px;color:var(--wine);font-size:var(--font-small);font-weight:500;line-height:1.5;letter-spacing:.3px;white-space:nowrap}
.career-line .is-current::before{background:var(--wine);box-shadow:0 0 0 5px var(--paper)}
.career-line .is-current .career-stage{font-weight:600;color:var(--wine)}
.career-line .career-arrow{position:absolute;right:12px;top:-11px;display:block;width:22px;height:22px;padding:0;background:none;color:var(--wine);line-height:1}
.career-arrow svg{display:block;width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.3;stroke-linecap:round;stroke-linejoin:round}
.career-line .career-next{padding-right:0}
.career-line .career-next::after{right:0;border-top-style:dashed}
.career-line .career-next::before{opacity:.45}
.career-line .career-next .career-stage{font-size:var(--font-lead);line-height:1;color:var(--wine);letter-spacing:3px}
@media(max-width:1100px){.behind-section .bts-grid{gap:25px}.behind-section .bts-figure .reference-photo,.behind-section .bts-figure:nth-child(2) .reference-photo{height:370px}.career-line .career-stage{font-size:var(--font-lead)}.career-line li{padding-right:24px}.career-panel{padding-inline:24px}}
@media(max-width:800px){.behind-section{padding-bottom:55px}.behind-heading{margin-bottom:28px}.behind-heading .section-title{font-size:var(--font-section)}.behind-section .bts-grid{grid-template-columns:1fr 1fr;gap:22px}.behind-section .bts-figure:nth-child(2){margin-top:30px}.behind-section .bts-figure .reference-photo,.behind-section .bts-figure:nth-child(2) .reference-photo{height:340px}.career-panel{margin-top:40px;padding:28px 28px 25px}.behind-section .career-line{position:relative;display:block;margin:0 0 0 4px}.career-line li{border:0;padding:0 0 28px 27px}.career-line li::before{left:-4px;top:6px}.career-line li::after{left:0;right:auto;top:20px;bottom:26px;border-top:0;border-left:1px solid #c8b4bd}.career-line .career-stage{font-size:var(--font-lead)}.career-line .career-arrow{left:-10.5px;right:auto;top:auto;bottom:4px;transform:rotate(90deg)}.career-line .career-next{padding-bottom:0}.career-line .career-next::after{display:none}.career-line .career-next .career-stage{font-size:var(--font-lead)}}
@media(max-width:620px){.behind-section{padding-bottom:42px}.behind-heading .section-title{font-size:var(--font-section);letter-spacing:-1.5px}.behind-section .bts-grid{gap:15px}.behind-section .bts-figure:nth-child(2){margin-top:26px}.behind-section .bts-figure .reference-photo,.behind-section .bts-figure:nth-child(2) .reference-photo{height:250px}.behind-section .bts-figure figcaption{font-size:var(--font-small);line-height:1.7;margin-top:11px}.career-panel{margin-top:35px;padding:26px 20px 22px}}

/* Only hierarchy changes with screen size; body copy and captions remain readable. */
@media(max-width:1100px){:root{--font-hero:76px;--font-section:44px}}
@media(max-width:800px){:root{--font-hero:61px;--font-section:40px;--font-title:20px}}
@media(max-width:620px){:root{--font-hero:clamp(44px,11.7vw,64px);--font-section:34px}.intro h1{min-height:165px}.intro-note{flex-wrap:wrap;white-space:normal}.work-card-meta{flex-wrap:wrap}.intro .intro-note{gap:6px}.section-title{line-height:1.2}}

/* Additional work: new pieces first; the complete original portfolio closes the strip. */
.more-work{margin-top:38px;padding-top:0;border-bottom:1px solid var(--line)}
.more-work-slider{position:relative;margin-top:4px;margin-bottom:18px}
.more-work-slider::after{content:'';position:absolute;z-index:3;right:0;top:0;bottom:15px;width:66px;background:linear-gradient(to right,transparent,var(--paper));pointer-events:none;transition:opacity .2s}
.more-work-slider.is-at-end::after{opacity:0}
.more-work .extra-grid{--extra-card-width:calc((100% - 72px)/4.3);display:grid;grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:var(--extra-card-width);gap:24px;padding:6px 64px 20px 0;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:var(--line) transparent}
.extra-card{min-width:0;scroll-snap-align:start}
.more-work .extra-grid .media-cover{aspect-ratio:9/14}
.extra-card .reference-photo{width:100%;height:100%;object-fit:cover}
.extra-card--archive .reference-photo{object-position:25% center}
.extra-card h3{font-size:var(--font-title);line-height:1.4;margin-top:15px}
.extra-card p{font-size:var(--font-small);line-height:1.7;margin-top:5px}
.extra-grid .reference-thumbnail:focus-visible{outline-offset:-3px}
.work-gallery-arrow{position:absolute;z-index:4;top:38%;display:grid;place-items:center;transform:translateY(-50%);width:46px;height:58px;border:1px solid var(--line);border-radius:3px;background:var(--paper);color:var(--wine);padding:0;transition:opacity .2s,border-color .2s}
.work-gallery-arrow:hover{border-color:var(--wine)}
.work-gallery-arrow:disabled{opacity:0;pointer-events:none}
.work-gallery-prev{left:-14px}
.work-gallery-next{right:0}
.work-gallery-arrow svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.reference-wordmark{position:absolute;top:35%;left:50%;transform:translate(-50%,-50%);width:80%;text-align:center;font-size:var(--font-title);font-weight:700;line-height:1.3;color:var(--wine)}
.extra-grid .static-post-stage{display:grid;place-items:center;width:100%;height:100%;background:#eae7e4}
.static-post-crop{width:100%;aspect-ratio:1;overflow:hidden}
.static-post-crop img{display:block;width:100%;height:auto;max-width:100%}
.static-post-crop--people img{transform:translateY(-33.15%)}
.static-post-crop--vaclav img{transform:translateY(-15.33%)}
@media(max-width:1000px){.more-work .extra-grid{--extra-card-width:calc((100% - 48px)/3.2)}}
@media(max-width:620px){.more-work{margin-top:28px;padding-top:0}.more-work-slider{margin-top:0;margin-bottom:14px}.more-work .extra-grid{--extra-card-width:min(76vw,285px);gap:18px;padding-right:55px}.work-gallery-prev{left:-6px}.work-gallery-arrow{width:44px;height:54px}.more-work-slider::after{width:50px}}

/* Mentoring belongs to the same experience list and type scale. */
.mentoring-logos{flex:0 0 85px;display:flex;flex-direction:column;align-items:center;gap:12px}
.mentoring-utb{position:relative;display:block;width:54px;height:54px;overflow:hidden}
.mentoring-utb img{position:absolute;left:50%;top:50%;width:130px;height:125px;max-width:none;transform:translate(-50%,-50%);mix-blend-mode:multiply}
.mentoring-logos .mentoring-sporitelna{width:46px;height:46px;object-fit:contain}
.mentor-link{color:var(--wine);text-decoration:underline;text-underline-offset:3px}
.mentor-link:hover{text-decoration-thickness:2px}
@media(max-width:800px){.mentoring-logos{flex-basis:64px}}
@media(max-width:620px){.mentoring-logos{flex-basis:69px}}

/* The final invitation has a distinct surface and one clear primary action. */
.contact-panel{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:8%;padding-block:14px}
.contact-message>p{font-size:var(--font-body);line-height:1.8;color:var(--muted);max-width:510px;margin-top:22px}
.contact-email{display:inline-block;font-size:var(--font-body);color:var(--wine);margin-top:24px;text-decoration:underline;text-underline-offset:4px;overflow-wrap:anywhere}
.contact-form{position:relative;min-width:0;display:grid;gap:18px}
.contact-field{min-width:0;display:grid;gap:7px}
.contact-field label{font-size:var(--font-small);font-weight:600;line-height:1.6}
.contact-hidden-label{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.contact-field input,.contact-field textarea{display:block;width:100%;min-width:0;border:1px solid #cfc8cb;border-radius:3px;background:#fff;color:var(--ink);font:400 var(--font-body)/1.6 var(--sans);padding:10px 12px}
.contact-field input{min-height:48px}
.contact-field textarea{min-height:114px;resize:vertical}
.contact-field input::placeholder,.contact-field textarea::placeholder{color:var(--muted);opacity:1}
.contact-field input:focus-visible,.contact-field textarea:focus-visible{outline:2px solid var(--wine);outline-offset:2px;border-color:var(--wine)}
.contact-form-note{font-size:var(--font-small);color:var(--muted);line-height:1.6}
.contact-submit{justify-self:start;min-height:48px;padding:11px 24px;border:1px solid var(--wine);border-radius:3px;background:var(--wine);color:#fff;font-size:var(--font-body);font-weight:600;line-height:1.5}
.contact-submit:hover{background:#613043;border-color:#613043}
.contact-submit:disabled{opacity:.65;cursor:progress}
.contact-honeypot{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.contact-status{font-size:var(--font-small);line-height:1.7;padding:12px 15px;border-left:3px solid var(--wine);background:#f0e6ea;overflow-wrap:anywhere}
.contact-status[data-state="success"]{border-color:#42634b;background:#edf2ed;color:#294730}
.contact-status:focus{outline:2px solid var(--wine);outline-offset:3px}
@media(max-width:800px){.contact-panel{gap:32px}}
@media(max-width:620px){.contact-panel{grid-template-columns:1fr;gap:30px;padding-block:0}.contact-message>p{margin-top:18px}.contact-email{margin-top:18px}.contact-submit{width:100%}}

.contact-form-note a,.cookie-more,.footer-legal a,.footer-legal button{color:var(--wine);text-decoration:underline;text-underline-offset:4px}
.footer-legal{display:flex;flex-wrap:wrap;gap:4px 24px;align-items:center;padding-bottom:18px;font-size:var(--font-small)}
.footer-legal a,.footer-legal button{display:inline-flex;align-items:center;min-height:44px}
.footer-legal button{font:inherit;border:0;background:none;padding:0}
.footer-legal [hidden],.cookie-bar[hidden],.cookie-actions [hidden]{display:none}
.cookie-bar{position:fixed;z-index:100;left:24px;bottom:24px;width:min(540px,calc(100% - 48px));padding:24px;background:var(--paper);border:1px solid #cfc8cb;border-radius:3px;box-shadow:0 8px 32px rgb(36 33 36 / 12%);max-height:calc(100dvh - 100px);overflow:auto;overscroll-behavior:contain}
.cookie-bar h2{font-size:var(--font-body);font-weight:700;line-height:1.5;margin-bottom:10px}
.cookie-bar p{font-size:var(--font-small);line-height:1.75;color:#655e63}
.cookie-more{display:inline-block;font-size:var(--font-small);margin-top:10px}
.cookie-actions{display:flex;gap:12px;margin-top:20px}
.cookie-actions button{flex:1;min-height:44px;padding:9px 16px;background:var(--wine);color:#fff;border:1px solid var(--wine);border-radius:3px;font-size:var(--font-small);font-weight:600}
.cookie-actions button:hover{background:#613043;border-color:#613043}
.privacy-header{border-bottom:1px solid var(--line)}
.privacy-header .header-inner>a:last-child{font-size:var(--font-small);text-decoration:underline;text-underline-offset:4px}
.privacy-content{max-width:800px;padding-block:64px 80px}
.privacy-content>p{margin-top:22px;color:var(--muted)}
.privacy-content h2{font-size:var(--font-title);font-weight:600;line-height:1.5;margin:40px 0 14px;scroll-margin-top:30px}
.privacy-content section>p{font-size:var(--font-body);color:#655e63}
.privacy-content section>p+p{margin-top:14px}
.privacy-content a{color:var(--wine);text-decoration:underline;text-underline-offset:4px;overflow-wrap:anywhere}
.privacy-table{width:100%;border-collapse:collapse;font-size:var(--font-small);margin-top:18px}
.privacy-table th,.privacy-table td{text-align:left;vertical-align:top;padding:14px 12px;border-bottom:1px solid var(--line)}
.privacy-table th:first-child,.privacy-table td:first-child{padding-left:0}
.privacy-table th{font-weight:600}
.privacy-table code{font-size:inherit;overflow-wrap:anywhere}
@media(max-width:620px){.cookie-bar{left:12px;bottom:12px;width:calc(100% - 24px);padding:20px}.cookie-actions{gap:10px}.privacy-content{padding-block:38px 50px}.privacy-header .header-inner{gap:14px}.privacy-table thead{display:none}.privacy-table,.privacy-table tbody,.privacy-table tr,.privacy-table td{display:block}.privacy-table tr{padding-block:14px;border-bottom:1px solid var(--line)}.privacy-table td{padding:3px 0;border:0}.privacy-table td:last-child{color:var(--muted)}}
@media print{.cookie-bar,.footer-legal button{display:none!important}}

/* A quiet, page-wide signature, drawn from the actual ZN monogram. */
.has-page-signature{position:relative;isolation:isolate}
.brands .client-logo img:not([src$="/sp.png"]){filter:url(#reference-logo-alpha)}
.page-signature{position:absolute;inset:0;z-index:-1;overflow:clip;pointer-events:none;user-select:none}
.page-signature::before{content:'';position:fixed;inset:0;background:radial-gradient(ellipse at var(--signature-wash-x,90%) var(--signature-wash-y,25%),rgb(116 56 78 / 16%),rgb(167 117 126 / 7%) 42%,transparent 76%)}
.page-signature svg{position:absolute;inset:0;width:100%;height:100%;overflow:hidden}
.signature-mark{fill:none;stroke:url(#signature-ink);stroke-linecap:round;stroke-linejoin:round;opacity:.48}
@media(max-width:620px){.signature-mark{opacity:.36}}
@media(prefers-reduced-motion:reduce){.signature-mark{opacity:.22}.page-signature::before{background:radial-gradient(ellipse at 85% 35%,rgb(116 56 78 / 16%),rgb(167 117 126 / 7%) 42%,transparent 76%)}}
@media(forced-colors:active),print{.page-signature{display:none}}
