@font-face{font-family:"Space Grotesk";src:url('/assets/space-grotesk-latin.woff2') format('woff2');font-style:normal;font-weight:400 700;font-display:swap}
@font-face{font-family:"DM Sans";src:url('/assets/dm-sans-latin.woff2') format('woff2');font-style:normal;font-weight:400 700;font-display:swap}
:root{--ink:#102a37;--ink-dark:#071922;--steel:#455d68;--blue:#087da5;--sky:#dceef3;--mist:#e9f2f3;--paper:#f7f7f2;--white:#fff;--line:#cbd9db;--display:"Space Grotesk",Arial,sans-serif;--body:"DM Sans",Arial,sans-serif;scroll-behavior:smooth}
*{box-sizing:border-box}html{scroll-padding-top:90px}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--body);-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}img,video{max-width:100%}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #0a93bc;outline-offset:4px}[hidden]{display:none!important}.skip-link{position:absolute;z-index:1000;left:12px;top:-100px;background:#fff;padding:12px}.skip-link:focus{top:12px}
.preview-ribbon{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:8px max(4.5vw,20px);background:var(--ink-dark);color:#d7e5e9;font:500 10px/1.3 var(--display);letter-spacing:.12em}.preview-ribbon a{border-bottom:1px solid #a9c0c8;padding-bottom:2px}.site-header{height:100px;max-width:1600px;margin:auto;padding:0 4.5vw;display:flex;align-items:center;justify-content:space-between;gap:30px;position:relative;z-index:20}.brand,.footer-brand{display:flex;flex-direction:column;align-items:center;gap:0;width:178px;flex:none}.brand img,.footer-brand img{width:178px;height:auto;display:block}.brand span,.footer-brand span{font:500 8px/1 var(--display);letter-spacing:.22em;margin-top:-1px}.desktop-nav{display:flex;gap:37px;margin-left:auto;margin-right:3vw}.desktop-nav a{font-size:13px;font-weight:600;transition:color .25s}.desktop-nav a:hover{color:var(--blue)}.header-contact,.action-primary,.closing-button,.form-submit{border:0;background:var(--ink);color:#fff;display:inline-flex;align-items:center;justify-content:space-between;gap:40px;padding:16px 22px;font-weight:600;font-size:13px;min-height:52px;transition:background .25s,transform .25s}.header-contact{border-radius:30px;min-width:170px}.header-contact:hover,.action-primary:hover,.closing-button:hover,.form-submit:hover{background:var(--blue);transform:translateY(-2px)}.menu-toggle,.mobile-nav{display:none}
.hero{position:relative;overflow:hidden;background:radial-gradient(ellipse at 82% 5%,#ffffffab 0%,transparent 34%),linear-gradient(145deg,#e4f3f6 0%,#d8eaf0 42%,#c6dce1 100%);padding:40px 4.5vw 0}.hero-aura{position:absolute;width:980px;height:660px;border-radius:50%;right:-250px;top:-300px;background:radial-gradient(circle,#fff9,transparent 68%);pointer-events:none}.hero-topline,.hero h1,.hero-intro,.hero-cinema{position:relative;max-width:1450px;margin-left:auto;margin-right:auto}.hero-topline{display:flex;justify-content:space-between;align-items:center;padding-top:18px;border-top:1px solid #9eb9c1;gap:20px;color:#355663;font:600 10px/1.3 var(--display);letter-spacing:.14em}.micro-label{display:flex;align-items:center;gap:11px}.live-dot{width:8px;height:8px;background:#0583a5;border-radius:50%;box-shadow:0 0 0 5px #79c6d35c}.issue span{margin-left:28px;color:#72909a}.hero h1{font:500 clamp(74px,10.2vw,160px)/.91 var(--display);letter-spacing:-.095em;margin-top:85px;margin-bottom:35px;max-width:1450px}.hero h1 em,.section-heading h2 em,.studio-heading h2 em,.reviews-top h2 em,.closing-inner h2 em{font-style:normal;color:var(--blue)}.hero-intro{display:flex;justify-content:space-between;align-items:end;gap:50px;padding-bottom:70px}.hero-intro>p{max-width:525px;margin:0;font-size:clamp(19px,2.15vw,30px);line-height:1.32;letter-spacing:-.035em}.hero-actions{display:flex;gap:29px;align-items:center}.action-primary{background:var(--blue);border-radius:3px;min-width:190px}.action-text{color:var(--ink);padding:13px 0;border:0;border-bottom:1px solid #567982;background:transparent;display:flex;gap:28px;white-space:nowrap;font-size:13px;font-weight:700}.action-text:hover{color:var(--blue)}
.hero-cinema{max-width:1450px}.hero-film{display:block;position:relative;width:100%;height:clamp(420px,47vw,710px);padding:0;border:0;overflow:hidden;text-align:left;color:#fff;background:#254956;isolation:isolate}.hero-film>img,.hero-film>video{width:100%;height:100%;object-fit:cover;display:block;position:absolute;inset:0}.hero-film>video{z-index:1}.film-vignette{position:absolute;inset:0;z-index:2;background:linear-gradient(180deg,#01151b91 0%,transparent 34%,transparent 56%,#03141cce 100%)}.film-top,.film-bottom{position:absolute;z-index:3;left:35px;right:35px;display:flex;align-items:center;justify-content:space-between;gap:20px}.film-top{top:33px;font:600 10px var(--display);letter-spacing:.16em}.film-top i{display:inline-block;width:7px;height:7px;margin-right:10px;border-radius:50%;background:#fff;box-shadow:0 0 15px #fff}.film-bottom{bottom:34px;align-items:end}.film-bottom>span:first-child{display:flex;flex-direction:column;gap:8px}.film-bottom small{font:600 10px var(--display);letter-spacing:.16em}.film-bottom strong{font:500 clamp(33px,4vw,64px)/1 var(--display);letter-spacing:-.06em}.film-play{display:flex;align-items:center;gap:12px;font-weight:600;font-size:13px;white-space:nowrap}.film-play b{width:50px;height:50px;border:1px solid #fff9;border-radius:50%;display:grid;place-items:center;font-size:12px;font-weight:400;transition:background .25s,color .25s,transform .25s}.hero-film:hover .film-play b{background:#fff;color:var(--ink);transform:scale(1.08)}.hero-film-caption{height:44px;display:flex;align-items:center;justify-content:space-between;color:#365965;font:600 10px var(--display);letter-spacing:.16em}
.proof{background:#f8faf8;padding:45px 4.5vw;display:grid;grid-template-columns:1.1fr .85fr .85fr 1.1fr;gap:28px;align-items:center;border-bottom:1px solid #d9e5e6}.proof>*{max-width:400px}.proof-kicker,.proof-stat>span,.eyebrow{font:600 10px/1.5 var(--display);letter-spacing:.17em}.proof-kicker{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #a9bec3;padding-top:16px}.proof-stat{display:flex;flex-direction:column;gap:9px;border-left:1px solid var(--line);padding-left:33px}.proof-stat strong{font:500 clamp(42px,5vw,74px)/1 var(--display);letter-spacing:-.09em}.proof-stat strong span{color:var(--blue)}.proof-stat>span{color:#6e848a}.proof>p{font-size:15px;line-height:1.5;max-width:225px;margin:0 auto 0 0;color:#52656d}
.section-shell{padding-left:4.5vw;padding-right:4.5vw}.work-section{padding-top:145px;padding-bottom:155px;background:var(--paper)}.section-heading,.reviews-top{display:flex;align-items:end;justify-content:space-between;gap:60px;max-width:1450px;margin:0 auto 60px}.eyebrow{margin:0 0 24px;color:var(--blue)}.section-heading h2,.studio-heading h2,.reviews-top h2,.closing-inner h2{font:500 clamp(64px,7.7vw,122px)/.96 var(--display);letter-spacing:-.085em;margin:0}.section-heading>p,.reviews-top>p{max-width:360px;font-size:18px;line-height:1.5;color:#567078;margin:0 0 8px}.filter-row{max-width:1450px;margin:0 auto 25px;display:flex;align-items:center;gap:33px;min-height:62px;border-top:1px solid #9eb4b9;border-bottom:1px solid #c5d5d7;overflow-x:auto;scrollbar-width:none}.filter-row::-webkit-scrollbar{display:none}.filter-row button{white-space:nowrap;background:none;border:0;color:#607780;padding:19px 0;font-size:13px;font-weight:600;position:relative}.filter-row button[aria-pressed="true"]{color:var(--ink)}.filter-row button[aria-pressed="true"]:after{content:"";position:absolute;height:2px;left:0;right:0;bottom:0;background:var(--blue)}.filter-row button span{font-size:10px;vertical-align:top;margin-left:4px;color:var(--blue)}#filter-count{margin-left:auto;white-space:nowrap;color:#65808b;font:600 10px var(--display);letter-spacing:.15em}.work-grid{display:grid;grid-template-columns:1.38fr 1fr;gap:55px 25px;max-width:1450px;margin:auto}.work-item{min-width:0;border:0;background:transparent;padding:0;text-align:left;color:var(--ink)}.work-item:first-child{grid-column:1/-1}.work-image{display:block;position:relative;overflow:hidden;background:#a8c3ca;aspect-ratio:1.36}.work-item:first-child .work-image{aspect-ratio:2.12}.work-image>img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .7s cubic-bezier(.2,.7,.2,1)}.work-item:hover .work-image>img{transform:scale(1.04)}.work-image:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#07192212,transparent 45%,#07192250)}.work-image>span{position:absolute;z-index:1;color:#fff;font:600 10px var(--display);letter-spacing:.16em}.work-image .work-number{left:23px;top:22px}.work-image .work-category{right:22px;top:22px}.work-image .work-play{left:23px;bottom:23px;width:50px;height:50px;border:1px solid #fff9;border-radius:50%;display:grid;place-items:center;font-size:12px;letter-spacing:0;transition:background .25s,color .25s}.work-item:hover .work-play{background:#fff;color:var(--ink)}.work-item-meta{display:flex;justify-content:space-between;align-items:end;gap:20px;padding:20px 0;border-bottom:1px solid #b7c9cc}.work-item-meta>span:first-child{display:flex;flex-direction:column;gap:7px}.work-item-meta small{font:600 10px var(--display);letter-spacing:.12em;color:#66828a}.work-item-meta strong{font:500 clamp(25px,2.6vw,40px)/1.1 var(--display);letter-spacing:-.06em}.work-item-meta>span:last-child{font-size:12px;font-weight:700;white-space:nowrap}.loading-films{font-size:18px;color:#607780}
.studio-section{position:relative;overflow:hidden;background:linear-gradient(145deg,#102f3d,#071922 70%);color:#f0f5f3}.studio-section:before{content:"";position:absolute;inset:-300px -200px auto auto;width:900px;height:900px;border-radius:50%;background:radial-gradient(circle,#2c81925e,transparent 65%)}.studio-inner{position:relative;max-width:1450px;margin:auto;padding:125px 4.5vw 135px;display:grid;grid-template-columns:1.2fr .8fr;gap:45px 80px}.studio-heading .eyebrow{color:#9bd8e1}.studio-heading h2{font-size:clamp(54px,6vw,95px)}.studio-heading h2 em{color:#9bd8e1}.studio-copy{align-self:end;max-width:465px;padding-bottom:9px}.studio-copy p{font-size:21px;line-height:1.44;letter-spacing:-.03em;color:#cfdbde}.studio-link{margin-top:26px;background:none;border:0;border-bottom:1px solid #b6d4db;color:#fff;padding:0 0 10px;display:flex;gap:60px;font-weight:600}.craft-list{grid-column:1/-1;margin-top:72px;border-top:1px solid #6f9aa35c}.craft-list>div{display:grid;grid-template-columns:90px minmax(170px,1fr) 1fr 20px;align-items:center;gap:20px;min-height:123px;border-bottom:1px solid #6f9aa35c}.craft-list>div>span{color:#9bd8e1;font:600 10px var(--display)}.craft-list h3{font:500 clamp(37px,4vw,58px) var(--display);letter-spacing:-.07em;margin:0}.craft-list p{max-width:340px;color:#b6ccd1;font-size:15px}.craft-list b{font-size:20px;font-weight:400;color:#9bd8e1}
.clients-section{padding-top:90px;padding-bottom:105px;background:#e6f0f0}.clients-top{max-width:1450px;margin:auto;display:flex;align-items:end;justify-content:space-between;border-bottom:1px solid #adc4c9;padding-bottom:24px}.clients-top .eyebrow{margin:0}.clients-top h2{font:500 clamp(32px,4vw,57px) var(--display);letter-spacing:-.07em;margin:0}.client-names{max-width:1450px;margin:40px auto 0;display:flex;flex-wrap:wrap;justify-content:space-between;gap:25px 45px;align-items:center}.client-names span{font:600 clamp(15px,1.45vw,22px) var(--display);letter-spacing:-.045em;color:#385766}
.reviews-section{padding-top:145px;padding-bottom:155px;background:#f9faf7}.reviews-top{margin-bottom:45px}.reviews-top h2{font-size:clamp(62px,7vw,109px)}.sample-disclosure{max-width:1450px;margin:0 auto;padding:13px 0;color:#66808a;border-top:1px solid #becfd0;font:600 9px var(--display);letter-spacing:.13em}.review-grid{max-width:1450px;margin:auto;display:grid;grid-template-columns:1fr 1fr;border-top:1px solid #cbdada}.review-grid figure{margin:0;padding:50px 60px 20px 0}.review-grid figure+figure{border-left:1px solid #cbdada;padding-left:60px}.review-stars{color:var(--blue);font-size:24px;letter-spacing:.13em}.review-grid blockquote{font:400 clamp(24px,2.7vw,41px)/1.3 var(--display);letter-spacing:-.045em;margin:32px 0 50px;max-width:650px}.review-grid figcaption{display:grid;grid-template-columns:1fr auto;gap:4px 20px;padding-top:20px;border-top:1px solid #cbdada}.review-grid figcaption span{font-weight:700;font-size:14px}.review-grid figcaption small{color:#658089;font-size:12px}.review-grid figcaption b{grid-column:2;grid-row:1/3;align-self:center;font:600 10px var(--display);letter-spacing:.12em;color:var(--blue)}
.closing-section{position:relative;overflow:hidden;background:#0a2230;color:#f5f7f5}.closing-glow{position:absolute;inset:0;background:radial-gradient(ellipse at 75% 105%,#2699b1a8,transparent 47%),radial-gradient(ellipse at 4% 0%,#244c61,transparent 45%)}.closing-inner{position:relative;max-width:1450px;margin:auto;padding:145px 4.5vw 160px}.closing-inner .eyebrow{color:#a4dbe2}.closing-inner h2{font-size:clamp(72px,9vw,145px)}.closing-inner h2 em{color:#9bdce5}.closing-inner>div{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-top:55px}.closing-inner>div p{max-width:380px;font-size:19px;line-height:1.4;color:#cadfe1}.closing-button{background:#eaf5f6;color:var(--ink);min-width:240px;font-size:14px;border-radius:3px}.closing-button:hover{color:#fff}
footer{background:#071922;color:#c7d8d9;padding:58px 4.5vw 45px;display:flex;justify-content:space-between;align-items:end;gap:35px}footer .footer-brand{align-items:center;width:160px;color:#fff}footer .footer-brand img{width:160px}footer>span{font:600 10px var(--display);letter-spacing:.14em}footer>div{display:flex;gap:25px;font-size:12px}footer a:hover{color:#9bdce5}
dialog{border:0;padding:0;box-shadow:0 35px 100px #001b2799;max-height:min(94vh,1000px);overflow:auto}dialog::backdrop{background:#071922cf;backdrop-filter:blur(7px)}.film-dialog{width:min(1050px,94vw);background:#f7faf8;color:var(--ink)}.dialog-bar{height:60px;padding:0 22px;display:flex;justify-content:space-between;align-items:center;background:#0a2633;color:#fff;font:600 10px var(--display);letter-spacing:.16em}.dialog-close{border:0;background:none;color:inherit;font-size:32px;font-weight:300;line-height:1}.dialog-media{background:#061b25;display:grid;place-items:center;min-height:300px}.dialog-media video,.dialog-media iframe{width:100%;max-height:64vh;aspect-ratio:16/9;display:block}.dialog-media video{object-fit:contain}.dialog-info{padding:35px 45px 45px}.dialog-info>span{font:600 10px var(--display);letter-spacing:.15em;color:var(--blue)}.dialog-info h2{font:500 clamp(36px,5vw,60px) var(--display);letter-spacing:-.07em;margin:10px 0}.dialog-info p{font-size:16px;color:#5b747b;max-width:600px}.dialog-info button{margin-top:15px;padding:12px 0;border:0;border-bottom:1px solid #7b9ba3;background:none;color:var(--ink);font-weight:700}.contact-dialog{width:min(720px,94vw);background:#f7faf8;color:var(--ink)}.contact-dialog-inner{padding:55px 55px 65px}.contact-dialog h2{font:500 clamp(46px,6vw,70px)/1 var(--display);letter-spacing:-.075em;margin:0}.contact-dialog-inner>p:nth-of-type(2){color:#607780;font-size:16px;line-height:1.5;max-width:470px}.contact-dialog form{display:grid;gap:20px;margin-top:35px}.contact-dialog label{display:flex;flex-direction:column;gap:9px;font-weight:700;font-size:12px}.contact-dialog input,.contact-dialog textarea,.contact-dialog select{border:1px solid #afc8cc;border-radius:0;background:#fff;color:var(--ink);padding:14px 15px;width:100%;font-size:14px}.contact-dialog textarea{resize:vertical}.form-pair{display:grid;grid-template-columns:1fr 1fr;gap:18px}.form-submit{margin-top:5px;justify-self:start}.contact-dialog #brief-status{font-size:13px;color:var(--blue);margin:0}
@media(max-width:1100px){.desktop-nav{gap:22px;margin-right:0}.hero h1{font-size:clamp(70px,10vw,110px)}.hero-intro{align-items:start;flex-direction:column;gap:24px}.proof{grid-template-columns:1fr 1fr}.proof>p{max-width:none}.work-section,.reviews-section{padding-top:110px;padding-bottom:115px}.studio-inner{gap:35px}.studio-heading h2{font-size:clamp(54px,6vw,80px)}}
@media(max-width:760px){html{scroll-padding-top:70px}.preview-ribbon{padding:7px 20px;font-size:8px}.preview-ribbon span:nth-child(2){display:none}.site-header{height:78px;padding:0 20px}.brand{width:148px}.brand img{width:148px}.brand span{font-size:7px}.desktop-nav,.header-contact{display:none}.menu-toggle{display:flex;gap:9px;align-items:center;border:0;background:none;font-size:13px;font-weight:700;color:var(--ink)}.menu-toggle span{font-size:20px;font-weight:400}.mobile-nav:not([hidden]){display:flex;position:absolute;z-index:30;top:110px;left:0;right:0;background:#e5f1f2;box-shadow:0 20px 35px #0a2b3a2c;padding:25px 20px 35px;flex-direction:column;gap:20px;font-size:20px;font-family:var(--display)}.mobile-nav button{align-self:start;background:var(--ink);color:#fff;border:0;padding:13px 18px;font-size:14px}.hero{padding:26px 20px 0}.hero-topline{padding-top:12px;font-size:8px}.hero-topline .issue{display:none}.hero h1{font-size:clamp(61px,13.1vw,98px);margin-top:63px;margin-bottom:29px;letter-spacing:-.095em}.hero-intro{padding-bottom:48px}.hero-intro>p{font-size:20px;max-width:440px}.hero-actions{gap:24px}.action-primary{min-width:160px;padding:14px;font-size:12px}.action-text{font-size:12px;gap:8px}.hero-film{height:clamp(330px,78vw,560px)}.film-top,.film-bottom{left:17px;right:17px}.film-top{top:18px;font-size:8px}.film-top span:last-child{display:none}.film-bottom{bottom:18px}.film-bottom small{font-size:8px}.film-bottom strong{font-size:clamp(28px,6vw,44px)}.film-play span{display:none}.film-play b{width:43px;height:43px}.hero-film-caption{font-size:8px}.proof{padding:35px 20px;gap:27px}.proof-kicker{grid-column:1/-1}.proof-stat{padding-left:14px}.proof-stat strong{font-size:52px}.proof>p{grid-column:1/-1;font-size:14px}.section-shell{padding-left:20px;padding-right:20px}.work-section,.reviews-section{padding-top:95px;padding-bottom:100px}.section-heading,.reviews-top{display:block;margin-bottom:36px}.section-heading h2,.reviews-top h2{font-size:clamp(65px,12vw,90px)}.section-heading>p,.reviews-top>p{margin-top:25px;font-size:16px}.filter-row{gap:20px}.filter-row button{font-size:12px}.filter-row #filter-count{display:none}.work-grid{display:block}.work-item{display:block;width:100%;margin-bottom:40px}.work-item:first-child .work-image,.work-image{aspect-ratio:1.35}.work-item-meta strong{font-size:29px}.studio-inner{padding:95px 20px 100px;display:block}.studio-heading h2{font-size:clamp(53px,10vw,75px)}.studio-copy{margin-top:38px}.studio-copy p{font-size:18px}.craft-list{margin-top:55px}.craft-list>div{grid-template-columns:35px 1fr 20px;min-height:110px;gap:14px}.craft-list h3{font-size:40px}.craft-list p{grid-column:2/3;margin:-20px 0 20px;font-size:13px}.craft-list b{grid-column:3;grid-row:1}.clients-section{padding-top:70px;padding-bottom:80px}.clients-top{display:block}.clients-top h2{margin-top:25px}.client-names{justify-content:flex-start;gap:22px 28px}.client-names span{font-size:18px}.review-grid{display:block}.review-grid figure{padding:35px 0}.review-grid figure+figure{border-left:0;border-top:1px solid #cbdada;padding-left:0}.review-grid blockquote{font-size:29px;margin:24px 0 32px}.closing-inner{padding:95px 20px 100px}.closing-inner h2{font-size:clamp(64px,11vw,100px)}.closing-inner>div{display:block;margin-top:35px}.closing-button{margin-top:14px}footer{padding:50px 20px;align-items:start;flex-wrap:wrap}footer>div{width:100%;justify-content:space-between;gap:12px}.contact-dialog-inner{padding:35px 23px 45px}.form-pair{grid-template-columns:1fr}}
@media(max-width:420px){.hero h1{font-size:clamp(53px,12.8vw,62px)}.hero-actions{align-items:flex-start;flex-direction:column;gap:10px}.hero-film{height:355px}.hero-film-caption span:first-child{display:none}.hero-film-caption{justify-content:flex-end}.proof-stat strong{font-size:46px}.section-heading h2,.reviews-top h2{font-size:62px}.studio-heading h2{font-size:50px}.closing-inner h2{font-size:61px}}
@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}*,*:before,*:after{animation-duration:.001ms!important;transition-duration:.001ms!important}.hero-film video{display:none}}
.dialog-media video.is-portrait{width:auto;max-width:100%;height:min(64vh,650px);aspect-ratio:9/16}
/* Soft geometry from the visual references: sweeping light, considered curves. */
.hero{border-radius:0 0 clamp(26px,4vw,58px) clamp(26px,4vw,58px);isolation:isolate}
.hero:before{content:"";position:absolute;z-index:-1;width:min(1100px,85vw);height:min(640px,50vw);right:-19%;top:-23%;border:1px solid #ffffffaa;border-radius:50%;transform:rotate(-25deg);pointer-events:none}
.hero:after{content:"";position:absolute;z-index:-1;width:min(780px,60vw);height:min(400px,31vw);right:-10%;top:-9%;border:1px solid #ffffff7d;border-radius:50%;transform:rotate(-25deg);pointer-events:none}
.hero-film,.work-image{border-radius:clamp(18px,2.2vw,32px)}
.hero-film{box-shadow:0 25px 55px #12495a2b}
.action-primary,.closing-button,.form-submit{border-radius:999px}
.action-primary{min-width:205px}
.film-play b,.work-image .work-play{background:#ffffff1c;backdrop-filter:blur(10px)}
.proof{border-radius:0 0 28px 28px}
.filter-row{border:0;gap:9px;padding:7px 0;min-height:67px}
.filter-row button{padding:13px 18px;border:1px solid #c4d6d9;border-radius:999px;transition:background .25s,border-color .25s,color .25s}
.filter-row button:hover{border-color:#7baeba;color:var(--ink)}
.filter-row button[aria-pressed="true"]{background:var(--ink);border-color:var(--ink);color:#fff}
.filter-row button[aria-pressed="true"]:after{display:none}
.filter-row button[aria-pressed="true"] span{color:#9bdce5}
.studio-section{border-radius:clamp(28px,4vw,60px) clamp(28px,4vw,60px) 0 0}
.craft-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;border:0}
.craft-list>div{min-height:290px;border:1px solid #79a5ae54;border-radius:clamp(18px,2vw,30px);background:linear-gradient(150deg,#ffffff13,#ffffff06);padding:26px;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:0;transition:transform .3s,background .3s}
.craft-list>div:hover{transform:translateY(-5px);background:#ffffff1b}
.craft-list>div>span{display:block;margin-bottom:auto}
.craft-list h3{margin:35px 0 10px}
.craft-list p{margin:0;max-width:270px}
.craft-list b{align-self:flex-end;margin-top:auto}
.closing-section{border-radius:clamp(32px,5vw,72px) clamp(32px,5vw,72px) 0 0}
.film-dialog,.contact-dialog{border-radius:24px}
.dialog-bar{border-radius:24px 24px 0 0}
.contact-dialog input,.contact-dialog textarea,.contact-dialog select{border-radius:12px}
@media(max-width:760px){.hero:before{width:720px;height:460px;right:-480px;top:-170px}.hero:after{width:500px;height:340px;right:-340px;top:-95px}.proof{border-radius:0 0 22px 22px}.filter-row{gap:8px;padding:6px 0}.filter-row button{padding:11px 13px;font-size:11px}.craft-list{display:grid;grid-template-columns:1fr;gap:12px}.craft-list>div{min-height:175px;padding:20px}.craft-list>div>span{margin-bottom:7px}.craft-list h3{margin:0 0 6px}.craft-list p{grid-column:auto;margin:0}.craft-list b{margin-top:-30px}}
.hero:before,.hero:after{z-index:0}
@media(min-width:761px){.hero h1{font-size:clamp(74px,9.1vw,142px);margin-top:45px;margin-bottom:23px}.hero-intro{padding-bottom:48px}}
@media(max-width:500px){.filter-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;overflow:visible;padding:0 0 18px}.filter-row button{width:100%;text-align:center;white-space:normal}}

/* Integrated film hero — a single scene flowing into the page. */
.hero{padding:20px 2.8vw 0;overflow:hidden;isolation:isolate;background:var(--paper);border-radius:0}
.hero:before,.hero:after{display:none}
.hero-scene{position:relative;isolation:isolate;max-width:1600px;min-height:800px;height:calc(100svh - 48px);max-height:960px;margin:auto;overflow:hidden;border-radius:42px 42px 0 0;background:#6f9eb0;color:#fff}
.hero-backdrop,.hero-scene-shade{position:absolute;inset:0;pointer-events:none}
.hero-backdrop{z-index:-3}
.hero-backdrop img,.hero-backdrop video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 65%;display:block}
.hero-scene-shade{z-index:-2;background:linear-gradient(180deg,#092a3e8f 0%,#0b344c47 28%,#082d3d08 52%,transparent 62%,#f7f7f226 73%,#f7f7f2c7 89%,var(--paper) 100%)}
.hero-scene .site-header{height:105px;padding:0 40px;width:100%;max-width:none;color:#fff;gap:25px}
.hero-scene .brand{color:#fff;width:158px}.hero-scene .brand img{width:158px}.hero-scene .brand span{font-size:7px}
.hero-scene .desktop-nav{margin-right:auto;margin-left:auto;gap:30px}
.hero-scene .desktop-nav a{font-weight:500}.hero-scene .desktop-nav a:hover{color:#d4f6ff}
.hero-scene .header-contact{min-width:150px;min-height:45px;padding:12px 18px;font-size:12px;background:#ffffff1c;border:1px solid #ffffff70;backdrop-filter:blur(14px)}
.hero-scene .header-contact:hover{background:#fff;color:var(--ink)}
.hero .hero-topline{position:absolute;top:121px;right:40px;left:auto;border:0;margin:0;padding:0;max-width:none}
.hero-topline .micro-label{display:none}
#motion-toggle{display:flex;align-items:center;gap:10px;background:#082a3e35;border:1px solid #ffffff3d;border-radius:30px;color:#fff;padding:8px 11px;font-size:10px;letter-spacing:.02em;backdrop-filter:blur(8px)}
#motion-toggle span{font-size:12px}
.hero-message{position:relative;z-index:1;max-width:700px;text-align:center;margin:38px auto 0;padding:0 25px}
.hero-kicker{font:500 9px/1.4 var(--display);letter-spacing:.2em;color:#e5f2f5;margin:0 0 23px}
.hero .hero-message h1{font:400 clamp(64px,6.2vw,94px)/1.04 var(--display);letter-spacing:-.075em;margin:0 auto 23px;max-width:720px;color:#fff;text-shadow:0 2px 28px #052a3e25}
.hero .hero-message h1 em{color:inherit;font-style:normal}
.hero-description{font-size:17px;line-height:1.5;letter-spacing:-.02em;color:#f1f7f8;margin:0 auto 25px;text-shadow:0 1px 12px #092d3d70}
.hero .hero-actions{justify-content:center;align-items:center;gap:10px;flex-direction:row}
.hero .hero-film{position:relative;width:auto;height:auto;min-height:48px;padding:12px 19px;border:1px solid #fff;border-radius:999px;overflow:visible;display:inline-flex;align-items:center;gap:12px;text-align:center;color:var(--ink);background:#fff;box-shadow:none;font-size:12px;font-weight:600;transition:background .25s,transform .25s}
.watch-symbol{font-size:10px}
.hero .hero-film:hover{background:#dff5fa;transform:translateY(-2px)}
.hero-contact{display:inline-flex;justify-content:center;align-items:center;gap:18px;min-height:48px;border:1px solid #ffffff80;border-radius:999px;color:#fff;background:#0e354c22;padding:12px 19px;font-size:12px;font-weight:500;backdrop-filter:blur(10px);transition:background .25s}
.hero-contact:hover{background:#ffffff29}
.hero-scene-footer{position:absolute;left:40px;right:40px;bottom:63px;display:flex;justify-content:space-between;align-items:end;gap:20px;color:var(--ink)}
.hero-scene-footer>span{display:flex;flex-direction:column;gap:7px}
.hero-scene-footer small{font:600 9px var(--display);letter-spacing:.15em;color:#395e6e}
.hero-scene-footer strong{font:500 25px/1.1 var(--display);letter-spacing:-.045em}
.hero-scene-footer>a{font-size:12px;font-weight:600;display:flex;gap:28px;align-items:center}
.hero+.proof{background:var(--paper);border:0;border-radius:0;padding-top:18px;padding-bottom:50px;max-width:1600px;margin:auto}
.inline-film{display:inline-block;width:1.55em;height:.7em;border-radius:60% 18% 60% 18% / 75% 25% 75% 25%;overflow:hidden;position:relative;vertical-align:-.04em;margin:0 .04em;box-shadow:inset 0 0 0 1px #ffffff25;isolation:isolate}
.inline-film img,.inline-film video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.inline-film video{z-index:1}
.studio-heading h2{font-size:clamp(54px,5.6vw,85px);line-height:1.08;letter-spacing:-.065em}
@media(min-width:1700px){.hero-message{margin-top:55px}.hero .hero-message h1{font-size:94px}.hero-scene{min-height:850px}}
@media(max-width:1000px){.hero-scene .site-header{padding:0 27px}.hero-scene .desktop-nav{gap:19px}.hero-scene .desktop-nav a{font-size:12px}.hero-scene .header-contact{min-width:140px}.hero-message{margin-top:45px}.hero .hero-topline{top:116px;right:27px}.hero .hero-message h1{font-size:74px}}
@media(max-width:760px){
 .hero{padding:12px 12px 0}.hero-scene{height:calc(100svh - 35px);min-height:760px;max-height:900px;border-radius:29px 29px 0 0}
 .hero-scene .site-header{height:89px;padding:0 22px}.hero-scene .brand{width:135px}.hero-scene .brand img{width:135px}.hero-scene .brand span{font-size:6px;letter-spacing:.19em}
 .hero-scene .menu-toggle{color:#fff}.hero-scene .mobile-nav:not([hidden]){top:80px;left:15px;right:15px;background:#f1f7f5;color:var(--ink);border-radius:22px;padding:25px}
 .hero .hero-topline{top:auto;right:23px;bottom:152px}.hero-message{margin-top:39px;padding:0 20px}.hero-kicker{font-size:8px;margin-bottom:22px}
 .hero .hero-message h1{font-size:clamp(49px,10.5vw,76px);line-height:1.06;letter-spacing:-.075em;margin-bottom:20px}
 .hero-description{font-size:15px;line-height:1.5;margin-bottom:24px}.hero .hero-actions{gap:8px;flex-direction:row;align-items:center;flex-wrap:wrap}
 .hero .hero-film,.hero-contact{padding:12px 15px;min-height:44px;font-size:11px;gap:9px}
 .hero-backdrop img,.hero-backdrop video{object-position:58% 63%}
 .hero-scene-shade{background:linear-gradient(180deg,#092a3eb5 0%,#0b344c66 34%,#082d3d0d 56%,transparent 65%,#f7f7f273 82%,var(--paper) 100%)}
 .hero-scene-footer{left:22px;right:22px;bottom:48px;align-items:end}.hero-scene-footer small{font-size:8px}.hero-scene-footer strong{font-size:21px}.hero-scene-footer>a{font-size:10px;gap:9px;max-width:100px;line-height:1.4}
 .hero+.proof{padding:10px 24px 45px}.studio-heading h2{font-size:clamp(49px,9vw,70px);line-height:1.12}
}
@media(prefers-reduced-motion:reduce){.hero-backdrop video,.inline-film video{display:none}}

/* Continuation of the approved hero: quiet proof, film-led work, one flowing surface. */
.clients-section{background:var(--paper);padding-top:0;padding-bottom:44px}
.clients-top,.client-names{max-width:1450px;margin-left:auto;margin-right:auto}
.clients-top{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:0 0 18px;border-bottom:1px solid #d5e1e1}
.clients-top h2{font:500 13px/1.4 var(--display);letter-spacing:.01em;color:#637b83;margin:0}
.clients-top>span{font:600 9px/1.4 var(--display);letter-spacing:.14em;color:#8ba0a5}
.client-names{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:18px 32px;margin-top:24px}
.client-names span{font:500 clamp(16px,1.6vw,23px)/1.2 var(--display);letter-spacing:-.055em;color:#486571}

.work-section{padding-top:104px;padding-bottom:128px}
.work-section .section-heading{margin-bottom:48px}
.work-section .section-heading h2{font-size:clamp(65px,7.5vw,112px);font-weight:400;line-height:1.02}
.work-section .section-heading h2 em{color:var(--ink)}
.work-section .section-heading>p{max-width:300px;font-size:16px;line-height:1.55;color:#5a727a}
.work-section .filter-row{margin-bottom:32px}
.work-grid{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:clamp(24px,4.5vw,72px);row-gap:63px}
.work-item{width:100%;display:block}
.work-item:first-child:not(.is-featured){grid-column:auto}
.work-item.is-featured{grid-column:1/-1}
.work-item.is-portrait{max-width:460px}
.work-item.is-portrait:nth-child(3){justify-self:end}
.work-image,.work-item:first-child .work-image{aspect-ratio:16/9;border-radius:clamp(24px,3vw,42px);background:#688d9d}
.work-item.is-portrait:first-child .work-image,.work-item.is-portrait .work-image{aspect-ratio:9/16}
.work-item.is-portrait .work-image{aspect-ratio:9/16}
.work-image>img,.work-image>video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.work-image>video{z-index:1;opacity:0;transition:opacity .35s ease}
.work-image>video.is-ready{opacity:1}
.work-image:after{z-index:1;pointer-events:none}
.work-image>span{z-index:2}
.work-image .work-play{left:50%;top:50%;bottom:auto;transform:translate(-50%,-50%);width:64px;height:64px;background:#ffffff30;border:1px solid #fff;box-shadow:0 8px 30px #07192236;font-size:15px;backdrop-filter:blur(15px)}
.work-item:hover .work-play,.work-item:focus-visible .work-play{transform:translate(-50%,-50%) scale(1.09)}
.work-item-meta{border:0;padding-top:16px;align-items:center}
.work-item-meta small{font-size:9px}
.work-item-meta strong{font-size:clamp(25px,2.7vw,38px);font-weight:400}
.work-item-meta>span:last-child{font-size:11px;letter-spacing:.04em;color:#315a68}

.studio-section{border-radius:0;background:var(--paper);color:var(--ink)}
.studio-section:before{inset:0;width:auto;height:auto;border-radius:0;background:radial-gradient(ellipse at 75% 45%,#e7f0f0 0%,transparent 50%)}
.studio-inner{max-width:1450px;padding:118px 4.5vw 138px;display:flex;flex-direction:column;align-items:center;gap:0;border-top:1px solid #d6e2e2;text-align:center}
.studio-heading .eyebrow{color:var(--blue)}
.studio-heading h2{font-size:clamp(62px,6.4vw,98px);font-weight:400;line-height:1.06;letter-spacing:-.08em}
.studio-heading h2 em{color:var(--ink)}
.studio-copy{align-self:center;max-width:635px;margin-top:32px;padding:0}
.studio-copy p{font-size:clamp(17px,1.5vw,21px);line-height:1.5;color:#567079;margin:0}
.studio-disciplines{display:flex;justify-content:center;flex-wrap:wrap;gap:11px;margin-top:29px}
.studio-disciplines span{display:inline-flex;align-items:center;justify-content:center;padding:9px 17px;border:1px solid #b7cdd0;border-radius:999px;font:600 11px/1 var(--display);color:#496975}
.studio-link{margin:29px auto 0;color:var(--ink);border-color:#91adb4;font-size:13px;gap:28px}

.reviews-section{background:var(--paper);padding-top:100px;padding-bottom:120px}
.reviews-top{margin-bottom:30px}
.reviews-top h2{font-size:clamp(61px,6.8vw,100px);font-weight:400;line-height:1.02}
.reviews-top h2 em{color:var(--ink)}
.reviews-top>p{max-width:300px;font-size:16px}
.sample-disclosure{border-top:1px solid #d6e2e2;color:#718890;margin-bottom:17px}
.review-grid{gap:20px;border:0}
.review-grid figure,.review-grid figure+figure{display:flex;flex-direction:column;align-items:flex-start;gap:0;min-height:325px;padding:30px 32px;margin:0;border:1px solid #d3e1e1;border-radius:30px;background:linear-gradient(145deg,#fff,#eef5f4);box-shadow:0 14px 35px #2f556108}
.review-stars{font-size:25px;line-height:1;letter-spacing:.12em;color:#0c81a3}
.review-grid figcaption{display:flex;flex-wrap:wrap;align-items:baseline;gap:3px 12px;padding:0;margin:23px 0 0;border:0}
.review-grid figcaption span{font-size:16px}
.review-grid figcaption small{width:100%;font-size:12px}
.review-grid figcaption b{grid-column:auto;grid-row:auto;align-self:auto;padding:4px 7px;border:1px solid #b7cdd0;border-radius:4px;font-size:9px;color:#65818b}
.review-grid blockquote{font:400 clamp(22px,2vw,30px)/1.32 var(--display);letter-spacing:-.045em;margin:auto 0 0;max-width:610px}

.closing-section{border-radius:0;background:linear-gradient(180deg,var(--paper) 0%,#dce9e9 9%,#789dab 27%,#17475b 52%,#0a2230 84%)}
.closing-glow{background:radial-gradient(ellipse at 80% 88%,#24859a85,transparent 43%)}
.closing-inner{padding-top:260px;padding-bottom:140px}
.closing-inner h2{font-size:clamp(68px,8.4vw,134px);font-weight:400;line-height:1.02}
.closing-inner h2 em{color:#e6f4f4}

@media(max-width:760px){
 .clients-section{padding-top:0;padding-bottom:24px}.clients-top{align-items:start;flex-direction:column;gap:5px}.clients-top>span{font-size:8px}.client-names{justify-content:flex-start;gap:15px 24px}.client-names span{font-size:17px}
 .work-section{padding-top:78px;padding-bottom:88px}.work-section .section-heading{margin-bottom:30px}.work-section .section-heading h2{font-size:clamp(55px,11vw,78px)}.work-section .section-heading>p{font-size:15px}
 .work-grid{display:flex;flex-direction:column;align-items:center;gap:35px}.work-item,.work-item.is-portrait{width:100%;max-width:none}.work-item.is-portrait .work-image{width:min(100%,420px);margin:auto}.work-item.is-portrait .work-item-meta{width:min(100%,420px);margin:auto}.work-item.is-portrait:nth-child(3){align-self:center}
 .work-item:first-child .work-image{aspect-ratio:1.28}.work-image .work-play{width:56px;height:56px}
 .studio-inner{padding:90px 20px 105px}.studio-heading h2{font-size:clamp(49px,10.3vw,76px)}.studio-copy{margin-top:25px}.studio-copy p{font-size:17px}.studio-disciplines{margin-top:21px}
 .reviews-section{padding-top:75px;padding-bottom:90px}.reviews-top h2{font-size:clamp(54px,10vw,76px)}.reviews-top>p{font-size:15px}.review-grid{display:flex;flex-direction:column;gap:12px}.review-grid figure,.review-grid figure+figure{min-height:255px;padding:24px;border:1px solid #d3e1e1}.review-grid blockquote{font-size:23px;margin-top:28px}
 .closing-inner{padding-top:200px;padding-bottom:105px}.closing-inner h2{font-size:clamp(57px,10.5vw,84px)}
}
@media(prefers-reduced-motion:reduce){.work-image>video{display:none}}

/* v12 — less copy, clear collaborators, quiet closing, centered logo lockups. */
.hero+.proof{grid-template-columns:repeat(2,minmax(0,1fr));max-width:840px;gap:0;padding:24px 32px 58px;text-align:center}
.proof .proof-stat{max-width:none;align-items:center;padding:0 24px;gap:12px}
.proof .proof-stat:first-child{border-left:0}
.proof-stat>span{color:#476370;font-size:10px;letter-spacing:.12em}
.clients-section{padding-top:18px;padding-bottom:38px}
.clients-top{padding:0 0 20px;border-bottom:1px solid #b8cacc}
.clients-top h2{font-size:16px;color:var(--ink);font-weight:500}
.clients-top>span{color:#526d77}
.client-names{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:20px;margin-top:0;padding:32px 0;border-bottom:1px solid #b8cacc;align-items:center}
.client-names span{font-size:clamp(18px,1.7vw,25px);line-height:1.25;font-weight:600;letter-spacing:-.035em;color:#173d4c;text-align:center}
.work-section{padding-top:36px}
.reviews-section{padding-top:45px;padding-bottom:85px}
.sample-disclosure{max-width:1450px;margin:0 auto 18px;padding-top:14px;font-size:10px;letter-spacing:.05em}
.closing-section{margin:0 2.8vw;background:#102a37;border-radius:44px 44px 0 0}
.closing-inner{padding:100px 5vw 85px}
.closing-inner h2{font-size:clamp(60px,7.3vw,112px);letter-spacing:-.065em}
.closing-inner h2 em{color:#f7f7f2}
.closing-inner .eyebrow{color:#b3c8ce}
.closing-inner>div{margin-top:38px}
footer{margin:0 2.8vw 20px;background:#102a37;border-radius:0 0 44px 44px;padding:40px 5vw;border-top:1px solid #ffffff24}
.brand,.footer-brand,.hero-scene .brand,footer .footer-brand{align-items:center;gap:5px}
.brand img,.footer-brand img,.hero-scene .brand img,footer .footer-brand img{width:100%;height:auto}
.brand span,.footer-brand span,.hero-scene .brand span{display:block;width:100%;margin:0;padding-left:.16em;text-align:center;white-space:nowrap;font:500 7px/1.4 var(--body);letter-spacing:.16em}
@media(max-width:760px){
 .hero+.proof{padding:18px 20px 38px}.proof .proof-stat{padding:0 8px}.proof-stat>span{font-size:8px;letter-spacing:.08em}
 .clients-section{padding-top:10px;padding-bottom:20px}.clients-top{gap:8px}.clients-top h2{font-size:15px}
 .client-names{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 14px;padding:26px 0}.client-names span{font-size:18px}.client-names span:last-child{grid-column:1/-1}
 .work-section{padding-top:28px}.reviews-section{padding-top:35px;padding-bottom:55px}
 .closing-section{margin:0 12px;border-radius:30px 30px 0 0}.closing-inner{padding:65px 24px 48px}.closing-inner h2{font-size:clamp(44px,9vw,68px);letter-spacing:-.055em}.closing-inner>div p{font-size:16px}.closing-button{min-width:200px}
 footer{margin:0 12px 12px;padding:30px 24px;border-radius:0 0 30px 30px;gap:28px}footer>div{flex-wrap:wrap;row-gap:18px}
 .hero-scene .brand span{font-size:6px}
}

@font-face{font-family:'Plus Jakarta Sans';src:url('/assets/plusjakartasans.ttf') format('truetype');font-weight:200 800;font-display:swap}
:root{--display:'Plus Jakarta Sans',Arial,sans-serif;--body:'Plus Jakarta Sans',Arial,sans-serif}
.hero .hero-message h1{letter-spacing:-.055em}
.studio-heading h2{letter-spacing:-.055em}
.proof-stat strong{letter-spacing:-.065em}