
.choco-page{background:#fff}.choco-wrap{width:min(1440px,calc(100% - 96px));margin:auto}.choco-page figure{margin:0;min-width:0}.choco-page img{display:block;width:100%;height:auto;object-fit:contain}.choco-page figcaption{font-size:.875rem;line-height:1.9;color:#777;margin-top:14px}.choco-hero{padding-top:75px}.choco-hero h1{font-size:clamp(2.1rem,5.7vw,5rem);line-height:1.15;letter-spacing:-.045em;margin:23px 0 22px;overflow-wrap:anywhere}.choco-subtitle{font-size:1.2rem;line-height:1.7;margin:0 0 22px}.choco-intro{font-size:1.05rem;line-height:1.9;color:#555;margin:0 0 40px}.choco-section{padding-top:85px;padding-bottom:85px}.choco-split{display:grid;grid-template-columns:1fr 1fr;gap:8%;align-items:start}.choco-page h2{font-size:clamp(1.9rem,3.2vw,3rem);line-height:1.4;letter-spacing:-.045em;margin:18px 0 28px}.choco-copy p{font-size:1.05rem;line-height:1.95;color:#555;margin:0 0 22px}.choco-split>.choco-copy{padding-top:28px}.choco-after-copy{margin-top:35px}.choco-tone{background:#f9f9f8;border-top:1px solid #ddd;border-bottom:1px solid #ddd}.choco-making{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:start;margin-top:35px}.choco-making figure:last-child{max-width:530px;justify-self:end}.choco-depth{width:min(1050px,100%);margin:35px auto 0}.choco-color{display:grid;grid-template-columns:1.25fr 1fr;gap:8%;align-items:center}.choco-final>figure{margin-top:35px}.choco-back{display:inline-flex;min-height:48px;align-items:center;font-size:.875rem;font-weight:700;letter-spacing:.06em;margin-top:32px;border-bottom:1px solid #171719}.choco-back:hover{opacity:.65}
@media(max-width:1000px){.choco-wrap{width:calc(100% - 64px)}.choco-split{gap:5%}.choco-making{gap:30px}}
@media(max-width:800px){.choco-wrap{width:calc(100% - 40px)}.choco-hero{padding-top:48px}.choco-hero h1{font-size:clamp(2.1rem,7.5vw,3.5rem)}.choco-subtitle{font-size:1.05rem}.choco-intro,.choco-copy p{font-size:1rem}.choco-section{padding-top:55px;padding-bottom:55px}.choco-split,.choco-making,.choco-color{grid-template-columns:1fr;gap:26px}.choco-split>.choco-copy{padding-top:0}.choco-page h2{font-size:1.9rem;margin-bottom:22px}.choco-making figure:last-child{max-width:600px;justify-self:start}.choco-making{margin-top:25px;gap:35px}.choco-after-copy,.choco-depth{margin-top:25px}}
