/* Real editorial text and independent photographic layers. */
.atelier-story{--atelier-bronze:#a7612d;--atelier-ink:#262e31;position:relative;isolation:isolate;width:100%;min-height:clamp(720px,38vw,800px);overflow:hidden;background:#f3e6d5;color:var(--atelier-ink);font-family:Arial,Helvetica,sans-serif}
.atelier-story *{box-sizing:border-box}
.atelier-story__background{position:absolute;inset:0;z-index:-2;pointer-events:none;user-select:none}
.atelier-story__background img{display:block;width:100%;height:100%;object-fit:fill;border-radius:0}
.atelier-story::before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(90deg,transparent 7%,#f7eddf45 13%,#f7eddf80 45%,#f7eddf60 85%,transparent 94%)}
.atelier-story__inner{width:82%;max-width:1740px;margin:0 auto;padding:60px 0 66px;display:grid;grid-template-columns:1.08fr .95fr 1fr;gap:40px;position:relative;z-index:4}
.atelier-story article{min-width:0}
.atelier-story p{margin:0}
.atelier-story .atelier-eyebrow,.atelier-story .atelier-section-label{font:500 14px/1.5 Arial,sans-serif;letter-spacing:.13em;color:var(--atelier-bronze);margin:0 0 18px}
.atelier-story h2{font:600 clamp(36px,2.8vw,58px)/1.04 Arial,sans-serif;letter-spacing:-.035em;color:var(--atelier-ink);margin:0 0 12px;white-space:nowrap}
.atelier-story .atelier-subline{font:500 clamp(11px,.88vw,18px)/1.5 Arial,sans-serif;letter-spacing:.17em;color:var(--atelier-bronze);text-align:center;margin:0 0 20px}
.atelier-photo{margin:0}
.atelier-photo__frame{position:relative;aspect-ratio:1.45;overflow:hidden;border:1px solid #aa815a99;padding:3px}
.atelier-photo__frame img{display:block;width:100%;height:100%;object-fit:cover;border-radius:1px}
.atelier-story .atelier-photo-quote{position:absolute;top:5px;left:5px;padding:20px 16px;width:clamp(125px,8.3vw,170px);font:400 clamp(12px,.76vw,15px)/1.65 Arial,sans-serif;letter-spacing:.07em;color:#fff4e6;background:#251912ad}
.atelier-photo figcaption{font:400 12px/1.5 Arial,sans-serif;color:#55504a;margin:12px 10px 0}
.atelier-story__column{position:relative;padding-left:44px;display:flex;flex-direction:column}
.atelier-story__column::before{content:'';position:absolute;left:0;top:0;bottom:36px;width:1px;background:#a7612d99}
.atelier-ornament{position:absolute;left:-15px;top:240px;width:31px;height:52px;background:#f1e2cf;display:grid;place-items:center;color:#a65e25}
.atelier-ornament svg{width:29px;height:29px}
.atelier-story .atelier-section-label{display:flex;align-items:center;gap:12px;white-space:nowrap}
.atelier-section-label::after{content:'';height:1px;flex:1;max-width:105px;min-width:20px;background:var(--atelier-bronze)}
.atelier-story h3{font:500 clamp(33px,2.45vw,51px)/1.02 Arial,sans-serif;letter-spacing:-.035em;color:var(--atelier-ink);margin:0 0 27px}
.atelier-story .atelier-copy{font:400 clamp(13px,.71vw,15px)/1.85 Arial,sans-serif;color:#454442}
.atelier-copy p+p{margin-top:22px}
.atelier-story .atelier-callout{font:400 clamp(26px,1.65vw,34px)/1.07 Arial,sans-serif;letter-spacing:-.035em;color:#b46e38;margin:22px 0 0}
.atelier-callout::before{content:'';display:block;width:72px;height:1px;background:var(--atelier-bronze);margin-bottom:12px}
.atelier-story .atelier-vignette{display:block;position:relative;width:calc(100% + 48px);max-width:none;height:auto;aspect-ratio:2;object-fit:contain;border-radius:0;margin:10px -24px 0;filter:drop-shadow(0 8px 12px #50321918);pointer-events:none;user-select:none}
@media(min-width:1200px){.atelier-story__inner{padding-bottom:48px}.atelier-story .atelier-vignette{height:210px;margin-top:4px;object-position:center bottom}.atelier-story .atelier-photo-quote{width:clamp(112px,6.7vw,140px);padding:18px 12px;font-size:13px}}
@media(min-width:1440px){.atelier-story__spirit h3{font-size:clamp(33px,2.2vw,46px)}}
@media(min-width:1200px) and (max-width:1439px){.atelier-story__inner{width:88%;gap:24px;padding-top:50px;padding-bottom:50px}.atelier-story__column{padding-left:24px}.atelier-story h2{font-size:34px}.atelier-story h3{font-size:33px}.atelier-story .atelier-section-label{font-size:11px;letter-spacing:.08em}.atelier-story .atelier-callout{font-size:26px}.atelier-story .atelier-vignette{width:calc(100% + 24px);margin-inline:-12px}.atelier-photo__frame{aspect-ratio:1.25}.atelier-story .atelier-photo-quote{width:115px;padding:14px 10px;font-size:11px}}
@media(max-width:1199px){.atelier-story__background{opacity:.3}.atelier-story__background img{object-fit:cover}.atelier-story__inner{width:90%;padding:48px 0;grid-template-columns:1fr 1fr;gap:40px}.atelier-story__intro{grid-column:1/-1;max-width:650px;margin-inline:auto;width:100%}.atelier-story h2{font-size:46px}.atelier-story .atelier-subline{font-size:15px}.atelier-story__column{padding-left:25px}.atelier-story h3{font-size:38px}.atelier-story .atelier-copy{font-size:15px}.atelier-story .atelier-section-label{font-size:12px}.atelier-story .atelier-callout{font-size:29px}.atelier-story .atelier-photo-quote{width:160px;font-size:14px}}
@media(max-width:899px){.atelier-story__inner{grid-template-columns:1fr;width:100%;padding:40px 24px;gap:38px}.atelier-story__intro{max-width:650px}.atelier-story__column{padding:24px 0 0;border-top:1px solid #a7612d66;max-width:650px;width:100%;margin:auto}.atelier-story__column::before,.atelier-ornament{display:none}.atelier-story .atelier-vignette{width:100%;margin:16px 0 0}.atelier-story__background{opacity:.16}.atelier-story h3{font-size:40px}.atelier-story .atelier-copy{font-size:16px;line-height:1.8}}
@media(max-width:480px){.atelier-story h2{font-size:35px;white-space:normal}.atelier-story .atelier-eyebrow{font-size:12px}.atelier-story .atelier-subline{font-size:11px;letter-spacing:.13em}.atelier-story .atelier-photo-quote{width:112px;font-size:10px;padding:12px 9px}.atelier-photo figcaption{font-size:11px;margin-inline:0}.atelier-story h3{font-size:36px}.atelier-story .atelier-callout{font-size:28px}.atelier-story .atelier-section-label{font-size:11px}}
@media(max-width:899px){.atelier-story .atelier-photo-quote{top:auto;bottom:5px}}

/* Shared left edge anchored to the centered subline. */
.atelier-heading-group{width:max-content;max-width:100%;margin-inline:auto;display:flow-root}
.atelier-heading-group>.atelier-eyebrow,.atelier-heading-group>h2{width:0;white-space:nowrap;text-align:left}
.atelier-story .atelier-heading-group>.atelier-subline{text-align:left;white-space:nowrap}
@media(max-width:480px){.atelier-heading-group>.atelier-eyebrow,.atelier-heading-group>h2{width:auto;white-space:normal}}
