.ons-case{--ec-paper:#f4f1ee;--ec-ink:#271b23;--ec-accent:#95275f;--ec-field:#321626;--ec-field-ink:#fce8f3}
.ons-case .ec-intro{background:#160e15;color:#fff4fb}.ons-case .ec-intro .eyebrow{color:#ed8bca}.ons-case .ec-intro h1{font-size:clamp(52px,7.6vw,130px)}
.ons-cover{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));background:#160e15}.ons-cover img{aspect-ratio:4/5;object-fit:cover}
.ons-case .ons-facts p{margin:0}
.ons-facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:30px;padding-top:45px;padding-bottom:45px;background:#edd4e1}.ons-facts p{display:flex;flex-direction:column;gap:10px}.ons-facts strong{font-size:clamp(28px,3.7vw,60px);font-weight:400;letter-spacing:-.05em}.ons-facts span{font-size:15px}
.ons-case .ec-story>div:last-child>p+p{margin-top:22px}.ons-direction{background:#efcedf}.ons-heading{display:grid;grid-template-columns:1.25fr 1fr;align-items:end;gap:8%;margin-bottom:48px}.ons-heading h2,.ons-gallery-intro h2{font-size:clamp(40px,5.3vw,88px)}.ons-heading .eyebrow{margin-bottom:25px}.ons-heading>p,.ons-heading>div>p:not(.eyebrow){font-size:clamp(18px,1.55vw,23px);line-height:1.5;max-width:650px}.ons-heading>div>p+p{margin-top:22px}.ons-direction>.eyebrow{margin-bottom:25px}.ons-principles{display:grid;grid-template-columns:repeat(3,1fr);gap:6%;margin-top:65px}.ons-principles span{font-size:12px;letter-spacing:.05em}.ons-principles h3{font-size:25px;font-weight:400;margin:18px 0 12px}.ons-principles p{font-size:17px;line-height:1.55;max-width:370px}
.ons-motion{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));background:#090c0a;gap:0}.ons-motion video{display:block;width:100%;aspect-ratio:9/13;object-fit:cover}.ons-gallery-intro{padding-bottom:60px}.ons-gallery-intro h2{margin-top:30px}.ons-range-nav{display:flex;flex-wrap:wrap;gap:12px;margin-top:35px}.ons-range-nav a{background:#eadce3;padding:12px 19px;border-radius:25px;font-size:15px}.ons-range-nav a:hover{background:#dcb5cd}.ons-range-nav span{margin-left:8px}
.ons-range{scroll-margin-top:100px;padding-top:75px;padding-bottom:75px}.ons-range .eyebrow{color:inherit}.ons-nadeshikoiro{background:#390b2b;color:#ffe3f3}.ons-sawayaka{background:#c5eaff;color:#052b77}.ons-uminoiro{background:#063924;color:#d9ffdb}.ons-oshiroibana{background:#eeece3;color:#24241e}.ons-koubaiiro{background:#f7c3e4;color:#461335}.ons-photo-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;align-items:start}.ons-case .ons-photo-grid img{width:100%;height:auto}.ons-oshiroibana .ons-photo-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.ons-koubaiiro .ons-photo-grid figure:last-child{grid-column:2}
.ons-production{background:#f4f1ee}.ons-productions{display:grid;gap:18px}.ons-production-group{background:#e9e1e5;border-radius:4px;overflow:hidden}.ons-production-group summary{display:flex;align-items:center;gap:28px;padding:28px;cursor:pointer;list-style:none}.ons-production-group summary::-webkit-details-marker{display:none}.ons-production-number{font-size:38px;color:#932660}.ons-production-group strong{font-size:clamp(20px,2.1vw,32px);font-weight:400;display:block}.ons-production-group small{display:block;font-size:14px;margin-top:7px}.ons-expand{margin-left:auto;font-size:32px}.ons-expand:after{content:'+'}.ons-production-group[open] .ons-expand:after{content:'−'}.ons-production-content{padding:0 28px 28px}.ons-production-content>p{max-width:750px;font-size:18px;line-height:1.5;margin:6px 0 30px}.ons-film-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.ons-film-grid video{display:block;width:100%;aspect-ratio:9/16;background:#101010}.ons-feed{background:#25101f;color:#f8eaf2}.ons-feed .eyebrow{color:#f093cf}.ons-finale{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin:50px 0}.ons-feed-full summary{cursor:pointer;display:flex;justify-content:space-between;align-items:center;padding:20px 24px;background:#4b2440;font-size:20px;list-style:none}.ons-feed-full summary::-webkit-details-marker{display:none}.ons-feed-full figure{max-width:900px;margin:32px auto 0}.ons-case :is(a,summary,video):focus-visible{outline:3px solid #ba529b;outline-offset:5px}.ons-case .credits{border:0}.ons-case .credits dl>div{border:0}
@media(max-width:900px){.ons-heading{gap:5%}.ons-heading h2{font-size:46px}.ons-oshiroibana .ons-photo-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ons-principles{gap:25px}.ons-facts{gap:20px}.ons-facts span{font-size:13px}}
@media(max-width:700px){.ons-case .ec-intro h1{font-size:clamp(35px,9.4vw,66px)}.ons-cover{grid-template-columns:repeat(5,minmax(0,1fr))}.ons-cover img{aspect-ratio:1/2;object-fit:cover}.ons-facts{grid-template-columns:1fr 1fr;gap:28px 15px;padding-top:32px;padding-bottom:32px}.ons-facts strong{font-size:32px}.ons-heading{display:block;margin-bottom:30px}.ons-heading h2,.ons-gallery-intro h2{font-size:40px}.ons-heading>p,.ons-heading>div+div{margin-top:25px}.ons-principles{grid-template-columns:1fr;gap:28px;margin-top:40px}.ons-principles h3{font-size:24px;margin-top:12px}.ons-principles p{max-width:none}.ons-direction{padding-top:55px;padding-bottom:55px}.ons-motion video{aspect-ratio:9/16;object-fit:contain}.ons-range{padding-top:50px;padding-bottom:40px;scroll-margin-top:85px}.ons-photo-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.ons-sawayaka .ons-photo-grid figure:nth-child(3){grid-column:1/-1;width:100%}.ons-koubaiiro .ons-photo-grid figure:last-child{grid-column:auto}.ons-range-nav{gap:8px}.ons-range-nav a{font-size:13px;padding:10px 14px}.ons-production-group summary{padding:20px 16px;gap:16px}.ons-production-number{font-size:26px}.ons-production-group small{font-size:12px;line-height:1.5}.ons-production-content{padding:0 16px 20px}.ons-production-content>p{font-size:16px}.ons-film-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.ons-feed-full summary{font-size:17px;padding:18px}.ons-finale{margin:30px 0}.ons-gallery-intro{padding-top:55px;padding-bottom:45px}}