html:has(.home-cinematic) body{min-width:0}.home-cinematic{isolation:isolate;min-height:100svh;min-height:min(100svh, var(--hero-visible-height,100svh));margin-top:calc(-1 * var(--header-height));padding:calc(var(--header-height) + 96px) max(24px, calc((100% - 1240px) / 2)) 32px;color:var(--ui-text);background:var(--ui-canvas);flex-direction:column;display:flex;position:relative;overflow:hidden}html:root .home-cinematic .hero-motion{z-index:-2;opacity:1;filter:none;background:var(--ui-canvas)}.home-cinematic .hero-motion img,.home-cinematic .hero-motion video{object-position:70% center}.home-cinematic:before{z-index:-1;content:"";pointer-events:none;background:linear-gradient(0deg, var(--ui-canvas), transparent 37%), linear-gradient(110deg, transparent 50%, color-mix(in srgb, var(--portfolio-hero-accent) 4%, transparent)), linear-gradient(180deg, color-mix(in srgb, var(--ui-canvas) 90%, transparent), transparent 28%), linear-gradient(90deg, color-mix(in srgb, var(--ui-canvas) 82%, transparent), color-mix(in srgb, var(--ui-canvas) 54%, transparent) 48%, color-mix(in srgb, var(--ui-canvas) 12%, transparent));position:absolute;inset:0}.home-cinema-layout{flex-direction:column;flex:1;width:100%;max-width:1240px;margin-inline:auto;display:flex}.home-cinematic h1{letter-spacing:-.04em;text-wrap:balance;max-width:1180px;margin:0;font-size:clamp(54.4px,5.6525vw,81.6px);font-weight:500;line-height:1.01}.home-cinematic h1>span{display:block}.home-cinematic h1>.home-cinema-tagline{color:var(--portfolio-hero-accent);margin-top:.08em;font-size:.88em;line-height:1.08}.home-cinema-tagline>span{display:inline-block}.home-cinema-role{color:var(--ui-text-muted);letter-spacing:-.02em;margin:18px 0 0;font-size:clamp(16px,1.5vw,20px);line-height:1.3}.home-cinema-role>strong,.home-cinema-role>span>strong{color:var(--ui-text);font-weight:600}.home-cinema-role>span{display:inline-block}.home-cinema-introduction{max-width:49ch;color:color-mix(in srgb, var(--portfolio-hero-accent) 35%, var(--ui-text));margin:28px 0 24px;font-size:16px;line-height:1.6}.home-work-action{min-height:46px;color:var(--ui-accent-text);background:var(--portfolio-hero-accent);border-radius:var(--radius-button);border:1px solid #0000;align-items:center;gap:10px;padding:10px 18px;font-size:14px;font-weight:600;transition:background .18s;display:inline-flex}.home-work-action .link-arrow{transition:transform .18s}.home-work-action:focus-visible{outline:2px solid var(--portfolio-hero-accent);outline-offset:5px}html:root .home-cinematic .hero-motion-control:not([hidden]){width:44px;height:44px;color:var(--portfolio-hero-accent);background:color-mix(in srgb, var(--ui-canvas) 65%, transparent);border-color:color-mix(in srgb, var(--portfolio-hero-accent) 50%, var(--ui-canvas));bottom:24px;right:24px}@media (hover:hover) and (pointer:fine){.home-work-action:hover{background:color-mix(in srgb, var(--portfolio-hero-accent) 86%, white)}.home-work-action:hover .link-arrow{transform:translate(3px)}}@media (max-width:1100px) and (min-width:701px){.home-cinematic h1{font-size:64.6px}}@media (max-width:700px){.home-cinematic{padding:calc(var(--header-height) + 48px) 20px 26px}.home-cinematic h1{max-width:600px;font-size:clamp(30.6px,9.18vw,47.6px)}.home-cinema-role{margin-top:16px;font-size:15px}.home-cinema-introduction{max-width:34ch;margin:18px 0;font-size:14px;line-height:1.5}.home-work-action{min-height:44px;padding:9px 14px;font-size:13px}.home-cinematic .hero-motion img,.home-cinematic .hero-motion video{object-position:64% center}.home-cinematic:before{background:linear-gradient(0deg, var(--ui-canvas), transparent 62%), linear-gradient(110deg, transparent 45%, color-mix(in srgb, var(--portfolio-hero-accent) 4%, transparent)), linear-gradient(180deg, color-mix(in srgb, var(--ui-canvas) 90%, transparent), transparent 28%), linear-gradient(90deg, color-mix(in srgb, var(--ui-canvas) 78%, transparent), color-mix(in srgb, var(--ui-canvas) 48%, transparent))}html:root .home-cinematic .hero-motion-control:not([hidden]){right:20px}}@media (prefers-reduced-motion:reduce){.home-work-action,.home-work-action .link-arrow{transition:none}.home-work-action:hover .link-arrow{transform:none}}@media print{.home-cinematic{color:#111;background:#fff;min-height:0;margin-top:0;padding:24px 0}.home-cinematic:before,.home-cinematic .hero-motion{display:none}.home-cinematic h1>.home-cinema-tagline,.home-cinema-role,.home-cinema-role>strong,.home-cinema-introduction{color:#111}}