@font-face{font-family:ZoomSerif;src:url('/assets/fonts/zoom-kanji-serif.ttf') format('truetype');font-style:normal;font-weight:300;font-display:swap}
@font-face{font-family:Hannari;src:url('/assets/fonts/hannari-zoom.woff') format('woff');font-style:normal;font-weight:400;font-display:swap}
.zoom-training{padding:70px 6% 64px;background:#f7f3ee;color:#51483f;scroll-margin-top:100px}
.zoom-training__film{position:relative;max-width:1120px;margin:0 auto;overflow:hidden;background:#e8dfd6;isolation:isolate}
.zoom-training__film video,.zoom-training__film img{display:block;width:100%;height:auto;aspect-ratio:910/512;object-fit:contain}
.zoom-training__film:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,transparent 40%,rgba(246,241,235,.12) 58%,rgba(246,241,235,.57));pointer-events:none}
.zoom-training__lettering{position:absolute;z-index:1;right:5%;top:50%;width:43%;transform:translateY(-50%);text-align:center;color:#493d34}
.zoom-training__lettering .eyebrow{font-size:9px;letter-spacing:.19em;margin:0 0 22px}
.zoom-training__title{font-family:Hannari,ZoomSerif,'Hiragino Mincho ProN','Yu Mincho',serif;font-size:clamp(32px,4.1vw,56px);font-weight:400;letter-spacing:.08em;line-height:1.65;margin:0;text-shadow:0 1px 14px #fff9}
.zoom-training__title span{display:block}
.zoom-training__tagline{font-family:Hannari,ZoomSerif,'Hiragino Mincho ProN','Yu Mincho',serif;font-size:clamp(13px,1.5vw,18px);line-height:1.9;letter-spacing:.04em;margin:24px 0 0}
.zoom-training__film .hair-breeze-toggle{z-index:2;right:auto;left:16px;border:1px solid #ffffffb3;background:#f7f3eecf;color:#51483f;font:11px/1.5 sans-serif;padding:8px 13px}
.zoom-training__copy{min-width:0}
.zoom-training>.zoom-training__copy{max-width:800px;margin:36px auto 0;text-align:center}
.zoom-training__lead{font-family:Hannari,ZoomSerif,'Hiragino Mincho ProN','Yu Mincho',serif;font-size:clamp(18px,2vw,23px);line-height:1.9;margin:0 0 16px;letter-spacing:.06em}
.zoom-training__copy p{line-height:2.1}
.zoom-training__summary{font-size:13px;margin:0 0 10px}
.zoom-training__summary span{display:inline-block}
.zoom-training__welcome{font-size:12px;margin:0}
.zoom-training__actions{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:20px 30px;margin-top:26px}
.zoom-training__cta{background:transparent;border-color:#a79a8e;color:#51483f;gap:32px;font-size:12px;line-height:1.7;padding:14px 22px}
.zoom-training__cta:hover{background:#e9e1d7}
.zoom-training__details{font-size:12px;line-height:1.8}
.zoom-training__topics{list-style:none;padding:0;margin:22px 0;border-top:1px solid #d6cabd}
.zoom-training__topics li{padding:10px 0;border-bottom:1px solid #d6cabd;font-size:14px;line-height:1.8;letter-spacing:.03em}
.zoom-training__copy .eyebrow{color:#74604c;margin-bottom:14px}
.zoom-training__copy .zoom-training__note{font-family:'Hiragino Kaku Gothic ProN','Yu Gothic',sans-serif;font-size:11px;color:#6a5846;line-height:1.9;margin:12px 0 0;letter-spacing:.02em}
.zoom-article{max-width:1240px;margin:0 auto;padding:42px 6% 90px;color:#51483f}
.zoom-article h1{font-family:Hannari,ZoomSerif,'Hiragino Mincho ProN','Yu Mincho',serif;font-size:clamp(27px,3.5vw,44px);line-height:1.7;margin:24px 0 8px}
.zoom-article__intro{font-size:16px;margin:0 0 36px}
.zoom-article__grid{display:block}
.zoom-article__grid>.zoom-training__copy{max-width:760px;margin:42px auto 0}
.zoom-article .zoom-training__copy h2{font-family:Hannari,ZoomSerif,'Hiragino Mincho ProN','Yu Mincho',serif;font-size:clamp(22px,2.2vw,29px);line-height:1.8;margin:24px 0 14px}
.zoom-article .zoom-training__copy h3{font-size:18px;line-height:1.8;margin:26px 0 12px}
.zoom-article__inquiry{border-top:1px solid #d6cabd;margin-top:28px;scroll-margin-top:100px}
@media(max-width:760px){
.zoom-training{padding:30px 0 40px;scroll-margin-top:80px}
.zoom-training__lettering{right:3%;width:44%}
.zoom-training__lettering .eyebrow{font-size:7px;letter-spacing:.08em;margin-bottom:8px}
.zoom-training__title{font-size:clamp(23px,6.4vw,42px);line-height:1.55;letter-spacing:.04em}
.zoom-training__tagline{font-size:clamp(10px,2.5vw,15px);margin:10px 0 0;letter-spacing:0}
.zoom-training__film .hair-breeze-toggle{left:10px;bottom:10px;padding:6px 10px;font-size:10px}
.zoom-training>.zoom-training__copy{margin:27px auto 0;padding:0 6%}
.zoom-training__lead{font-size:19px;margin-bottom:16px}
.zoom-training__summary{font-size:12px}
.zoom-training__welcome{font-size:11px;margin-top:12px}
.zoom-training__actions{flex-direction:column;gap:20px;margin-top:24px}
.zoom-training__cta{gap:30px;padding:14px 20px;font-size:12px}
.zoom-training__topics li{font-size:13px}
.zoom-article{padding:28px 6% 60px}
.zoom-article__intro{font-size:14px;margin-bottom:26px}
.zoom-article__grid>.zoom-training__copy{margin-top:28px}
.zoom-article__inquiry{scroll-margin-top:80px}
}