:root{--bg:#090809;--panel:#131012;--red:#790c24;--bright:#ae1737;--text:#f4f0ef;--muted:#9c9294;--rule:#302326;--side:clamp(22px,5.2vw,86px)}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--bg);color:var(--text);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}img,video{display:block;max-width:100%}button:focus-visible,a:focus-visible{outline:2px solid #df4463;outline-offset:5px}::selection{background:var(--red);color:#fff}[hidden]{display:none!important}.section-wrap{padding-left:var(--side);padding-right:var(--side);max-width:1750px;margin:auto}.site-header{position:absolute;z-index:20;left:0;right:0;top:0;height:104px;padding:0 var(--side);display:flex;align-items:center;justify-content:space-between;background:linear-gradient(180deg,rgba(0,0,0,.72),transparent)}.site-header.solid{position:relative;background:var(--bg);border-bottom:1px solid var(--rule)}.identity{display:flex;align-items:center;gap:17px;min-width:0}.brand-symbol{width:56px;height:56px;display:grid;place-items:center;position:relative;border:1px solid #a7243e;color:#fff;font-weight:900;font-size:18px;letter-spacing:-3px;transform:skew(-5deg);font-style:italic}.brand-symbol:before{content:'';position:absolute;inset:6px;border-left:2px solid var(--bright);border-bottom:2px solid var(--bright);opacity:.8}.brand-line{position:absolute;width:13px;height:2px;background:var(--bright);right:-8px;bottom:11px;transform:rotate(-40deg)}.brand-text{display:flex;flex-direction:column;gap:6px}.brand-text strong{font-weight:800;font-size:clamp(15px,1.5vw,21px);letter-spacing:.14em;white-space:nowrap}.brand-text small{font-size:9px;letter-spacing:.25em;color:#d1c0c3;white-space:nowrap}.navigation{display:flex;align-items:center;gap:clamp(17px,2vw,39px)}.navigation a{font-size:10px;font-weight:800;letter-spacing:.13em;white-space:nowrap;transition:color .2s}.navigation a:hover{color:#ed506e}.hamburger{display:none;background:transparent;border:0;width:45px;height:44px;padding:10px}.hamburger span{display:block;height:2px;background:#fff;margin:6px 0}.hero{height:100svh;min-height:600px;position:relative;isolation:isolate;overflow:hidden;background:#141315}.hero-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-3}.hero-overlay{position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,rgba(6,2,4,.81) 0%,rgba(7,2,4,.44) 50%,rgba(7,2,4,.16) 100%),linear-gradient(0deg,rgba(0,0,0,.68),transparent 34%,rgba(0,0,0,.12))}.hero-content{position:absolute;left:var(--side);right:var(--side);top:50%;transform:translateY(-38%)}.hero-kicker,.eyebrow{font-size:10px;letter-spacing:.22em;font-weight:800;color:#d4c2c5}.hero-kicker{display:flex;align-items:center;gap:14px;margin-bottom:21px}.tiny-rule{width:35px;height:1px;background:#a8203c}.hero h1{margin:0;font-size:clamp(60px,8.4vw,150px);letter-spacing:-.067em;line-height:.91;font-weight:900;max-width:1170px}.hero h1 em,.section-title h2 em,.about h2 em,.contact h2 em{font-style:normal;color:#a91b3b}.hero-actions{display:flex;align-items:center;gap:35px;margin-top:40px}.outline-btn{display:inline-flex;gap:38px;justify-content:space-between;align-items:center;border:1px solid #d8cdd0;padding:17px 20px;font-size:10px;letter-spacing:.15em;font-weight:800;transition:background .2s}.outline-btn:hover{background:var(--red)}.outline-btn span{font-size:18px}.sound-toggle{border:0;background:none;color:#f5eeee;font-size:10px;font-weight:800;letter-spacing:.16em}.sound-icon{font-size:22px;margin-left:10px}.hero-bottom{position:absolute;bottom:34px;left:var(--side);right:var(--side);display:flex;justify-content:space-between;align-items:center;font-size:9px;letter-spacing:.14em;font-weight:700}.hero-bottom a span{margin-left:14px;font-size:18px}.demo-note{position:absolute;bottom:70px;right:var(--side);font-size:8px;letter-spacing:.13em;color:#b8a4a8}.featured,.portfolio{padding-top:105px;padding-bottom:35px}.section-title{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:37px}.eyebrow b{color:#bb2142}.section-title h2,.about h2,.contact h2{font-size:clamp(43px,6.2vw,94px);line-height:1;letter-spacing:-.068em;margin:17px 0 0;font-weight:900}.feature-strips{display:grid;gap:16px}.feature-strip{height:clamp(215px,26vw,390px);display:block;position:relative;overflow:hidden;background:#21171a}.feature-strip img{width:100%;height:100%;object-fit:cover;transition:transform .7s ease,filter .4s;filter:brightness(.79)}.feature-strip:hover img{transform:scale(1.035);filter:brightness(.61)}.strip-gradient{position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.66),rgba(0,0,0,.22) 55%,rgba(0,0,0,.18)),linear-gradient(0deg,rgba(0,0,0,.55),transparent 55%)}.strip-index{position:absolute;left:32px;top:27px;font-size:9px;letter-spacing:.18em;font-weight:800}.strip-details{position:absolute;bottom:32px;left:32px;display:flex;flex-direction:column;gap:7px}.strip-meta{color:#e4b7c1;font-size:10px;letter-spacing:.16em;font-weight:800}.strip-details strong{font-size:clamp(26px,3.6vw,58px);letter-spacing:-.045em;line-height:1;font-weight:900}.strip-button{position:absolute;right:32px;bottom:32px;border:1px solid rgba(255,255,255,.8);padding:15px 18px;font-size:10px;font-weight:800;letter-spacing:.13em;display:flex;gap:30px;align-items:center;transition:background .2s}.strip-button:hover,.feature-strip:hover .strip-button{background:var(--red);border-color:var(--red)}.strip-button span{font-size:17px}.portfolio{padding-top:115px;padding-bottom:120px}.work-count{font-size:11px;letter-spacing:.17em;color:var(--muted);padding-bottom:6px}.filter-bar{display:flex;align-items:center;gap:clamp(12px,2.9vw,47px);flex-wrap:wrap;border-top:1px solid var(--rule);border-bottom:1px solid var(--rule);padding:23px 0;margin-bottom:30px}.filter{padding:6px 0;color:#998f92;border:0;background:none;font-size:11px;font-weight:900;letter-spacing:.12em;transition:color .2s}.filter:hover,.filter.active{color:#fff}.filter.active:after{content:'';display:block;height:3px;background:var(--bright);position:relative;top:10px}.gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:31px 18px}.gallery-item{min-width:0;display:block}.gallery-photo{position:relative;display:block;aspect-ratio:1.55;overflow:hidden;background:#21171a}.gallery-photo img{width:100%;height:100%;object-fit:cover;transition:transform .55s,filter .35s}.gallery-item:hover img{transform:scale(1.07);filter:brightness(.6)}.gallery-overlay{position:absolute;inset:0;background:rgba(31,0,8,.26);display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .25s}.gallery-item:hover .gallery-overlay{opacity:1}.gallery-view{border:1px solid #fff;font-size:10px;letter-spacing:.12em;font-weight:900;padding:16px 24px}.gallery-info{display:flex;justify-content:space-between;gap:12px;padding:15px 0 0}.gallery-info strong{font-size:12px;letter-spacing:.05em}.gallery-info small{color:#a48f94;letter-spacing:.12em;font-size:9px;text-align:right}.no-results{color:#b9a9ac;font-size:14px;padding:45px 0}.services{background:#170e11;border-top:1px solid #321923;border-bottom:1px solid #321923;padding:110px 0 125px}.services-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin-top:80px}.service{border-top:1px solid #65313b;padding-top:25px}.service>span{color:#c63f59;font-size:11px;font-weight:700}.service h3{font-size:clamp(21px,2.2vw,35px);letter-spacing:-.035em;margin:30px 0 20px}.service p{color:#b8a9aa;font-size:14px;line-height:1.9;max-width:390px}.about{display:grid;grid-template-columns:1fr 1fr;gap:8%;padding-top:150px;padding-bottom:150px}.about-copy{padding-top:23px}.about-large{font-size:clamp(25px,2.6vw,43px)!important;color:#fff!important;font-weight:800!important;line-height:1.24!important;letter-spacing:-.04em!important}.about-large span{color:#b84d63}.about-copy p{font-size:16px;color:#bcb0b3;line-height:1.9;max-width:570px}.contact{border-top:1px solid var(--rule);padding-top:113px;padding-bottom:150px}.contact h2{font-size:clamp(70px,11vw,175px);margin:35px 0}.contact>p:not(.contact-notice){color:#c8babc;font-size:17px}.contact-cta{display:inline-flex;gap:90px;align-items:center;margin-top:22px;padding:20px 25px;background:var(--red);font-size:12px;letter-spacing:.15em;font-weight:900;transition:background .2s}.contact-cta:hover{background:#b31d3f}.contact-cta span{font-size:23px}.contact-notice{font-size:11px;color:#847275;margin-top:25px}.footer{padding:30px var(--side);border-top:1px solid var(--rule);display:flex;justify-content:space-between;gap:20px;font-size:9px;letter-spacing:.14em;color:#a89da0;font-weight:700}.footer a:hover{color:#fff}
/* individual film pages */.project-main{padding-top:65px;padding-bottom:100px}.back-link{font-size:11px;letter-spacing:.13em;color:#c3b6b7}.back-link:hover{color:#fff}.project-heading{display:flex;justify-content:space-between;align-items:end;margin:45px 0 34px}.project-heading h1{font-size:clamp(43px,7.4vw,112px);letter-spacing:-.07em;margin:14px 0 0;line-height:1}.project-heading-number{font-size:11px;color:#a9979b;letter-spacing:.2em}.project-film{aspect-ratio:16/9;background:#1b1114}.project-video{height:100%;width:100%;object-fit:contain;background:#000}.project-video-placeholder{height:100%;background-size:cover;background-position:center;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;text-align:center;color:white;font-weight:800;font-size:14px;letter-spacing:.12em}.project-video-placeholder small{font-size:10px;font-weight:400;color:#d4c7c8}.big-play{font-size:70px;font-weight:400;color:#fff}.project-description{display:grid;grid-template-columns:1fr 2fr;gap:35px;border-bottom:1px solid var(--rule);padding:80px 0 100px}.project-description p{font-size:clamp(19px,2.1vw,28px);line-height:1.6;max-width:850px;margin:0}.project-description .project-credits{font-size:14px;color:#9f9195;margin-top:30px}.stills{padding-top:75px}.stills-heading{display:flex;justify-content:space-between;margin-bottom:28px;font-size:10px;color:#a89b9f;letter-spacing:.12em}.stills-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.stills-grid img{width:100%;height:100%;aspect-ratio:1.6;object-fit:cover;background:#271b1f}.stills-grid img:first-child{grid-column:1/-1;aspect-ratio:2.2}.next-project{border-top:1px solid var(--rule);margin-top:95px;padding:45px 0;display:flex;flex-direction:column;gap:23px}.next-project>span{color:#a89b9f;font-size:10px;letter-spacing:.2em}.next-project a{font-size:clamp(26px,4.2vw,66px);font-weight:900;letter-spacing:-.05em;display:flex;justify-content:space-between}.next-project a:hover{color:#e45571}.project-error{padding:120px 0}.project-error h1{font-size:48px}.project-error a{color:#d95c75}
@media(max-width:950px){.site-header{height:88px}.hamburger{display:block;z-index:3}.navigation{display:none;position:absolute;top:88px;left:0;right:0;background:#100b0d;flex-direction:column;align-items:flex-start;padding:30px var(--side) 42px;border-bottom:1px solid #50202d;gap:23px}.navigation.is-open{display:flex}.navigation a{font-size:15px}.gallery{grid-template-columns:repeat(2,minmax(0,1fr))}.services-grid{gap:23px}.hero h1{font-size:clamp(64px,10vw,105px)}}
@media(max-width:620px){.site-header{height:80px}.brand-symbol{width:43px;height:43px;font-size:15px}.brand-text strong{font-size:14px}.brand-text small{font-size:7px;letter-spacing:.17em}.navigation{top:80px}.hero{min-height:570px}.hero-content{transform:translateY(-25%)}.hero h1{font-size:clamp(47px,12.2vw,78px)}.hero-kicker{font-size:9px}.hero-actions{align-items:flex-start;flex-direction:column;gap:20px;margin-top:32px}.hero-bottom{font-size:8px;gap:15px}.hero-bottom>span{max-width:180px;line-height:1.7}.demo-note{bottom:110px;left:var(--side);right:auto}.section-title h2,.about h2{font-size:52px}.featured,.portfolio{padding-top:85px}.featured{padding-bottom:0}.feature-strip{height:280px}.strip-index{left:19px;top:17px}.strip-details{left:19px;bottom:75px}.strip-details strong{font-size:30px}.strip-button{left:19px;right:auto;bottom:18px;padding:12px 14px}.filter-bar{gap:18px 24px}.filter{font-size:10px}.gallery{grid-template-columns:1fr;gap:26px}.gallery-photo{aspect-ratio:1.56}.services{padding:90px 0}.services-grid{grid-template-columns:1fr;margin-top:50px;gap:38px}.service h3{margin:18px 0 10px}.about{grid-template-columns:1fr;padding-top:90px;padding-bottom:100px;gap:38px}.about-copy{padding-top:0}.contact{padding-top:90px;padding-bottom:110px}.contact h2{font-size:clamp(62px,13vw,100px)}.footer{flex-wrap:wrap;line-height:1.8}.project-main{padding-top:34px}.project-heading{align-items:start;gap:20px}.project-heading h1{font-size:clamp(35px,9vw,66px)}.project-heading-number{display:none}.project-description{grid-template-columns:1fr;padding:50px 0 65px}.project-description p{font-size:19px}.stills-grid{gap:10px}.stills-grid img{aspect-ratio:1.15}.stills-grid img:first-child{aspect-ratio:1.5}.project-video-placeholder{font-size:10px}.project-video-placeholder small{font-size:8px;max-width:85%}.big-play{font-size:47px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}

/* V3 / exact user branding, stronger typographic voice */
body{font-family:'DM Sans',Arial,Helvetica,sans-serif}
.navigation a,.eyebrow,.filter,.brand-text strong,.brand-text small,.strip-details strong,.gallery-info strong,.service h3,.section-title h2,.about h2,.contact h2,.about-large,.contact-cta,.project-heading h1,.next-project a,.work-count,.strip-button,.gallery-view,.about-page-heading h1,.about-intro,.about-more{font-family:'Oswald','Arial Narrow',Arial,sans-serif}
.brand-logo{height:52px;width:76px;object-fit:contain;display:block;flex:none}
.brand-text strong{font-size:clamp(19px,1.65vw,25px);font-weight:500;letter-spacing:.10em}
.brand-text small{font-size:10px;letter-spacing:.16em}
.navigation a{font-size:13px;font-weight:500;letter-spacing:.095em}
.hero-overlay{background:linear-gradient(180deg,rgba(0,0,0,.55),transparent 23%,transparent 83%,rgba(0,0,0,.18));pointer-events:none}
.hero-sound-icon{position:absolute;bottom:28px;right:var(--side);width:46px;height:46px;background:rgba(0,0,0,.32);color:white;border:1px solid rgba(255,255,255,.58);border-radius:50%;display:grid;place-items:center;z-index:3;transition:background .2s}
.hero-sound-icon:hover{background:var(--red)}
.hero-sound-icon .unmuted-mark{display:none}.hero-sound-icon.is-playing-sound .unmuted-mark{display:block}.hero-sound-icon.is-playing-sound .muted-mark{display:none}
.section-title h2,.about h2,.contact h2{font-weight:500;letter-spacing:-.025em}
.strip-details strong{font-weight:500;letter-spacing:.01em}.filter{font-size:14px;font-weight:500}.gallery-info strong{font-size:16px;font-weight:500}.service h3{font-weight:500;letter-spacing:0}.about-large{font-weight:500!important;letter-spacing:0!important}
.about-more{display:inline-flex;align-items:center;gap:30px;margin-top:23px;padding:12px 0;border-bottom:2px solid #b52241;font-size:16px;font-weight:500;letter-spacing:.10em;transition:color .2s}
.about-more:hover{color:#e75373}.about-more span{font-size:20px}.about-more.secondary{border-bottom-color:#514046}
.about-page-main{padding-top:85px;padding-bottom:140px}.about-page-heading{margin:0 0 70px}.about-page-heading h1{font-size:clamp(68px,10vw,166px);line-height:1.05;font-weight:500;letter-spacing:-.03em;margin:22px 0 13px}.about-page-heading em{font-style:normal;color:#a91b3b}.about-page-heading>p{font:500 16px 'Oswald','Arial Narrow',Arial,sans-serif;letter-spacing:.22em;color:#beaeb1}.about-page-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(35px,6vw,110px);align-items:start}.about-portrait{margin:0;position:sticky;top:35px}.about-portrait img{width:100%;max-height:720px;aspect-ratio:4/5;object-fit:cover;object-position:57% center}.about-portrait figcaption{font:400 12px 'Oswald',sans-serif;letter-spacing:.12em;color:#a99a9e;margin-top:15px}.about-story p{font-size:clamp(15px,1.15vw,18px);line-height:1.95;color:#bdb3b5;margin:0 0 24px}.about-story .about-intro{font:400 clamp(25px,2.7vw,43px)/1.35 'Oswald','Arial Narrow',sans-serif;color:#fff;margin-bottom:35px}.about-page-actions{display:flex;flex-wrap:wrap;column-gap:40px;row-gap:12px;margin-top:30px}
@media(max-width:950px){.brand-logo{width:60px;height:45px}.about-page-layout{grid-template-columns:1fr 1fr;gap:30px}.about-page-heading h1{font-size:clamp(60px,10vw,95px)}}
@media(max-width:700px){.brand-logo{width:54px;height:42px}.brand-text strong{font-size:17px}.brand-text small{font-size:9px}.hero-sound-icon{bottom:23px;width:42px;height:42px}.about-page-main{padding-top:50px;padding-bottom:90px}.about-page-heading{margin-bottom:40px}.about-page-heading h1{font-size:clamp(56px,12vw,82px)}.about-page-layout{grid-template-columns:1fr}.about-portrait{position:static}.about-portrait img{max-height:570px;aspect-ratio:4/4}.about-story .about-intro{font-size:30px;margin-top:18px}}


/* V4: editorial, art-directed refinement. Original page structure retained. */
:root{--bg:#080708;--panel:#140e10;--red:#7c142a;--bright:#b02e49;--text:#f5f2ee;--muted:#9f9494;--rule:#36272a;--side:clamp(22px,5vw,92px)}
body{background:var(--bg);color:var(--text)}
.site-header{height:106px;padding-inline:var(--side);background:linear-gradient(to bottom,rgba(0,0,0,.78),rgba(0,0,0,0));}
.site-header.solid{background:#0b090a;border-bottom:1px solid #2b2426}
.identity{gap:13px}.brand-logo{width:79px;height:55px;object-fit:contain;filter:contrast(1.1)}
.brand-text{gap:3px}.brand-text strong{font:500 clamp(19px,1.8vw,25px)/1 'Oswald','Arial Narrow',sans-serif;letter-spacing:.13em}
.brand-text small{font:400 9px/1.5 'DM Sans',sans-serif;letter-spacing:.20em;color:#d1c8c6}
.navigation{gap:clamp(22px,2.55vw,46px)}
.navigation>a:not(.social-link){font:500 13px/1 'Oswald','Arial Narrow',sans-serif;letter-spacing:.14em;position:relative;padding:8px 0}
.navigation>a:not(.social-link):after{content:'';height:1px;width:0;position:absolute;bottom:0;left:0;background:var(--bright);transition:width .25s}
.navigation>a:not(.social-link):hover:after,.navigation>a[aria-current=page]:after{width:100%}
.nav-separator{height:18px;width:1px;background:#66545a;opacity:.75;margin-left:-7px}
.social-links{display:flex;gap:17px;align-items:center}.social-link{display:inline-flex;align-items:center;justify-content:center;color:#ebe3e2;transition:color .2s,transform .2s}
.social-link:hover{color:#d14c68;transform:translateY(-2px)}
.hero{background:#060606}.hero-overlay{background:linear-gradient(180deg,rgba(0,0,0,.52) 0%,transparent 22%,transparent 85%,rgba(0,0,0,.22) 100%)}
.hero-sound-icon{background:rgba(8,7,8,.25);border:1px solid rgba(255,255,255,.65);width:43px;height:43px;border-radius:0}
.featured{padding-top:120px}.portfolio{padding-top:129px}
.eyebrow{font:500 11px/1.4 'DM Sans',sans-serif;letter-spacing:.2em;color:#b7a6a5}
.eyebrow b{color:#c4405a;font-weight:700}
.section-title{margin-bottom:45px}.section-title h2,.about h2,.contact h2{font-family:'Oswald','Arial Narrow',sans-serif;font-weight:400;letter-spacing:-.018em;line-height:.98}
.section-title h2 em,.about h2 em,.contact h2 em{font-weight:300;color:#b53450}
.section-title h2:before,.about h2:before,.contact h2:before{content:'';display:inline-block;width:23px;height:2px;background:#a42340;vertical-align:middle;margin:0 18px 0 0;transform:translateY(-8px)}
.feature-strips{gap:11px}.feature-strip{isolation:isolate;border:0;min-height:250px}
.feature-strip:after{content:'';position:absolute;inset:13px;border:1px solid rgba(255,255,255,.0);pointer-events:none;transition:border-color .4s}
.feature-strip:hover:after{border-color:rgba(255,255,255,.3)}
.feature-strip img{filter:brightness(.75) saturate(.83);transition:transform .85s cubic-bezier(.16,1,.3,1),filter .5s}
.feature-strip:hover img{transform:scale(1.055);filter:brightness(.83) saturate(.9)}
.strip-gradient{background:linear-gradient(90deg,rgba(0,0,0,.62),rgba(0,0,0,.13) 70%),linear-gradient(0deg,rgba(0,0,0,.42),transparent 58%)}
.strip-index{top:31px;left:37px;font:600 10px/1 'DM Sans',sans-serif;letter-spacing:.22em;color:#dfd5d2}
.strip-index:before{content:'';display:inline-block;width:21px;height:2px;background:#c64058;vertical-align:middle;margin-right:13px}
.strip-details{bottom:36px;left:37px}.strip-meta{font:600 11px/1.3 'DM Sans',sans-serif;letter-spacing:.16em;color:#e9d2d5}
.strip-details strong{font-family:'Oswald','Arial Narrow',sans-serif;font-weight:400;letter-spacing:.015em;font-size:clamp(32px,4vw,66px);text-transform:uppercase}
.strip-button{right:38px;bottom:37px;font:500 12px/1 'Oswald','Arial Narrow',sans-serif;letter-spacing:.14em;border-color:rgba(255,255,255,.8);padding:14px 18px;gap:45px}
.strip-button span{font:300 24px/0.6 'DM Sans',sans-serif}.feature-strip:hover .strip-button{background:#8e1731;border-color:#8e1731}
.filter-bar{padding:24px 0;margin-bottom:35px;gap:clamp(15px,3vw,47px)}
.filter{font:400 14px/1.4 'Oswald','Arial Narrow',sans-serif;letter-spacing:.10em;color:#9b8d8e}
.filter.active{color:#f5f1ed}.filter.active:after{height:2px;top:13px}
.gallery{gap:38px 17px}.gallery-photo{background:#211719;aspect-ratio:1.65}
.gallery-photo:after{content:'';position:absolute;inset:0;box-shadow:inset 0 0 0 0 #a12843;transition:box-shadow .25s;pointer-events:none}
.gallery-item:hover .gallery-photo:after{box-shadow:inset 0 0 0 1px #a12843}
.gallery-photo img{filter:saturate(.79);transition:transform .75s cubic-bezier(.16,1,.3,1),filter .4s}
.gallery-item:hover img{filter:brightness(.67) saturate(.9);transform:scale(1.045)}
.gallery-view{font:500 13px/1 'Oswald','Arial Narrow',sans-serif;letter-spacing:.15em}
.gallery-info{padding-top:17px;align-items:flex-start}.gallery-info strong{font:400 19px/1.2 'Oswald','Arial Narrow',sans-serif;letter-spacing:.025em}
.gallery-info small{font:500 9px/1.4 'DM Sans',sans-serif;letter-spacing:.12em;color:#bb9aa1;margin-top:4px}
.services{background:#130d0f;position:relative;overflow:hidden;border-color:#352025;padding-top:115px;padding-bottom:133px}
.services:before{content:'03';position:absolute;right:3vw;top:-95px;font:300 clamp(240px,34vw,520px)/1 'Oswald',sans-serif;color:#241217;pointer-events:none;opacity:.42}
.services>.section-wrap{position:relative}.services-grid{gap:clamp(22px,4.5vw,70px)}
.service{border-top-color:#76404c;position:relative}.service>span{font-family:'Oswald',sans-serif;font-size:16px;font-weight:400}
.service h3{font-size:clamp(26px,2.7vw,40px);font-weight:400;margin-top:34px}
.service p{font-size:14px;line-height:1.9;color:#bcacaf}
.about{padding-top:165px;padding-bottom:165px}.about-large{font-family:'Oswald',sans-serif!important;font-weight:400!important;letter-spacing:.008em!important}
.about-large span{color:#c05970}.about-copy p{line-height:1.95}
.about-more{font-weight:400;border-bottom-width:1px}.contact{padding-top:125px}
.contact h2{font-weight:400;font-size:clamp(68px,11.2vw,185px);line-height:.95;letter-spacing:-.025em}
.contact-cta{background:#81152d;font-family:'Oswald',sans-serif;font-weight:500;font-size:15px;letter-spacing:.1em}
.footer{border-top-color:#39272b;color:#a8999c}
.about-page-heading h1{font-weight:400}.about-page-heading h1 em{font-weight:300}
.about-portrait img{filter:saturate(.88)}.about-story .about-intro{font-weight:300}
.project-heading h1{font-family:'Oswald',sans-serif;font-weight:400;letter-spacing:-.02em;line-height:1.1}
.project-description{border-top:1px solid var(--rule)}.project-description p{font-weight:400}.next-project a{font-family:'Oswald',sans-serif;font-weight:400;letter-spacing:0}
@media(max-width:950px){.navigation{gap:25px}.navigation.is-open{display:flex;gap:25px;align-items:flex-start}.nav-separator{width:100%;height:1px;margin:2px 0 0}.social-links{gap:25px}.social-link svg{width:20px;height:20px}}
@media(max-width:620px){.site-header{height:84px}.navigation{top:84px}.brand-logo{width:56px;height:44px}.brand-text strong{font-size:17px}.brand-text small{font-size:8px}.section-title h2:before,.about h2:before,.contact h2:before{width:13px;margin-right:10px}.featured{padding-top:91px}.portfolio{padding-top:99px}.feature-strip{height:285px}.strip-index{left:20px;top:20px}.strip-details{left:20px;bottom:79px}.strip-details strong{font-size:36px;line-height:1.05}.strip-button{left:20px;right:auto;bottom:20px}.services{padding-block:95px}.about{padding-block:100px}.contact{padding-top:100px}.gallery{gap:28px}}



/* V6: deep oxblood palette, precise Oswald typography, elegant curves. */
:root{--bg:#080808;--panel:#140b0d;--red:#68101c;--bright:#8d1b2b;--text:#f3f0ed;--muted:#aba2a1;--rule:#352326}
body{font-family:'DM Sans',Arial,sans-serif;letter-spacing:0}
.brand-text strong,.navigation>a:not(.social-link),.section-title h2,.about h2,.contact h2,.project-heading h1,.about-page-heading h1,.strip-details strong,.gallery-info strong,.service h3,.about-large,.about-story .about-intro,.next-project a{font-family:'Oswald','Arial Narrow',sans-serif}
.brand-text strong{font-weight:400;letter-spacing:.12em}
.navigation>a:not(.social-link){font-weight:400;font-size:13px;letter-spacing:.14em}
.section-title h2,.about h2,.contact h2,.project-heading h1,.about-page-heading h1{font-weight:400;letter-spacing:-.018em}
.section-title h2 em,.about h2 em,.contact h2 em,.about-page-heading h1 em{font-family:inherit;font-weight:300;font-style:normal;color:#a42b3c;letter-spacing:inherit}
.section-title h2:before,.about h2:before,.contact h2:before{width:21px;height:2px;border-radius:2px;background:var(--bright);box-shadow:none;transform:translateY(-8px)}
.eyebrow b,.service>span{color:#ac3444}
.feature-strip,.feature-strip:after{border-radius:16px}
.gallery-photo,.gallery-photo img,.gallery-photo:after{border-radius:13px}
.strip-button,.gallery-view,.contact-cta{border-radius:9px}
.hero-sound-icon{border-radius:50%;background:rgba(0,0,0,.36);backdrop-filter:blur(9px)}
.project-film,.project-video,.project-video-placeholder{border-radius:15px;overflow:hidden}
.stills-grid img{border-radius:12px}
.about-portrait img{border-radius:15px}
.feature-strip:hover img{transform:scale(1.045)}
.gallery-item:hover img{transform:scale(1.045)}
.services{background:#100a0b;border-top-color:#29171a;border-bottom-color:#29171a}
.service{border-top:1px solid #51262b;border-radius:0 0 12px 12px;transition:padding .3s ease,background .3s ease,border-color .3s ease}
.service:hover{padding-left:13px;background:rgba(104,16,28,.09);border-color:#8d2838}
.service h3{font-weight:400;letter-spacing:.025em}
.about-large{font-weight:400!important;letter-spacing:0!important}
.about-large span{color:#a63846}
.gallery-info strong{font-weight:400;font-size:20px;letter-spacing:.02em}
.strip-details strong{font-weight:400;letter-spacing:.015em;font-size:clamp(33px,4.2vw,68px)}
.filter{font-family:'Oswald','Arial Narrow',sans-serif;font-weight:400;font-size:14px;letter-spacing:.10em;transition:color .2s ease,transform .25s ease}
.filter:hover{transform:translateY(-2px)}
.filter.active:after{background:#9a2334}
.strip-index:before{background:#8d2636}
.strip-button:hover,.feature-strip:hover .strip-button{background:var(--red);border-color:var(--red)}
.gallery-view{background:rgba(0,0,0,.18)}
.contact-cta{font-family:'Oswald','Arial Narrow',sans-serif;font-size:15px;font-weight:400;letter-spacing:.13em;background:var(--red);transition:background .25s ease,transform .3s ease}
.contact-cta:hover{background:#882030;transform:translateY(-3px)}
/* Tiny art-direction flourishes: a hairline, understated corner marks, and reveals. */
.featured .section-title:after{content:'✳';position:absolute;right:0;top:-10px;font-size:19px;color:#63202b;line-height:1}
.featured .section-title{position:relative}
.feature-strip:after{inset:11px;border-radius:9px}
.gallery-photo:before{content:'+';position:absolute;z-index:2;top:12px;right:15px;color:rgba(255,255,255,.8);font:300 18px/1 'DM Sans',sans-serif;opacity:0;transform:rotate(-45deg);transition:opacity .3s,transform .4s;pointer-events:none}
.gallery-item:hover .gallery-photo:before{opacity:1;transform:rotate(0)}

.hero-overlay{z-index:-1}
@media (prefers-reduced-motion:no-preference){
.reveal:not(.in-view){opacity:0;transform:translateY(21px)}
.reveal{transition:opacity .75s ease,transform .8s cubic-bezier(.17,.8,.27,1);transition-delay:var(--reveal-delay,0ms)}
.reveal.in-view{opacity:1;transform:none}
.filter-arrive{animation:filterIn .48s ease both;animation-delay:var(--filter-delay,0ms)}
@keyframes filterIn{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
}
@media (prefers-reduced-motion:reduce){.reveal{opacity:1!important;transform:none!important}}
@media (max-width:700px){.feature-strip{border-radius:13px}.gallery-photo,.gallery-photo img{border-radius:10px}.featured .section-title:after{display:none}.service:hover{padding-left:0}}

/* Responsive project video embeds */
.embed-frame{width:100%;aspect-ratio:16/9;overflow:hidden;border-radius:18px;background:#060606}
.embed-frame iframe{width:100%;height:100%;border:0;display:block}

/* Project film credits: dedicated editorial grid */
.project-note{font-family:'Oswald','Arial Narrow',sans-serif!important;text-transform:uppercase;color:#d8bdc1!important;letter-spacing:.085em;font-size:clamp(17px,1.8vw,23px)!important;margin-top:23px!important}
.project-crew{padding:65px 0 80px;border-top:1px solid var(--rule)}
.crew-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:32px 26px;padding-top:36px}
.crew-cell{border-top:1px solid #46272d;padding-top:17px}
.crew-cell h3{font-family:'Oswald','Arial Narrow',sans-serif;color:#b94d5c;font-size:13px;font-weight:400;letter-spacing:.09em;text-transform:uppercase;margin:0 0 13px}
.crew-cell p{font-family:'DM Sans',sans-serif;font-size:14px;line-height:1.6;color:#e7dedc;margin:0 0 4px}
@media(max-width:850px){.crew-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:600px){.crew-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:26px 20px}.project-crew{padding:45px 0 55px}}


/* V10: homepage showreel poster + play interaction */
.hero-media{position:absolute;inset:0;z-index:-3}
.hero-launch{position:absolute;inset:0;width:100%;height:100%;border:0;padding:0;background-size:cover;background-position:center;background-color:#0b0b0b;display:block}
.hero-launch:before{content:'';position:absolute;inset:0;background:radial-gradient(circle at center, rgba(0,0,0,.05) 0%, rgba(0,0,0,.28) 45%, rgba(0,0,0,.48) 100%)}
.hero-launch-inner{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:12px;color:#fff}
.hero-play{width:92px;height:92px;border-radius:50%;display:grid;place-items:center;border:1px solid rgba(255,255,255,.82);background:rgba(10,10,10,.22);backdrop-filter:blur(8px);font:300 34px/1 'DM Sans',sans-serif;padding-left:6px;transition:transform .3s ease, background .3s ease, border-color .3s ease}
.hero-launch-copy{font:500 12px/1 'Oswald','Arial Narrow',sans-serif;letter-spacing:.18em}
.hero-launch:hover .hero-play{transform:scale(1.06);background:rgba(129,21,45,.38);border-color:#fff}
.hero-embed,.hero-embed iframe{width:100%;height:100%;aspect-ratio:auto;border-radius:0}
@media (max-width:620px){.hero-play{width:76px;height:76px;font-size:29px}.hero-launch-copy{font-size:11px}}

/* V11 project descriptions: calmer, editorial scale and festival-status accent. */
.project-description p:not(.project-note):not(.project-status) {font-size:clamp(16px,1.48vw,21px);line-height:1.75;max-width:780px;}
.project-description .project-note {font-size:clamp(15px,1.45vw,19px)!important;line-height:1.5!important;margin-top:24px!important;}
.project-description .project-status {display:flex;align-items:center;gap:12px;margin:26px 0 0;padding-top:18px;border-top:1px solid var(--rule);font:500 clamp(12px,1.05vw,15px)/1.5 'DM Sans',Arial,sans-serif;letter-spacing:.085em;text-transform:uppercase;color:#dec2c5;}
.project-status .status-dot{display:inline-block;flex:0 0 8px;width:8px;height:8px;border-radius:50%;background:#861b2a;box-shadow:0 0 0 4px rgba(134,27,42,.16);}
@media(max-width:620px){.project-description p:not(.project-note):not(.project-status){font-size:16px;line-height:1.7;}.project-description .project-status{font-size:12px;}}

/* Client / agency / filming credit details for branded projects */
.project-details{margin-top:32px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;border-top:1px solid #39272b;padding-top:21px}
.project-details-item{display:flex;flex-direction:column;gap:10px;min-width:0}
.project-details-item span{font:400 12px/1.4 'Oswald','Arial Narrow',sans-serif;letter-spacing:.13em;color:#ad5d69}
.project-details-item strong{font:400 14px/1.55 'DM Sans',sans-serif;color:#e8e0e0}
@media(max-width:700px){.project-details{grid-template-columns:1fr;gap:18px}}

/* V16 cinematic showreel: video fills the hero with only subtle sound / scroll cues. */
.hero-media{position:absolute;inset:0;z-index:0;background:#111 center/cover no-repeat;overflow:hidden}
.hero-media .hero-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.hero-media .hero-vimeo{position:absolute;top:50%;left:50%;width:max(100vw,177.78svh);height:max(100svh,56.25vw);transform:translate(-50%,-50%);border:0;pointer-events:none;background:transparent}
.hero-overlay{z-index:1;pointer-events:none;background:linear-gradient(180deg,rgba(0,0,0,.40),transparent 18%,transparent 76%,rgba(0,0,0,.33))}
.hero-volume,.hero-scroll{position:absolute;z-index:5;width:42px;height:42px;border:1px solid rgba(255,255,255,.48);border-radius:50%;background:rgba(13,9,11,.16);backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px);color:#fff;display:grid;place-items:center;transition:background .3s,border-color .3s,transform .3s}
.hero-volume{right:var(--side);bottom:29px;cursor:pointer}
.hero-volume .sound-waves{display:none}
.hero-volume.is-unmuted .sound-waves{display:block}
.hero-volume.is-unmuted .mute-cross{display:none}
.hero-scroll{left:50%;bottom:29px;transform:translateX(-50%)}
.hero-scroll svg{animation:hero-arrow-drift 2.5s ease-in-out infinite}
.hero-volume:hover,.hero-scroll:hover{background:rgba(104,16,28,.65);border-color:rgba(255,255,255,.85)}
.hero-scroll:hover{transform:translateX(-50%) translateY(3px)}
@keyframes hero-arrow-drift{0%,100%{transform:translateY(-2px)}50%{transform:translateY(4px)}}
@media(max-width:650px){.hero-volume,.hero-scroll{width:38px;height:38px;bottom:24px}.hero-media .hero-vimeo{width:max(100vw,177.78svh);height:max(100svh,56.25vw)}}
@media(prefers-reduced-motion:reduce){.hero-scroll svg{animation:none}}
/* Remove the numbered editorial labels but retain titles and usable spacing. */
.featured .section-title,.portfolio .section-title,.services .section-title{margin-bottom:30px}
.section-title h2{margin-top:0}
.about h2{margin-top:0}
.feature-strip .strip-index{display:none!important}

/* V17: click-to-play cinematic opening and frameless, soft light-refraction hover */
.hero-center-play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:5;display:grid;place-items:center;width:60px;height:60px;border-radius:50%;border:1px solid rgba(255,255,255,.60);background:rgba(8,8,8,.14);color:#fff;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);cursor:pointer;transition:transform .25s,background .25s,opacity .25s}
.hero-center-play:hover{transform:translate(-50%,-50%) scale(1.1);background:rgba(108,21,39,.48)}
.hero-center-play.is-hidden{opacity:0;visibility:hidden;pointer-events:none}
.hero-refract{position:absolute;inset:auto auto auto 0;width:220px;height:220px;z-index:2;pointer-events:none;opacity:0;border:0;background:transparent;border-radius:50%;-webkit-mask-image:radial-gradient(circle,black 0%,rgba(0,0,0,.85) 35%,transparent 72%);mask-image:radial-gradient(circle,black 0%,rgba(0,0,0,.85) 35%,transparent 72%);backdrop-filter:blur(3px) contrast(1.16) saturate(1.13);-webkit-backdrop-filter:blur(3px) contrast(1.16) saturate(1.13);transition:opacity .3s ease}
.hero-refract.active{opacity:1}
@media(max-width:700px){.hero-center-play{width:54px;height:54px}}
@media(prefers-reduced-motion:reduce){.hero-refract{display:none}}

/* V18: unframed play/pause control. No mouse distortion. */
.hero-refract{display:none!important}
.hero-center-play{width:62px;height:62px;border:0!important;border-radius:0!important;background:transparent!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;opacity:1;visibility:visible;cursor:pointer;transition:opacity .26s ease,transform .26s ease,filter .26s ease}
.hero-center-play svg{width:31px;height:31px;filter:drop-shadow(0 1px 10px rgba(0,0,0,.8))}
.hero-center-play:hover{transform:translate(-50%,-50%) scale(1.13);background:transparent!important}
.hero-center-play.is-playing{opacity:0;visibility:visible;pointer-events:auto}
.hero:hover .hero-center-play.is-playing,.hero-center-play.is-playing:focus-visible{opacity:.85}
.hero-center-play:focus-visible{outline:2px solid white;outline-offset:4px;border-radius:3px!important}
@media(hover:none){.hero-center-play.is-playing{opacity:.7}}
@media(prefers-reduced-motion:reduce){.hero-center-play{transition:none}}

/* V20: quiet, icon-only showreel sound control and centred pause on hover */
.hero-volume{width:30px!important;height:30px!important;border:0!important;border-radius:0!important;background:transparent!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;box-shadow:none!important;right:var(--side);bottom:34px;padding:2px;}
.hero-volume svg{width:17px;height:17px;filter:drop-shadow(0 1px 5px rgba(0,0,0,.7));}
.hero-volume:hover{opacity:.7;background:transparent!important;}
.hero-center-play.is-playing{opacity:0!important;pointer-events:none;}
.hero:hover .hero-center-play.is-playing,.hero-center-play.is-playing:focus-visible{opacity:.9!important;pointer-events:auto;}
@media(hover:none){.hero-center-play.is-playing{opacity:.6!important;pointer-events:auto;}}

/* V22: pause icon appears only when hovering the middle of the showreel. */
.hero-center-zone{position:absolute;z-index:6;top:50%;left:50%;transform:translate(-50%,-50%);width:clamp(120px,17vw,230px);height:clamp(120px,17vw,230px);display:grid;place-items:center;pointer-events:auto}
.hero-center-zone .hero-center-play{position:relative;top:auto;left:auto;transform:none}
.hero-center-zone .hero-center-play:hover{transform:scale(1.12)}
.hero-center-zone .hero-center-play.is-playing{opacity:0!important;pointer-events:none!important}
.hero-center-zone:hover .hero-center-play.is-playing,.hero-center-zone:focus-within .hero-center-play.is-playing{opacity:.9!important;pointer-events:auto!important}
.hero:hover .hero-center-play.is-playing{opacity:0!important;pointer-events:none!important}
.hero .hero-center-zone:hover .hero-center-play.is-playing,.hero .hero-center-zone:focus-within .hero-center-play.is-playing{opacity:.9!important;pointer-events:auto!important}
@media(hover:none){.hero .hero-center-play.is-playing{opacity:0!important;pointer-events:none!important}.hero .hero-center-zone:focus-within .hero-center-play.is-playing{opacity:.9!important;pointer-events:auto!important}}

/* V24: refined identity, stories, craft and closing signature */
.brand-text small{text-align:center;align-self:stretch;letter-spacing:.17em}
.services:before{content:none!important;display:none!important}
.home-about-photo{margin:38px 0 0;max-width:570px;overflow:hidden}
.home-about-photo img{width:100%;aspect-ratio:1.65;object-fit:cover;object-position:center;filter:saturate(.82);border-radius:3px}
.home-about-photo figcaption{font:400 10px/1.5 'DM Sans',sans-serif;letter-spacing:.2em;color:#a89699;margin-top:12px}
.contact-signature{display:flex;align-items:center;justify-content:space-between;gap:clamp(14px,2vw,32px);margin-top:100px;padding-top:32px}
.contact-signature-line{height:1px;background:linear-gradient(90deg,transparent,#56313a,transparent);flex:1;min-width:15px}
.contact-signature img{width:88px;height:66px;object-fit:contain;opacity:.86;flex:none}
.contact-signature div{display:flex;flex-direction:column;gap:8px;min-width:0}
.contact-signature div span{font:400 10px 'DM Sans',sans-serif;color:#ab8991;letter-spacing:.20em}
.contact-signature div a{font:400 clamp(13px,1.4vw,19px) 'Oswald',sans-serif;letter-spacing:.055em;overflow-wrap:anywhere}
.contact-signature div a:hover{color:#e3a6b3}
@media(max-width:620px){.contact-signature{gap:12px;margin-top:70px}.contact-signature img{width:56px;height:48px}.contact-signature-line:last-child{display:none}.home-about-photo{margin-top:28px}}

.project-website{margin-top:26px!important}.project-website a{font:500 12px/1.5 "DM Sans",sans-serif;color:#e8ccd1;letter-spacing:.11em;border-bottom:1px solid #854156;padding-bottom:8px;display:inline-flex;gap:24px;align-items:center}.project-website a:hover{color:#fff}

/* V25: backstage portrait alongside the short biography. */
.about#about{display:grid;grid-template-columns:minmax(0,.88fr) minmax(0,1fr);align-items:center;gap:clamp(30px,6vw,105px)}
.about#about .home-about-photo{grid-column:1;grid-row:1;max-width:none;margin:0;align-self:center;min-width:0}
.about#about .home-about-photo img{width:100%;aspect-ratio:4/4.5;height:auto;object-fit:cover;object-position:center;border-radius:14px;filter:saturate(.88)}
.about#about .about-copy{grid-column:2;grid-row:1;min-width:0;padding-top:0}
.about#about .about-copy h2{margin:0 0 28px}
.hero-media .hero-poster{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;z-index:0}
.hero-media .hero-video,.hero-media .hero-vimeo{z-index:1}
@media(max-width:720px){.about#about{grid-template-columns:1fr;gap:28px}.about#about .home-about-photo{grid-column:1;grid-row:1}.about#about .home-about-photo img{aspect-ratio:1.35;max-height:420px}.about#about .about-copy{grid-column:1;grid-row:2}}

/* V26: editorial latest-work alignment and balanced contact image. */
.featured .section-title{justify-content:flex-end;text-align:right}
.featured .section-title:after{display:none}
.contact#contact{display:grid;grid-template-columns:minmax(0,1.02fr) minmax(0,.88fr);align-items:center;gap:clamp(36px,6vw,100px)}
.contact#contact .contact-copy{min-width:0}
.contact#contact .contact-copy h2{font-size:clamp(58px,8.2vw,132px);margin:20px 0 30px}
.contact#contact .contact-copy p{color:#c8babc;font-size:17px;line-height:1.7}
.contact#contact .contact-image{margin:0;min-width:0;align-self:stretch;display:flex;align-items:center}
.contact#contact .contact-image img{width:100%;height:auto;max-height:510px;aspect-ratio:1.18;object-fit:cover;border-radius:14px;filter:saturate(.78)}
@media(max-width:720px){.contact#contact{grid-template-columns:1fr;gap:42px}.contact#contact .contact-image img{aspect-ratio:1.6;max-height:350px}.contact#contact .contact-copy h2{font-size:clamp(59px,12vw,96px)}}

/* v28: compact bilingual switch, without changing the original composition. */
.lang-switch{display:inline-flex;gap:5px;align-items:center;border:1px solid rgba(255,255,255,.28);border-radius:20px;padding:4px 6px;margin-left:5px;flex-shrink:0}
.lang-switch a{font:500 11px/1 'DM Sans',Arial,sans-serif!important;letter-spacing:.07em!important;padding:5px 7px;color:#a6a0a0;border-radius:20px;transition:background .2s,color .2s}
.lang-switch a.active{color:#fff;background:#68101c}
.lang-switch a:hover{color:#fff}
@media(max-width:950px){.lang-switch{margin-left:0;margin-top:4px}}
@media(max-width:620px){.lang-switch{margin-bottom:8px}.contact h2{overflow-wrap:break-word}}

/* V33 showreel prompt: same unobtrusive, centred visual language in EN and IT. */
.hero-center-zone{width:clamp(230px,27vw,340px);height:180px}
.hero-center-zone .hero-center-play{width:100%;height:100%;min-height:100px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:19px;padding:22px 8px}
.hero-play-label{display:block;color:#fff;font-family:'DM Sans',Arial,sans-serif;font-size:clamp(10px,1vw,12px);font-weight:600;letter-spacing:.24em;line-height:1.35;text-align:center;white-space:nowrap;text-shadow:0 2px 12px rgba(0,0,0,.92);transition:opacity .22s ease}
.hero-center-zone .hero-center-play.is-playing .hero-play-label{display:none}
@media(max-width:650px){.hero-center-zone{width:255px;height:150px}.hero-center-zone .hero-center-play{gap:15px}.hero-play-label{font-size:10px;letter-spacing:.2em}}