:root{--bg:#141514;--surface:#1d1e1c;--text:#f5f3eb;--muted:#b2b3a9;--accent:#f78439;--line:#363833;--container:1320px;--space:clamp(68px,8vw,128px);--font:Arial,Helvetica,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit}a,button{touch-action:manipulation}a:focus-visible,button:focus-visible{outline:3px solid var(--accent);outline-offset:6px}img{display:block;max-width:100%}p{line-height:1.7}h1,h2,h3,p,figure{margin:0}h1,h2,h3{font-weight:700}em{color:var(--accent);font-style:normal}.preview{padding:8px 5%;background:#242622;color:#c9cbbe;font-size:10px;letter-spacing:1.8px;display:flex;justify-content:space-between}.header{height:104px;display:flex;align-items:center;justify-content:space-between;padding:0 5%;border-bottom:1px solid var(--line);background:var(--bg);position:relative;z-index:10}.brand img{width:85px;height:86px;object-fit:contain}.header nav{display:flex;gap:38px;align-items:center;font-size:13px;font-weight:700}.header nav a:hover{color:var(--accent)}.nav-contact{border:1px solid #686a60;padding:15px 20px;margin-left:20px}.nav-contact{display:inline-flex;align-items:center;gap:24px}.menu-toggle{display:none}.hero{isolation:isolate;position:relative;min-height:clamp(700px,calc(100svh - 130px),850px);display:flex;align-items:center;overflow:hidden}.hero-content{position:relative;width:100%;padding:64px 5% 42px;z-index:1}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:700;color:var(--muted);display:flex;align-items:center;gap:12px}.eyebrow>span{width:7px;height:7px;background:var(--accent)}h1{font-size:clamp(55px,6.1vw,92px);line-height:1.02;letter-spacing:-4.5px;margin:30px 0 26px}.hero-description{max-width:405px;color:#e0e1da;font-size:15px;padding-right:22px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:34px;background:var(--accent);color:#181914;padding:20px 24px;font-weight:700;font-size:13px;transition:background .2s}.button:hover{background:#ffac73}.hero .button{margin-top:30px}.hero-note{display:flex;justify-content:space-between;max-width:390px;border-top:1px solid #ffffff40;margin-top:42px;padding-top:17px;font-size:9px;letter-spacing:1.4px;color:#e0e1da;text-shadow:0 1px 8px #000}.hero-photo{position:absolute;inset:0;overflow:hidden;z-index:-1}.hero-photo img{width:100%;height:100%;position:absolute;object-fit:cover;object-position:50% 57%;filter:brightness(.87) saturate(.8)}.hero-photo:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#090d0ce6 0%,#090d0ca6 28%,#090d0c24 58%,#090d0c05 100%),linear-gradient(0deg,#090d0cb8,transparent 28%)}.scroll-note{position:absolute;bottom:34px;right:5%;font-size:10px;letter-spacing:1.6px;display:flex;gap:30px;align-items:center}.service-strip{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:26px 5%;background:var(--accent);color:#191b17;font-size:12px;letter-spacing:1.5px;font-weight:700}.service-strip i{font-size:21px;font-weight:400;opacity:.5}.section{padding:var(--space) 5%;max-width:1468px;margin:auto;scroll-margin-top:20px}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:50px;margin-bottom:54px}.section-heading .eyebrow{margin-bottom:22px}h2{font-size:clamp(36px,4.3vw,62px);letter-spacing:-2.5px;line-height:1.07}.section-heading>p{max-width:355px;color:var(--muted);font-size:15px}.service-columns{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.service{padding:32px 32px 30px 0;display:flex;flex-direction:column}.service+.service{border-left:1px solid var(--line);padding-left:32px}.number{font-size:12px;color:var(--accent);letter-spacing:2px;margin-bottom:32px}h3{font-size:23px;letter-spacing:-.5px}.service>p{color:var(--muted);font-size:14px;margin:17px 0 20px;min-height:70px}.service ul{list-style:none;padding:0;margin:0 0 30px;flex:1}.service li{font-size:13px;padding:11px 0;border-bottom:1px solid #292b27}.service>a{font-size:12px;font-weight:700;display:flex;justify-content:space-between}.work{padding-top:15px}.text-link{font-size:13px;font-weight:700;display:inline-flex;align-items:center;gap:35px}.text-link:hover,.service>a:hover{color:var(--accent)}.work-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.work-grid img{width:100%;height:auto;aspect-ratio:1.45;object-fit:cover;filter:saturate(.72)}figcaption{padding-top:22px}figcaption>span{color:var(--accent);font-size:9px;letter-spacing:1.7px}figcaption h3{font-size:19px;margin-top:12px;line-height:1.3}.about{background:#e8e8de;color:#20221c;max-width:none}.about>.eyebrow,.about-layout{max-width:1320px;margin-left:auto;margin-right:auto}.about>.eyebrow{color:#606657;margin-bottom:32px}.about-layout{display:grid;grid-template-columns:1.2fr 1fr;gap:8%}.about h2{font-size:clamp(34px,4vw,58px)}.about h2 em{color:#6e7664}.about p{font-size:15px;margin-bottom:22px;color:#52594a}.about .text-link{margin-top:8px}.process ol{padding:0;list-style:none;display:grid;grid-template-columns:repeat(3,1fr);gap:45px}.process li{border-top:1px solid var(--line);padding-top:24px}.process li>span{font-size:12px;color:var(--accent)}.process h3{font-size:20px;margin:24px 0 13px}.process li p{font-size:14px;color:var(--muted)}.contact{background:var(--surface);max-width:none}.contact>*{max-width:1320px;margin-left:auto;margin-right:auto}.contact h2{font-size:clamp(48px,7vw,100px);margin-top:25px;letter-spacing:-4px}.contact-bottom{display:flex;justify-content:space-between;align-items:center;margin-top:40px;gap:30px}.contact-bottom p{font-size:15px;color:var(--muted)}footer{padding:45px 5% 25px;display:flex;align-items:center;flex-wrap:wrap;gap:35px}.footer-brand{flex:0 0 auto}.footer-brand img{width:96px;height:90px;object-fit:contain}footer p{font-size:12px;color:var(--muted)}footer>div{margin-left:auto;display:flex;gap:25px;font-size:12px}.copyright{width:100%;border-top:1px solid var(--line);padding-top:23px;font-size:10px;color:var(--muted)}.skip{position:absolute;top:-100px;left:10px;background:var(--accent);color:#111;padding:16px;z-index:100}.skip:focus{top:10px}@media(min-width:1600px){.hero-content{padding-left:max(5%,calc((100vw - 1440px)/2))}}@media(max-width:900px){.header nav{gap:20px}.nav-contact{margin-left:0;padding:13px}.hero-content{padding-top:48px}.hero{min-height:690px}h1{letter-spacing:-3px}.hero-description{font-size:14px}.hero-note{margin-right:20px;font-size:8px}.service-strip{font-size:9px;letter-spacing:1px}.service{padding-right:20px}.service+.service{padding-left:20px}.service h3{font-size:20px}.section-heading{gap:25px}.section-heading>p{max-width:285px}.work-grid{gap:15px}.about-layout{gap:5%}}@media(max-width:650px){html{scroll-padding-top:100px}.preview{font-size:8px;letter-spacing:1px}.header{height:85px;position:sticky;top:0;z-index:30}.brand img{height:70px;width:70px}.menu-toggle{display:flex;align-items:center;gap:14px;background:none;color:var(--text);border:1px solid var(--line);padding:12px 15px;font-size:12px}.header nav{display:none;position:absolute;top:85px;left:0;right:0;background:var(--bg);padding:20px 5% 30px;flex-direction:column;align-items:stretch;border-bottom:1px solid var(--line)}.header nav.open{display:flex;max-height:calc(100dvh - 85px);overflow-y:auto}.header nav a{padding:13px}.nav-contact{margin-top:5px}.hero{display:flex;min-height:790px;align-items:flex-start}.hero-content{padding:38px 6% 30px}.hero h1{font-size:clamp(48px,14vw,65px);letter-spacing:-2.8px;margin:25px 0 22px}.eyebrow{font-size:9px;letter-spacing:1.5px}.hero-description{max-width:380px;padding-right:0}.hero .button{margin-top:24px}.hero-photo{height:auto}.hero-photo img{object-position:58% 100%}.hero-photo:after{background:linear-gradient(180deg,#090d0cd1 0%,#090d0ca3 43%,#090d0c1f 77%,#090d0c7a 100%)}.hero-note{margin-top:30px;margin-right:0;max-width:none;font-size:9px}.scroll-note{bottom:17px;right:6%;font-size:8px}.service-strip{display:grid;grid-template-columns:1fr 1fr;text-align:center;gap:18px 8px;padding:24px 5%;font-size:9px}.service-strip i{display:none}.section{padding-left:6%;padding-right:6%}.section-heading{display:block;margin-bottom:34px}.section-heading>p,.section-heading>.text-link{margin-top:24px;max-width:100%}h2{font-size:40px;letter-spacing:-1.7px}.service-columns{grid-template-columns:1fr}.service,.service+.service{padding:28px 0;border-left:0}.service+.service{border-top:1px solid var(--line)}.number{margin-bottom:20px}.service h3{font-size:25px}.service>p{min-height:0}.service li{font-size:14px}.service>a{padding:8px 0}.work{padding-top:0}.work-grid{grid-template-columns:1fr;gap:36px}.work-grid img{aspect-ratio:1.6}.work-grid h3{font-size:21px}.about-layout{grid-template-columns:1fr;gap:30px}.about h2{font-size:39px}.process ol{grid-template-columns:1fr;gap:30px}.process h3{margin-top:16px}.contact h2{font-size:56px;letter-spacing:-2.5px}.contact-bottom{display:block}.contact-bottom .button{margin-top:25px;gap:20px;font-size:12px;padding:20px}footer{padding:35px 6% 25px;gap:25px}footer p{flex:1;min-width:145px;font-size:11px}footer>div{width:100%;margin-left:0;gap:17px;font-size:11px}.copyright{order:3}.button{max-width:100%}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}

.app-contact{margin-top:42px}.app-contact>h3{font-size:24px}.app-contact>p{color:var(--muted);font-size:14px;margin-top:12px}.app-platforms{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:28px}.app-platform{display:flex;align-items:center;gap:18px;text-align:left;padding:24px 20px;background:var(--bg);border:1px solid #53574b;color:var(--text);font:inherit;min-width:0}.app-platform>span:nth-child(2){flex:1;min-width:0}.app-platform small{display:block;font-size:8px;letter-spacing:1.3px;color:var(--muted)}.app-platform strong{display:block;font-size:18px;margin:7px 0;letter-spacing:-.5px}.platform-icon{font-size:19px;font-weight:700;letter-spacing:-1px;width:40px;flex:0 0 40px;color:var(--accent)}.app-platform .app-status{font-size:10px;letter-spacing:0}.app-platform:disabled{cursor:default}.app-platform[href]:hover{border-color:var(--accent)}.contact-alternative{padding-top:16px}.contact-alternative a{color:var(--text);border-bottom:1px solid #757b6e;margin-left:8px}@media(max-width:1000px){.app-platforms{grid-template-columns:1fr}.app-platform{padding:22px}.app-platform strong{font-size:20px}}@media(max-width:650px){.app-contact>h3{font-size:23px}.contact-alternative a{display:inline-block;margin-left:0}.app-platforms{gap:12px}}

:root{--arrow-copper:#d29a6b;--arrow-surface:#211b16;--arrow-border:#654831}.arrow-icon{display:inline-block;vertical-align:middle;width:34px;height:34px;flex:0 0 34px;padding:6px;color:var(--arrow-copper);background:var(--arrow-surface);border:1px solid var(--arrow-border);border-radius:50%;transition:color .18s,background .18s,border-color .18s,transform .18s}.button .arrow-icon{background:#191714;border-color:#191714;color:#e3b185}.service>a{align-items:center}.about .arrow-icon{background:#201c17;border-color:#735037;color:#e0ac7f}.contact-alternative a,footer>div a{display:inline-flex;align-items:center;gap:9px}.contact-alternative .arrow-icon,footer .arrow-icon{width:25px;height:25px;flex-basis:25px;padding:4px}a:hover>.arrow-icon,a:focus-visible>.arrow-icon{background:#765137;border-color:#b88156;color:#fff0de;transform:translate(1px,-1px)}a:hover>.arrow-down{transform:translateY(2px)}.app-platform:disabled .arrow-icon{color:#b78c69;border-color:#574433;background:#201c18}@media(prefers-reduced-motion:reduce){a:hover>.arrow-icon,a:focus-visible>.arrow-icon{transform:none}}

.reviews{border-top:1px solid var(--line)}.reviews-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:24px}.reviews-rating,.review-card{padding:36px;background:var(--surface);border:1px solid var(--line)}.reviews-rating>strong{display:block;font-size:clamp(66px,8vw,110px);letter-spacing:-5px;color:var(--arrow-copper);margin:20px 0 10px}.reviews-rating>strong>span{font-size:.5em;letter-spacing:-2px}.reviews-rating p{font-size:14px;color:var(--muted)}.reviews-rating small{display:block;margin-top:20px;color:var(--muted);font-size:11px}.review-card{display:flex;flex-direction:column;justify-content:space-between}.review-card blockquote{margin:30px 0;font-size:clamp(23px,2.5vw,34px);line-height:1.4;letter-spacing:-.7px}.review-card figcaption{border-top:1px solid var(--line)}.review-card figcaption>strong{display:block;font-size:15px}.review-card figcaption>span{display:block;color:var(--muted);font-size:11px;letter-spacing:0;margin-top:8px}.review-card .text-link{margin-top:22px}@media(min-width:651px) and (max-width:1000px){.header nav{gap:14px;font-size:12px}.nav-contact{gap:12px;padding:10px}}@media(max-width:650px){.reviews-grid{grid-template-columns:1fr}.reviews-rating,.review-card{padding:25px}.reviews .text-link{gap:16px}.reviews-rating>strong{letter-spacing:-3px}}

.instagram{border-top:1px solid var(--line)}.instagram-icon{width:25px;height:25px;flex:0 0 25px}.instagram-profile{display:inline-flex;align-items:center;gap:15px;color:var(--arrow-copper);font-size:16px;font-weight:700}.instagram-profile>svg{width:42px;height:42px;flex-basis:42px}.instagram-profile small{display:block;color:var(--muted);font-size:11px;font-weight:400;margin-top:7px}.instagram-profile:hover{color:var(--text)}.instagram-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.instagram-card{display:block;position:relative;overflow:hidden;background:var(--surface);aspect-ratio:1}.instagram-card>img{width:100%;height:100%;object-fit:cover;transition:transform .3s}.instagram-card-icon{position:absolute;top:13px;right:13px;background:#181713d9;color:#edbd94;padding:8px;display:flex;border-radius:50%}.instagram-caption{position:absolute;bottom:0;left:0;right:0;padding:35px 17px 17px;background:linear-gradient(transparent,#000c);color:#fff;font-size:11px}.instagram-card:hover>img{transform:scale(1.035)}.instagram-updated{font-size:11px;color:var(--muted);margin-top:20px}@media(min-width:651px) and (max-width:1100px){.header nav{gap:12px;font-size:11px}.nav-contact{margin-left:0;gap:10px;padding:10px}.header{padding-left:3%;padding-right:3%}}@media(max-width:650px){.instagram-profile{margin-top:25px}.instagram-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.instagram-card-icon{top:8px;right:8px;padding:6px}.instagram-card-icon .instagram-icon{width:18px;height:18px;flex-basis:18px}.instagram-caption{font-size:9px;padding:28px 10px 12px}}

.brand{display:inline-flex;align-items:center;gap:13px;flex-shrink:0}.brand-wordmark{font-size:23px;font-weight:700;letter-spacing:-1px;color:var(--text);white-space:nowrap}.brand-wordmark>span{color:var(--arrow-copper);font-weight:400}.header{gap:24px}.header nav{gap:24px}.header .nav-contact{margin-left:0;gap:15px}@media(max-width:1200px){.header{height:85px;position:sticky;top:0;z-index:30;padding:0 5%}.brand img{height:70px;width:70px}.menu-toggle{display:flex;align-items:center;gap:14px;background:none;color:var(--text);border:1px solid var(--line);padding:12px 15px;font-size:12px}.header nav{display:none;position:absolute;top:85px;left:0;right:0;background:var(--bg);padding:20px 5% 30px;flex-direction:column;align-items:stretch;border-bottom:1px solid var(--line);font-size:13px;gap:14px}.header nav.open{display:flex;max-height:calc(100dvh - 85px);overflow-y:auto}.header nav a{padding:13px}.nav-contact{margin-top:5px}}@media(max-width:650px){.brand{gap:9px}.brand img{width:56px;height:60px}.brand-wordmark{font-size:19px;letter-spacing:-.8px}.header{gap:12px}.menu-toggle{gap:9px;padding:11px 12px}}@media(max-width:360px){.brand-wordmark{font-size:16px}.brand img{width:46px}.brand{gap:6px}}

.hero-social{display:flex;align-items:center;gap:10px;margin-top:18px}.hero-social a{width:44px;height:44px;display:inline-flex;align-items:center;justify-content:center;color:var(--arrow-copper);background:#211b16b3;border:1px solid #654831b3;border-radius:50%;transition:background .18s,border-color .18s,color .18s}.hero-social svg{width:21px;height:21px}.hero-social a:hover,.hero-social a:focus-visible{background:#38281e;border-color:var(--arrow-copper);color:#f0c49d}

.all-services{margin-top:30px}.all-services>summary{display:flex;align-items:center;justify-content:space-between;gap:25px;max-width:380px;min-height:60px;list-style:none;cursor:pointer;padding:17px 22px;border:1px solid var(--arrow-border);background:#241d17;color:var(--arrow-copper);font-size:13px;font-weight:700}.all-services>summary::-webkit-details-marker{display:none}.all-services>summary:hover{background:#32251c;border-color:var(--arrow-copper)}.all-services>summary:focus-visible{outline:3px solid var(--arrow-copper);outline-offset:5px}.services-toggle-icon{width:24px;height:24px;flex:0 0 24px}.services-close-label{display:none}.all-services[open] .services-open-label,.all-services[open] .services-plus-line{display:none}.all-services[open] .services-close-label{display:inline}.all-services-content{margin-top:30px;padding:40px;background:var(--surface);border:1px solid var(--line)}.all-services-heading h2{font-size:clamp(29px,3.5vw,46px);letter-spacing:-1.5px;line-height:1.15;margin:22px 0}.all-services-heading em{color:var(--arrow-copper)}.all-services-heading>p:last-child{max-width:730px;color:var(--muted);font-size:15px}.service-detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:36px;margin-top:42px}.service-detail{border-top:1px solid #484137;padding-top:23px}.service-detail .number{display:block;color:var(--arrow-copper);margin-bottom:15px}.service-detail h3{font-size:23px;line-height:1.3}.service-detail ul{margin:17px 0 0;padding-left:18px;color:var(--muted);font-size:14px;line-height:1.8}.service-detail li+li{margin-top:9px}.service-detail li::marker{color:var(--arrow-copper)}.all-services-bottom{margin-top:38px;padding-top:27px;border-top:1px solid var(--line);display:flex;gap:35px;align-items:center;justify-content:space-between}.all-services-bottom>p{font-size:12px;color:var(--muted);max-width:600px}.all-services-bottom>a{flex-shrink:0;gap:15px}@media(max-width:900px){.all-services-bottom{display:block}.all-services-bottom>a{margin-top:23px}}@media(max-width:650px){.all-services>summary{max-width:none;width:100%;font-size:12px;padding:16px 18px}.all-services-content{padding:25px 20px}.service-detail-grid{grid-template-columns:1fr;gap:27px;margin-top:30px}.all-services-heading h2{font-size:30px;letter-spacing:-1px}.service-detail h3{font-size:22px}}

/* Quiet motion for navigation, disclosures and topic changes. */
@keyframes soft-enter{from{opacity:0;transform:translateY(9px)}to{opacity:1;transform:translateY(0)}}
@media(prefers-reduced-motion:no-preference){
.header nav a,.all-services>summary,.hero-social a{transition:color .22s,background .22s,border-color .22s,transform .22s}
.button,.text-link{transition:background .22s,color .22s,transform .22s}
.button:hover,.text-link:hover{transform:translateY(-2px)}
.button:active,.all-services>summary:active{transform:translateY(1px)}
.about-panel:not([hidden]){animation:soft-enter .35s ease-out both}
.all-services[open] .all-services-content{animation:soft-enter .4s ease-out both}
.header nav.open{animation:soft-enter .22s ease-out both}
}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;scroll-behavior:auto!important}}

.header{position:sticky;top:0;z-index:30}@media(min-width:1201px){.header{height:82px}.header .brand img{height:70px;width:70px}}

/* A quiet portrait film beside the original full-width hero photograph. */
.hero-film{position:absolute;z-index:2;right:6%;bottom:110px;width:210px;margin:0;transform:rotate(3deg)}
.hero-film-phone{padding:7px;border:1px solid #967051;border-radius:29px;background:#141412;box-shadow:0 24px 70px #0009,0 0 0 4px #19171366;overflow:hidden}
.hero-film video{display:block;width:100%;height:auto;aspect-ratio:9/16;object-fit:cover;border-radius:22px;background:#141514}
.hero-film figcaption{padding:18px 5px 0;text-shadow:0 2px 10px #000;transform:rotate(-3deg)}
.hero-film-kicker{display:block;font-size:9px;letter-spacing:2px;color:#e3b185;font-weight:700}
.hero-film figcaption strong{display:block;font-size:23px;line-height:1.15;letter-spacing:-.6px;margin:9px 0}
.hero-film-hint{display:block;font-size:11px;color:#d0c6bc}
@media(min-width:1500px){.hero-film{right:7%;width:235px}}
@media(max-width:1000px){.hero{display:block}.hero-film{position:relative;right:auto;bottom:auto;transform:none;width:auto;margin:0 6% 90px;display:flex;gap:26px;align-items:center}.hero-film-phone{width:180px;flex:0 0 180px}.hero-film figcaption{transform:none;padding:0}.hero-photo{height:780px}.hero-photo:after{background:linear-gradient(90deg,#090d0ce6,#090d0c44),linear-gradient(0deg,var(--bg),transparent 45%)}.hero .scroll-note{bottom:28px}.hero-content{padding-bottom:35px}}
@media(max-width:380px){.hero-film{gap:18px}.hero-film-phone{width:155px;flex-basis:155px}.hero-film figcaption strong{font-size:21px}.hero-film-kicker{font-size:8px;letter-spacing:1px}}

img, video {-webkit-touch-callout:none;-webkit-user-drag:none}

.film-open{position:relative;display:block;width:100%;cursor:pointer;color:#fff;transition:border-color .2s,box-shadow .2s}
.film-open:hover{border-color:#e3b185;box-shadow:0 24px 70px #0009,0 0 0 4px #96705155}
.film-open:focus-visible{outline:2px solid #e3b185;outline-offset:6px}
.film-open img{display:block;width:100%;height:auto;border-radius:22px}
.film-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:58px;height:58px;display:grid;place-items:center;padding-left:3px;border:1px solid #e3b185;border-radius:50%;background:#201a16dd;color:#efc09a;font-size:21px;box-shadow:0 6px 30px #0006}
.film-dialog{padding:12px;border:1px solid #967051;border-radius:20px;background:#141412;color:#f6f1eb;width:min(420px,calc(100vw - 32px),calc((100dvh - 100px)*.5625 + 24px));max-width:calc(100vw - 24px);max-height:calc(100dvh - 24px);margin:auto;overflow:auto;box-shadow:0 30px 100px #000a}
.film-dialog::backdrop{background:#080a0be6;backdrop-filter:blur(7px)}
.film-dialog[open]{animation:film-appear .22s ease-out}
.film-dialog-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 0 10px 3px;font-size:12px;color:#e3b185}
.film-close{flex:none;width:32px;height:32px;border:1px solid #96705166;border-radius:50%;background:#25201b;color:#fff;font-size:24px;cursor:pointer}
.film-dialog video{display:block;width:100%;height:auto;aspect-ratio:9/16;border-radius:10px;background:#000}
.film-dialog video::-webkit-media-controls-fullscreen-button{display:none}
@keyframes film-appear{from{opacity:0;transform:translateY(12px) scale(.97)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){.film-dialog[open]{animation:none}}

/* Draw the play icon consistently; mobile platforms may render the text glyph as emoji. */
.film-open{appearance:none;-webkit-appearance:none;-webkit-tap-highlight-color:transparent}
.film-play{padding:0;font-size:0;background:linear-gradient(145deg,#9b7050,#503626);border-color:#d4a47d;color:#fff0df;box-shadow:0 6px 25px #0008,inset 0 1px 0 #ffffff25;pointer-events:none}
.film-play::before{content:"";display:block;width:0;height:0;margin-left:4px;border-top:10px solid transparent;border-bottom:10px solid transparent;border-left:15px solid currentColor}
@media(max-width:1000px){.film-play{width:64px;height:64px}.film-open:active .film-play{background:#68482f;transform:translate(-50%,-50%) scale(.95)}}

/* Absolutely center the icon independently of the button's grid and line metrics. */
.film-play{width:58px;height:58px;padding:0;display:block;background:rgba(44,31,23,.48);border:1px solid rgba(211,168,129,.65);color:#e6c3a1;box-shadow:0 4px 18px #0003;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px)}
.film-play::before{position:absolute;left:50%;top:50%;margin:0;transform:translate(-40%,-50%);border-top:8px solid transparent;border-bottom:8px solid transparent;border-left:12px solid currentColor}
@media(max-width:1000px){.film-play{width:58px;height:58px}.film-open:active .film-play{background:rgba(70,46,29,.58)}}