/* ARTCH signature: quiet typography and a framed moving brand sculpture. */
.hero.hero-cinematic{position:relative;display:grid;grid-template-columns:1.05fr 1fr;isolation:isolate;min-height:680px;background:#0a0a0a;overflow:hidden}
.hero-cinematic .hero-copy{position:relative;z-index:2;min-height:680px;padding:64px 0 42px 13%;background:none;text-shadow:none;display:flex;flex-direction:column;align-items:flex-start}
.hero-cinematic h1{font-size:clamp(64px,7.2vw,108px);line-height:1.03;margin:35px 0 26px;padding:0}
.hero-cinematic .hero-description{font-size:17px;color:#dedbd5;line-height:1.7}
.hero-cinematic .hero-bottom{margin-top:auto;padding-top:42px;width:100%;max-width:510px;padding-right:24px}
.hero-cinematic .hero-film{position:relative;inset:auto;min-height:680px;max-height:none;display:flex;align-items:flex-end;justify-content:center;background:#0a0a0a;overflow:hidden}
.hero-cinematic .hero-film:after{content:none}
.hero-cinematic .hero-film video{display:block;width:auto;height:580px;max-width:100%;object-fit:contain;transform:none;filter:none;opacity:1;mask-image:linear-gradient(0deg,transparent 0%,#000 10%,#000 85%,transparent 100%);-webkit-mask-image:linear-gradient(0deg,transparent 0%,#000 10%,#000 85%,transparent 100%)}
.hero-cinematic .hero-brand-mark{position:absolute;z-index:3;top:20px;left:50%;transform:translateX(-50%);width:245px;height:auto;mix-blend-mode:screen}
.hero-cinematic .film-shade{display:block;position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,#0a0a0a 0%,transparent 15%,transparent 85%,#0a0a0a 100%)}
.hero-cinematic .film-caption{display:none}
.hero-cinematic .hero-film .video-toggle{z-index:5;top:auto;bottom:25px;right:25px}
@media(min-width:1500px){.hero-cinematic .hero-film{justify-content:flex-start}.hero-cinematic .hero-brand-mark{left:207px}}
@media(max-width:700px){.hero.hero-cinematic{display:flex;flex-direction:column;min-height:0}.hero-cinematic .hero-film{order:0;min-height:420px;height:420px;flex:none;max-height:none}.hero-cinematic .hero-film video{height:380px;width:auto;max-width:100%}.hero-cinematic .hero-brand-mark{top:0;width:185px}.hero-cinematic .hero-copy{order:1;min-height:0;padding:0 7% 34px;width:100%;margin-top:-8px}.hero-cinematic h1{font-size:clamp(54px,14vw,78px);margin:22px 0 18px;line-height:1.04}.hero-cinematic .hero-description{font-size:16px}.hero-cinematic .hero-bottom{margin-top:28px;padding:0}.hero-cinematic .hero-film .video-toggle{bottom:20px;right:20px}}

/* Soft optical edges and restrained foreground depth. */
.hero-cinematic .hero-film{isolation:isolate;--drift-x:0px;--drift-y:0px}
.hero-cinematic .hero-film video{mask-image:radial-gradient(ellipse 62% 58% at 50% 50%,#000 48%,rgba(0,0,0,.94) 64%,rgba(0,0,0,.5) 80%,transparent 98%);-webkit-mask-image:radial-gradient(ellipse 62% 58% at 50% 50%,#000 48%,rgba(0,0,0,.94) 64%,rgba(0,0,0,.5) 80%,transparent 98%)}
.hero-cinematic .film-shade{z-index:1;background:linear-gradient(90deg,#0a0a0a,transparent 24%,transparent 77%,#0a0a0a),linear-gradient(0deg,#0a0a0a,transparent 17%,transparent 82%,#0a0a0a)}
.hero-atmosphere{position:absolute;inset:0;pointer-events:none;z-index:2;overflow:hidden;transform:translate(var(--drift-x),var(--drift-y));transition:transform 1.6s cubic-bezier(.2,.65,.3,1)}
.hero-atmosphere span{position:absolute;display:block;pointer-events:none}
.foreground-glow{width:60%;height:32%;left:-24%;bottom:3%;border-radius:50%;background:radial-gradient(ellipse,rgba(179,133,68,.25),rgba(97,71,38,.09) 45%,transparent 72%);filter:blur(22px);animation:artch-foreground 14s ease-in-out infinite alternate}
.foreground-shadow{width:62%;height:38%;right:-24%;bottom:-7%;border-radius:50%;background:radial-gradient(ellipse,#050505e6,#08080899 43%,transparent 73%);filter:blur(20px);animation:artch-shadow 18s ease-in-out infinite alternate}
.lens-light{width:26%;height:105%;top:0;right:-9%;background:linear-gradient(90deg,transparent,rgba(230,193,127,.045),transparent);filter:blur(18px);transform:rotate(-24deg);animation:artch-lens 17s ease-in-out infinite}
@keyframes artch-foreground{from{transform:translate(-4%,4%) scale(.95);opacity:.5}to{transform:translate(15%,-8%) scale(1.08);opacity:.85}}
@keyframes artch-shadow{from{transform:translate(5%,5%)}to{transform:translate(-8%,-7%)}}
@keyframes artch-lens{0%,100%{transform:translateX(20%) rotate(-24deg);opacity:0}45%{opacity:.8}70%{transform:translateX(-190%) rotate(-24deg);opacity:0}}
.hero-film.effects-paused .hero-atmosphere span{animation-play-state:paused}
@media(max-width:700px){.foreground-glow{left:-22%;bottom:0;opacity:.55}.foreground-shadow{right:-28%;bottom:-12%}.lens-light{opacity:.45}.hero-atmosphere{transform:none}}
@media(prefers-reduced-motion:reduce){.hero-atmosphere{transform:none!important;transition:none}.hero-atmosphere span{animation:none!important}.lens-light{display:none}}