/* ATELIER 04: a photographic fashion edit, in black, white and cobalt. */
body.atelier{--paper:#f7f7f5;--ink:#1b1b1b;--line:#1b1b1b30;--accent:#2343dc;font-family:Arial,Helvetica,sans-serif}
.atelier [hidden]{display:none!important}
.atelier .demo-bar{font-size:.75rem}
.atelier .bag{font-size:.875rem;gap:12px}
.atelier h1,.atelier h2,.atelier h3{font-family:Arial,Helvetica,sans-serif;font-weight:500}
.atelier-nav{display:flex;justify-content:space-between;align-items:center;gap:24px;margin:0 4%;min-height:100px;border-bottom:1px solid var(--line)}
.atelier-logo{font-size:1.5rem;letter-spacing:-.07em;font-weight:700;white-space:nowrap}
.atelier-logo>span{color:var(--accent)}
.atelier-nav nav{display:flex;gap:35px;font-size:.875rem}
.atelier-nav nav a:hover,.atelier a:hover{text-underline-offset:5px}
.atelier-label{font: .75rem/1.5 'Courier New',monospace;text-transform:uppercase;letter-spacing:.055em}
.atelier-hero{display:grid;grid-template-columns:1.1fr 1fr;gap:0 5%;padding:42px 4% 0;position:relative}
.atelier-hero__heading{display:flex;flex-direction:column;align-items:start;justify-content:center;padding:42px 0}
.atelier h1{font-size:clamp(65px,7.4vw,114px);font-weight:600;letter-spacing:-.075em;line-height:.95;margin:38px 0}
.atelier h1>span{color:var(--accent)}
.atelier-hero__note{margin-top:15px;width:100%;max-width:370px}
.atelier-hero__note>p{font-size:1rem;line-height:1.8}
.atelier-hero__note>a{display:flex;justify-content:space-between;align-items:center;gap:25px;font-size:.875rem;border-bottom:1px solid currentColor;padding:15px 0;margin-top:26px}
.atelier-hero__note>a>span{font-size:1.4rem}
.atelier-hero__image{margin:0;position:relative;background:#dcdedc;min-height:0;aspect-ratio:2/3;overflow:hidden}
.atelier-hero__image>img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover;object-position:center 43%}
.atelier-hero__image figcaption{position:absolute;inset:auto 22px 20px;display:flex;align-items:center;justify-content:space-between;gap:20px;background:#f7f7f5ed;padding:14px 16px;font: .75rem/1.5 'Courier New',monospace}
.atelier-hero__image figcaption>a{font-family:Arial,Helvetica,sans-serif}
.atelier-hero__index{grid-column:1/-1;display:flex;justify-content:space-between;gap:25px;padding:24px 0;border-bottom:1px solid var(--line);font: .75rem/1.5 'Courier New',monospace}
.atelier-collection{padding:100px 4% 80px}
.atelier-section-heading{display:flex;justify-content:space-between;align-items:end;gap:50px;margin-bottom:50px}
.atelier-section-heading h2{font-size:clamp(40px,4.2vw,64px);letter-spacing:-.055em;line-height:1.06;margin-top:25px}
.atelier-section-heading>p{font-size:1rem;line-height:1.8}
.atelier-toolbar{border-block:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:30px;padding:16px 0;margin-bottom:32px}
.atelier-filters{display:flex;flex-wrap:wrap;gap:8px}
.atelier-filters button{border:1px solid transparent;background:transparent;padding:10px 16px;font-size:.875rem;min-height:44px}
.atelier-filters button[aria-pressed=true]{background:var(--ink);color:var(--paper)}
.atelier-filters button:hover:not([aria-pressed=true]){border-color:var(--line)}
.atelier-filters button>span{font-size:.75rem;margin-left:10px;opacity:.7}
.atelier-count{font-size:.875rem;white-space:nowrap}
.atelier-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.atelier-product{min-width:0}
.atelier-product__image{display:block;position:relative;width:100%;aspect-ratio:2/3;background:#dcdedc;border:0;padding:0;overflow:hidden;text-align:left}
.atelier-product__image>img{width:100%;height:100%;object-fit:cover;transition:transform .6s}
.atelier-product__image:hover>img{transform:scale(1.025)}
.atelier-product__number{position:absolute;left:20px;top:18px;font: .75rem 'Courier New',monospace}
.atelier-product__open{position:absolute;bottom:18px;left:18px;right:18px;background:#f7f7f5eb;padding:12px 15px;display:flex;justify-content:space-between;font-size:.875rem}
.atelier-product__open>span{font-size:1.125rem}
.atelier-product__info{padding:23px 0 0}
.atelier-product__info>div{display:flex;justify-content:space-between;align-items:start;gap:18px;font-size:1rem}
.atelier-product__info h3{font-size:1.125rem;letter-spacing:-.025em}
.atelier-product__info>p{font-size:.875rem;line-height:1.7;margin-top:11px;color:#51514d}
.atelier-product__choose{border:0;border-bottom:1px solid var(--line);background:transparent;width:100%;display:flex;justify-content:space-between;gap:20px;padding:15px 0;margin-top:9px;font-size:.875rem;min-height:48px}
.atelier-product__choose:hover{color:var(--accent);border-color:var(--accent)}
.atelier-collection-note{font-size:.75rem;line-height:1.8;color:#555650;margin-top:30px}
.atelier-story{background:#e4e5df;display:grid;grid-template-columns:1fr 1fr;gap:7%;padding:55px 4%}
.atelier-story__copy{display:flex;flex-direction:column;justify-content:center;align-items:start;padding:40px 6%}
.atelier-story h2{font-size:clamp(52px,6vw,92px);font-weight:600;letter-spacing:-.065em;line-height:.97;margin:32px 0}
.atelier-story h2 em{font-style:normal;color:var(--accent)}
.atelier-story__copy>p:not(.atelier-label){font-size:1rem;line-height:1.85;max-width:37ch;margin-bottom:20px}
.atelier-story__copy>a{font-size:.875rem;display:flex;justify-content:space-between;gap:40px;border-bottom:1px solid var(--ink);padding:13px 0;margin-top:18px}
.atelier-story__image{position:relative;min-height:0;aspect-ratio:2/3;background:#dddeda;margin:0;overflow:hidden}
.atelier-story__image>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 42%}
.atelier-story__image figcaption{position:absolute;bottom:20px;left:20px;right:20px;background:#f7f7f5ed;font: .75rem/1.5 'Courier New',monospace;padding:14px 16px}
.atelier-details{display:grid;grid-template-columns:1fr 1fr;gap:10%;padding:95px 7%}
.atelier-details h2{font-size:clamp(36px,3.7vw,55px);line-height:1.05;letter-spacing:-.045em;margin-top:24px}
.atelier .faqs summary{font-size:.875rem;min-height:24px}
.atelier .faqs p{font-size:1rem;line-height:1.8}
.atelier-closing{background:#222cce;color:#f7f7f5;padding:45px 4% 0;overflow:hidden}
.atelier-closing>div{display:flex;justify-content:space-between;align-items:center;gap:30px;padding:10px 0 60px}
.atelier-closing p{font-size:1.125rem;line-height:1.4;letter-spacing:-.025em}
.atelier-closing a{font-size:.875rem;border-bottom:1px solid;padding:12px 0}
.atelier-closing>span{display:block;font-size:17.5vw;font-weight:600;line-height:.83;letter-spacing:-.072em;white-space:nowrap}
.atelier .demo-footer{font-size:.875rem;align-items:start}
.atelier .demo-footer p{font-size:.75rem;opacity:1;color:#555650;line-height:1.8}
.atelier .shop-button{font-size:.875rem;min-height:56px}
.atelier .shop-button:disabled{opacity:.45;cursor:not-allowed}
.atelier .shop-button:disabled:hover{background:var(--ink);color:var(--paper)}
.atelier .demo-bag-head h2{font-size:2.5rem;letter-spacing:-.055em}
.atelier .demo-bag-head .kicker,.atelier .demo-bag-note,.atelier [data-bag-items]>p,.atelier .demo-bag-item p,.atelier .demo-feedback{font-size:.875rem}
.atelier .demo-bag-item h3{font-size:1.25rem}
.atelier .demo-bag-item button{font-size:.875rem;min-height:44px}
.atelier .demo-bag-item strong,.atelier .demo-bag-total{font-size:1rem}
.atelier-quick-view{width:min(920px,calc(100% - 48px));max-height:90dvh;padding:0;border:0;background:var(--paper);color:var(--ink);overflow:auto}
.atelier-quick-view::backdrop{background:#15151088;backdrop-filter:blur(3px)}
.atelier-quick-view__layout{display:grid;grid-template-columns:1fr 1fr;min-height:620px}
.atelier-quick-view__image{position:relative;min-height:600px;background:#dcdedc}
.atelier-quick-view__image>img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}
.atelier-quick-view__content{position:relative;padding:75px 38px 40px;display:flex;flex-direction:column;justify-content:center}
.atelier-close{position:absolute;top:18px;right:18px;width:44px;height:44px;font:26px Arial;background:var(--paper);border:1px solid var(--line)}
.atelier-quick-view h2{font-size:2.5rem;line-height:1.05;letter-spacing:-.05em;margin:25px 0}
.atelier-quick-view__price{display:flex;justify-content:space-between;gap:20px;font-size:1rem;padding-bottom:24px;border-bottom:1px solid var(--line);margin-bottom:23px}
.atelier-quick-view__price strong{font-weight:500}
.atelier-quick-view__content>p:not(.atelier-label){font-size:1rem;line-height:1.8}
.atelier-sizes{padding:0;border:0;margin:25px 0 0;min-width:0}
.atelier-sizes legend{font-size:.875rem;padding:0;margin-bottom:14px}
.atelier-sizes>div{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}
.atelier-sizes label{position:relative;cursor:pointer}
.atelier-sizes input{position:absolute;opacity:0;width:1px;height:1px}
.atelier-sizes span{display:grid;place-items:center;min-height:48px;border:1px solid var(--line);font-size:.875rem}
.atelier-sizes input:checked+span{border-color:var(--ink);background:var(--ink);color:var(--paper)}
.atelier-sizes input:focus-visible+span{outline:3px solid var(--accent);outline-offset:3px}
.atelier-quick-view__content>.atelier-size-status{font-size:.875rem!important;min-height:22px;margin:14px 0 20px}
.atelier-quick-view__content>#quick-view-note{font-size:.75rem;margin-top:14px;line-height:1.7;color:#555650}
@media(min-width:1800px){.atelier-closing>span{font-size:315px}}
@media(max-width:1100px){.atelier-hero{gap:4%}.atelier-hero__image{min-height:570px}.atelier h1{font-size:7.5vw}.atelier-hero__image figcaption{font-size:.75rem;flex-direction:column;gap:5px;align-items:start}.atelier-hero__image figcaption>a{display:none}.atelier-story__copy{padding:35px 0}.atelier-story__image{min-height:580px}.atelier-grid{gap:18px}.atelier-product__info h3{font-size:1rem}.atelier-product__info>div{gap:10px}.atelier-quick-view__content{padding-inline:28px}}
@media(max-width:760px){
.atelier-nav{margin-inline:5%;min-height:85px;flex-wrap:wrap;padding:21px 0 6px;gap:0}
.atelier-nav nav{order:3;width:100%;justify-content:space-between;gap:20px;font-size:.875rem;padding-top:12px}
.atelier-nav nav a{padding:10px 0;min-height:44px}
.atelier-hero{grid-template-columns:1fr;padding:20px 5% 0}
.atelier-hero__heading{padding:24px 0 35px}.atelier h1{font-size:clamp(54px,11.8vw,88px);margin:25px 0;line-height:.97}
.atelier-hero__note{max-width:none;margin:0}.atelier-hero__note>p{font-size:1rem}
.atelier-hero__note>a{margin-top:15px}.atelier-hero__image{min-height:0;aspect-ratio:2/3}
.atelier-hero__image>img{object-position:center 30%}
.atelier-hero__image figcaption{left:18px;right:18px;bottom:18px;flex-direction:row}
.atelier-hero__image figcaption>a{display:block}
.atelier-hero__index{flex-direction:column;gap:6px;font-size:.75rem;padding:21px 0}
.atelier-collection{padding:65px 5% 55px}
.atelier-section-heading{display:block;margin-bottom:30px}
.atelier-section-heading h2{font-size:2.7rem;margin-top:20px}
.atelier-section-heading>p{margin-top:25px}
.atelier-toolbar{display:block;padding:12px 0;margin-bottom:25px}
.atelier-filters{gap:4px}.atelier-filters button{padding:10px 12px}
.atelier-count{display:block;margin:10px 0 3px;font-size:.75rem}
.atelier-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:35px 18px}
.atelier-product__info>div{flex-wrap:wrap;gap:5px}.atelier-product__info h3{font-size:1rem}
.atelier-product__info{padding-top:17px}.atelier-product__info>p{font-size:.875rem}
.atelier-product__number{left:14px;top:14px}.atelier-product__open{bottom:12px;left:12px;right:12px;padding:10px;font-size:.75rem}
.atelier-product__choose{font-size:.875rem}
.atelier-story{grid-template-columns:1fr;padding:48px 5% 25px;gap:35px}
.atelier-story__copy{padding:0}.atelier-story h2{font-size:clamp(55px,12vw,88px)}
.atelier-story__image{min-height:0;aspect-ratio:2/3}.atelier-story__image img{object-position:center 28%}
.atelier-details{grid-template-columns:1fr;padding:65px 5%;gap:35px}
.atelier-details h2{font-size:2.25rem}.atelier-closing{padding:35px 5% 0}
.atelier-closing>div{padding-bottom:45px}.atelier-closing p{font-size:1rem}
.atelier .demo-footer{font-size:.875rem}
.atelier-quick-view{width:calc(100% - 24px);max-height:92dvh}
.atelier-quick-view__layout{grid-template-columns:.8fr 1fr;min-height:0}
.atelier-quick-view__image{min-height:500px}.atelier-quick-view__content{padding:70px 22px 30px}
.atelier-quick-view h2{font-size:2rem}
}
@media(max-width:480px){
.atelier h1{font-size:12vw}.atelier-grid{grid-template-columns:1fr;gap:38px}
.atelier-product__image{aspect-ratio:2/3}.atelier-product__image>img{object-position:center 35%}
.atelier-product__info>div{flex-wrap:nowrap;font-size:1rem}.atelier-product__info h3{font-size:1.125rem}
.atelier-product__open{font-size:.875rem;left:16px;right:16px;bottom:16px;padding:13px}
.atelier-product__info>p{font-size:.875rem}.atelier-product__number{left:20px;top:20px}
.atelier-hero__image figcaption{padding:12px;font-size:.75rem}.atelier-hero__image figcaption>a{display:none}
.atelier-filters button{padding:10px;font-size:.875rem}.atelier-filters button>span{display:none}
.atelier-closing>div{align-items:start}.atelier-closing a{font-size:.875rem}
.atelier-quick-view__layout{grid-template-columns:1fr}
.atelier-quick-view__image{min-height:0;aspect-ratio:1.25}.atelier-quick-view__image img{object-position:center 30%}
.atelier-quick-view__content{padding:70px 22px 25px}.atelier-close{position:absolute;top:16px;right:16px}
.atelier-quick-view h2{font-size:2rem;margin:18px 0}
.atelier .demo-footer>a:last-child{margin-left:0}
}
@media(prefers-reduced-motion:reduce){.atelier-product__image>img{transition:none}.atelier-product__image:hover>img{transform:none}}
/* Campaign composition: contrasting scale and an inset second look. */
.atelier-hero{grid-template-columns:1.15fr 1.2fr .65fr;gap:0 3%;padding-top:38px;align-items:center}
.atelier-hero__heading{padding:25px 0 40px;position:relative;z-index:1}
.atelier h1{font-family:Georgia,'Times New Roman',serif;font-weight:400;font-size:clamp(60px,6.8vw,110px);line-height:.98;letter-spacing:-.055em;margin:34px 0}
.atelier h1 em{font-weight:400;color:#2343dc}
.atelier-hero__image{aspect-ratio:2/3;min-height:0;align-self:stretch}
.atelier-hero__image figcaption{inset:auto 0 0;background:#171a1b;color:#fff;padding:17px 18px;display:block}
.atelier-hero__image figcaption a{display:none}
.atelier-hero__study{margin:110px 0 0;align-self:center;min-width:0}
.atelier-hero__study img{width:100%;height:auto;display:block;aspect-ratio:2/3;object-fit:cover}
.atelier-hero__study figcaption{font:12px/1.8 'Courier New',monospace;border-top:1px solid var(--line);margin-top:18px;padding-top:14px}
.atelier-hero__note>p{line-height:1.75}.atelier-hero__note>a{background:var(--ink);color:var(--paper);padding:17px 19px;border:0;gap:12px}
.atelier-hero__index{margin-top:30px}.atelier-section-heading h2{font-family:Georgia,serif;font-weight:400;font-size:clamp(46px,5vw,76px)}
.atelier-grid{gap:34px}.atelier-product:nth-child(2){padding-top:75px}.atelier-product:nth-child(3){padding-top:145px}
.atelier-product__open{background:var(--paper);left:auto;right:0;bottom:0;width:145px;padding:15px 17px}
.atelier-story{background:#171a1b;color:#f7f7f5;padding:65px 5%;gap:10%}
.atelier-story h2{font-family:Georgia,serif;font-weight:400;font-size:clamp(52px,6vw,90px);line-height:1.04;letter-spacing:-.055em}
.atelier-story h2 em{font-style:italic;color:#9aafff}.atelier-story__copy>a{border-color:#fff}
.atelier-story__image figcaption{color:#171a1b}.atelier-story__image{min-height:0}
.atelier-closing{background:#e7e9e5;color:#171a1b;padding-top:45px}
.atelier-closing>span{font-weight:500;line-height:1;letter-spacing:-.065em}
@media(max-width:1100px){.atelier-hero{grid-template-columns:1fr 1fr;gap:0 5%}.atelier-hero__study{display:none}.atelier h1{font-size:8.4vw}.atelier-hero__image{min-height:0}.atelier-grid{gap:22px}.atelier-product:nth-child(2){padding-top:45px}.atelier-product:nth-child(3){padding-top:90px}}
@media(max-width:760px){.atelier-hero{grid-template-columns:1fr 1fr;gap:24px 18px;padding-top:15px}.atelier-hero__heading{grid-column:1/-1;padding:15px 0 0}.atelier h1{font-size:clamp(64px,13.6vw,100px);margin:26px 0}.atelier h1 em br{display:none}.atelier-hero__note{max-width:440px}.atelier-hero__image{grid-column:1;aspect-ratio:2/3;align-self:start}.atelier-hero__study{display:block;margin:60px 0 0}.atelier-hero__study figcaption{font-size:12px}.atelier-hero__image figcaption{font-size:12px;padding:12px}.atelier-hero__index{margin-top:0}.atelier-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:35px 18px}.atelier-product:nth-child(2),.atelier-product:nth-child(3){padding-top:0}.atelier-product:last-child{grid-column:1/-1;width:70%;margin:auto}.atelier-story{gap:35px}.atelier-story h2{font-size:clamp(52px,12vw,85px)}}
@media(max-width:480px){.atelier h1{font-size:14vw}.atelier-hero__image figcaption{font-size:12px;padding:10px}.atelier-hero__study{margin-top:42px}.atelier-grid{grid-template-columns:1fr;gap:36px}.atelier-product:last-child{width:100%}.atelier-product__image{aspect-ratio:2/3}.atelier-product__open{width:150px}.atelier-story{padding-block:45px}}
/* Silhouette, texture and still life: each photograph has a different job. */
.atelier-hero__study{margin-top:45px;align-self:center}
.atelier-hero__study img{aspect-ratio:3/2;object-fit:cover}
.atelier-hero__study figcaption{font:14px/1.65 Arial,Helvetica,sans-serif;margin-top:18px;padding-top:18px}
.atelier-hero__study figcaption span{display:block;font:12px/1.5 'Courier New',monospace;margin-bottom:12px}
.atelier-story{align-items:center;padding:76px 5%;grid-template-columns:.95fr 1.05fr;gap:8%}
.atelier-story__copy{padding:0;min-width:0}.atelier-story h2{font-size:clamp(48px,5.5vw,78px);line-height:1.03;margin:26px 0}
.atelier-story__copy>p:not(.atelier-label){max-width:38ch}
.atelier-material{width:78%;margin:26px 0 12px;align-self:end}
.atelier-material img{width:100%;height:auto;display:block;aspect-ratio:3/2;object-fit:cover}
.atelier-material figcaption{display:flex;justify-content:space-between;gap:20px;font:12px/1.7 'Courier New',monospace;padding:14px 0;border-bottom:1px solid #ffffff40}
.atelier-story__image{width:100%;aspect-ratio:2/3;align-self:stretch}
.atelier-story__image img{object-fit:cover;object-position:center}
.atelier-story__image figcaption{background:#f7f7f5;padding:13px;font-size:12px}
.atelier-image-switch{position:absolute;bottom:18px;left:18px;right:18px;display:flex;gap:4px;justify-content:center}
.atelier-image-switch button{background:#f7f7f5;color:#171a1b;border:1px solid #171a1b30;min-height:44px;padding:10px 17px;font-size:14px;cursor:pointer}
.atelier-image-switch button[aria-pressed=true]{color:#fff;background:#171a1b}
.atelier-image-switch button:focus-visible{outline:3px solid #2343dc;outline-offset:3px}
.atelier-quick-view__image.is-detail>img{object-fit:cover}
@media(max-width:1100px){.atelier-story{gap:6%}.atelier-story h2{font-size:5.5vw}.atelier-material{width:90%}}
@media(max-width:760px){.atelier-hero__study{margin-top:45px}.atelier-hero__study figcaption{font-size:14px}.atelier-hero__study figcaption span{margin-bottom:8px}.atelier-hero__image{aspect-ratio:2/3}.atelier-story{grid-template-columns:1fr;padding:48px 5%;gap:36px}.atelier-story h2{font-size:clamp(45px,10vw,64px)}.atelier-material{width:80%;max-width:480px;margin:24px 0 8px}.atelier-story__image{aspect-ratio:4/5}.atelier-story__image img{object-position:center 52%}.atelier-material figcaption{font-size:12px}.atelier-hero__heading{padding-top:8px}.atelier h1{margin:21px 0}.atelier-nav{min-height:75px;padding-top:17px}.atelier-nav nav{padding-top:6px}.atelier-hero{padding-top:10px}}
@media(max-width:480px){.atelier-hero__study{margin-top:35px}.atelier-hero__study figcaption{font-size:12px;padding-top:12px;margin-top:12px}.atelier-material{width:85%}.atelier-image-switch{bottom:12px;left:12px;right:12px}.atelier-image-switch button{padding:9px 14px}.atelier-quick-view__image{aspect-ratio:1/1}.atelier-quick-view__image>img{object-position:center}}