.immersive-home{--gold: #c6b18b;--ease: cubic-bezier(.22, .75, .2, 1);overflow:clip}.atelier-hero{height:calc(100svh - 125px);min-height:660px;max-height:1100px;position:relative;isolation:isolate;color:#f2f2f2;background:#072319;overflow:clip}.hero-grain{position:absolute;inset:0;z-index:-1;opacity:.1;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23fff' filter='url(%23n)' opacity='.45' d='M0 0h180v180H0z'/%3E%3C/svg%3E");pointer-events:none}.atelier-hero.film-hero{height:100svh;height:100dvh;min-height:0;max-height:none;display:grid;place-items:end center;padding:0 var(--gutter) max(48px,calc(32px + env(safe-area-inset-bottom)))}.film-poster,.film-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.film-poster img{display:block;width:100%;height:100%;object-fit:cover}.film-poster{z-index:-4;animation:film-settle 2.6s var(--ease-out) both}.film-video{z-index:-3;opacity:0;transform:scale(1.04);transition:opacity 1.2s var(--ease-out),transform 2.4s var(--ease-out)}.film-hero.is-ready .film-video{opacity:1;transform:scale(1)}@keyframes film-settle{0%{transform:scale(1.06)}to{transform:scale(1)}}.film-veil{position:absolute;inset:0;z-index:-2;pointer-events:none;background:linear-gradient(0deg,#03180fb3 0%,#03180f40 26%,transparent 46%),linear-gradient(180deg,#03180fd9 0%,#03180f8c 14%,transparent 30%)}.film-hero>.hero-grain{z-index:-1;opacity:.07}.film-actions{display:flex;align-items:center;justify-content:center;gap:10px}.landing-name{position:absolute;top:clamp(36px,7vh,78px);left:50%;transform:translate(-50%);margin:0;font-family:Cinzel,Times New Roman,serif;font-size:clamp(38px,5vw,76px);font-weight:600;letter-spacing:.24em;text-indent:.24em;line-height:1.2;color:#f5f0e5;text-shadow:0 2px 24px #03180f66}.landing-name .landing-byline{display:block;margin-top:10px;font-family:var(--sans);font-size:clamp(8px,.7vw,10px);font-weight:400;letter-spacing:.16em;text-indent:0;text-align:center;line-height:1.6;color:#f5f0e5cc}.film-button,.landing-contact{display:inline-flex;align-items:center;justify-content:center;border:1px solid #ffffff40;border-radius:999px;background:linear-gradient(160deg,#ffffff24,#ffffff05 48%,#ffffff0d),#173428;color:#fffdf8;box-shadow:inset 0 1px #ffffff30,inset 0 -1px #ffffff0a,0 4px 16px #03180f1a;text-shadow:0 1px 6px #03180f66;-webkit-tap-highlight-color:transparent;transition:background-color .22s ease,border-color .22s ease,box-shadow .22s ease}@supports ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))){.film-button,.landing-contact{background-color:#0c1c163d;backdrop-filter:blur(14px) saturate(1.35);-webkit-backdrop-filter:blur(14px) saturate(1.35)}}.film-button:before,.landing-contact:before{content:"";position:absolute;inset:1px;border-radius:inherit;background:linear-gradient(115deg,#ffffff12,transparent 42%);pointer-events:none}.film-button{position:relative;gap:12px;min-height:54px;min-width:176px;border-radius:14px;padding:0 25px;font-size:12px;font-weight:500;letter-spacing:.025em;line-height:1.3;white-space:nowrap;text-transform:none}.film-button-copy{display:grid;gap:5px;text-align:left}.film-button-status{display:flex;align-items:center;gap:6px;font-size:8px;font-weight:500;letter-spacing:.16em;line-height:1;text-transform:uppercase;color:#e8dbb9}.film-button-status:before{content:"";width:4px;height:4px;border-radius:50%;background:#e8dbb9;box-shadow:0 0 8px #e8dbb966}.film-button>svg{flex-shrink:0;opacity:.8;transition:transform .22s ease,opacity .22s ease}.landing-contact{position:absolute;right:max(24px,calc(16px + env(safe-area-inset-right)));bottom:max(24px,calc(16px + env(safe-area-inset-bottom)));width:58px;height:58px;padding:0;z-index:2}.contact-caption{position:absolute;right:calc(100% + 12px);padding:8px 12px;border:1px solid #ffffff29;border-radius:999px;background:#173428e6;color:#fffdf8;font-size:11px;line-height:1.4;white-space:nowrap;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .18s ease,visibility .18s ease}@media(hover:hover){.film-button:hover,.landing-contact:hover{background-color:#29473b73;border-color:#ffffff73;box-shadow:inset 0 1px #ffffff52,0 5px 20px #03180f24}.film-button:hover>svg{transform:translate(1px,-1px);opacity:1}.landing-contact:hover .contact-caption{opacity:1;visibility:visible}}.film-button:focus-visible,.landing-contact:focus-visible{outline:2px solid #fffdf8;outline-offset:4px;border-color:#ffffff8c}.landing-contact:focus-visible .contact-caption{opacity:1;visibility:visible}.film-button:active,.landing-contact:active{background-color:#29473ba6}@media(max-width:680px){.atelier-hero.film-hero{padding-inline:20px;padding-bottom:max(108px,calc(96px + env(safe-area-inset-bottom)))}.film-actions{flex-wrap:wrap;gap:10px}.film-button{min-width:0;padding-inline:18px}.landing-contact{right:max(20px,calc(16px + env(safe-area-inset-right)));bottom:max(20px,calc(16px + env(safe-area-inset-bottom)));width:54px;height:54px}}@media(max-width:400px){.film-actions{flex-direction:column}.film-button{min-width:224px}}@media(prefers-reduced-motion:reduce){.film-video{transform:none}}html:has(.film-hero),body:has(.film-hero){height:100%;overflow:hidden}@media(max-height:500px)and (min-width:681px){.atelier-hero.film-hero{padding-bottom:max(24px,calc(16px + env(safe-area-inset-bottom)))}.landing-name{top:22px}}
