.ha-atelier{background:#241c20;color:#f6eee8;padding:clamp(72px,9vw,160px) 5.5vw 65px;overflow:hidden}
.ha-atelier *{box-sizing:border-box}
.ha-intro{display:grid;grid-template-columns:1.2fr .8fr;column-gap:5vw;max-width:1600px;margin:0 auto 70px;align-items:end}
.ha-intro .ha-label{grid-column:1/-1;margin-bottom:28px}
.ha-label{font:600 .72rem/1.4 'Noto Sans JP',sans-serif;letter-spacing:.21em;color:#d9a7a3}
.ha-intro h2{font-family:'Noto Serif JP',serif;font-weight:400;font-size:clamp(2.9rem,5.8vw,7.8rem);line-height:1.3;letter-spacing:-.08em;margin:0}
.ha-intro h2 em{font-style:normal;color:#d9a7a3}
.ha-intro>p:last-child{max-width:350px;line-height:2;justify-self:end;font-size:.95rem}
.ha-workbench{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(320px,.7fr);max-width:1600px;margin:auto;border:1px solid rgba(255,255,255,.25)}
.ha-stage{min-height:600px;position:relative;overflow:hidden;background:#57453f}
.ha-stage>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:var(--ha-pos,0%) center;transition:object-position .8s cubic-bezier(.2,.7,.2,1),opacity .35s}
.ha-stage-index{position:absolute;left:35px;top:30px;font:500 1.1rem/1 sans-serif;letter-spacing:.1em}
.ha-stage-stamp{position:absolute;left:35px;bottom:28px;font:.62rem/1.4 sans-serif;letter-spacing:.16em}
.ha-workbench-copy{padding:clamp(36px,4vw,80px);display:flex;flex-direction:column;background:#34282b}
.ha-copy-number{font:400 clamp(5rem,10vw,11rem)/.9 Georgia,serif;color:#a96c6e;letter-spacing:-.08em}
.ha-workbench-copy .ha-label{margin:30px 0 20px}
.ha-workbench-copy h3{font-family:'Noto Serif JP',serif;font-weight:400;font-size:clamp(1.8rem,2.9vw,3.8rem);line-height:1.5;margin:0 0 25px}
.ha-workbench-copy>p:not(.ha-label){line-height:2;max-width:420px}
.ha-control{display:flex;gap:0;margin-top:auto;padding-top:42px}
.ha-control button{flex:1;background:transparent;color:#e3d6d0;border:0;border-top:1px solid #776563;padding:16px 4px;text-align:left;cursor:pointer;font-size:.8rem;transition:color .25s,border-color .25s}
.ha-control button span{display:block;font:.65rem/1.4 sans-serif;letter-spacing:.12em;padding-bottom:8px}
.ha-control button[aria-pressed=true]{color:#fff;border-color:#e1aaa6}
.ha-control button:focus-visible{outline:2px solid #fff;outline-offset:3px}
.ha-progress{height:2px;background:#665457}.ha-progress i{display:block;width:33.333%;height:100%;background:#dfaaa5;transform:translateX(var(--ha-progress,0%));transition:transform .5s}
.ha-contact-sheet{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;max-width:1600px;margin:16px auto 0}
.ha-contact-sheet figure{margin:0;min-width:0}.ha-contact-sheet img{display:block;width:100%;aspect-ratio:2/3;object-fit:cover;object-position:0% center}.ha-contact-sheet figure:nth-child(2) img{object-position:50% center}.ha-contact-sheet figure:nth-child(3) img{object-position:100% center}
.ha-contact-sheet figcaption{padding:13px 0;color:#d9a7a3;font:.62rem sans-serif;letter-spacing:.18em}
.ha-disclaimer{max-width:1600px;margin:45px auto 0;color:#c6b9b4;font-size:.75rem;line-height:1.8}
@media(max-width:900px){.ha-intro{display:block}.ha-intro>p:last-child{max-width:550px;margin-top:28px}.ha-workbench{display:block}.ha-stage{min-height:60vw}.ha-workbench-copy{min-height:480px}.ha-contact-sheet img{aspect-ratio:1/1}}
@media(max-width:600px){.ha-atelier{padding:75px 20px 40px}.ha-intro{margin-bottom:44px}.ha-intro h2{font-size:clamp(2.5rem,11vw,4.2rem)}.ha-stage{min-height:380px}.ha-stage-index{left:20px;top:20px}.ha-stage-stamp{left:20px;bottom:20px;font-size:.55rem}.ha-workbench-copy{padding:30px 24px 38px;min-height:430px}.ha-copy-number{font-size:6.5rem}.ha-workbench-copy .ha-label{margin:10px 0 15px}.ha-contact-sheet{gap:6px;margin-top:6px}.ha-contact-sheet img{aspect-ratio:2/3}.ha-contact-sheet figcaption{font-size:.51rem;letter-spacing:.05em}.ha-disclaimer{margin-top:25px}}
@media(prefers-reduced-motion:reduce){.ha-stage>img,.ha-control button,.ha-progress i{transition:none!important}}
html.quiet .ha-stage>img,html.quiet .ha-progress i{transition:none!important}