:root { --f1: 14px; --f2: 20px; --f3: 28px; --f4: 40px; --c2: rgba(244,241,236,.72); --ink2: rgba(244,241,236,.72); --g6: 8px; --pad: 12px;
  --spw: calc((100vw - var(--edge) * 2 - var(--pad) * 2 - var(--g6) * 2) / 3); --sph: calc(var(--spw) * 16 / 9); }


.spw-lead, .spw-row, .sph-c {
  border: 1px solid rgba(255,255,255,.34);
  background: linear-gradient(145deg, rgba(255,255,255,.12), rgba(255,255,255,.02) 46%), rgba(14,18,28,.42);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.5), 0 18px 44px rgba(0,0,0,.35);
  backdrop-filter: blur(18px) saturate(160%); -webkit-backdrop-filter: blur(18px) saturate(160%);
}

.sec-label, section:not(#highlights) .sec-label, #highlights .sec-label { font-size: var(--f1); color: var(--ink); opacity: 1; }


.clients { display: none; }  
html[data-hero="reelbg"] .hero { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); grid-template-areas: "name name" "stats stats" "spj spj" "pwin spk"; column-gap: 8px; row-gap: 16px; align-content: start; min-height: 100svh; padding-top: 24px; padding-bottom: 24px; }
html[data-hero="reelbg"] .hero .reel { top: 78px; bottom: auto; }
.hero .reel__sound { min-height: 44px; padding: 0 14px; font: 700 var(--f1)/1 var(--en); }
.hero .kicker, .role, .stats span { font-size: var(--f1); }
.hero .stats { padding-top: 16px; }

.spj { grid-area: spj; display: grid; grid-template-columns: minmax(0, 1fr); gap: 8px; }
.spj-c { display: flex; flex-direction: row; align-items: center; gap: 16px; padding: 8px 16px 8px 8px; border-radius: 18px; color: var(--ink); -webkit-tap-highlight-color: transparent; transition: transform 180ms ease; }
.spj-c:active { transform: scale(.98); }
.spj-imgs { flex: none; width: 40%; display: grid; grid-template-columns: 1fr; gap: 4px; aspect-ratio: 183 / 106; }
.spj-imgs--3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.spj-imgs img { width: 100%; height: 100%; min-height: 0; object-fit: cover; border-radius: 9px; }
.spj-cap { flex: 1; min-width: 0; padding: 0; }
.spj-cap em { font: 700 var(--f2)/1.3 var(--jp); font-style: normal; white-space: nowrap; }
.spj-c > i { display: none; }
html[data-hero="reelbg"] .pwin { grid-area: pwin; width: auto; justify-self: stretch; align-self: start; flex-direction: row; align-items: center; gap: 12px; min-height: 64px; padding: 8px 16px 8px 8px; border-radius: 18px; }
.pwin__img { width: 36px; flex: none; border-radius: 7px; }
.pwin__cap { flex: 1; padding: 0; }
.pwin__cap b, .spk-c b { font: 700 var(--f1)/1 var(--en); letter-spacing: .2em; }
.pwin__cap i, .spk-c i { font: 400 var(--f2)/1 var(--en); font-style: normal; }
.spk { grid-area: spk; display: grid; grid-template-rows: 1fr; }
.spk-c { display: flex; align-items: center; justify-content: space-between; min-height: 64px; padding: 0 16px; border-radius: 18px; color: var(--ink); -webkit-tap-highlight-color: transparent; }
.spk-c:first-child { display: none; }  


