@charset "UTF-8";
@font-face{font-family:Manrope;src:url('assets/cinema/manrope.ttf') format('truetype');font-style:normal;font-weight:200 800;font-display:swap}
:root{color-scheme:dark;--bg:#080909;--surface:#111313;--ink:#e9e9e3;--muted:#929995;--line:#ffffff26;--accent:#becfbd;--gutter:clamp(22px,5vw,96px);--header:86px;font-family:Manrope,Arial,sans-serif;background:var(--bg);color:var(--ink)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:calc(var(--header) + 18px)}body{margin:0;font-size:14px;line-height:1.6;-webkit-font-smoothing:antialiased}h1,h2,h3,p,figure{margin:0}h1,h2,h3{font-weight:400}a{color:inherit;text-decoration:none}a:hover{color:#fff}button{font:inherit;color:inherit;cursor:pointer}button:disabled{cursor:default}img,video,canvas{display:block;max-width:100%}img{height:auto}svg{display:block;width:22px;height:22px;flex:none}::selection{background:var(--accent);color:#080909}a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:6px}button,a,summary{-webkit-tap-highlight-color:transparent}button[hidden]{display:none!important}.wrap{width:calc(100% - 2*var(--gutter));max-width:1800px;margin-inline:auto}.kicker{font-size:10px;text-transform:uppercase;letter-spacing:.13em;color:var(--muted)}.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}.skip-link{position:fixed;top:-100px;left:22px;z-index:100;padding:15px;background:var(--ink);color:var(--bg)}.skip-link:focus{top:20px}
.site-header{position:fixed;inset:0 0 auto;z-index:30;height:var(--header);display:flex;align-items:center;padding:12px var(--gutter);gap:28px;background:#080909;border-bottom:1px solid #ffffff10}.brand{flex:none}.brand img{width:77px;height:auto;max-height:56px;object-fit:contain}.site-header nav{display:flex;align-items:center;gap:clamp(20px,2.7vw,48px);margin-left:auto}.site-header nav a{font-size:11px;display:flex;align-items:center;gap:10px;padding:10px 0;position:relative}.site-header nav a::after{position:absolute;content:"";height:1px;bottom:5px;left:0;right:0;background:currentColor;transform:scaleX(0);transform-origin:left;transition:transform .3s}.site-header nav a:hover::after{transform:scaleX(1)}.site-header nav svg{width:12px;height:12px}.motion-toggle{display:grid;place-items:center;width:32px;height:32px;flex:none;border:1px solid #ffffff30;border-radius:50%;background:transparent}.motion-toggle>span{height:9px;width:7px;border-inline:1px solid currentColor}.motion-toggle[aria-pressed=true]>span{height:0;width:0;border:0;border-left:6px solid currentColor;border-block:4px solid transparent;margin-left:2px}.page-progress{position:absolute;bottom:-1px;left:0;width:100%;height:1px;background:var(--accent);transform-origin:left;transform:scaleX(0)}
.hero{height:100svh;min-height:650px;max-height:1400px;position:relative;isolation:isolate;overflow:hidden}.media{position:relative;background:#0d1011;overflow:hidden}.media>img,.media>video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.ambient{opacity:0;transition:opacity .8s}.ambient.playing{opacity:1}.hero-media{position:absolute;inset:0;z-index:-3}.hero-media>img,.hero-media>video{filter:brightness(.55) saturate(.75);object-position:center}.hero-shade{position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,#080909 0%,#0809098c 23%,#08090918 53%,#080909ef 100%),linear-gradient(90deg,#03050555,#03050522)}.hero-topline{position:absolute;inset:calc(var(--header) + 28px) 0 auto;display:flex;justify-content:space-between;gap:20px;color:#9baba6;font-size:8px;text-transform:uppercase;letter-spacing:.13em}.hero-identity{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:clamp(35px,5vw,85px);padding:100px var(--gutter) 65px}.hero-identity>img{width:clamp(200px,24vw,370px);height:auto;flex:none}.hero h1{display:flex;align-items:center;gap:clamp(13px,1.6vw,26px);font-size:clamp(15px,1.35vw,22px);font-weight:400;letter-spacing:.09em;text-transform:uppercase;white-space:nowrap;color:#d2d9d4}.hero h1 i{width:1px;height:1.05em;background:#ffffff55;display:block}.hero-bottom{position:absolute;inset:auto 0 37px;display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center;gap:24px;font-size:10px}.scroll-link{display:flex;align-items:center;gap:18px;min-height:44px}.scroll-link>span{font-size:22px;font-weight:300}.hero-play{justify-self:center;display:flex;align-items:center;gap:12px;background:transparent;border:0;padding:0;min-height:48px;font-size:10px}.play-icon{border:1px solid #ffffff50;width:42px;height:42px;border-radius:50%;display:grid;place-items:center;transition:background .25s,border-color .25s}.play-icon svg{width:16px;height:16px}.hero-play:hover .play-icon{background:#ffffff17;border-color:#fff}.media-note{justify-self:end;color:#82918b;font-size:9px}
.chapter-heading{padding-block:105px 50px;display:grid;grid-template-columns:45px 1fr auto;align-items:baseline;gap:24px}.chapter-heading h2{font-size:clamp(70px,10.3vw,178px);line-height:1.08;letter-spacing:-.075em}.chapter-heading p{font-size:11px;color:var(--muted)}.dot{color:var(--accent)}
.story{position:relative;height:90svh;min-height:580px}.story-sticky{height:100%;position:relative;isolation:isolate;overflow:hidden;background:#080b0c}.motion-on .story{height:330svh;min-height:1900px}.motion-on .story-sticky{position:sticky;top:var(--header);height:calc(100svh - var(--header));min-height:420px}.story-fallback,.story-canvas,.story-reality,.story-reality img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.story-fallback{object-position:center}.story-canvas{opacity:0}.motion-on .story-canvas{opacity:1}.story-reality{opacity:1}.motion-on .story-reality{opacity:0;will-change:opacity,transform}.story-vignette{position:absolute;inset:0;background:linear-gradient(#03060638,transparent 25%,transparent 48%,#030606e8 100%);pointer-events:none}.story-top{position:absolute;top:28px;right:var(--gutter);z-index:2;font-size:10px;color:#c3ceca}.story-bottom{position:absolute;inset:auto var(--gutter) 38px;z-index:2;display:grid;grid-template-columns:1fr auto;gap:20px 40px;align-items:end}.story-titles{position:relative;font-size:clamp(54px,7vw,118px);line-height:1.05;letter-spacing:-.065em;min-height:1.1em;grid-column:1}.story-design{opacity:0}.motion-on .story-design{opacity:1}.story-production{position:absolute;inset:0 auto auto 0}.motion-on .story-production{opacity:0}.story-project{grid-column:1;display:flex;flex-wrap:wrap;gap:9px 25px;align-items:baseline;font-size:12px}.story-credit{font-size:10px;color:#a2b1a9}.motion-on .story-credit{opacity:0}.story-controls{grid-column:2;grid-row:1/3;display:flex;align-items:center;gap:25px;font-size:10px}.story-controls>button{background:none;border:0;border-top:1px solid #ffffff36;padding:14px 0;min-height:44px;color:#8d9d94}.story-controls>button[aria-current=step]{border-color:var(--accent);color:var(--ink)}.story-controls a{margin-left:10px;padding:14px 0;color:#bbc8c1}.story-progress{position:absolute;bottom:0;left:0;right:0;height:2px;z-index:3;background:#ffffff14}.story-progress span{display:block;width:100%;height:100%;background:var(--accent);transform-origin:left;transform:scaleX(1)}
.design-studies{display:grid;grid-template-columns:1.35fr 1fr;gap:90px 7vw;padding-block:110px 35px}.study .media{aspect-ratio:1.6}.study-secondary{padding-top:170px}.study-secondary .media{aspect-ratio:1.08}.study-third{grid-column:1;max-width:90%}.study-third .media{aspect-ratio:1.6}.study figcaption{position:relative;display:flex;justify-content:space-between;align-items:baseline;gap:15px;padding:20px 45px 0 0;font-size:14px}.study figcaption>span:nth-child(2){font-size:9px;color:var(--muted);white-space:nowrap}.study small{display:block;margin-top:4px;font-size:10px;color:var(--muted)}.study-play{position:absolute;right:0;top:16px;width:32px;height:32px;background:transparent;border:1px solid var(--line);border-radius:50%;display:grid;place-items:center}.study-play .play-icon{border:0;width:auto;height:auto}.study-play>span+span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.study-play .play-icon svg{width:13px;height:13px}.study-play:hover{background:#ffffff10}.design-signature{align-self:center;text-align:center;color:#ccd3ca12;line-height:1}.design-signature>span{display:block;font-size:clamp(80px,16vw,250px);letter-spacing:-.08em}.design-signature small{display:block;font-size:8px;letter-spacing:.35em;margin-top:15px;color:#7c89844d}
.production-section .chapter-heading{padding-top:130px}.production-section .chapter-heading h2{font-size:clamp(64px,10.3vw,178px)}.production-film{height:77svh;max-height:960px;min-height:440px;position:relative;isolation:isolate;overflow:hidden}.production-film>.media{position:absolute;inset:0;z-index:-2}.production-film .media>video,.production-film .media>img{object-position:center 53%;filter:brightness(.85) saturate(.87)}.production-shade{position:absolute;inset:0;z-index:-1;background:linear-gradient(#00000012,transparent 50%,#030505b3 100%)}.production-play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:112px;height:112px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:12px;border:1px solid #ffffff55;border-radius:50%;background:#03090930;backdrop-filter:blur(5px);font-size:9px;transition:background .3s,border-color .3s}.production-play .play-icon{border:0;width:25px;height:25px}.production-play .play-icon svg{width:25px;height:25px}.production-play:hover{background:#03090966;border-color:#fff}.production-caption{position:absolute;inset:auto 0 30px;display:flex;justify-content:space-between;gap:20px;font-size:10px;color:#c1cbc5}
.selected-work{padding-top:105px}.section-meta{display:flex;align-items:baseline;justify-content:space-between;gap:20px;border-top:1px solid var(--line);padding:23px 0 42px}.section-meta h2{font-size:13px}.section-meta>span{font-size:10px;color:var(--muted)}.project-grid{display:grid;grid-template-columns:1fr 1fr;gap:75px 35px}.selected-work .project-tile:nth-child(even){padding-top:125px}.project-image{position:relative;aspect-ratio:1.43;background:#111515;overflow:hidden}.project-image>img{width:100%;height:100%;object-fit:cover;transition:transform .8s cubic-bezier(.2,.6,.2,1),filter .6s;filter:saturate(.88)}.project-link:hover .project-image>img{transform:scale(1.035);filter:saturate(1)}.project-arrow{position:absolute;right:22px;bottom:22px;width:38px;height:38px;display:grid;place-items:center;border-radius:50%;background:#06090955;backdrop-filter:blur(5px);transition:background .25s}.project-arrow svg{width:15px;height:15px}.project-link:hover .project-arrow{background:#e9e9e3;color:#080909}.project-caption{display:grid;grid-template-columns:23px 1fr;gap:8px 17px;padding-top:22px}.project-caption h3{font-size:clamp(19px,2vw,31px);line-height:1.3;letter-spacing:-.04em;font-weight:400}.index{padding-top:5px;font-size:9px;color:var(--muted)}.project-kind{grid-column:2;font-size:10px;color:var(--muted)}.credit{display:block;font-size:10px;color:#909b95;line-height:1.7}.project-tile>.credit{margin:9px 0 0 40px}.credit a:hover{text-decoration:underline;text-underline-offset:3px}.all-work{display:flex;align-items:center;gap:25px;border-block:1px solid var(--line);padding:26px 0;margin-top:90px;font-size:20px}.all-work .all-count{margin-left:auto;font-size:10px;color:var(--muted)}.all-work svg{width:20px;height:20px;transition:transform .25s}.all-work:hover svg{transform:translate(3px,-3px)}
.service-details{padding-block:90px 20px}details{border-top:1px solid var(--line)}details:last-child{border-bottom:1px solid var(--line)}summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:25px;padding:24px 0;font-size:12px}summary::-webkit-details-marker{display:none}summary>span{font-size:19px;font-weight:200;transition:transform .25s}details[open]>summary>span{transform:rotate(45deg)}.disclosure-body{padding:14px 0 40px;color:var(--muted);font-size:13px;max-width:1400px}.details-lead{max-width:850px;font-size:18px;line-height:1.8;color:#c8cec9;margin-bottom:40px}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:45px}.service-grid article{max-width:420px}.service-grid h3{font-size:19px;line-height:1.4;margin:13px 0;color:var(--ink)}.service-grid .kicker{font-size:8px}.service-details>details:first-child>.disclosure-body{max-width:none}.service-details>details:first-child .service-grid{max-width:1400px}.specializations{display:grid;grid-template-columns:minmax(0,max-content);justify-content:center;gap:12px;padding:32px 20px 0;margin:36px 0 0;border-top:1px solid var(--line);font-size:12px}
.contact{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:45px 8vw;padding-block:85px 75px}.contact h2{margin-bottom:25px}.contact-links{display:flex;flex-direction:column;align-items:flex-start;gap:16px;font-size:clamp(18px,2vw,28px);letter-spacing:-.035em}.contact-links a{max-width:100%;overflow-wrap:anywhere;border-bottom:1px solid transparent;padding-bottom:3px}.contact-links a:hover{border-color:var(--line)}.company{font-size:11px;min-width:0}.company-head{display:flex;justify-content:space-between;align-items:center;gap:15px;margin:-10px 0 17px}.company h3{font-size:10px;color:var(--muted)}.copy-details{display:flex;align-items:center;gap:8px;min-height:36px;padding:8px 11px;background:none;border:1px solid var(--line);font-size:10px;border-radius:2px}.copy-details>span{font-size:16px;line-height:1}.copy-details:hover{border-color:#ffffff80}.company-data{margin:0;user-select:text}.company-data>div{display:grid;grid-template-columns:58px 1fr;gap:15px;margin-bottom:7px}.company-data dt{color:#7f8b83}.company-data dd{margin:0;color:#b3beb7;overflow-wrap:anywhere}.company-bottom{display:flex;flex-wrap:wrap;gap:8px 20px;margin-top:16px;font-size:9px;color:#829087}.copy-status{color:var(--accent)}.site-footer{display:flex;align-items:center;gap:40px;padding-block:25px;border-top:1px solid var(--line);font-size:10px;color:#8b9890}.site-footer>a:last-child{margin-left:auto}
.catalogue-title{padding-block:calc(var(--header) + 100px) 75px}.catalogue-title h1{font-size:clamp(60px,9vw,145px);line-height:1.1;letter-spacing:-.07em;margin:30px 0 24px}.catalogue-title p{font-size:11px;color:var(--muted)}.catalogue-grid{row-gap:75px}.catalogue .contact{margin-top:80px;border-top:1px solid var(--line)}
.case-intro{padding-block:calc(var(--header) + 60px) 65px}.back-link{display:inline-block;font-size:10px;color:var(--muted);margin-bottom:55px}.case-intro>.kicker{display:block;margin-bottom:22px}.case-intro h1{font-size:clamp(40px,6vw,100px);max-width:1400px;line-height:1.12;letter-spacing:-.065em}.case-intro>p{max-width:690px;color:var(--muted);font-size:14px;margin-top:28px}.case-cover>a{display:block;height:min(76svh,950px);min-height:400px;overflow:hidden;background:#101414}.case-cover img{width:100%;height:100%;object-fit:cover}.case-cover figcaption{padding-top:15px}.case-information{display:grid;grid-template-columns:1fr 1fr;gap:9vw;padding-block:65px 95px}.case-information details{align-self:start}.case-information .disclosure-body{max-width:700px;font-size:14px;line-height:1.9}.case-facts{margin:0;font-size:11px;display:grid;gap:14px;align-content:start}.case-facts>div{display:grid;grid-template-columns:140px 1fr;gap:20px}.case-facts dt{color:var(--muted)}.case-facts dd{margin:0}.photo-grid{columns:2;column-gap:25px}.gallery-image{display:block;break-inside:avoid;margin-bottom:25px;background:#101414;overflow:hidden}.gallery-image img{width:100%;transition:filter .4s}.gallery-image:hover img{filter:brightness(1.08)}.case-credits{display:flex;flex-wrap:wrap;gap:10px 40px;margin-block:28px 60px}.case-videos{margin-block:45px 70px}.video-grid{display:grid;grid-template-columns:1fr 1fr;gap:35px}.case-video video{width:100%;max-height:700px;background:#000}.case-video figcaption{padding-top:14px;font-size:11px}.case-video .credit{margin-top:6px}.youtube-slot{aspect-ratio:16/9;background:#0b1010;position:relative;overflow:hidden}.portrait-video .youtube-slot{aspect-ratio:9/16;max-width:400px}.youtube-slot>a{display:block;width:100%;height:100%}.youtube-slot img{width:100%;height:100%;object-fit:cover;filter:brightness(.5)}.youtube-slot>a>span{position:absolute;inset:0;display:flex;justify-content:center;align-items:center;gap:14px;font-size:12px}.youtube-slot iframe{width:100%;height:100%;border:0}.next-project{display:grid;grid-template-columns:1fr auto;gap:20px 40px;padding-block:55px 70px;border-top:1px solid var(--line)}.next-project .kicker{grid-column:1/-1}.next-project>span:nth-child(2){font-size:clamp(25px,3vw,48px);letter-spacing:-.04em}.next-project svg{width:35px;height:35px;align-self:center}.case-page .site-footer{margin-top:15px}
dialog{border:0;background:#080909;color:var(--ink);padding:0;max-width:none;max-height:none}dialog::backdrop{background:#020303ee;backdrop-filter:blur(12px)}.film-dialog{width:min(1400px,94vw)}.dialog-top{display:flex;justify-content:space-between;align-items:center;gap:25px;padding:20px 2px;font-size:11px}.dialog-top button{background:none;border:0;padding:10px 0 10px 20px;font-size:11px;display:flex;align-items:center;gap:20px}.dialog-top button>span{font-size:25px;font-weight:200}.film-dialog video{width:100%;max-height:75svh;background:#000}.film-description{font-size:10px;color:var(--muted);padding:16px 0}.image-dialog{width:96vw;height:96svh;background:transparent;overflow:hidden}.image-dialog .dialog-top{padding-inline:20px;height:65px}.lightbox-stage{height:calc(100% - 120px);display:grid;grid-template-columns:65px 1fr 65px;gap:15px;align-items:center}.lightbox-stage>img{width:100%;height:100%;object-fit:contain;min-height:0}.lightbox-stage>button{width:44px;height:44px;justify-self:center;border:1px solid var(--line);background:#10171780;border-radius:50%;font-size:20px}.image-dialog>p{text-align:center;font-size:11px;color:#b5c1b9;padding:18px 60px}.dialog-open{overflow:hidden}.motion-on .reveal{opacity:0;transform:translateY(22px);transition:opacity .9s,transform .9s cubic-bezier(.2,.7,.2,1)}.motion-on .reveal.visible{opacity:1;transform:none}.motion-on .hero-identity{animation:identity-in 1.3s cubic-bezier(.2,.7,.2,1) both}@keyframes identity-in{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}.motion-off .ambient{opacity:0}.motion-off .story-mode{visibility:hidden}.motion-off .story-controls>button{display:none}.motion-off *{scroll-behavior:auto!important;animation:none!important;transition:none!important}
@media(min-width:1900px){.hero-identity>img{width:380px}.hero h1{font-size:24px}.hero-topline{top:125px}.hero-bottom{bottom:48px}}
@media(max-width:1050px){.chapter-heading{grid-template-columns:35px 1fr;padding-top:90px;gap:12px 18px}.chapter-heading p{grid-column:2}.chapter-heading h2{font-size:12vw}.production-section .chapter-heading h2{font-size:12vw}.design-studies{gap:65px 4vw}.study-secondary{padding-top:100px}.study figcaption{font-size:12px}.study figcaption>span:nth-child(2){font-size:8px}.contact{grid-template-columns:1fr 310px;gap:30px}.contact-links{font-size:20px}.service-grid{grid-template-columns:1fr 1fr}.story-bottom{gap:22px}.story-controls{gap:17px}.story-controls a{margin-left:0}.story-titles{font-size:9vw}.project-grid{gap:55px 25px}.selected-work .project-tile:nth-child(even){padding-top:90px}.case-facts>div{grid-template-columns:100px 1fr}.case-information{gap:45px}}
@media(max-width:700px){:root{--header:72px;--gutter:22px}.site-header{gap:16px;padding-block:12px}.brand img{width:61px;max-height:42px}.site-header nav{gap:17px}.site-header nav a{font-size:9px}.site-header nav a:nth-child(3){display:none}.site-header nav svg{display:none}.motion-toggle{width:28px;height:28px}.hero{height:94svh;min-height:590px;max-height:1000px}.hero-topline{top:103px;font-size:7px;line-height:1.9;letter-spacing:.09em}.hero-topline>span:first-child{max-width:260px}.hero-topline>span:last-child{display:none}.hero-identity{gap:clamp(16px,4vw,30px);padding:75px 22px 45px}.hero-identity>img{width:clamp(100px,30vw,185px)}.hero h1{font-size:clamp(10px,2.8vw,16px);gap:clamp(8px,2.3vw,13px);letter-spacing:.06em}.hero-media>img,.hero-media>video{object-position:54% 50%;filter:brightness(.58) saturate(.75)}.hero-shade{background:linear-gradient(#080909 0%,#08090955 30%,#08090922 56%,#080909 100%)}.hero-bottom{bottom:28px;grid-template-columns:1fr auto;gap:12px;font-size:9px}.hero-play{justify-self:end;font-size:9px;gap:9px}.play-icon{width:34px;height:34px}.hero-bottom .media-note{grid-column:2;justify-self:end;font-size:8px;opacity:.7}.scroll-link{gap:12px}.chapter-heading{padding-block:65px 32px;grid-template-columns:25px 1fr;gap:9px 10px}.chapter-heading h2{font-size:16vw}.chapter-heading p{font-size:9px}.chapter-heading .kicker{font-size:9px}.story{height:82svh;min-height:540px}.motion-on .story{height:260svh;min-height:1500px}.motion-on .story-sticky{min-height:480px}.story-top{top:22px;font-size:9px}.story-bottom{bottom:25px;display:block}.story-titles{font-size:14vw}.story-project{display:flex;flex-direction:column;gap:4px;margin-top:16px;font-size:10px}.story-credit{font-size:9px}.story-controls{margin-top:25px;gap:26px;font-size:9px;display:flex}.story-controls a{margin-left:auto}.story-controls>button{padding-block:10px;min-height:36px}.design-studies{display:block;padding-block:45px 0}.study{margin-bottom:45px}.study-secondary{padding-top:0;max-width:83%;margin-left:auto}.study-secondary .media{aspect-ratio:1.16}.study-third{max-width:91%;margin-top:15px}.study figcaption{padding-top:15px;font-size:12px}.study figcaption>span:nth-child(2){font-size:8px}.study small{font-size:9px}.study-play{top:13px}.design-signature{display:none}.production-section .chapter-heading{padding-top:35px}.production-section .chapter-heading h2{font-size:13.8vw;letter-spacing:-.07em}.production-film{height:67svh;min-height:430px;max-height:720px}.production-film .media>video,.production-film .media>img{object-position:center;filter:brightness(.82) saturate(.9)}.production-play{width:92px;height:92px;font-size:8px;gap:8px}.production-caption{bottom:23px;font-size:8px}.production-caption>span{max-width:175px}.production-caption>span:last-child{text-align:right;max-width:90px}.selected-work{padding-top:65px}.section-meta{padding:20px 0 30px}.section-meta h2{font-size:11px}.section-meta>span{font-size:9px}.project-grid{grid-template-columns:1fr;gap:40px}.selected-work .project-tile:nth-child(even){padding-top:0}.project-caption{gap:8px 12px;padding-top:17px}.project-caption h3{font-size:23px;letter-spacing:-.04em}.project-kind{font-size:9px}.project-tile>.credit{margin-left:35px;font-size:9px}.project-arrow{right:18px;bottom:18px}.all-work{margin-top:45px;padding-block:23px;font-size:17px}.all-count{font-size:9px!important}.service-details{padding-block:65px 10px}summary{font-size:11px;padding-block:22px}.service-grid{grid-template-columns:1fr;gap:32px}.service-grid h3{font-size:20px}.details-lead{font-size:16px;line-height:1.8}.specializations{grid-template-columns:1fr;font-size:11px}.contact{grid-template-columns:1fr;padding-block:50px 40px;gap:40px}.contact h2{margin-bottom:20px}.contact-links{font-size:clamp(16px,4.5vw,25px);gap:12px}.company{max-width:400px;padding-top:25px;border-top:1px solid var(--line)}.company-head{margin:0 0 17px}.site-footer{font-size:9px;gap:25px;padding-block:23px}.catalogue-title{padding-block:calc(var(--header) + 65px) 50px}.catalogue-title h1{font-size:16vw;margin:20px 0}.catalogue-title p{font-size:10px}.catalogue .contact{margin-top:55px}.case-intro{padding-block:calc(var(--header) + 35px) 38px}.back-link{margin-bottom:36px}.case-intro>.kicker{font-size:8px;margin-bottom:18px}.case-intro h1{font-size:10.5vw;line-height:1.15}.case-intro>p{font-size:12px;margin-top:23px}.case-cover{width:100%}.case-cover>a{height:65svh;min-height:360px;max-height:650px}.case-cover figcaption{padding:12px var(--gutter) 0;font-size:9px}.case-information{grid-template-columns:1fr;gap:30px;padding-block:40px 55px}.case-facts{font-size:10px;gap:13px}.case-facts>div{grid-template-columns:105px 1fr;gap:17px}.photo-grid{column-gap:14px}.gallery-image{margin-bottom:14px}.case-credits{gap:12px;margin-bottom:45px}.case-credits .credit{font-size:9px}.video-grid{grid-template-columns:1fr;gap:30px}.portrait-video .youtube-slot{max-width:none;max-height:75svh}.next-project{padding-block:40px 50px;gap:18px 20px}.next-project>span:nth-child(2){font-size:27px}.next-project svg{width:24px;height:24px}.film-dialog{width:94vw}.dialog-top{font-size:9px;gap:15px}.dialog-top button{font-size:9px;gap:12px}.image-dialog{width:100vw;height:96svh}.image-dialog .dialog-top{padding-inline:18px}.lightbox-stage{grid-template-columns:32px 1fr 32px;gap:4px}.lightbox-stage>button{width:29px;height:40px;font-size:16px;border:0;background:transparent}.image-dialog>p{font-size:10px;padding:14px 24px}}
@media(max-width:359px){.site-header{gap:11px}.brand img{width:53px}.site-header nav{gap:13px}.site-header nav a{font-size:8px}.hero-identity{gap:16px}.hero h1{font-size:10px;gap:8px}.hero-bottom .scroll-link{font-size:8px;gap:9px}.hero-play{font-size:8px}.hero-identity>img{width:99px}.project-caption h3{font-size:21px}.photo-grid{columns:1}.contact-links{font-size:16px}.story-controls{gap:20px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.ambient{display:none}.reveal{opacity:1!important;transform:none!important}.story{height:82svh!important;min-height:540px!important}.story-sticky{position:relative!important;top:0!important;height:100%!important}.story-canvas,.story-design{display:none!important}.story-reality,.story-production,.story-credit{opacity:1!important}.story-mode{visibility:hidden}}
/* A single stage, a regular project grid, and legible media authorship. */
.chapter-heading{padding-block:85px 40px}
.design-studies{display:block;padding-block:64px 0}
.design-studies .section-meta{padding-bottom:28px}
.study-panel[hidden],.study-tabs[hidden]{display:none!important}
.study-panel+.study-panel{margin-top:35px}
.study-panel[role=tabpanel]{margin:0}
.study .media{aspect-ratio:16/9}
.study{margin:0;max-width:none;padding:0}
.study figcaption{padding-top:20px;min-height:79px;font-size:15px}
.study figcaption>span:nth-child(2){font-size:11px}
.study small{font-size:11px}
.study-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid var(--line);margin-top:0;gap:30px}
.study-tabs button{display:flex;align-items:baseline;gap:18px;min-height:80px;border:0;border-top:1px solid transparent;margin-top:-1px;background:none;text-align:left;padding:24px 0;font-size:14px;color:var(--muted);transition:color .25s,border-color .25s}
.study-tabs button[aria-selected=true]{color:var(--ink);border-top-color:var(--accent)}
.study-tabs button:hover{color:#fff}
.study-number{font-size:10px;color:var(--muted)}
.study-tab-arrow{margin-left:auto;opacity:0}
.study-tabs button[aria-selected=true] .study-tab-arrow{opacity:1}
.motion-on .study-panel{animation:study-in .45s ease-out}
@keyframes study-in{from{opacity:.4}to{opacity:1}}
.production-section .chapter-heading{padding-top:85px}
.selected-work{padding-top:74px}
.selected-work .project-tile:nth-child(even){padding-top:0}
.project-grid{gap:60px 32px;align-items:start}
.project-image{aspect-ratio:3/2}
.credit{font-size:12px;line-height:1.7;color:#b1bbb4;overflow-wrap:anywhere}
.credit-label{color:#8e9c93;margin-right:6px;font-size:11px}
.credit a{color:#d0d8d2;text-decoration:underline;text-decoration-color:#ffffff3b;text-underline-offset:4px}
.credit a:hover{text-decoration-color:currentColor}
.credit small{display:block;font-size:10px;color:#8e9c93;margin-top:2px}
.credit-pending{color:#8e9c93}
.project-tile>.credit{font-size:12px;margin-top:12px}
.case-cover figcaption{padding-top:16px}
.case-gallery .section-meta{padding-bottom:20px}
.case-credits{display:flex;gap:14px 38px;flex-wrap:wrap;margin:0 0 32px}
.gallery-photo{break-inside:avoid;margin:0 0 28px}
.gallery-image{margin:0}
.gallery-photo figcaption{padding-top:12px}
.gallery-photo .credit{font-size:11px}
.case-video figcaption{font-size:12px}
.case-video .credit{margin-top:10px}
.montage-credits{border:0;border-bottom:1px solid var(--line)}
.montage-credits summary{padding-block:19px;font-size:12px;color:#b1bbb4}
.montage-credit-list{padding-bottom:24px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;font-size:12px}
.montage-credit-list>div>span{display:block}
.montage-credit-list>div>span+span{font-size:11px;color:var(--muted);margin-top:6px}
.film-dialog{max-height:94svh;overflow:auto}
.film-dialog video{max-height:65svh}
.film-description{padding:18px 0;font-size:12px}
.film-credit-heading{font-size:11px;color:var(--muted);margin-bottom:14px}
.film-description .montage-credit-list{padding-bottom:0}
.image-dialog .lightbox-stage{height:calc(100% - 155px)}
.image-dialog>p{font-size:13px;line-height:1.6;padding:18px 30px}
.image-dialog>p a{text-decoration:underline;text-underline-offset:4px}
.image-dialog>p small{display:block;font-size:11px;color:var(--muted);margin-top:4px}
@media(max-width:1050px){.study-tabs{gap:22px}.study-tabs button{font-size:13px;gap:12px}}
@media(max-width:700px){
 .chapter-heading{padding-block:60px 30px}
 .design-studies{padding-top:40px}
 .study figcaption{font-size:13px;min-height:76px;padding-top:17px;gap:12px}
 .study figcaption>span:nth-child(2){max-width:90px;white-space:normal;text-align:right;font-size:10px}
 .study small{font-size:10px}
 .study-tabs{gap:14px;margin-top:0}
 .study-tabs button{min-height:84px;font-size:11px;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:0;padding:16px 0;line-height:1.6}
 .study-number{display:block;font-size:9px;margin-bottom:6px}
 .study-tab-arrow{display:none}
 .production-section .chapter-heading{padding-top:56px}
 .project-grid{gap:38px}
 .selected-work{padding-top:50px}
 .project-tile>.credit{font-size:11px}
 .credit,.case-credits .credit{font-size:11px}
 .credit-label{font-size:10px}
 .case-credits{margin-bottom:24px}
 .gallery-photo{margin-bottom:20px}
 .gallery-photo .credit{font-size:10px}
 .gallery-photo .credit-label{display:block;margin-right:0}
 .gallery-photo .credit small{font-size:9px}
 .montage-credit-list{grid-template-columns:1fr;gap:18px}
 .film-dialog video{max-height:55svh}
 .image-dialog>p{font-size:12px;padding:18px 24px}
}




/* One continuous portfolio: rendered ideas on the left, real work on the right. */
.hero-live .hero-media>img,.hero-live .hero-media>video{filter:brightness(.62) saturate(1)}
.hero-live .hero-shade{background:linear-gradient(180deg,#080909 0%,#08090965 28%,#08090910 55%,#080909ed 100%)}
.hero-credits .montage-credits summary{font-size:10px;padding-block:13px}
.hero-credits .montage-credit-list{grid-template-columns:1fr 1fr;max-width:900px}
.duet{position:relative;margin-top:36px}
.duet-anchor{position:absolute;top:0;left:0}
.duet-sticky{padding-block:36px}
.duet-headings{display:grid;grid-template-columns:1fr 1fr;gap:32px;margin-bottom:30px}
.duet-headings h2{font-size:clamp(48px,5.8vw,98px);line-height:1.08;letter-spacing:-.065em;margin-top:9px}
.duet-headings .kicker{font-size:9px;letter-spacing:.12em}
.duet-stage{position:relative}
.duet-chapters{list-style:none;padding:0;margin:0}
.duet-chapter{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:32px;margin-bottom:65px}
.duet-chapter[hidden]{display:none!important}
.duet-media{aspect-ratio:16/10;position:relative;overflow:hidden;background:#0c1010;border:1px solid #ffffff0e}
.duet-media>img,.duet-media>video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.duet-media.duet-portrait>img,.duet-media.duet-portrait>video{object-fit:contain}
.duet-project-link{position:absolute;inset:0;z-index:2;display:flex;align-items:flex-end;justify-content:flex-end;padding:20px}
.duet-project-link svg{width:34px;height:34px;padding:8px;border-radius:50%;background:#08090965;backdrop-filter:blur(4px);transition:background .2s}
.duet-project-link:hover svg{background:var(--ink);color:var(--bg)}
.duet-caption{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding-top:19px;min-height:130px}
.duet-caption h3{font-size:clamp(21px,2vw,32px);line-height:1.3;letter-spacing:-.04em;margin-top:5px}
.duet-caption p{font-size:11px;color:var(--muted);margin-top:7px}
.duet-caption .credit{font-size:11px;margin-top:8px}
.duet-type{font-size:9px;color:#83938a;letter-spacing:.04em}
.duet-play{display:flex;align-items:center;justify-content:center;border:0;background:transparent;padding:4px;margin-top:10px;flex:none}
.duet-play>span+span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
.duet-play .play-icon{width:36px;height:36px}
.duet-play:hover .play-icon{background:#ffffff19;border-color:var(--ink)}
.duet-canvas{display:none;position:absolute;top:0;left:0;pointer-events:none;z-index:1;opacity:0}
.duet-enabled{height:390svh}
.duet-enabled .duet-sticky{position:sticky;top:var(--header);height:calc(100svh - var(--header));display:flex;flex-direction:column;justify-content:center;padding-block:22px}
.duet-enabled .duet-chapter{margin-bottom:0}
.duet-enabled .duet-canvas{display:block}
.duet-enabled .duet-canvas.is-ready{opacity:1}
.duet-enabled .duet-media{height:min(calc((100vw - 2*var(--gutter) - 32px)/3.2),calc(100svh - var(--header) - 310px));aspect-ratio:auto;min-height:200px}
.duet-enabled .duet-caption{min-height:124px}
.duet-footer{display:flex;align-items:center;gap:40px;margin-top:6px}
.duet-sections{display:flex;gap:22px;flex:1}
.duet-sections[hidden]{display:none!important}
.duet-sections button{display:flex;align-items:center;gap:13px;flex:1;border:0;background:none;padding:12px 0;min-height:42px;font-size:9px;color:var(--muted)}
.duet-sections button[aria-current=step]{color:var(--ink)}
.duet-sections i{display:block;height:1px;background:var(--line);position:relative;flex:1;overflow:hidden}
.duet-sections b{display:block;position:absolute;inset:0;background:var(--accent);transform:scaleX(0);transform-origin:left}
.duet-skip{display:flex;align-items:center;gap:15px;font-size:10px;white-space:nowrap}
.duet-skip svg{width:13px;height:13px}
.all-work-wrap{padding-top:25px}
.all-work-wrap .all-work{margin-top:0}
.dual-home .service-details{padding-top:65px}
.case-feature{display:flex;flex-direction:column;align-items:center;background:#0c1010;padding:30px}
.case-feature video{width:100%;max-width:432px;max-height:72svh;object-fit:contain;background:#000}
.case-feature figcaption{font-size:11px;color:var(--muted);padding-top:20px}
.dual-home .film-dialog video{object-fit:contain}
@media(min-width:1900px){.duet-enabled .duet-media{height:min(500px,calc(100svh - var(--header) - 320px))}}
@media(max-width:900px) and (min-width:701px){.duet-headings,.duet-chapter{gap:22px}.duet-caption{gap:12px}.duet-caption h3{font-size:23px}.duet-caption .credit{font-size:10px}.duet-headings h2{font-size:6.2vw}}
@media(max-width:700px){
 .hero-live .hero-media>img,.hero-live .hero-media>video{filter:brightness(.60) saturate(1);object-position:52% center}
 .hero-credits .montage-credit-list{grid-template-columns:1fr}
 .duet{margin-top:20px}
 .duet-sticky{padding-block:25px}
 .duet-headings{gap:20px;margin-bottom:15px}
 .duet-headings h2{font-size:clamp(28px,8.4vw,48px);margin-top:5px}
 .duet-headings .kicker{font-size:7px;letter-spacing:.06em}
 .duet-chapter{grid-template-columns:1fr;gap:20px;margin-bottom:50px}
 .duet-media{aspect-ratio:16/9}
 .duet-caption{min-height:74px;padding-top:10px;gap:12px}
 .duet-caption h3{font-size:19px;margin-top:0;line-height:1.25}
 .duet-caption p{font-size:10px;margin-top:4px}
 .duet-type{display:none}
 .duet-caption .credit{font-size:9px;margin-top:4px;line-height:1.5}
 .duet-caption .credit-label{font-size:9px}
 .duet-play{margin-top:0;padding:0}
 .duet-play .play-icon{width:30px;height:30px}
 .duet-enabled{height:390svh}
 .duet-enabled .duet-sticky{padding-block:14px}
 .duet-enabled .duet-chapter{gap:10px}
 .duet-enabled .duet-media{height:clamp(120px,calc((100svh - var(--header) - 280px)/2),215px);min-height:0}
 .duet-enabled .duet-caption{min-height:67px}
 .duet-project-link{padding:12px}
 .duet-project-link svg{width:29px;height:29px;padding:7px}
 .duet-footer{gap:20px;margin-top:5px}
 .duet-sections{gap:14px}
 .duet-sections button{gap:7px;min-height:32px;font-size:8px;padding-block:10px}
 .duet-skip{font-size:9px;gap:9px}
 .all-work-wrap{padding-top:10px}
 .dual-home .service-details{padding-top:45px}
 .case-feature{padding:20px}
}
@media(prefers-reduced-motion:reduce){.duet-canvas{display:none!important}}

.performance-note{grid-column:1/-1;font-size:11px;line-height:1.65;color:var(--muted);max-width:60ch;margin-top:16px}

/* The full-screen Momentum story precedes the remaining paired examples. */
.story-project>a{text-underline-offset:4px}
.story-project>a:hover{text-decoration:underline}

/* A quiet scroll cue below the identity, with motion controlled by the site toggle. */
.hero-scroll-cue{position:absolute;left:50%;bottom:30px;transform:translateX(-50%);width:56px;height:64px;display:grid;place-items:center;color:#d2d9d4;opacity:.75;z-index:2;transition:opacity .2s}
.hero-scroll-cue:hover,.hero-scroll-cue:focus-visible{opacity:1}
.hero-scroll-cue:focus-visible{outline:1px solid currentColor;outline-offset:4px;border-radius:30px}
.hero-scroll-cue svg{width:22px;height:38px}
.motion-on .hero-scroll-cue svg{animation:scroll-cue-bounce 2.2s cubic-bezier(.45,0,.25,1) infinite}
@keyframes scroll-cue-bounce{0%,20%,70%,100%{transform:translateY(0)}45%{transform:translateY(9px)}}
.basinski-videos .video-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:35px 28px;max-width:1260px;margin-inline:auto}
.basinski-videos .case-video video{display:block;height:auto;aspect-ratio:478/850;object-fit:contain;max-height:none;background:#080909}
.basinski-videos .case-video figcaption{display:flex;justify-content:space-between;color:var(--muted);font-variant-numeric:tabular-nums}
@media(max-width:1050px){.basinski-videos .video-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.hero-scroll-cue{bottom:22px}.basinski-videos .video-grid{grid-template-columns:1fr;max-width:400px;gap:32px}}
@media(prefers-reduced-motion:reduce){.hero-scroll-cue svg{animation:none!important}}

.straizys-september .case-cover img{object-position:50% 35%}
.straizys-videos>.case-video{max-width:760px;margin-inline:auto}
.straizys-videos video{display:block;height:auto;aspect-ratio:1;max-height:none}

/* Fit the pinned examples to the actual viewport and caption heights. */
.duet-enabled .duet-media{height:var(--duet-media-height,180px);min-height:0}
.duet-enabled .duet-headings,.duet-enabled .duet-stage,.duet-enabled .duet-footer{flex-shrink:0}
.duet-enabled .duet-canvas{max-width:none}
@media(pointer:coarse){
 .motion-toggle{width:44px;height:44px}
 .duet-play{min-width:44px;min-height:44px;margin-top:0}
 .duet-sections button{min-height:44px}
 .duet-skip{min-height:44px}
 .lightbox-stage>button{min-width:32px;min-height:44px}
}
/* Short phones and landscape screens use a natural, unpinned page. */
@media(max-height:599px){
 .hero{height:100svh;min-height:360px}
 .hero-identity{padding-block:85px 50px}
 .hero-identity>img{width:clamp(110px,20vw,240px)}
 .hero-scroll-cue{bottom:8px;height:48px}
 .story{height:85svh;min-height:420px}
 .story-sticky{position:relative;top:0}
 .story-canvas,.story-design,.story-mode{display:none!important}
 .story-reality,.story-production,.story-credit{opacity:1!important}
 .story-bottom{bottom:22px}
 .story-controls>button{display:none}
 .duet-headings{margin-bottom:22px}
 .duet-sticky{height:auto;position:relative;top:0}
 .duet-media{height:auto;aspect-ratio:16/10}
 .duet-chapter{margin-bottom:48px}
}

/* Contact: a narrow line of light opens into a quiet, full-screen stage. */
.hero-contact{position:absolute;left:50%;bottom:clamp(110px,14svh,178px);z-index:3;transform:translateX(-50%);display:inline-flex;align-items:center;gap:36px;min-height:56px;padding:9px 10px 9px 27px;border:1px solid #dce9de55;border-radius:40px;background:#0a100f66;backdrop-filter:blur(12px);color:#e9eee9;font-size:13px;letter-spacing:.02em;transition:background .35s,border-color .35s,box-shadow .35s}
.hero-contact-icon{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:#d9e5d713;color:#dce8d9;transition:background .35s,color .35s,transform .35s}
.hero-contact-icon svg{width:17px;height:17px}
.hero-contact:hover,.hero-contact:focus-visible{background:#dce7db12;border-color:#e2ece1b3;box-shadow:0 0 35px #c7e2ce0c}
.hero-contact:hover .hero-contact-icon,.hero-contact:focus-visible .hero-contact-icon{background:#dce8d9;color:#0a100f;transform:rotate(45deg)}
.contact-dialog{inset:0;margin:0;width:100%;height:100%;height:100dvh;max-width:none;max-height:none;padding:clamp(14px,2.8vw,54px);background:transparent;overflow:hidden;isolation:isolate}
.contact-dialog::backdrop{background:#020606b8;backdrop-filter:blur(16px);animation:contact-backdrop-in .65s ease both}
.contact-panel{position:relative;display:flex;flex-direction:column;width:100%;height:100%;overflow:auto;padding:clamp(24px,4.2vw,70px);border:1px solid #d6e2d81f;background:radial-gradient(ellipse at 70% 0%,#24413b36,transparent 62%),linear-gradient(140deg,#101817,#080b0b 65%);clip-path:inset(0);isolation:isolate;overscroll-behavior:contain}
.contact-panel::before{position:absolute;content:"";inset:0;pointer-events:none;z-index:-1;background:linear-gradient(118deg,transparent 25%,#d6f2df07 45%,#d6f2df12 45.15%,transparent 64%);opacity:.65}
.contact-flare{position:absolute;top:50%;left:9%;right:9%;height:1px;background:linear-gradient(90deg,transparent,#d6e8d3 25%,#fff 50%,#d6e8d3 75%,transparent);box-shadow:0 0 18px 2px #cadfce44;pointer-events:none;opacity:0;z-index:2}
.contact-panel-top{display:flex;justify-content:space-between;align-items:center;gap:24px;flex:none}
.contact-panel-top>img{width:67px;height:auto;opacity:.86}
.contact-close{display:flex;align-items:center;gap:18px;min-height:48px;background:none;border:0;padding:8px 0 8px 18px;color:#b9c4bf;font-size:11px}
.contact-close svg{width:26px;height:26px;transition:transform .35s,color .35s}
.contact-close:hover svg{transform:rotate(90deg);color:#fff}.contact-close:focus-visible{outline:1px solid var(--accent);outline-offset:5px;border-radius:32px}
.contact-panel-body{width:min(1180px,100%);margin:auto;flex:none;padding-block:clamp(24px,3vh,48px)}
.contact-heading-mask{overflow:hidden;padding-bottom:8px;margin-bottom:clamp(24px,4vh,50px)}
.contact-heading-mask h2{font-size:clamp(48px,7.5vw,112px);font-weight:400;line-height:1.07;letter-spacing:-.065em}
.contact-heading-mask h2>span{color:#b7cdb8}
.contact-reach-row{position:relative;padding:25px 0 30px;border-top:1px solid #dce8df29}
.contact-reach-label{display:block;margin-bottom:13px;color:#8f9f97;font-size:10px;letter-spacing:.1em;text-transform:uppercase}
.contact-reach-row>a{display:flex;min-height:44px;align-items:center;justify-content:space-between;gap:30px;width:100%;font-size:clamp(20px,3.8vw,53px);line-height:1.35;letter-spacing:-.035em}
.contact-reach-row>a>span:first-child{min-width:0;overflow-wrap:anywhere}
.contact-reach-arrow{display:grid;place-items:center;width:53px;height:53px;border:1px solid #d9e7dd30;border-radius:50%;flex:none;transition:background .35s,color .35s,border-color .35s}
.contact-reach-arrow svg{width:24px;height:24px;transition:transform .35s}
.contact-reach-row>a:hover .contact-reach-arrow,.contact-reach-row>a:focus-visible .contact-reach-arrow{background:#dce8d9;border-color:#dce8d9;color:#080b0b}
.contact-reach-row>a:hover svg{transform:translate(2px,-2px)}
.contact-panel-bottom{display:flex;align-items:center;justify-content:space-between;gap:24px;flex:none;font-size:9px;color:#718078;letter-spacing:.09em;text-transform:uppercase}
.contact-panel-bottom>span:first-child{display:flex;align-items:center;gap:13px}
.contact-panel-bottom i{display:block;width:1px;height:10px;background:#71807880}
.contact-dialog[open] .contact-panel{animation:contact-curtain-in .9s .12s cubic-bezier(.16,1,.3,1) both}
.contact-dialog[open] .contact-flare{animation:contact-flare-in .85s cubic-bezier(.22,.8,.22,1) both}
.contact-dialog[open] .contact-heading-mask h2{animation:contact-title-in .85s .35s cubic-bezier(.16,1,.3,1) both}
.contact-dialog[open] .contact-reach-row{animation:contact-row-in .8s .49s cubic-bezier(.16,1,.3,1) both}
.contact-dialog[open] .contact-reach-phone{animation-delay:.61s}
.contact-dialog[open] .contact-panel-top,.contact-dialog[open] .contact-panel-bottom{animation:contact-chrome-in .6s .45s both}
.contact-dialog.is-closing .contact-panel{animation:contact-curtain-out .4s cubic-bezier(.65,0,.35,1) both}
.contact-dialog.is-closing .contact-flare{animation:none;opacity:0}
.contact-dialog.is-closing::backdrop{animation:contact-backdrop-out .45s ease both}
@keyframes contact-curtain-in{from{clip-path:inset(50% 0 50% 0);opacity:.6}to{clip-path:inset(0);opacity:1}}
@keyframes contact-curtain-out{to{clip-path:inset(50% 0 50% 0);opacity:0}}
@keyframes contact-flare-in{0%{transform:scaleX(0);opacity:0}24%{opacity:.85}55%{transform:scaleX(1);opacity:.55}100%{transform:scaleX(1);opacity:0}}
@keyframes contact-title-in{from{transform:translateY(110%);opacity:0}to{transform:translateY(0);opacity:1}}
@keyframes contact-row-in{from{transform:translateY(28px);filter:blur(7px);opacity:0}to{transform:none;filter:blur(0);opacity:1}}
@keyframes contact-chrome-in{from{opacity:0}to{opacity:1}}
@keyframes contact-backdrop-in{from{opacity:0}to{opacity:1}}
@keyframes contact-backdrop-out{to{opacity:0}}
@media(max-width:700px){
 .hero-contact{font-size:12px;gap:32px;min-height:52px;padding:8px 9px 8px 24px;bottom:112px}
 .hero-contact-icon{width:34px;height:34px}
 .contact-dialog{padding:12px}
 .contact-panel{padding:24px 22px}
 .contact-panel-top>img{width:51px}
 .contact-close{gap:10px;font-size:10px}
 .contact-close svg{width:23px;height:23px}
 .contact-panel-body{padding-block:40px}
 .contact-heading-mask{margin-bottom:33px}
 .contact-heading-mask h2{font-size:clamp(46px,12vw,75px)}
 .contact-reach-row{padding:23px 0 28px}
 .contact-reach-label{margin-bottom:14px;font-size:9px}
 .contact-reach-row>a{font-size:clamp(18px,3.8vw,27px);gap:12px;letter-spacing:-.03em}
 .contact-reach-phone>a{font-size:clamp(24px,6.3vw,35px)}
 .contact-reach-arrow{width:34px;height:34px;border:0}
 .contact-reach-arrow svg{width:20px;height:20px}
 .contact-panel-bottom{font-size:8px;letter-spacing:.04em}
 .contact-panel-bottom>span:first-child{gap:10px}
}
@media(max-height:599px){
 .hero-contact{bottom:76px;min-height:44px;padding-block:5px;font-size:11px}
 .hero-contact-icon{width:30px;height:30px}
 .contact-panel{padding:18px 28px}
 .contact-panel-top>img{width:46px}
 .contact-panel-body{padding-block:22px}
 .contact-heading-mask{margin-bottom:18px}
 .contact-heading-mask h2{font-size:42px}
 .contact-reach-row{padding:14px 0 18px}
 .contact-reach-row>a{font-size:clamp(18px,3.6vw,30px)}
 .contact-reach-label{margin-bottom:8px}
 .contact-reach-arrow{width:34px;height:34px}
}
@media(prefers-reduced-motion:reduce){.contact-dialog[open] *,.contact-dialog::backdrop{animation:none!important;transition:none!important}.contact-flare{display:none}}
.motion-off .contact-dialog::backdrop{animation:none!important}

@media(min-width:701px) and (max-height:599px){
 .contact-panel-body{display:grid;grid-template-columns:1fr 1fr;gap:0 28px;padding-block:15px}
 .contact-heading-mask{grid-column:1/-1}
 .contact-reach-row>a{font-size:clamp(18px,2.3vw,26px);gap:12px}
 .contact-reach-phone>a{font-size:26px}
}