:root{--navy:#10235b;--coral:#ff6d52;--teal:#198e8c;--paper:#fffaf2;--cream:#f7f1e7;--line:#e5dfd5;--muted:#62697a;--white:#fff;--max:1120px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--navy);background:var(--paper);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Hiragino Sans","Yu Gothic",Meiryo,sans-serif;line-height:1.75}a{color:inherit}.watch-shell{width:min(calc(100% - 40px),var(--max));margin-inline:auto}.watch-header{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:70px;padding:10px max(20px,calc((100% - var(--max))/2));background:rgba(255,255,255,.94);border-bottom:1px solid var(--line)}.watch-brand{display:flex;align-items:center;gap:10px;text-decoration:none}.watch-brand span{padding:6px 9px;border-radius:999px;background:#fff0ed;color:var(--coral);font-size:10px;font-weight:900;letter-spacing:.15em}.watch-back{padding:9px 14px;border:1px solid var(--line);border-radius:999px;background:#fff;font-size:12px;font-weight:800;text-decoration:none}.watch-hero{padding:70px 0 56px;background:radial-gradient(circle at 88% 20%,rgba(25,142,140,.13),transparent 28%),linear-gradient(180deg,#fff,#fffaf2)}.watch-eyebrow{margin:0 0 8px;color:var(--coral);font-size:11px;font-weight:900;letter-spacing:.17em}.watch-hero h1{margin:0;font-size:clamp(40px,7vw,72px);line-height:1.12;letter-spacing:-.04em}.watch-hero p:last-child{max-width:680px;margin:18px 0 0;color:var(--muted)}.watch-library{padding:64px 0 88px}.watch-tools{display:grid;grid-template-columns:1fr minmax(300px,460px);gap:30px;align-items:end}.watch-tools h2{margin:0;font-size:clamp(28px,4vw,40px)}.watch-search span{display:block;margin-bottom:8px;font-size:12px;font-weight:850}.watch-search input{width:100%;min-height:50px;padding:12px 16px;border:1px solid var(--line);border-radius:14px;background:#fff;color:var(--navy);font:inherit}.watch-search input:focus{outline:3px solid rgba(25,142,140,.2);border-color:var(--teal)}.watch-title-list{display:flex;flex-wrap:wrap;gap:9px;margin:28px 0 18px}.watch-title-list a{display:inline-flex;gap:7px;padding:9px 13px;border:1px solid var(--line);border-radius:999px;background:#fff;font-size:12px;font-weight:750;text-decoration:none}.watch-title-list span{color:var(--coral);font-weight:900}.watch-count{margin:0 0 16px;color:var(--muted);font-size:12px}.watch-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.watch-card{overflow:hidden;border:1px solid var(--line);border-radius:22px;background:#fff;box-shadow:0 14px 32px rgba(16,35,91,.06)}.watch-card[hidden]{display:none}.watch-media{aspect-ratio:9/16;background:#11182d}.watch-media video{display:block;width:100%;height:100%;object-fit:cover}.watch-placeholder{display:grid;place-content:center;height:100%;background:linear-gradient(145deg,#fff0ed,#eef8f6);text-align:center}.watch-placeholder b{color:var(--coral);font-size:48px}.watch-card-copy{padding:18px}.watch-card-copy>span{color:var(--coral);font-size:10px;font-weight:900;letter-spacing:.11em}.watch-card h3{margin:6px 0 8px;font-size:19px;line-height:1.45}.watch-card p{margin:0;color:var(--muted);font-size:13px}.watch-card-copy a{display:inline-flex;margin-top:15px;color:var(--teal);font-size:12px;font-weight:900}.watch-empty{padding:22px;border-radius:16px;background:#fff;color:var(--muted);text-align:center}footer{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;padding:30px max(20px,calc((100% - var(--max))/2));border-top:1px solid var(--line);background:#fff;color:var(--muted);font-size:12px}footer a{font-weight:850;color:var(--navy)}@media(max-width:880px){.watch-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:620px){.watch-shell{width:min(calc(100% - 28px),var(--max))}.watch-header{min-height:62px}.watch-brand b{font-size:13px}.watch-back{font-size:11px}.watch-hero{padding:50px 0 42px}.watch-library{padding:46px 0 64px}.watch-tools{grid-template-columns:1fr;gap:20px}.watch-grid{grid-template-columns:1fr}.watch-card{display:grid;grid-template-columns:minmax(118px,38%) 1fr;align-items:start}.watch-media{height:100%}.watch-card-copy{padding:15px}.watch-card h3{font-size:17px}.watch-title-list{display:grid}.watch-title-list a{border-radius:13px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}