/* V5: ivory opening, soft prefix entrance, then film and door-synced second line. */
.page-home .gate-film{height:calc(100svh - 90px);min-height:610px;max-height:none;padding:0;background:#f0eadd;color:#f6f0e5}
.page-home .gate-reel{inset:0;width:100%;height:100%;margin:0;filter:none;transform:none!important}
.page-home .gate-reel .film{width:100%;height:100%;aspect-ratio:auto;clip-path:none;margin:0}
.page-home .gate-reel video{width:100%;height:100%;object-fit:cover;object-position:center}
.page-home .gate-reel:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(13,18,17,.73),rgba(13,18,17,.25) 42%,transparent 72%),linear-gradient(0deg,rgba(13,18,17,.48),transparent 34%);pointer-events:none}
.page-home .gate-copy{position:absolute;inset:0;width:100%;padding:0;z-index:3;pointer-events:none}
.page-home .gate-title{position:absolute;top:16%;left:var(--gutter);font-size:clamp(76px,8.2vw,150px);line-height:1.18;letter-spacing:.035em;text-shadow:0 2px 30px #0d121133}
.page-home .gate-title .gate-prefix{display:block;transform:none;opacity:1;will-change:opacity,transform}
.page-home .gate-title .gate-create{font-size:inherit;line-height:inherit;margin-top:.15em;opacity:1;transform:none;transition:opacity .9s ease,transform .9s cubic-bezier(.22,.61,.36,1)}
.page-home .gate-description{position:absolute;left:var(--gutter);bottom:9%;margin:0;font-size:14px;line-height:2;letter-spacing:.1em;max-width:380px}
.page-home .gate-reel .film-control{right:var(--gutter);bottom:7%;z-index:4;background:#151714b8;width:44px;height:44px}
.intro-running .gate-reel{opacity:1}
.intro-running .gate-copy{z-index:3}
.intro-running .gate-title .gate-create{opacity:0;transform:translateY(14px)}
.service-frames .photo img{filter:none}
.service-action{display:flex;justify-content:flex-end;margin-top:42px}
.service-action .text-link{width:100%;max-width:340px}
.hy-service-list h3{margin-top:6px}
@media(min-width:1700px){.page-home .gate-title{top:20%}}
@media(max-width:900px){.page-home .gate-film{height:calc(100svh - 76px);min-height:580px}.page-home .gate-title{font-size:10vw;top:19%}}
@media(max-width:700px){
 .page-home .gate-film{height:calc(100svh - 72px);min-height:560px;max-height:1000px}
 .page-home .gate-reel{position:absolute;inset:0;width:100%;height:100%;margin:0}
 .page-home .gate-reel .film{aspect-ratio:auto;clip-path:none}
 .page-home .gate-reel:after{background:linear-gradient(0deg,rgba(13,18,17,.84),rgba(13,18,17,.35) 37%,rgba(13,18,17,.08) 66%)}
 .page-home .gate-title{top:auto;bottom:18%;left:24px;font-size:clamp(53px,14.5vw,90px);line-height:1.18}
 .page-home .gate-title .gate-create{font-size:inherit;line-height:inherit;margin-top:.1em}
 .page-home .gate-description{left:24px;bottom:7.5%;font-size:11px;max-width:260px;line-height:2}
 .page-home .gate-description>p:first-child br{display:block}
 .page-home .gate-reel .film-control{right:24px;bottom:7%;width:40px;height:40px;min-height:40px}
 .service-frames{grid-template-columns:1fr;gap:24px;margin:36px 0}
 .service-frames .photo,.service-frames>div:nth-child(2) .photo{aspect-ratio:1.5}
 .service-frames>div:nth-child(2){margin-top:0;width:88%;margin-left:auto}
 .service-action{margin-top:25px}
 .service-action .text-link{max-width:none}
 .hy-service .split-heading h2,.hy-contact .contact-layout h2{font-size:clamp(22px,6.5vw,32px);letter-spacing:.01em}
}
@media(max-width:370px){.page-home .partner-grid h2{font-size:28px}.page-home .recruit-invitation h2{font-size:30px}}
@media(prefers-reduced-motion:reduce){.page-home .gate-title .gate-create{opacity:1;transform:none;transition:none}}
.reduce-motion .page-home .gate-title .gate-create{opacity:1;transform:none;transition:none}

.page-home .gate-art{position:absolute;inset:0;z-index:0;background:url('/assets/ivory-facets.webp') center/cover no-repeat}
.page-home .gate-reel{z-index:1;opacity:1;transition:opacity .85s ease}
.page-home .gate-copy{color:#f6f0e5;transition:color .85s ease}
.intro-running:not(.film-started) .gate-reel{opacity:0}
.intro-running:not(.film-started) .gate-copy{color:#292b27}
.intro-running:not(.film-started) .gate-title{text-shadow:none}
.intro-running .gate-title .gate-prefix{animation:prefix-arrives 1.35s cubic-bezier(.2,.6,.2,1) .2s both}
@keyframes prefix-arrives{from{opacity:0;transform:translateY(12px);filter:blur(5px)}to{opacity:1;transform:translateY(0);filter:blur(0)}}
html.reduce-motion .page-home .gate-prefix,html.reduce-motion .page-home .gate-create{animation:none;opacity:1;transform:none;filter:none;transition:none}
@media(prefers-reduced-motion:reduce){.page-home .gate-prefix{animation:none;opacity:1;transform:none;filter:none}.page-home .gate-reel,.page-home .gate-copy{transition:none}}

/* V9 scope repair: restore V7 canvas, title geometry and slanted paper film. */
.page-home .gate-film{background:#f0e7d7;color:#292b27}
.page-home .gate-art{background:linear-gradient(90deg,rgba(242,234,219,.86),rgba(242,234,219,.66)),url('/assets/ivory-facets.webp') center/cover no-repeat}
.page-home .gate-reel:after{display:none}
.page-home .gate-copy{color:#292b27;transition:color .8s ease}
.page-home .gate-title{text-shadow:none}
.page-home .gate-reel{transition:opacity .8s ease}
.page-home .gate-opener{position:absolute;inset:0;z-index:2;pointer-events:none;opacity:0;transition:opacity .8s ease}
.page-home .gate-opener video{width:100%;height:100%;object-fit:cover}
.page-home .gate-opener:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(13,18,17,.58),rgba(13,18,17,.1) 60%,transparent)}
.intro-running:not(.split-started) .page-home .gate-reel{opacity:0;pointer-events:none}
.film-started:not(.split-started) .page-home .gate-opener{opacity:1}
.film-started:not(.split-started) .page-home .gate-copy{color:#f6f0e5}
.split-started .page-home .gate-reel{opacity:1}
@media(max-width:700px){.page-home .gate-opener:after{background:linear-gradient(0deg,rgba(13,18,17,.64),rgba(13,18,17,.08) 70%)}}
@media(prefers-reduced-motion:reduce){.page-home .gate-opener{display:none}.page-home .gate-reel,.page-home .gate-copy{transition:none}}
html.reduce-motion .page-home .gate-opener{display:none}
html.reduce-motion .page-home .gate-reel,html.reduce-motion .page-home .gate-copy{transition:none}
/* Keep the original SP title geometry clear of the fixed film at short viewport heights. */
@media(max-width:700px){.page-home .gate-film{min-height:max(560px,calc((100vw - 15px) * 1.777778))}}
