.hero{position:relative;overflow:clip}.hero-inner{padding-block:clamp(.25rem, .8vw, .75rem) var(--margin)}.hero-screen{aspect-ratio:16/9;width:100%;max-height:calc(100svh - 4.5rem - var(--margin) - .75rem);position:relative;container-type:inline-size}.hero-film{background:var(--night);cursor:pointer;clip-path:polygon(0 0,100% 0,100% 100%,3.4vw 100%,0 calc(100% - 2.6vw));-webkit-tap-highlight-color:transparent;position:absolute;inset:0;overflow:hidden}.hero-frame{position:absolute;inset:0;overflow:hidden}.hero-frame>video,.hero-frame>img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.hero-frame.is-next{opacity:0}.hero-frame.is-prev{z-index:1}.hero-frame.is-cur{z-index:2}@media (min-width:64em){.hero-screen{--bg:var(--night);--surface:var(--night-2);--ink:var(--pale);--ink-soft:#c5d4a4;--accent:var(--lime);--fill:var(--lime);--fill-ink:var(--night);color:var(--ink)}.hero-frame>video,.hero-frame>img{filter:brightness(.64)saturate(1.05)}.hero-title,.hero-copy,.hero-now{z-index:3;position:absolute}.hero-title{color:var(--lime);font-size:6.17284cqw;bottom:clamp(1.5rem,3.2cqw,3.5rem);left:clamp(1.5rem,3.2cqw,3.5rem)}.hero-copy{width:min(23rem,29cqw);bottom:clamp(1.5rem,3.2cqw,3.5rem);right:clamp(1.5rem,3.2cqw,3.5rem)}.hero-now{align-items:center;gap:.5rem;display:flex;top:clamp(1rem,2.4cqw,2.25rem);right:clamp(1rem,2.4cqw,2.25rem)}.hero-now-line{background:var(--night);align-items:center;min-height:2.75rem;padding:0 1rem;display:flex}}.hero-title{max-width:none;font-family:var(--font-display);letter-spacing:-.04em;white-space:nowrap;text-wrap:nowrap;font-weight:700;line-height:.98}.hero-words{display:block}.hero-support{font-size:var(--step-body);max-width:30ch;line-height:1.45}.hero-actions{flex-wrap:wrap;align-items:center;gap:.9rem 1.5rem;margin-top:1.25rem;display:flex}.hero-now-line{font-size:var(--step-small);line-height:1.3}.hero-now-line,.hero-now-line>*{white-space:nowrap}.hero-now-label:after{content:"  "}.hero-now-label{color:var(--ink-soft)}.hero-now-title{font-weight:700;text-decoration:none}.hero-now-controls{gap:.4rem;display:flex}.reel-btn{background:var(--surface);min-height:2.75rem;color:var(--ink);font-weight:600;font-size:var(--step-small);transition:background-color var(--t-hover) ease, color var(--t-hover) ease, transform var(--t-press) var(--ease-out);place-items:center;padding:0 1.1rem;display:inline-grid}.reel-btn-icon{width:2.75rem;padding:0}.reel-btn:active{transform:scale(.95)}@media (min-width:64em){.reel-btn{background:var(--night)}}.down-link{align-items:center;gap:.5rem;font-weight:600;text-decoration:none;display:inline-flex}.down-link:after{content:"↓";transition:transform var(--t-hover) var(--ease-out);font-weight:400}@media (hover:hover) and (pointer:fine){.reel-btn:hover{background:var(--fill);color:var(--fill-ink)}.hero-now-title:hover{text-underline-offset:.18em;text-decoration:underline}.down-link:hover:after{transform:translateY(.2em)}.field-lime .button:hover{background:var(--moss);color:var(--lime)}.hero-screen .button:hover{background:var(--pale);color:var(--night)}}@media (max-width:63.99em){.hero-screen{aspect-ratio:auto;flex-direction:column;max-height:none;display:flex}.hero-title{order:1}.hero-copy{order:2}.hero-now{order:3}.hero-film{aspect-ratio:16/9;clip-path:polygon(0 0,100% 0,100% 100%,5vw 100%,0 calc(100% - 3.6vw));position:relative}.hero-now{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem 1rem;margin-top:2rem;display:flex}.hero-title{margin-top:clamp(1.75rem,5vw,2.75rem);font-size:10.0503cqw}.hero-copy{margin-top:1.5rem}.hero-support{font-size:var(--step-lead);max-width:34ch;line-height:1.3}.hero-actions{margin-top:1.75rem}}.films-sec{padding-block:var(--section) calc(var(--section) * .6);overflow:clip}.films-head{column-gap:var(--gutter);grid-template-columns:repeat(12,minmax(0,1fr));align-items:end;row-gap:2rem;display:grid}.films-title{grid-column:1/span 7}.films-copy{grid-column:8/-1}.films-copy>p:first-child{font-size:var(--step-body);max-width:44ch;line-height:1.55}.films-actions{flex-wrap:wrap;align-items:center;gap:1rem 1.75rem;margin-top:1.75rem;display:flex}.reel{margin-top:clamp(3rem,6vw,5.5rem)}.reel-controls{justify-content:flex-end;gap:.5rem;margin-bottom:1.25rem;display:flex}.reel-arrow{background:var(--surface);width:3.25rem;height:3.25rem;color:var(--ink);transition:background-color var(--t-hover) ease, color var(--t-hover) ease, opacity var(--t-hover) ease, transform var(--t-press) var(--ease-out);place-items:center;display:grid}.reel-arrow:disabled{opacity:.35;cursor:default}.reel-arrow:not(:disabled):active{transform:scale(.94)}.reel-track{gap:var(--gutter);overscroll-behavior-x:contain;scroll-snap-type:x proximity;scroll-padding-inline:var(--margin);padding:0 var(--margin) .5rem;scrollbar-width:none;cursor:grab;display:flex;overflow-x:auto}.reel-track::-webkit-scrollbar{display:none}.reel-track:focus-visible{outline-offset:-2px}.reel-track.is-dragging{cursor:grabbing;scroll-snap-type:none;-webkit-user-select:none;user-select:none}.reel-track.is-dragging .reel-link{pointer-events:none}.reel-item{scroll-snap-align:start;flex:0 0 clamp(13.5rem,21vw,22rem)}.reel-link{-webkit-user-drag:none;text-decoration:none;display:block}.reel-poster{aspect-ratio:3/4;background:var(--surface);clip-path:polygon(0 0,100% 0,100% 100%,14% 100%,0 94%);display:block;position:relative;overflow:hidden}.reel-poster img{transition:transform .8s var(--ease-out)}.reel-poster-empty{height:100%;font-family:var(--font-display);text-align:center;place-items:center;padding:1rem;font-weight:700;display:grid}.reel-tagline{background:var(--lime);color:var(--night);font-size:var(--step-small);transition:transform .48s var(--ease-out);padding:.9rem 1rem 1rem 1.6rem;font-weight:600;line-height:1.35;position:absolute;inset:auto 0 0;transform:translateY(101%)}.reel-title{font-family:var(--font-display);font-weight:700;font-size:var(--step-body);letter-spacing:-.01em;text-wrap:balance;margin-top:1.1rem;line-height:1.2;display:block}.reel-meta{font-size:var(--step-small);color:var(--ink-soft);margin-top:.4rem;display:block}@media (hover:hover) and (pointer:fine){.reel-arrow:not(:disabled):hover{background:var(--fill);color:var(--fill-ink)}.reel-link:hover .reel-poster img{transform:scale(1.05)}.reel-link:hover .reel-tagline,.reel-link:focus-visible .reel-tagline{transform:none}.reel-link:hover .reel-title{text-underline-offset:.18em;text-decoration:underline;text-decoration-thickness:.08em}}@media (max-width:63.99em){.films-title,.films-copy{grid-column:1/-1}}@media (max-width:39.99em){.reel-item{flex-basis:64vw}}.about-sec{padding-block:var(--section) calc(var(--section) / 2)}.about-facts{font-size:var(--step-small);grid-column:1/span 2;align-self:start;gap:.7rem;padding-top:.6rem;font-weight:500;display:grid}.about-text{grid-column:3/-1}.about-lead{max-width:34em;font-family:var(--font-display);font-weight:400;font-size:var(--step-lead);letter-spacing:-.012em;line-height:1.3}.about-lead strong{font-weight:700}.about-cap{float:left;background:var(--night);place-items:center;width:3.9em;height:3.9em;margin:.14em .55em .1em 0;padding:.55em;display:grid}.about-cap img{width:100%;height:auto}.about-quote{max-width:40em;margin-top:clamp(2.5rem,5vw,4rem)}.about-quote blockquote p{font-size:var(--step-lead);max-width:34ch;line-height:1.35}.about-quote figcaption{max-width:52ch;font-size:var(--step-body);color:var(--ink-soft);margin-top:1.25rem;line-height:1.5}.about-quote figcaption strong,.about-quote .arrow-link{color:var(--ink)}@media (max-width:63.99em){.about-text{grid-column:1/-1}.about-facts{flex-wrap:wrap;order:2;grid-column:1/-1;gap:.5rem 1.75rem;margin-top:3rem;padding-top:0;display:flex}.about-cap{width:5.2em;height:5.2em}}.turn-sec{padding-block:clamp(5rem,10vw,10rem)}.turn-intro{font-size:var(--step-body);max-width:40ch;line-height:1.6}.turn-remained{gap:.08em;margin-top:clamp(2.5rem,5vw,4rem);display:grid;container-type:inline-size}.turn-line{max-width:none;color:var(--moss);letter-spacing:-.035em;font-size:min(var(--step-head), calc(100cqw / 18.2))}.turn-line:nth-child(2){padding-left:1em}.turn-line:nth-child(3){padding-left:2em}.turn-grid{column-gap:var(--gutter);grid-template-columns:repeat(12,minmax(0,1fr));align-items:end;row-gap:3rem;margin-top:clamp(4rem,8vw,7rem);display:grid;container-type:inline-size}.turn-title{font-family:var(--font-display);font-weight:700;font-size:min(var(--step-display), calc(100cqw / 8.95));letter-spacing:-.04em;grid-column:1/-1;max-width:none;line-height:.98}.turn-copy{grid-column:7/-1}.turn-copy>p:first-child{font-size:var(--step-lead);max-width:32ch;line-height:1.3}@media (max-width:47.99em){.turn-line{font-size:min(var(--step-head), calc(100cqw / 10.8))}.turn-line:nth-child(n){padding-left:0}.turn-remained{gap:.45em}.turn-copy{grid-column:1/-1}}.stage-panel{aspect-ratio:16/9;isolation:isolate;background:var(--night);place-items:center;display:grid;position:relative;overflow:hidden}.stage-media{z-index:-1;position:absolute;inset:0;overflow:hidden}.stage-media>img,.stage-media>video{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.ink-lime .stage-media>img{filter:brightness(.55)saturate(1.05)}.stage-word{padding-inline:var(--margin);font-family:var(--font-display);font-weight:700;font-size:min(var(--step-display), calc((100vw - 2 * var(--margin)) / 6.5));letter-spacing:-.045em;text-align:center;line-height:1}.ink-lime .stage-word{color:var(--lime)}.ink-night .stage-word{color:var(--night)}.stage-line{left:var(--margin);bottom:var(--margin);max-width:min(30ch, calc(100% - 2 * var(--margin)));background:var(--night);color:var(--pale);font-size:var(--step-body);padding:.95rem 1.15rem 1rem;line-height:1.4;position:absolute}@supports (animation-timeline:view()){@media (prefers-reduced-motion:no-preference){.stage-media>img,.stage-media>video{animation:linear both stage-drift;animation-timeline:view();animation-range:cover}}}@keyframes stage-drift{0%{transform:scale(1.08)}to{transform:scale(1)}}@media (max-width:47.99em){.stage-panel{aspect-ratio:auto;grid-template:"m""l"/1fr;place-items:stretch stretch}.stage-media{z-index:0;aspect-ratio:16/9;grid-area:m;position:relative}.stage-word{z-index:1;grid-area:m;place-self:center}.stage-line{max-width:none;padding:1rem var(--margin) 2rem;grid-area:l;position:static}}.inverse-field{--bg:var(--night);--surface:var(--night-2);--surface-2:var(--night-3);--ink:var(--pale);--ink-soft:#c5d4a4;--line:#f4ffde29;--accent:var(--lime);--accent-ink:var(--night);--fill:var(--lime);--fill-ink:var(--night);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:var(--bg);color:var(--ink)}:root[data-theme=dark] .inverse-field{--bg:var(--pale);--surface:var(--pale-2);--surface-2:var(--pale-3);--ink:var(--night);--ink-soft:#4a5e12;--line:#121a0024;--accent:var(--night);--accent-ink:var(--lime);--fill:var(--night);--fill-ink:var(--lime);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}.close-sec{min-height:90svh;display:flex}.close-inner{flex-direction:column;flex:1;justify-content:space-between;gap:4rem;padding-block:clamp(5rem,10vw,9rem) clamp(2.5rem,5vw,4rem);display:flex;container-type:inline-size}.close-title{max-width:none;font-family:var(--font-display);font-weight:700;font-size:min(var(--step-display), calc(100cqw / 8.3));letter-spacing:-.04em;color:var(--accent);line-height:.96}.close-foot{column-gap:var(--gutter);grid-template-columns:repeat(12,minmax(0,1fr));align-items:end;row-gap:2rem;display:grid}.close-copy{font-size:var(--step-body);grid-column:1/span 6;max-width:46ch;line-height:1.55}.close-foot>p:last-child{grid-column:9/-1;justify-self:end}.close-button{min-height:3.5rem;padding-inline:2rem}@media (max-width:47.99em){.close-sec{min-height:80svh}.close-copy,.close-foot>p:last-child{grid-column:1/-1;justify-self:stretch}.close-button{width:100%}}@media (prefers-reduced-motion:no-preference){.js .hero-film{animation:hero-shutter 1.1s var(--ease-in-out) .2s both}.js .hero-frame.is-start>*{animation:frame-settle 1.8s var(--ease-soft) .2s both}.js .hero-frame.is-cur:not(.is-start){animation:frame-cut .7s var(--ease-in-out) both}.js .hero-frame.is-cur:not(.is-start)>*{animation:frame-settle 1.4s var(--ease-soft) both}}@keyframes hero-shutter{0%{clip-path:polygon(0 0,0 0,0 100%,0 100%,0 100%)}}@keyframes frame-cut{0%{clip-path:inset(0 0 0 100%)}to{clip-path:inset(0)}}@keyframes frame-settle{0%{transform:scale(1.06)}to{transform:none}}
