/* Full-viewport film hero, based on the supplied mobile reference. */
.site-header{position:fixed;inset:0 0 auto;height:90px;padding:0 3.4%;color:#fff;background:transparent;border:0;transition:background .25s,color .25s,box-shadow .25s}
.site-header .brand-logo img{filter:grayscale(1) invert(1);mix-blend-mode:screen}
.site-header .outline{border-color:#ffffff9c;color:#fff}
.site-header .outline:hover{background:#fff;color:var(--ink)}
.site-header.scrolled,.site-header.menu-open{background:var(--paper);color:var(--ink);box-shadow:0 1px 0 var(--line)}
.site-header.scrolled .brand-logo img,.site-header.menu-open .brand-logo img{filter:none;mix-blend-mode:multiply}
.site-header.scrolled .outline,.site-header.menu-open .outline{border-color:var(--ink);color:var(--ink)}
.site-header.scrolled .outline:hover,.site-header.menu-open .outline:hover{background:var(--ink);color:#fff}
.site-header nav{gap:32px}.header-shop{display:none}
.hero.hero-film{margin:0;width:100%;height:100svh;min-height:620px;max-height:none;background:#34514b}
.hero-film .hero-media{position:absolute;inset:0}
.hero-film .hero-media picture{display:block;width:100%;height:100%}
.hero-film .hero-media img,.hero-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;animation:none}
.hero-video{opacity:0;transition:opacity .6s}.hero-video.ready{opacity:1}
.hero-shade{position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(7,30,25,.37) 0%,rgba(7,30,25,0) 23%,rgba(7,30,25,0) 43%,rgba(7,30,25,.14) 61%,rgba(7,30,25,.64) 100%)}
.hero-film .hero-content{inset:auto 5.4% 17%;text-align:left;color:#fff;max-width:920px;animation:text-enter 1s .1s both}
.hero-film h1{font-size:clamp(28px,2.6vw,43px);line-height:1.32;letter-spacing:-.035em;text-shadow:0 1px 14px #092e2526}
.hero-film h1 strong{font-size:clamp(46px,4.2vw,68px);line-height:1.25;margin-top:10px;font-weight:650;letter-spacing:-.045em}
.hero-film .hero-content>p{color:#eef4f1;margin-top:19px;font-size:19px}
.hero-actions{display:flex;align-items:center;gap:32px;flex-wrap:wrap;margin-top:28px}
.hero-link{display:inline-flex;align-items:center;gap:17px;border-bottom:1px solid #ffffffab;padding:12px 0 9px;min-height:44px;color:#fff;font-size:16px;font-weight:500;transition:gap .2s,border-color .2s}
.hero-link:hover{gap:23px;border-color:#fff}.hero-link .icon{width:17px;height:17px}
.hero-bottom{position:absolute;inset:auto 3.4% 40px;display:flex;align-items:center;justify-content:space-between;gap:20px;color:#fff}
.hero-film .hero-signature{position:static;font-size:10px;letter-spacing:.24em}
.film-tools{display:flex;align-items:center;gap:30px}.film-scroll{display:flex;align-items:center;gap:15px;font-size:10px;letter-spacing:.18em}.film-scroll span{font-size:20px}
.video-toggle{width:44px;height:44px;border:1px solid #ffffff80;border-radius:50%;display:grid;place-items:center;background:#113f3c30;color:#fff}
.video-toggle:hover{background:#113f3c80}.video-toggle .icon{width:19px;height:19px}
.video-toggle .pause-icon{display:none}.video-toggle.playing .pause-icon{display:initial}.video-toggle.playing .play-icon{display:none}
.film-progress{position:absolute;bottom:22px;left:3.4%;right:3.4%;height:1px;background:#ffffff38}.film-progress>span{display:block;width:100%;height:100%;transform:scaleX(0);transform-origin:left;background:#fff}
.portfolio-store{display:flex;justify-content:center;margin:-22px 0 42px}.portfolio-store .text-link{font-size:14px;gap:13px;color:var(--muted)}.footer-store{font-size:12px;display:flex;gap:8px;align-items:center}.footer-store .icon{width:15px;height:15px}
@media(min-width:1800px){.hero-film .hero-content{left:8%}}
@media(max-width:1150px){.site-header nav{gap:24px}.site-header nav>a{font-size:13px}.site-header .brand-logo{width:185px}.site-header .nav-cta{padding:10px 20px;font-size:13px}}
@media(max-width:900px) and (min-width:761px){.site-header nav{gap:18px}.site-header .brand-logo{width:160px}.site-header .nav-cta{padding:10px 13px}.hero-film .hero-content{left:5%;bottom:16%}.hero-film h1{font-size:30px}.hero-film h1 strong{font-size:47px}}
@media(max-width:760px){
.site-header{height:76px;padding:0 23px;padding-top:env(safe-area-inset-top,0px);gap:19px}
.site-header .brand-logo{width:min(185px,51vw);margin-right:auto}
.header-shop{display:grid;place-items:center;width:32px;height:44px;flex-shrink:0}.header-shop .icon{width:23px;height:23px}
.menu-toggle{padding:10px 0;width:26px;flex-shrink:0}
.menu-toggle>span:not(.sr-only){background:currentColor;width:24px}
.site-header nav{top:76px;color:var(--ink);gap:8px;padding:16px 24px 27px}
.site-header nav>a{font-size:18px}.site-header nav .nav-cta{color:var(--ink);border-color:var(--ink);padding:13px}
.hero.hero-film{height:100svh;min-height:540px;max-height:none}
.hero-film .hero-media img,.hero-video{object-position:center center}
.hero-film .hero-content{inset:auto 24px 14.5%;text-align:center;max-width:none}
.hero-film h1{font-size:clamp(23px,5.8vw,31px);line-height:1.4;font-weight:450;letter-spacing:-.035em}
.hero-film h1 strong{font-size:clamp(30px,7.8vw,42px);font-weight:650;margin-top:9px;letter-spacing:-.055em;line-height:1.25}
.hero-film .hero-content>p{font-size:14px;margin-top:16px;letter-spacing:-.015em}
.hero-actions{justify-content:center;gap:22px;margin-top:18px}
.hero-link{font-size:13px;gap:7px;padding:10px 0 8px}.hero-link .icon{width:14px;height:14px}
.hero-bottom{left:24px;right:24px;bottom:30px;gap:10px}
.hero-film .hero-signature{font-size:7px;max-width:220px;letter-spacing:.14em}
.film-tools{gap:13px}.film-scroll{font-size:8px;gap:5px}.film-scroll span{font-size:17px}.video-toggle{width:36px;height:36px}
.film-progress{left:24px;right:24px;bottom:17px}
.portfolio-store{justify-content:flex-start;margin:-14px 0 33px}.portfolio-store .text-link{font-size:13px}
.footer-store{font-size:11px}.footer-top{gap:15px}.back-top{display:none}
}
@media(max-width:360px){.site-header{padding:0 18px;gap:13px}.hero-film .hero-content{left:18px;right:18px;bottom:14%}.hero-film h1{font-size:22px}.hero-film h1 strong{font-size:29px}.hero-actions{gap:16px}.hero-link{font-size:12px}.hero-film .hero-signature{max-width:160px;line-height:1.8}.film-scroll{display:none}}
@media(prefers-reduced-motion:reduce){.hero-film .hero-content{animation:none}.hero-video{transition:none}}
.site-header .brand-logo img{filter:url(#logo-white);mix-blend-mode:normal}.site-header.scrolled .brand-logo img,.site-header.menu-open .brand-logo img{filter:none;mix-blend-mode:multiply}.hero-shade{background:linear-gradient(180deg,rgba(7,30,25,.43) 0%,rgba(7,30,25,.08) 22%,rgba(7,30,25,.07) 37%,rgba(7,30,25,.36) 64%,rgba(7,30,25,.72) 100%),linear-gradient(90deg,rgba(4,27,21,.3),rgba(4,27,21,.12) 45%,transparent 72%)}
@media(max-width:760px){.hero-film .hero-media img,.hero-film .hero-video{transform:scale(1.5);transform-origin:50% 55%}}
.hero.hero-film,.hero-film .hero-media{overflow:clip}