.home{--home-hover-glow:0 0 10px color-mix(in srgb, var(--color-primary) 20%, transparent), 0 0 28px color-mix(in srgb, var(--color-primary) 18%, transparent);width:min(var(--max-w), calc(100% - 48px));margin-inline:auto;padding-bottom:clamp(48px,8vw,96px)}.hero{--hero-title-h:clamp(52px, 5.4vw, 76px);--hero-bento-h:clamp(380px, calc(100vh - 330px), 600px);padding:clamp(12px,2.4vw,28px) 0 clamp(8px,2vw,16px)}.hero__progress{background:var(--color-border);border-radius:3px;height:3px;margin-top:22px;overflow:hidden}.hero__progress span{border-radius:inherit;background:var(--color-primary);transform-origin:0;height:100%;display:block;transform:scaleX(0)}.hero__stage{position:relative}.hero__track{margin-inline:calc(50% - 50vw);padding-inline:calc(50vw - 50%);display:grid;overflow-x:clip}.hero__slide{grid-area:1/1;min-width:0}.hero__title{height:var(--hero-title-h);font-family:var(--font-display);letter-spacing:-.03em;color:var(--color-ink);white-space:nowrap;align-items:flex-end;margin:0;font-size:clamp(2rem,4.2vw,3.4rem);font-weight:800;line-height:1;display:flex}.hero__bento{height:var(--hero-bento-h);grid-template-rows:minmax(0,1fr) minmax(0,1fr);grid-template-columns:minmax(0,1.7fr) minmax(0,1fr);gap:clamp(12px,1.6vw,20px);margin-top:20px;display:grid}.hero-cell{border:1px solid var(--color-border-strong);background:var(--color-surface);min-width:0;color:inherit;border-radius:10px;flex-direction:column;text-decoration:none;transition:box-shadow .18s;display:flex;overflow:hidden}.hero-cell--big{grid-row:span 2}.hero-cell__frame{background:var(--color-surface-soft);flex:1;min-height:0;position:relative;overflow:hidden}.hero-cell__frame .motion-shot{object-position:50% 40%;position:absolute;inset:0}.hero-cell__cap{border-top:1px solid var(--color-border);gap:2px;padding:10px 14px 12px;display:grid}.hero-cell__name{font-family:var(--font-display);color:var(--color-ink);font-weight:700}.hero-cell--big .hero-cell__name{font-size:1.125rem}.hero-cell__line{color:var(--color-muted);font-size:.9rem;line-height:1.4}.hero-cell:hover{box-shadow:var(--home-hover-glow)}.hero-cell:hover .hero-cell__name{text-underline-offset:3px;text-decoration:underline}.hero__arrow{top:calc(var(--hero-title-h) + 20px + var(--hero-bento-h) / 2);z-index:2;border:1px solid var(--color-border-strong);background:var(--color-surface);width:44px;height:44px;color:var(--color-ink);cursor:pointer;border-radius:50%;place-items:center;transition:box-shadow .18s;display:grid;position:absolute;translate:0 -50%}.hero__arrow:hover{box-shadow:var(--home-hover-glow)}.hero__arrow--prev{left:-66px}.hero__arrow--next{right:-66px}@media (width<=1340px){.hero__arrow--prev{left:10px}.hero__arrow--next{right:10px}}.home-sec{border-top:1px solid var(--color-border-strong);margin-top:clamp(28px,4vw,48px);padding-top:clamp(28px,4vw,40px)}.home-sec__head{justify-content:space-between;align-items:baseline;gap:16px;display:flex}.home-sec__title{font-family:var(--font-display);letter-spacing:-.025em;color:var(--color-ink);margin:0 0 clamp(20px,3vw,28px);font-size:clamp(1.5rem,2.6vw,2rem);font-weight:800}.home-sec__more{color:var(--color-ink-soft);text-decoration:underline;text-decoration-color:var(--color-border-strong);text-underline-offset:4px;font-weight:600}.home-sec__more:hover{text-decoration-color:currentColor}.home-grid{gap:clamp(20px,2.4vw,32px);display:grid}.home-grid+.home-grid{margin-top:clamp(28px,3.4vw,44px)}.home-grid--2{grid-template-columns:repeat(2,minmax(0,1fr))}.home-grid--3{grid-template-columns:repeat(3,minmax(0,1fr))}.home-grid--4{grid-template-columns:repeat(4,minmax(0,1fr))}.shot-card{color:inherit;flex-direction:column;text-decoration:none;display:flex}.shot-card__frame{aspect-ratio:1240/821;border:1px solid var(--color-border-strong);background:var(--color-surface-soft);border-radius:8px;transition:border-color .15s;display:block;overflow:hidden}.motion-shot{object-fit:cover;object-position:top left;width:100%;height:100%;display:block}.shot-card__name{font-family:var(--font-display);letter-spacing:-.01em;color:var(--color-ink);margin-top:14px;font-size:1.0625rem;font-weight:700}.home-grid--2 .shot-card__name{font-size:1.25rem}.shot-card__desc{color:var(--color-muted);margin-top:4px;font-size:.9375rem;line-height:1.45}.shot-card:hover .shot-card__frame{border-color:var(--color-ink-soft)}.shot-card:hover .shot-card__name{text-underline-offset:3px;text-decoration:underline}.home .shot-card{border-radius:10px;transition:box-shadow .18s}.home .shot-card:hover{box-shadow:var(--home-hover-glow)}.home .shot-card:hover .shot-card__frame{border-color:var(--color-border-strong)}@media (prefers-reduced-motion:reduce){.home :is(.hero-cell,.hero__arrow,.shot-card){transition:none}}.motion-shot--dark,:root[data-theme=dark] .motion-shot--light{display:none}:root[data-theme=dark] .motion-shot--dark{display:block}.home-experiments{border-top:1px solid var(--color-border-strong);color:var(--color-muted);flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:8px 24px;margin-top:clamp(32px,5vw,56px);padding-top:clamp(20px,3vw,28px);display:flex}.home-experiments p{max-width:70ch;margin:0}@media (width<=900px){.hero__bento{grid-template-rows:auto;grid-template-columns:repeat(2,minmax(0,1fr));height:auto}.hero-cell--big{grid-area:auto/span 2}.hero-cell__frame{aspect-ratio:1240/821;flex:none}.hero__arrow{top:calc(var(--hero-title-h) + 20px + 26vw)}.hero__title{white-space:normal}.home-grid--3,.home-grid--4{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=600px){.home{width:calc(100% - 32px)}.hero-cell:not(.hero-cell--big) .hero-cell__line{display:none}.hero-cell__cap{padding:8px 10px 10px}.hero__arrow{width:38px;height:38px}.home-grid--2,.home-grid--3,.home-grid--4{grid-template-columns:1fr}.home-grid--4 .shot-card,.home-grid--3 .shot-card{grid-template-columns:120px 1fr;align-items:start;column-gap:14px;display:grid}.home-grid--4 .shot-card__frame,.home-grid--3 .shot-card__frame{grid-row:span 2}.home-grid--4 .shot-card__name,.home-grid--3 .shot-card__name{margin-top:0}.home-grid+.home-grid{margin-top:20px}}