@font-face{font-family:Graphy;src:url('assets/montserrat.ttf');font-display:swap}:root{--navy:#19477b;--ink:#142c45;--gold:#b78b45;--gold-light:#f1c375;--paper:#f8f8f5;--muted:#75818b;--line:#dce0df}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:25px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Graphy,Arial,sans-serif}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a,summary{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a:focus-visible,button:focus-visible{outline:2px solid var(--gold);outline-offset:5px}h1,h2,h3,p{margin-top:0}.site-header{height:90px;padding:18px 5%;display:flex;align-items:center;justify-content:space-between;background:var(--paper)}.brand img{display:block;width:178px;height:auto}.site-header nav{display:flex;align-items:center;gap:35px;font-size:11px}.nav-contact{border:1px solid #19477b44;padding:12px 19px;border-radius:30px}.nav-contact span{margin-left:25px;color:var(--gold)}.film-story{position:relative;height:600vh;margin:0 18px}.film-stage{position:sticky;top:0;height:100svh;overflow:hidden;border-radius:28px;background:#fff;isolation:isolate}#film,#poster{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}#film{z-index:1}#poster{z-index:0}.film-shade{position:absolute;inset:0;background:linear-gradient(90deg,#0c233e77,transparent 65%),linear-gradient(0deg,#0a21384d,transparent 25%);z-index:2;pointer-events:none;opacity:var(--copy-alpha,1)}.film-copy{position:absolute;top:18%;left:6%;z-index:3;color:white;max-width:70%;opacity:var(--copy-alpha,1);transform:translateY(calc((1 - var(--copy-alpha,1))*-20px));pointer-events:none}.eyebrow{font-size:9px;letter-spacing:2px;line-height:1.7}.film-copy .eyebrow{color:#f2ddba}.film-copy h1{font-size:clamp(40px,5.3vw,88px);line-height:1.05;letter-spacing:-3.5px;font-weight:400;margin:25px 0}.film-copy h1 em{font-family:Georgia,serif;font-weight:400;color:#f1c375}.film-copy>p:last-child{font-size:13px;line-height:1.8;color:#e0e9ee}.film-toolbar{position:absolute;bottom:32px;left:6%;right:6%;display:flex;align-items:center;gap:25px;z-index:4;font-size:8px;letter-spacing:1.6px;color:#fff}.film-prompt{background:#15365599;padding:10px 13px;border-radius:20px}.film-prompt span{margin-left:20px;color:#f1c375}.film-track{height:1px;background:#19477b44;flex:1;max-width:250px;margin-left:auto}.film-track i{display:block;background:var(--gold);height:1px;width:0}#skip-film{border:1px solid #19477b55;border-radius:25px;background:#ffffffdb;padding:10px 15px;color:var(--navy);font-size:10px}.contact-ribbon{display:flex;align-items:center;justify-content:space-between;padding:35px 7% 55px;border-bottom:1px solid var(--line)}.contact-ribbon p{font-size:17px;line-height:1.5;margin:0}.contact-ribbon p span{color:var(--muted);font-size:13px}.button{display:inline-flex;gap:30px;align-items:center;padding:8px 9px 8px 23px;border:1px solid #d2d6d7;background:#fff;color:var(--ink);border-radius:32px;font-size:12px;min-height:48px;transition:background .2s,transform .2s}.button:hover{background:#f6e9d2;transform:translateY(-2px)}.circle{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:var(--gold-light);font-size:18px;color:var(--ink)}.section{padding:95px 7%}.section-top{display:flex;justify-content:space-between;gap:50px;align-items:flex-start;margin-bottom:45px}.section-top .eyebrow{color:var(--muted)}.section-top h2{width:59%;margin:0}.section h2{font-size:clamp(34px,4.1vw,62px);line-height:1.12;letter-spacing:-2.1px;font-weight:400}.section h2 em{font-style:normal;color:var(--gold)}.star{font-size:40px;color:var(--gold)}.section h2.giant{font-size:clamp(80px,14vw,205px);line-height:.85;letter-spacing:-11px;margin:20px 0 65px;font-weight:400}.giant em{color:var(--gold)!important;font-style:normal}.about-statement{max-width:800px;margin-left:auto;margin-bottom:50px}.about-statement p{font-size:clamp(17px,2.1vw,29px);line-height:1.55;letter-spacing:-.5px}.about-statement span{color:var(--gold)}.about-bottom{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.image-pair{display:grid;grid-template-columns:1fr 1fr;gap:18px}.image-slot{border:1px dashed #aebbc3;background:linear-gradient(135deg,#e9edef,#f4f2eb);border-radius:18px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:9px;color:#607a90;position:relative;overflow:hidden;text-align:center;padding:20px}.image-slot:after{content:'';position:absolute;inset:12px;border:1px solid #19477b0c;border-radius:10px;pointer-events:none}.image-slot>span:not(.slot-symbol){font-size:8px;letter-spacing:1.4px;line-height:1.7}.slot-symbol{font-size:28px;font-weight:400;color:#99acba}.image-slot small{font-size:9px;color:#8b999f}.aspect-landscape{aspect-ratio:1.4}.about-intro p{font-size:12px;color:#65717d;line-height:1.9;max-width:390px}.text-link{display:inline-flex;align-items:center;gap:40px;border-bottom:1px solid #19477b50;padding:11px 0;font-size:11px;color:var(--navy)}.text-link span{color:var(--gold)}.achievements{background:#eeeae1;padding-top:65px;padding-bottom:65px}.achievements .section-top{align-items:center}.achievements h2{font-size:36px}.metrics{display:grid;grid-template-columns:repeat(5,1fr);gap:25px;margin-top:60px}.metrics article{padding:12px 0 0;border-top:1px solid #b7b9b4}.metrics strong{font-size:clamp(33px,4vw,58px);letter-spacing:-2px;display:block;font-weight:400}.metrics strong span{font-size:.45em;color:var(--gold);margin-left:6px;letter-spacing:-.5px}.metrics p{font-size:10px;color:#6c7479;margin:12px 0 0}.services-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.service-card{border:1px solid var(--line);border-radius:20px;padding:27px 23px;text-align:left;background:transparent;color:var(--ink);position:relative;min-height:265px;transition:background .2s,color .2s,transform .2s}.service-card:hover{transform:translateY(-4px);border-color:#aebdcc}.service-card[aria-expanded=true]{background:var(--navy);color:white;border-color:var(--navy)}.service-card svg{width:40px;height:40px;fill:none;stroke:currentColor;stroke-width:1.25;stroke-linecap:round;stroke-linejoin:round;color:var(--gold)}.service-card[aria-expanded=true] svg{color:#f1c375}.service-index{position:absolute;right:22px;top:28px;color:#98a3aa;font-size:9px}.service-card h3{font-size:17px;font-weight:400;letter-spacing:-.5px;margin:32px 0 13px}.service-card p{font-size:10px;line-height:1.8;color:#788792}.service-card[aria-expanded=true] p{color:#c8d7e5}.service-arrow{position:absolute;right:22px;bottom:22px;color:var(--gold);font-size:20px}.service-detail{margin-top:24px;padding:25px 0;border-bottom:1px solid var(--line);display:grid;grid-template-columns:1fr 1.3fr auto;gap:35px;align-items:center}.service-detail .eyebrow{color:var(--gold);font-size:7px;margin-bottom:8px}.service-detail h3{font-size:18px;line-height:1.4;font-weight:400;margin:0}.service-detail>p{font-size:11px;line-height:1.9;color:#71818d;margin:0}.service-detail>a{font-size:10px;white-space:nowrap}.projects{background:#fff}.section-description{font-size:12px;color:#87929a;margin:0 0 35px 41%;line-height:1.8}.project-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:23px}.project-image{aspect-ratio:.8;border-radius:22px}.project-card:nth-child(2){padding-top:35px}.project-card:nth-child(3){padding-top:70px}.project-label{display:flex;justify-content:space-between;align-items:center;margin-top:20px}.project-label h3{font-size:14px;font-weight:400;margin:0}.project-label>span{font-size:8px;color:var(--gold)}.project-card>p{font-size:9px;line-height:1.7;color:#929ba2;margin-top:8px}.clients{background:#f1f1ec}.client-feature{display:grid;grid-template-columns:1fr 1fr;gap:8%;align-items:center}.client-image{aspect-ratio:1.35}.client-words{position:relative}.quote-mark{font-family:Georgia;font-size:80px;color:#d4bb95;position:absolute;top:-42px;right:20px}.client-words h3{font-size:31px;letter-spacing:-1px;font-weight:400;line-height:1.2;margin:0 0 20px}.client-words>p{font-size:12px;line-height:1.9;color:#7c8992;max-width:320px}.client-avatar{display:flex;align-items:center;gap:14px;margin-top:25px;font-size:10px;line-height:1.8}.client-avatar small{color:#8a969d}.avatar-placeholder{display:grid;place-items:center;border:1px dashed #9daeb9;width:42px;height:42px;border-radius:50%;color:#8a9eac;font-size:20px}.client-logo-row{display:grid;grid-template-columns:repeat(4,1fr);gap:30px;margin-top:60px;padding-top:30px;border-top:1px solid var(--line)}.client-logo-row span{border:1px dashed #bdc5c7;min-height:65px;display:grid;place-items:center;font-size:8px;letter-spacing:1px;color:#8e9a9f;border-radius:9px}.contact{background:var(--navy);color:#fff;display:grid;grid-template-columns:1fr 1fr;gap:12%}.contact h2{margin-top:35px}.contact h2 em{color:#edc582}.contact>div>p:not(.eyebrow){font-size:13px;line-height:1.9;color:#c2d3e3}.contact>.eyebrow,.contact .eyebrow{color:#edc582}.contact-placeholder{font-size:11px;line-height:1.9;margin-top:45px;color:#dbe6ef}.contact-placeholder span{font-size:9px;color:#99b4cc}.contact label{display:block;font-size:10px;margin-bottom:20px;color:#d9e5ef}.contact input,.contact textarea,.contact select{display:block;width:100%;background:transparent;border:0;border-bottom:1px solid #ffffff50;color:white;padding:12px 0;border-radius:0;outline:none;font-size:12px}.contact input:focus,.contact textarea:focus,.contact select:focus{border-color:#edc582}.contact input::placeholder,.contact textarea::placeholder{color:#97b1c8}.contact select option{color:#19477b;background:white}.contact textarea{resize:vertical}.form-note{color:#a7bfd4;font-size:9px;line-height:1.8}.contact .button{margin-top:10px}#form-status{font-size:11px;line-height:1.8;color:#f1c375;margin-top:20px}footer{padding:45px 7% 25px;display:grid;grid-template-columns:1.2fr 1.5fr repeat(3,auto);gap:30px;align-items:center}footer p{font-size:10px;line-height:1.8;color:#8a959b;margin:0}footer>a:not(.brand){font-size:10px}footer small{grid-column:1/-1;font-size:8px;color:#98a0a5;border-top:1px solid var(--line);padding-top:25px;margin-top:15px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.about-page .site-header{border-bottom:1px solid var(--line)}.about-page .page-intro{padding-top:85px}.about-page .giant{font-size:clamp(75px,11vw,160px)}.page-lede{font-size:clamp(20px,3vw,38px);line-height:1.5;max-width:850px;margin:50px 0;color:#556b7d}.why-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.why-grid article{border-top:1px solid #aebdc8;padding:25px 0}.why-grid span{font-size:11px;color:var(--gold)}.why-grid h3{font-size:21px;font-weight:400;line-height:1.4;margin:25px 0 15px}.why-grid p{font-size:12px;line-height:1.9;color:#758491}.about-page .photo-wide{aspect-ratio:2.3;margin-top:55px}.about-page .back-link{font-size:11px;display:inline-block;border-bottom:1px solid #bdc7cf;padding-bottom:8px;color:#6f8392}
@media(min-width:1500px){.section,.contact-ribbon,footer{padding-left:max(7%,calc((100vw - 1280px)/2));padding-right:max(7%,calc((100vw - 1280px)/2))}}@media(max-width:800px){.site-header{padding:17px 6%;height:80px}.brand img{width:145px}.site-header nav{gap:15px}.site-header nav>a:not(.nav-contact){display:none}.nav-contact{font-size:10px;padding:10px 13px}.nav-contact span{margin-left:12px}.film-story{margin:0 10px}.film-stage{border-radius:22px}.film-copy{top:19%;left:7%;max-width:89%}.film-copy h1{font-size:clamp(35px,7vw,55px);letter-spacing:-2px}.film-copy .eyebrow{font-size:7px}.film-copy>p:last-child{font-size:11px}.film-toolbar{left:5%;right:5%;bottom:25px;gap:12px;font-size:6px}.film-track{max-width:90px}#skip-film{font-size:9px;padding:9px 12px}.film-prompt{padding:9px}.film-prompt span{margin-left:8px}.contact-ribbon{padding:28px 7% 40px}.contact-ribbon p{font-size:14px}.contact-ribbon p span{font-size:10px}.button{font-size:10px;gap:18px;padding-left:17px}.section{padding:60px 7%}.section-top{display:block;margin-bottom:30px}.section-top .eyebrow{margin-bottom:25px;font-size:8px}.section-top h2{width:auto}.section h2{font-size:37px;letter-spacing:-1.7px}.about .section-top{display:flex}.star{font-size:28px}.section h2.giant{font-size:90px;letter-spacing:-6px;margin:15px 0 40px}.about-statement p{font-size:18px}.about-statement{margin-bottom:30px}.about-bottom{grid-template-columns:1fr;gap:28px}.image-pair{gap:12px}.image-slot{padding:14px;border-radius:14px}.image-slot>span:not(.slot-symbol){font-size:6px}.image-slot small{font-size:8px}.metrics{grid-template-columns:repeat(2,1fr);gap:26px 35px;margin-top:35px}.metrics strong{font-size:43px}.metrics p{font-size:9px}.metrics article:last-child{grid-column:1/-1}.services-grid{grid-template-columns:repeat(2,1fr);gap:12px}.service-card{padding:20px 16px;min-height:235px;border-radius:16px}.service-card h3{font-size:15px;margin-top:25px}.service-card p{font-size:9px}.service-card svg{width:33px;height:33px}.service-index{top:23px;right:16px}.service-detail{grid-template-columns:1fr;gap:16px}.service-detail>a{width:max-content}.service-detail h3{font-size:18px}.section-description{margin:0 0 30px;font-size:11px}.project-grid{grid-template-columns:1fr;gap:30px}.project-card:nth-child(n){padding-top:0}.project-image{aspect-ratio:1.15}.project-label h3{font-size:15px}.project-card>p{font-size:10px}.client-feature{grid-template-columns:1fr;gap:40px}.client-words h3{font-size:29px}.client-words>p{font-size:12px}.client-logo-row{grid-template-columns:1fr 1fr;gap:13px;margin-top:35px}.client-logo-row span{font-size:7px}.contact{grid-template-columns:1fr;gap:40px}.contact h2{font-size:38px}.contact-placeholder{margin-top:25px}.contact label{font-size:11px}.contact input,.contact textarea,.contact select{font-size:13px}footer{grid-template-columns:1fr 1fr;gap:25px}footer .brand img{width:145px}footer p{font-size:9px}footer small{margin-top:0}.why-grid{grid-template-columns:1fr}.about-page .page-intro{padding-top:50px}.about-page .photo-wide{aspect-ratio:1.3}.page-lede{font-size:21px}.about-page .giant{font-size:80px!important}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.film-story{height:85svh;min-height:520px}.film-stage{height:100%}.film-track{display:none}}
html{scroll-behavior:auto}
.about-photo{width:100%;aspect-ratio:1.4;object-fit:cover;border-radius:18px;display:block}.project-photo{display:block;width:100%;aspect-ratio:.8;object-fit:cover;border-radius:22px}.project-grid{grid-template-columns:repeat(4,1fr);gap:20px}.project-card:nth-child(4){padding-top:35px}.client-project-photo{width:100%;aspect-ratio:1.35;object-fit:cover;border-radius:20px}.client-logo-row{align-items:center;gap:25px}.client-logo{height:110px;display:flex;align-items:center;justify-content:center;background:#fff;border-radius:12px;padding:15px;border:1px solid #e1e5e4}.client-logo img{max-width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply}.contact-details{font-style:normal;line-height:1.8;margin-top:35px;display:flex;flex-direction:column;align-items:flex-start;gap:6px;font-size:13px;color:#deebf6}.contact-details a:hover{color:#f1c375}.contact-details .contact-email{color:#f1c375;margin:9px 0}.contact-details p{font-size:11px;color:#c0d2e3;margin-top:10px;margin-bottom:10px}.contact-details>span{font-size:10px;color:#b8cede}.about-wide-photo{display:block;width:100%;object-fit:cover;border-radius:22px;max-height:500px}.client-words .eyebrow{font-size:8px;color:var(--gold);margin-bottom:25px}.project-label h3{font-size:12px}.project-card>p{font-size:9px}@media(max-width:1000px) and (min-width:801px){.project-grid{grid-template-columns:1fr 1fr}.project-card:nth-child(n){padding-top:0}.project-photo{aspect-ratio:1.2}}@media(max-width:800px){.project-grid{grid-template-columns:1fr}.project-photo{aspect-ratio:1.25}.project-card:nth-child(n){padding-top:0}.project-label h3{font-size:15px}.project-card>p{font-size:10px}.about-photo{border-radius:14px}.client-logo{height:95px;padding:14px}.contact-details{font-size:14px}.client-logo-row{gap:13px}.about-wide-photo{aspect-ratio:1.3}}
/* Manual project carousel: native touch scrolling, desktop dragging and buttons. */
.metrics{grid-template-columns:repeat(4,1fr)}.project-grid{display:flex;gap:24px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:#b78b4570 #e9edef;padding:4px 2px 22px;cursor:grab;overscroll-behavior-x:contain;touch-action:pan-x pan-y}.project-grid:focus-visible{outline:2px solid var(--gold);outline-offset:7px}.project-grid .project-card{flex:0 0 calc((100% - 48px)/3);min-width:0;scroll-snap-align:start;padding-top:0!important}.project-grid .project-card{flex-basis:calc((100% - 48px)/3)}.project-grid .project-photo{aspect-ratio:.88;pointer-events:none;user-select:none;-webkit-user-drag:none}.project-grid.dragging{cursor:grabbing;scroll-snap-type:none;user-select:none}.project-controls{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:20px}.project-slide-status{font-size:10px;letter-spacing:2px;color:var(--navy);min-width:60px}.project-drag-hint{font-size:8px;letter-spacing:1.6px;color:#8c9ba5;margin-left:auto;margin-right:20px}.project-controls>div{display:flex;gap:10px}.project-controls button{width:40px;height:40px;border:1px solid #c6d0d7;border-radius:50%;background:#fff;color:var(--navy);font-size:20px;transition:background .2s}.project-controls button:hover:not(:disabled){background:var(--navy);color:#fff}.project-controls button:disabled{opacity:.3;cursor:default}@media(max-width:1000px){.project-grid .project-card{flex-basis:calc((100% - 24px)/2)}}@media(max-width:800px){.metrics{grid-template-columns:1fr 1fr}.metrics article:last-child{grid-column:auto}.project-grid{gap:17px;margin-right:-8%;padding-right:8%;scroll-padding-left:2px}.project-grid .project-card{flex-basis:82%;min-width:0}.project-grid .project-photo{aspect-ratio:.95}.project-drag-hint{font-size:7px;margin-right:0}.project-controls button{width:38px;height:38px}}@media(prefers-reduced-motion:reduce){.project-grid{scroll-behavior:auto}}
/* Scroll-synchronised editorial beats; the final logo is left unobstructed. */
.film-chapter{position:absolute;z-index:3;opacity:0;pointer-events:none;color:white;left:6%;top:23%;max-width:62%;padding:24px 28px;border-left:2px solid #f1c375;background:linear-gradient(90deg,#102f4ce6,#102f4c55);border-radius:0 18px 18px 0;transform:translateY(14px);will-change:opacity,transform}.film-chapter h2{font-size:clamp(32px,4.1vw,65px);line-height:1.08;letter-spacing:-2px;font-weight:400;margin:18px 0}.film-chapter h2 em{font-family:Georgia,serif;font-weight:400;color:#f1c375}.film-chapter .eyebrow{font-size:8px;color:#f1d8ad;letter-spacing:1.8px;margin:0}.film-chapter>p:last-child{font-size:12px;line-height:1.8;color:#e5edf2;margin-bottom:0}.film-chapter-detail{left:auto;right:6%;top:28%;max-width:58%}.film-chapter-welcome{top:auto;bottom:19%;max-width:58%}@media(max-width:800px){.film-chapter{left:7%;right:7%;top:22%;max-width:86%;padding:18px 20px}.film-chapter h2{font-size:clamp(27px,5.4vw,39px);letter-spacing:-1.4px;margin:13px 0}.film-chapter .eyebrow{font-size:6px;letter-spacing:1.4px}.film-chapter>p:last-child{font-size:10px;line-height:1.7}.film-chapter-detail{top:25%}.film-chapter-welcome{top:auto;bottom:18%}}@media(prefers-reduced-motion:reduce){.film-chapter{display:none}}
.film-beat-anchor{position:absolute;top:18%;width:1px;height:1px;pointer-events:none}
/* Open corner typography, matching the opening headline. */
.film-chapter{top:auto;bottom:15%;left:6%;right:auto;max-width:64%;padding:0;border:0;border-radius:0;background:none;backdrop-filter:none;text-shadow:0 2px 20px #071e3790;transform:translateY(36px)}.film-chapter h2{font-size:clamp(35px,4.8vw,76px);line-height:1.05;letter-spacing:-2.8px;margin:22px 0}.film-chapter .eyebrow{color:#f2ddba;font-size:9px;letter-spacing:2px}.film-chapter>p:last-child{font-size:13px;line-height:1.8;color:#e0e9ee}.film-chapter-detail{left:auto;right:6%;bottom:15%;top:auto;text-align:right;max-width:64%}.film-chapter-welcome{top:auto;bottom:15%;left:6%;right:auto;max-width:60%}.film-stage:has(.film-chapter[aria-hidden="false"]) .film-shade{opacity:1;background:linear-gradient(0deg,#0a2138a6 0%,#0a213827 38%,transparent 65%)}@media(max-width:800px){.film-chapter,.film-chapter-welcome{top:auto;bottom:15%;left:7%;right:auto;max-width:86%;padding:0}.film-chapter-detail{top:auto;bottom:15%;right:7%;left:auto;max-width:86%}.film-chapter h2{font-size:clamp(30px,6.7vw,49px);letter-spacing:-1.8px;margin:16px 0}.film-chapter .eyebrow{font-size:7px;letter-spacing:1.6px}.film-chapter>p:last-child{font-size:11px;line-height:1.8}}
/* Dedicated mobile experience; shared content, portrait-only media delivery. */
.menu-toggle,.mobile-hero-action,.mobile-film-ending{display:none}.mobile-menu{border:0;padding:0;color:#fff;background:#153b65;max-width:none;width:min(100vw,480px);height:100dvh;max-height:100dvh;margin:0 0 0 auto;position:fixed;inset:0;overflow-y:auto}.mobile-menu::backdrop{background:#071d37b8;backdrop-filter:blur(5px)}.menu-top{display:flex;justify-content:space-between;align-items:center;padding:calc(20px + env(safe-area-inset-top)) 25px 25px;border-bottom:1px solid #ffffff26}.menu-top p{font-size:20px;letter-spacing:3px;margin:0}.menu-top p span{font-size:8px;letter-spacing:2px;display:block;margin-top:7px;color:#f1c375}.menu-close{background:none;border:1px solid #ffffff50;color:#f1c375;width:44px;height:44px;border-radius:50%;font-size:29px}.mobile-menu nav{display:flex;flex-direction:column;padding:28px 25px;gap:5px}.mobile-menu nav a{font-size:26px;letter-spacing:-1px;line-height:1.4;padding:15px 0;min-height:58px;border-bottom:1px solid #ffffff22;display:flex;justify-content:space-between;align-items:center}.mobile-menu nav a span{font-size:10px;letter-spacing:1px;color:#edc582}.menu-phone{margin:20px 25px 50px;display:inline-flex;align-items:center;min-height:44px;color:#f1c375;font-size:15px}.menu-is-open{overflow:hidden}.hero-poster{position:absolute;inset:0;width:100%;height:100%}.hero-poster #poster{object-fit:cover}.mobile-film-ending{pointer-events:auto;z-index:3;position:absolute;opacity:0}.mobile-film-ending[inert]{pointer-events:none}.mobile-film-ending p{font-size:30px;line-height:1.15;letter-spacing:-1px;color:#19477b}.mobile-film-ending p em{font-family:Georgia;font-weight:400;color:#b78b45}
@media(max-width:800px){html{scroll-padding-top:calc(88px + env(safe-area-inset-top))}body{padding-top:calc(68px + env(safe-area-inset-top))}.site-header,.about-page .site-header{position:fixed;top:0;left:0;right:0;z-index:100;height:calc(68px + env(safe-area-inset-top));padding:calc(10px + env(safe-area-inset-top)) max(18px,env(safe-area-inset-right)) 10px max(18px,env(safe-area-inset-left));background:#153b65;border-bottom:1px solid #ffffff25;box-shadow:0 3px 18px #081f3520}.site-header>.brand{display:flex;align-items:center;min-height:44px;background:#fffdf8;border-radius:8px;padding:6px 9px}.site-header>.brand img{width:133px}.site-header>nav{display:none}.menu-toggle{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;width:44px;height:44px;border:1px solid #f1c37566;background:transparent;border-radius:50%;color:#f1c375}.menu-toggle span{width:18px;height:1px;background:currentColor}.film-story{height:380svh;margin:0}.film-stage{top:calc(68px + env(safe-area-inset-top));height:calc(100svh - 68px - env(safe-area-inset-top));border-radius:0}.film-copy{top:6%;left:6%;max-width:88%;pointer-events:auto}.film-copy h1{font-size:clamp(29px,7.8vw,40px);line-height:1.05;letter-spacing:-1.5px;margin:0 0 18px}.film-copy>.eyebrow,.film-copy>p:last-of-type{display:none}.mobile-hero-action{display:inline-flex;align-items:center;gap:20px;background:#fffdf8;color:#19477b;border-radius:30px;min-height:44px;padding:10px 17px;font-size:11px;box-shadow:0 2px 12px #102f4c20}.mobile-hero-action span{color:#b78b45;font-size:17px}.film-shade{background:linear-gradient(180deg,#0a213855,transparent 42%)}.film-chapter{display:none}.film-toolbar{bottom:max(14px,env(safe-area-inset-bottom));left:5%;right:5%;gap:12px}.film-prompt{background:#14385899;font-size:6px;letter-spacing:1.1px}.film-track{max-width:80px}#skip-film{min-height:44px;min-width:90px;font-size:10px;background:#fffffff0}.mobile-film-ending{display:block;bottom:13%;left:7%;right:7%;text-align:center}.mobile-film-ending p{font-size:clamp(26px,7vw,34px);margin-bottom:18px}.mobile-film-ending .button{min-height:48px;font-size:12px;background:#19477b;color:#fff;border-color:#19477b;padding-left:24px}.mobile-film-ending .circle{width:32px;height:32px}.contact-ribbon{padding:28px 7%;gap:15px}.contact-ribbon>.button{font-size:11px;min-height:46px}.section{padding:54px 7%}.section h2.giant{font-size:clamp(67px,18vw,90px);letter-spacing:-5px}.about-statement{margin-bottom:25px}.about-statement p{font-size:17px;line-height:1.65}.section h2{font-size:clamp(30px,8.5vw,38px);line-height:1.15}.section-top .eyebrow{font-size:7px}.text-link{min-height:44px;align-items:center}.project-controls button{width:44px;height:44px}.service-card{min-height:225px}.service-card h3{font-size:14px}.service-card p{line-height:1.7}.service-detail>a{min-height:44px}.client-logo{height:90px}.contact-details a{min-height:44px;display:inline-flex;align-items:center}.contact-details{gap:0}.contact-details .contact-email{margin:3px 0}.contact label{font-size:11px}.contact input,.contact select{min-height:48px;font-size:16px}.contact textarea{font-size:16px;min-height:90px}.form-note{font-size:10px}.contact .button{font-size:12px;min-height:48px}footer{padding-bottom:calc(22px + env(safe-area-inset-bottom))}footer>a:not(.brand){min-height:44px;display:flex;align-items:center}footer .brand{min-height:44px;display:flex;align-items:center}.about-page .page-intro{padding-top:40px}.about-page .back-link{min-height:44px}.about-page .giant{font-size:clamp(65px,18vw,85px)!important}.film-beat-anchor{top:20%}}
@media(max-width:359px){.service-card{padding:19px 12px}.service-index{right:12px}.service-card h3{font-size:12px}.service-card p{font-size:8px}.film-copy h1{font-size:29px}.film-track{display:none}.contact-ribbon p{font-size:12px}.contact-ribbon .button{gap:12px}.project-drag-hint{display:none}}
@media(prefers-reduced-motion:reduce){.film-story{height:85svh;min-height:480px}.film-stage{position:relative;top:auto;height:100%}.film-copy{transform:none}.mobile-film-ending{display:none}.film-toolbar .film-track{display:none}}
@media(max-width:800px){.film-copy h1{text-shadow:0 2px 15px #102f4c90}.film-copy h1 em{color:#f1c375;text-shadow:0 2px 12px #102f4cb0}}
/* Scroll reveals: opacity plus a restrained upward pop, played once. */
.picture-reveal{opacity:0;transform:translateY(28px) scale(.96);transition:opacity .65s ease var(--reveal-delay,0ms),transform .8s cubic-bezier(.2,.75,.25,1) var(--reveal-delay,0ms);transform-origin:center}.picture-reveal.is-revealed{opacity:1;transform:translateY(0) scale(1)}.metrics strong{font-variant-numeric:tabular-nums}.project-photo.is-revealed:hover{transform:translateY(-3px) scale(1.015);transition-delay:0ms}@media(prefers-reduced-motion:reduce){.picture-reveal{opacity:1;transform:none;transition:none}.project-photo.is-revealed:hover{transform:none}}
/* Energetic achievement entrance, followed by a short landing pulse. */
.metrics strong{position:relative;transform-origin:12% 80%;isolation:isolate}.metrics strong.metric-pop{animation:metric-pop-in .8s cubic-bezier(.2,.7,.25,1) var(--metric-delay,0ms) both}.metrics strong.metric-pop>span{display:inline-block;animation:metric-unit-bounce .85s ease var(--metric-delay,0ms) both}.metrics strong.metric-landed{animation:metric-land .5s ease-out both}.metrics strong.metric-landed:after{content:'';position:absolute;left:7px;top:50%;width:65px;height:65px;margin-top:-32px;border:2px solid #c99a4e;border-radius:50%;z-index:-1;pointer-events:none;animation:metric-ring .65s ease-out both}@keyframes metric-pop-in{0%{opacity:0;transform:translateY(32px) scale(.55) rotate(-4deg)}45%{opacity:1;transform:translateY(-8px) scale(1.18) rotate(1deg)}68%{transform:translateY(3px) scale(.95) rotate(-.5deg)}85%{transform:translateY(-2px) scale(1.045)}100%{opacity:1;transform:translateY(0) scale(1)}}@keyframes metric-unit-bounce{0%,20%{opacity:0;transform:translateY(12px) scale(.6)}65%{opacity:1;transform:translateY(-5px) scale(1.15)}100%{opacity:1;transform:none}}@keyframes metric-land{0%{transform:scale(1);color:var(--ink)}35%{transform:translateY(-3px) scale(1.075);color:var(--gold)}100%{transform:none;color:var(--ink)}}@keyframes metric-ring{0%{opacity:.5;transform:scale(.45)}100%{opacity:0;transform:scale(1.85)}}@media(prefers-reduced-motion:reduce){.metrics strong.metric-pop,.metrics strong.metric-pop>span,.metrics strong.metric-landed{animation:none;transform:none;opacity:1}.metrics strong.metric-landed:after{display:none}}
/* Company album additions: retain readable crops across mixed orientations. */
.project-photo{object-position:center}.about-photo{object-position:center}.client-project-photo{object-position:center}.about-wide-photo{object-position:center 58%}
/* Editorial scroll choreography beyond the hero. */
.text-reveal{opacity:0;transform:translateY(25px);transition:opacity .6s ease var(--text-delay,0ms),transform .75s cubic-bezier(.16,.8,.24,1) var(--text-delay,0ms)}.text-reveal.heading-reveal{transform:translateY(36px) scale(.98);transform-origin:left bottom}.text-reveal.card-reveal{transform:translateY(32px) scale(.94);transition-timing-function:ease,cubic-bezier(.18,1.15,.35,1)}.text-reveal.text-revealed{opacity:1;transform:none}.service-card svg{transition:transform .35s cubic-bezier(.2,.8,.2,1)}.button .circle{transition:transform .3s ease}.text-link{transition:color .25s ease,border-color .25s ease}.text-link:hover{color:var(--gold);border-color:var(--gold)}@media(hover:hover) and (pointer:fine){.service-card.text-revealed:hover{transform:translateY(-5px)}.service-card:hover svg{transform:translateY(-3px) rotate(-5deg) scale(1.08)}.button:hover .circle{transform:rotate(-12deg) scale(1.07)}}@media(prefers-reduced-motion:reduce){.text-reveal,.text-reveal.heading-reveal,.text-reveal.card-reveal{opacity:1;transform:none;transition:none}.service-card:hover svg,.button:hover .circle{transform:none;transition:none}}