#highlights .hlr-track { display: none; }
#highlights.hl { min-height: 0; padding-top: 24px; padding-bottom: 32px; }
#highlights .sec-head { margin: 0 0 8px; padding: 0; border: 0; border-radius: 0; background: none; box-shadow: none; backdrop-filter: none; -webkit-backdrop-filter: none; }
#highlights .sec-head .sec-label { margin: 0; }
#highlights .sec-head > p:not(.sec-label) { display: none; }
.sph { --ch: min(calc(100svh - 216px), calc(70vw * 16 / 9)); --cw: calc(var(--ch) * 9 / 16 + 18px); display: flex; align-items: flex-start; gap: 12px; margin: 0 calc(var(--edge) * -1); padding: 0 calc((100vw - var(--cw)) / 2) 8px; overflow-x: auto; overflow-y: hidden; scroll-snap-type: x mandatory; overscroll-behavior-x: contain; -webkit-overflow-scrolling: touch; scrollbar-width: none; }
.sph::-webkit-scrollbar { display: none; }
.sph-c { display: grid; grid-template-columns: minmax(0, 1fr) auto; column-gap: 8px; align-items: center; flex: none; width: var(--cw); padding: 8px 8px 12px; border-radius: 22px; color: var(--ink); scroll-snap-align: center; scroll-snap-stop: always; transform-origin: 50% 40%; will-change: transform; -webkit-tap-highlight-color: transparent; }
.sph-nl { display: contents; }
.sph-case { order: -1; grid-column: 1 / -1; display: flex; align-items: flex-end; min-height: 2.9em; margin: 0 4px 6px; font: 500 var(--f1)/1.45 var(--jp); color: var(--c2); }
.sph-img { order: 0; grid-column: 1 / -1; display: block; width: 100%; aspect-ratio: 9 / 16; overflow: hidden; border-radius: 15px; background: #10141d; }
.sph-img img { width: 100%; height: 100%; object-fit: cover; }
.sph-t { order: 1; grid-column: 1; margin: 10px 0 0 4px; font: 700 var(--f2)/1.3 var(--jp); word-break: keep-all; overflow-wrap: anywhere; }
.sph-nl em { order: 2; grid-column: 2; margin: 10px 4px 0 0; padding: 5px 9px; border-radius: 99px; border: 1px solid rgba(255,255,255,.5); font: 500 var(--f1)/1 var(--jp); font-style: normal; white-space: nowrap; }
.sph-n { order: 3; grid-column: 1 / -1; margin: 4px 0 0 4px; font: 800 var(--f4)/1 var(--en); letter-spacing: -.02em; white-space: nowrap; font-variant-numeric: tabular-nums; }
.sph-n i, .sph-n > i:last-child { font: 700 var(--f3)/1 var(--jp); margin-left: 2px; letter-spacing: 0; }
.sph-sub { display: none; }
.sph .hlr-nb { white-space: nowrap; }
.sph-c > :not(.sph-img) { opacity: var(--o, 1); }  



.mvs .sec-head h2 { font: 700 var(--f3)/1.3 var(--jp); }
.mvs .mv-grid { display: grid; grid-template-columns: minmax(0, 1fr); gap: 32px; margin: 32px 0 0; padding: 0; overflow: visible; scroll-snap-type: none; }
.mvs .mv-grid::after { display: none; }
.mvs .mv-grid .mv, .mvs .mv-row .mv { width: auto; gap: 8px; }
.mv-feat .mv__meta b, .mvs .mv-row .mv__meta b { font: 700 var(--f2)/1.45 var(--jp); }
.mv-feat .mv__meta span, .mvs .mv-row .mv__meta span { margin-top: 4px; font: 500 var(--f1)/1.7 var(--jp); color: var(--c2); }

.mv-feat .mv__meta b span, .mvs .mv-row .mv__meta b span { display: inline-block; margin: 0; font: inherit; line-height: inherit; letter-spacing: inherit; color: inherit; }
.mvs .mv-more { flex-wrap: wrap; margin: 32px 0 0; padding: 0; overflow: visible; scroll-snap-type: none; }
.mvs .mv-more::after { display: none; }
.mv-more b { font: 700 var(--f1)/1 var(--jp); color: var(--c2); }
.mv-more a.nb { max-width: 100%; min-height: 44px; padding: 8px 14px; font: 500 var(--f1)/1.4 var(--jp); white-space: normal; }



.sph-case { flex-wrap: wrap; align-content: flex-end; gap: 0 .1em; }

.sph-nl > * { opacity: var(--o, 1); }

.hero h1 span { font-size: var(--f1); }

.bg__scene img { object-position: 32% 50%; }




.sph { --ch: min(calc(100svh - 350px), calc(54vw * 16 / 9)); --cw: calc(var(--ch) * 9 / 16); --tw: calc(100vw - var(--edge) * 2); gap: 16px; padding: 8px calc((100vw - var(--cw)) / 2) 0; }
.sph-c { display: flex; flex-direction: column; align-items: stretch; width: var(--cw); padding: 0; overflow: visible; border: 0; border-radius: 0; background: none; box-shadow: none; backdrop-filter: none; -webkit-backdrop-filter: none; }
.sph-img { order: 0; border-radius: 16px; box-shadow: 0 0 0 1px rgba(255,255,255,.28), 0 20px 46px rgba(0,0,0,.5); }
.sph-case, .sph-t, .sph-nl { width: var(--tw); margin-left: calc((var(--cw) - var(--tw)) / 2); margin-right: 0; }
.sph-case { order: 1; display: block; min-height: 0; margin-top: 20px; margin-bottom: 0; font: 500 var(--f1)/1.5 var(--jp); color: var(--c2); }
.sph-t { order: 2; grid-column: auto; margin-top: 4px; font: 700 var(--f2)/1.35 var(--jp); }
.sph-nl { order: 3; display: flex; flex-wrap: wrap; align-items: center; gap: 4px 14px; margin-top: 4px; }
.sph-n { order: 0; margin: 0; }
.sph-nl em { order: 1; margin: 0; }
.sph-nl > * { opacity: 1; }

html[data-hero="reelbg"] .hero .reel { top: 132px; }
.pwin__cap { display: flex; align-items: center; justify-content: space-between; gap: 8px; }


:root { --jp: "Noto Sans JP", "Hiragino Sans", sans-serif; --c2: rgba(244,241,236,.6); --c3: rgba(244,241,236,.45); --ink2: rgba(244,241,236,.6);
  --spw: calc((100vw - var(--edge) * 2 - var(--pad) * 2 - 12px) / 2); --sph: calc(var(--spw) * 16 / 9); }

.sph-case { font: 400 12px/1.5 var(--jp); letter-spacing: .03em; color: var(--c2); }
.sph-t { margin-top: 3px; font: 500 18px/1.4 var(--jp); letter-spacing: .02em; white-space: nowrap; overflow: hidden; }
.sph-nl { align-items: baseline; gap: 4px 12px; margin-top: 2px; }
.sph-n { font: 800 50px/1.1 var(--en); letter-spacing: -.02em; }
.sph-n i { font: 700 1em/1 var(--jp); margin: 0; letter-spacing: -.02em; }
.sph-n > i:last-child { font: 400 16px/1 var(--jp); margin-left: 4px; letter-spacing: 0; color: var(--c2); }
.sph-nl em { align-self: center; padding: 1px 8px 2px; border: 1px solid rgba(244,241,236,.75); border-radius: 0; font: 500 12px/1.5 var(--jp); letter-spacing: .06em; }
.sec-label, section:not(#highlights) .sec-label, #highlights .sec-label { font-size: 12px; }


.spc__nl em.spc-one, .sph-nl em.spc-one { background: #f4f1ec; border-color: #f4f1ec; color: #0c0f16; }


.works { padding-top: 16px; padding-bottom: 32px; }
.works .sec-head { margin: 0 0 6px; padding: 0; border-radius: 0; background: none; backdrop-filter: none; -webkit-backdrop-filter: none; }
.works .sec-head .sec-label { margin: 0; }
.works .sec-head > p:last-child:not(.sec-label) { display: none; }
.spw { display: block; margin: 0; background: none; --cols: 5; --gap: 5px; --pad: 10px; }

.spw .spw-lead { display: block; margin: 0 0 14px; padding: 0; border: 0; border-radius: 0; background: none; box-shadow: none; backdrop-filter: none; -webkit-backdrop-filter: none; font: 400 11px/1.6 var(--jp); letter-spacing: .03em; color: var(--c2); }
.spw .spw-lead b, .spw .spw-lead .spnw, .spw .spw-lead .spnw b { margin: 0; font: inherit; letter-spacing: inherit; color: inherit; }

.spw .spw-row { --cw: calc((100vw - var(--edge) * 2 - var(--pad) * 2 - 2px - var(--gap) * (var(--cols) - 1)) / var(--cols));
  --fn: calc(var(--cw) * var(--kn, .212)); --ft: calc(var(--cw) * var(--kt, .108)); --fb: calc(var(--cw) * var(--kb, .088)); --fs: calc(var(--cw) * var(--ks, .08));
  margin: 0 0 18px; padding: 14px var(--pad) 12px; border-radius: 16px; border: 1px solid rgba(255,255,255,.34); }

.spw #sp-w-popcorn { --gap: 9px; --kn: .175; --kt: .082; --kb: .06; --ks: .056; }

.spw .spw-head { display: block; padding: 0; }
.spw .spw-badge { margin: 0 0 8px; font: 500 10px/1.4 var(--jp); }
.spw .spw-badge b { font: 700 9.5px/1.3 var(--en); }
.spw .spw-ch { display: flex; justify-content: space-between; align-items: flex-end; gap: 10px; }
.spw .spw-hl { min-width: 0; }
.spw .spw-head h3 { margin: 0; font: 500 14px/1.4 var(--jp); letter-spacing: .02em; color: var(--ink); }
.spw .spw-kind { display: block; position: static; margin: 3px 0 0; padding: 0; font: 400 9px/1.5 var(--jp); letter-spacing: .03em; color: var(--c2); white-space: normal; overflow: visible; }
.spw .spw-kind::after { display: none; }
.spw .spw-wh { display: inline; }
.spw .spw-total { flex: none; display: block; margin: 0; text-align: right; white-space: nowrap; }
.spw .spw-total span { display: block; font: 400 9px/1.4 var(--jp); letter-spacing: .04em; color: var(--c2); }
.spw .spw-eps, .spw .spw-sns { display: inline; font: inherit; }
.spw .spw-total b { display: block; font: 800 30px/1.12 var(--en); letter-spacing: -.02em; white-space: nowrap; }
.spw .spw-total b i { font: 700 1em/1 var(--jp); margin: 0; letter-spacing: -.02em; }
.spw .spw-total b > i:last-child { font: 400 10px/1 var(--jp); margin-left: 3px; letter-spacing: 0; color: var(--c2); }

.spw .spw-grid { display: grid; grid-template-columns: repeat(var(--cols), minmax(0, 1fr)); column-gap: var(--gap); row-gap: 0; align-items: start; margin: 12px 0 0; padding: 0; }
.spw .spc, .spw .sps { display: grid; grid-template-columns: minmax(0, 1fr); grid-template-rows: subgrid; grid-row: span 7; row-gap: 0; width: auto; min-width: 0; margin: 0 0 12px; padding: 0; overflow: visible; border: 0; border-radius: 0; background: none; box-shadow: none; color: var(--ink); -webkit-tap-highlight-color: transparent; }
.spw .spc { transition: transform 200ms cubic-bezier(.2,.8,.2,1), opacity 420ms ease; }
.spw .spc:active { transform: scale(.96); }
.spw .spc__nl { display: contents; }
.spw .spc__cs { grid-row: 1; margin: 0 0 3px; overflow: hidden; white-space: nowrap; font: 400 var(--fs)/1.35 var(--jp); letter-spacing: .03em; color: var(--c2); }
.spw .spc__img, .spw .sps__img, .spw .sps__col { grid-row: 2; }
.spw .spc__img, .spw .sps__img { width: 100%; aspect-ratio: 9 / 16; border-radius: 3px; box-shadow: 0 0 0 1px rgba(255,255,255,.14); }
.spw .spc__t { grid-row: 3; display: block; margin: 5px 0 0; overflow: hidden; white-space: nowrap; font: 500 var(--ft)/1.4 var(--jp); letter-spacing: 0; color: var(--ink); }
.spw .spc__nl em { grid-row: 4; justify-self: start; display: inline-block; max-width: 100%; margin: 3px 0 0; padding: 0 .55em; overflow: hidden; border: 1px solid rgba(244,241,236,.75); border-radius: 0; font: 500 var(--fb)/1.6 var(--jp); letter-spacing: .06em; color: var(--ink); white-space: nowrap; }
.spw .spc__nl em.spc-one { background: #f4f1ec; border-color: #f4f1ec; color: #0c0f16; }
.spw .spc__n { grid-row: 5; margin: 2px 0 0; overflow: hidden; font: 800 var(--fn)/1.1 var(--en); letter-spacing: -.02em; white-space: nowrap; }
.spw .spc__n i { font: 700 1em/1 var(--jp); margin: 0; letter-spacing: -.02em; }
.spw .spc__n > i:last-child { font: 400 .44em/1 var(--jp); margin-left: .25em; letter-spacing: 0; color: var(--c2); }
.spw .spc__sc { grid-row: 6; margin: 2px 0 0; font: 400 var(--fs)/1.35 var(--jp); letter-spacing: .02em; color: rgba(244,241,236,.72); }
.spw .spc__pt { grid-row: 7; margin: 1px 0 0; font: 400 calc(var(--fs) * .93)/1.45 ui-monospace, "SF Mono", Menlo, monospace; color: var(--c3); }

.spw .sps em { grid-row: 3; margin: 5px 0 0; font: 400 var(--fs)/1.4 var(--jp); font-style: normal; letter-spacing: .03em; color: var(--c2); white-space: nowrap; }
.spw .sps__col { display: flex; flex-direction: column; justify-content: space-between; height: calc(var(--cw) * 16 / 9); }
.spw .sps__col .sps__img { aspect-ratio: 16 / 9; }
.spw .sps--wide { grid-column: 1 / -1; grid-row: auto; display: block; margin: 0 0 12px; }
.spw .sps--wide .sps__img { display: block; aspect-ratio: 16 / 9; }
.spw .sps--wide em { display: block; white-space: normal; font-size: 9px; }
.spw .sps--onair em { color: #f6e7c8; }

.spw .spw-others { margin: 0; font: 400 10px/1.9 var(--jp); letter-spacing: .01em; color: rgba(244,241,236,.72); }
.spw .spw-others > b { display: inline-block; margin-right: .9em; font: 400 9px/1 ui-monospace, "SF Mono", Menlo, monospace; letter-spacing: .2em; color: var(--ink); }
.spw .spw-others a { color: inherit; text-decoration: none; }
.spw .spw-others a span, .spw .spw-others .spw-o span { font: 500 1em/1 var(--en); color: var(--ink); }
.spw .spw-others > i { font: 400 8.5px/1 var(--jp); font-style: normal; color: var(--c3); }
.spw .spw-orest { display: none; }
.spw .spw-row.is-open .spw-orest { display: inline; }
.spw .spw-morebtn { display: inline; width: auto; min-height: 0; position: relative; margin: 0 0 0 .3em; padding: 0 2px; border: 0; border-radius: 0; background: none; color: var(--ink); font: 500 10px/1.9 var(--jp); letter-spacing: .02em; text-decoration: underline; text-underline-offset: 3px; -webkit-tap-highlight-color: transparent; }
.spw .spw-morebtn b { font: inherit; }
.spw .spw-morebtn::after { content: ""; position: absolute; inset: -12px -10px; }  
.spw .spw-note { padding: 0 2px; border-top: 0; font: 400 10px/1.8 var(--jp); letter-spacing: .03em; color: var(--c3); }

.spc-anim .spw .spc:not(.is-in) { opacity: 0; transform: translateY(10px); }
.spc-anim .spw .spc.is-in:nth-child(5n+2) { transition-delay: 40ms; }
.spc-anim .spw .spc.is-in:nth-child(5n+3) { transition-delay: 80ms; }
.spc-anim .spw .spc.is-in:nth-child(5n+4) { transition-delay: 120ms; }
.spc-anim .spw .spc.is-in:nth-child(5n) { transition-delay: 160ms; }


#highlights .sph { --cw: calc((100vw - var(--edge) * 2 - 18px) / 4); display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 0 6px; align-items: start; margin: 0; padding: 0; overflow: visible; scroll-snap-type: none; }
#highlights .sph-c { display: grid; grid-template-columns: minmax(0, 1fr); grid-template-rows: subgrid; grid-row: span 6; width: auto; margin: 0 0 16px; padding: 0; transform: none !important; scroll-snap-align: none; }
#highlights .sph-c > *, #highlights .sph-nl > * { opacity: 1; }
#highlights .sph-nl { display: contents; }
#highlights .sph-case, #highlights .sph-t, #highlights .sph-nl { width: auto; margin-left: 0; }
#highlights .sph-case { grid-row: 1; order: 0; display: block; min-height: 0; align-self: end; margin: 0 0 3px; overflow: visible; white-space: normal; font: 400 calc(var(--cw) * .066)/1.35 var(--jp); letter-spacing: .03em; color: var(--c2); }
#highlights .sph-img { grid-row: 2; order: 0; width: 100%; aspect-ratio: 9 / 16; border-radius: 4px; box-shadow: 0 0 0 1px rgba(255,255,255,.18), 0 8px 20px rgba(0,0,0,.4); }
#highlights .sph-t { grid-row: 3; order: 0; margin: 5px 0 0; overflow: hidden; white-space: nowrap; font: 500 calc(var(--cw) * .1)/1.4 var(--jp); letter-spacing: 0; }
#highlights .sph-nl em { grid-row: 4; order: 0; justify-self: start; align-self: start; display: inline-block; margin: 3px 0 0; padding: 0 .55em; border: 1px solid rgba(244,241,236,.75); border-radius: 0; font: 500 calc(var(--cw) * .068)/1.6 var(--jp); letter-spacing: .06em; white-space: nowrap; }
#highlights .sph-nl em.spc-one { background: #f4f1ec; border-color: #f4f1ec; color: #0c0f16; }
#highlights .sph-n { grid-row: 5; order: 0; margin: 2px 0 0; overflow: hidden; font: 800 calc(var(--cw) * .205)/1.1 var(--en); letter-spacing: -.02em; white-space: nowrap; }
#highlights .sph-n i { font: 700 1em/1 var(--jp); margin: 0; letter-spacing: -.02em; }
#highlights .sph-n > i:last-child { font: 400 .4em/1 var(--jp); margin-left: .25em; letter-spacing: 0; color: var(--c2); }
#highlights .sph-sub { grid-row: 6; display: block; margin: 2px 0 0; font: 400 calc(var(--cw) * .06)/1.35 var(--jp); letter-spacing: .02em; color: rgba(244,241,236,.72); }

#highlights .sph-c > *, #highlights .sph-nl > * { grid-column: 1; }
#highlights .sph { --cw: calc((100vw - var(--edge) * 2 - 22px - 18px) / 4); padding: 12px 10px 0; border-radius: 16px; border: 1px solid rgba(255,255,255,.34);
  background: linear-gradient(145deg, rgba(255,255,255,.12), rgba(255,255,255,.02) 46%), rgba(14,18,28,.6); box-shadow: inset 0 1px 0 rgba(255,255,255,.5), 0 18px 44px rgba(0,0,0,.35);
  backdrop-filter: blur(18px) saturate(160%); -webkit-backdrop-filter: blur(18px) saturate(160%); }


.spw .spw-row { --ft: calc(var(--cw) * var(--kt, .137)); --fb: calc(var(--cw) * var(--kb, .108)); --fs: calc(var(--cw) * var(--ks, .108)); }
.spw #sp-w-popcorn { --kt: .09; --kb: .068; --ks: .066; }
.spw .spc__t { height: calc(var(--ft) * 2.7); line-height: 1.35; text-wrap: balance; word-break: normal; overflow-wrap: anywhere; line-break: strict; }
.spw #sp-w-popcorn .spc__t { height: auto; }
.spw .spc__n > i:last-child { font-size: .5em; }
.spw .spc__sc { font: 400 var(--fs)/1.4 var(--jp); letter-spacing: .02em; }
.spw .spc__pt { margin: 0; font: 400 var(--fs)/1.4 var(--jp); letter-spacing: 0; color: var(--c2); }
.spw .spc__pt span { display: block; overflow: hidden; white-space: nowrap; }
.spw .sps-group { grid-column: span var(--n); grid-row: span 7; display: grid; grid-template-rows: subgrid; grid-template-columns: repeat(var(--n), minmax(0, 1fr)); column-gap: var(--gap); margin: 0 0 12px; }
.spw .sps-lab { grid-row: 1; grid-column: 1 / -1; display: flex; align-items: center; gap: 5px; margin: 0 0 3px; font: 400 var(--fs)/1.35 var(--jp); font-style: normal; letter-spacing: .06em; color: var(--c2); white-space: nowrap; }
.spw .sps-lab::after { content: ""; flex: 1; height: 1px; background: rgba(244,241,236,.3); }
.spw .sps-group .sps { grid-row: 2 / span 6; grid-template-rows: none; display: block; margin: 0; }
.spw .sps-group .sps__img { display: block; }

#highlights .sph-case { font-size: calc(var(--cw) * .082); }
#highlights .sph-t { font-size: calc(var(--cw) * .112); }
#highlights .sph-nl em { font-size: calc(var(--cw) * .088); }
#highlights .sph-sub { font-size: calc(var(--cw) * .082); }
#highlights .sph-sub, #highlights .sph-sub * { white-space: normal; overflow-wrap: anywhere; }

.spw .spw-row { --fs: calc(var(--cw) * var(--ks, .095)); }

.spw .spc__t { height: auto; max-height: calc(var(--ft) * 2.7); }
#highlights .sph-case, #highlights .sph-case * { white-space: normal; overflow-wrap: anywhere; }


.mvs .sec-head h2 { font: 500 16px/1.4 var(--jp); letter-spacing: .02em; }
.mv-feat .mv { gap: 8px; }
.mv-feat .mv__meta b { font: 500 15px/1.45 var(--jp); }
.mv-feat .mv__meta span { margin-top: 4px; font: 400 10.5px/1.7 var(--jp); color: var(--c2); }
.mvs .mv-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px 10px; align-items: start; margin: 20px 0 0; padding: 0; overflow: visible; scroll-snap-type: none; }
.mvs .mv-grid .mv, .mvs .mv-row .mv { width: auto; gap: 6px; }
.mvs .mv-row .mv .mv__img, .mvs .mv-row .mv[style] .mv__img { aspect-ratio: 16 / 9; }
.mvs .mv-row .mv__meta b { font: 500 11px/1.45 var(--jp); }
.mvs .mv-row .mv__meta span { margin-top: 2px; font: 400 9px/1.6 var(--jp); color: var(--c2); }
.mv-feat .mv__meta b span, .mvs .mv-row .mv__meta b span { display: inline-block; margin: 0; font: inherit; line-height: inherit; letter-spacing: inherit; color: inherit; }
.mvs .mv-more { display: block; margin: 16px 0 0; padding: 0; overflow: visible; font: 400 10px/1.9 var(--jp); color: rgba(244,241,236,.72); }
.mv-more b { display: inline-block; margin-right: .9em; font: 400 9px/1 ui-monospace, "SF Mono", Menlo, monospace; letter-spacing: .2em; color: var(--ink); }
.mv-more a.nb { display: inline; max-width: none; min-height: 0; padding: 0; border: 0; border-radius: 0; background: none; box-shadow: none; font: inherit; color: inherit; white-space: normal; }
.mv-more a.nb + a.nb::before { content: " ／ "; color: var(--c3); }

.mvs .mv-more a.nb + a.nb::before { content: none; }
.mvs .mv-more a.nb { display: inline; height: auto; margin: 0; line-height: inherit; vertical-align: baseline; }
.mvs .mv-more b { display: inline; min-height: 0; margin-right: .9em; }
.mvs .mv-more > * { scroll-snap-align: none; }

.mvs .ads ul li.ads__cm > b { font: 500 13px/1.45 var(--jp); letter-spacing: .02em; }
.mvs .ads ul li.ads__cm > span { font: 400 10.5px/1.6 var(--jp); color: var(--c2); }

.spw #sp-w-popcorn .spc__t { text-wrap: nowrap; white-space: nowrap; }

.spw .spw-row { --ft: max(9.5px, calc(var(--cw) * var(--kt, .137))); --fb: max(9px, calc(var(--cw) * var(--kb, .108))); --fs: max(9px, calc(var(--cw) * var(--ks, .095))); }
.spw #sp-w-popcorn { --kb: .074; --ks: .074; }
.spw .spc__nl em { padding: 0 .3em; letter-spacing: 0; }
.spw .spc__n > i:last-child { font-size: max(9px, .5em); }
.spw .spc__t { max-height: calc(var(--ft) * 4.05); }

.spw .spw-others { line-height: 2.2; }
.spw .spw-others a { position: relative; z-index: 1; padding: 5px 0; }
.spw .spw-morebtn::after { inset: -6px -4px; }
.spw .spw-note { color: var(--c2); }

.spw .spc { transition: transform 200ms cubic-bezier(.2,.8,.2,1), opacity 260ms ease; }
.spc-anim .spw .spc.is-in:nth-child(5n+2) { transition-delay: 20ms; }
.spc-anim .spw .spc.is-in:nth-child(5n+3) { transition-delay: 40ms; }
.spc-anim .spw .spc.is-in:nth-child(5n+4) { transition-delay: 60ms; }
.spc-anim .spw .spc.is-in:nth-child(5n) { transition-delay: 80ms; }

#highlights .sph-case { white-space: normal; overflow-wrap: normal; word-break: keep-all; }
#highlights .sph-case * { white-space: nowrap; overflow-wrap: normal; }
#highlights .sph-n > i:last-child { font-size: max(9px, .4em); }
#highlights .sph-nl em { font-size: max(9px, calc(var(--cw) * .088)); padding: 0 .3em; letter-spacing: 0; }
#highlights .sph-sub { font-size: max(9px, calc(var(--cw) * .082)); }
#career .sp-wbr { text-wrap: pretty; }

#highlights .sph-sub { display: none; }
#highlights .sph-case { font-size: max(8px, calc(var(--cw) * .088)); line-height: 1.4; }
#highlights .sph-case * { white-space: normal; word-break: keep-all; overflow-wrap: normal; }
.spw .spw-others > i { font-size: 9px; }
.spw .spw-morebtn { padding: 8px 2px; }

#highlights .sph-case * { white-space: nowrap; }

.mvs .mv-more { line-height: 2.2; }
.mvs .mv-more a.nb { position: relative; padding: 5px 0; }

.spw .spw-others a, .spw .spw-others .spw-o { white-space: nowrap; }




.spw .spw-grid > .spc { grid-row: 1 / span 7; }
.spw .spw-grid > .sps-group { grid-row: 1 / span 2; margin: 0; }
.spw .sps-group > .sps { grid-row: 2; }

.spw .sps-group > .sps--mosaic { grid-column: 1 / -1; display: grid; grid-template-columns: minmax(0, 1fr) calc(100% / 3 - var(--gap) * .926); grid-template-rows: auto auto; gap: var(--gap); align-self: start; }
.spw .sps--mosaic > .sps__img { grid-row: auto; grid-column: 2; display: block; width: 100%; aspect-ratio: 16 / 9; }
.spw .sps--mosaic > .sps__img:first-child { position: relative; grid-column: 1; grid-row: 1 / span 2; aspect-ratio: auto; height: auto; align-self: stretch; }
.spw .sps--mosaic > .sps__img img { display: block; width: 100%; height: 100%; object-fit: cover; }
.spw .sps--mosaic > .sps__img:first-child img { position: absolute; inset: 0; }

.profile__name span span { display: inline; margin: 0; font: inherit; letter-spacing: inherit; color: inherit; }

.spw .spw-note { color: rgba(244,241,236,.9); text-shadow: 0 1px 3px rgba(6,8,14,.75); }

.sq { display: inline-block; white-space: nowrap; width: max-content; }

#mv .mv > .mv__meta, #mv .mv > .mv__img { min-width: 0; }
#mv .mv__meta > b { min-width: 0; max-width: 100%; }

.sp6-bal, .sp6-bal * { overflow-wrap: normal !important; }


.spw .spw-ch { flex-wrap: wrap; gap: 2px 10px; }
.spw .spw-hl { flex: 1 1 0; min-width: min-content; margin-right: -1px; }  
.spw .spw-total { margin-left: auto; }