@import url('https://fonts.googleapis.com/css2?family=Alex+Brush&family=Cormorant+Garamond:ital,wght@0,400;0,500;1,500&family=Manrope:wght@300;400;600&display=swap');
:root{--red:#F52028;--black:#12110f;--ivory:#f4f0e9;--warm:#dfd5c7}.atelier-page{background:var(--ivory);color:var(--black)}.atelier-page .site-header{position:fixed;background:rgba(244,240,233,.95);color:#111;border-color:rgba(0,0,0,.16)}.atelier-page .site-header nav .active{color:var(--red)}.atelier-page .header-cta{border-color:#111}.atelier-page .menu{color:#111}.swatch-hero{min-height:100vh;padding:145px 5vw 55px;display:grid;grid-template-columns:.8fr 1.2fr;gap:5vw;align-items:center;position:relative;overflow:hidden}.swatch-hero:before{content:'ATELIER';position:absolute;left:-1vw;bottom:-8vw;font:500 24vw/.7 'Cormorant Garamond';color:rgba(20,18,15,.035);pointer-events:none}.swatch-hero-copy{position:relative;z-index:2}.swatch-hero h1{font:500 clamp(62px,7.7vw,126px)/.76 'Cormorant Garamond';letter-spacing:-.065em}.swatch-hero h1 em{color:var(--red)}.swatch-hero-copy>p:not(.eyebrow){max-width:510px;font-size:14px;line-height:1.85;color:#645e55;margin:38px 0}.text-link{display:inline-flex;gap:60px;border-bottom:1px solid #111;padding:0 0 9px;text-transform:uppercase;font-size:10px;letter-spacing:.16em}.swatch-hero-grid{display:grid;grid-template-columns:1.25fr .75fr;grid-template-rows:1fr 1fr;gap:8px;height:72vh;transform:rotate(2deg)}.swatch-hero-grid img{width:100%;height:100%;object-fit:cover}.swatch-hero-grid img:first-child{grid-row:span 2}.hero-index{position:absolute;right:2vw;bottom:12px;font-size:8px;letter-spacing:.26em;writing-mode:vertical-rl}.archive{padding:115px max(5vw,calc((100vw - 1400px)/2));background:#fff}.archive-head{display:grid;grid-template-columns:1.15fr .85fr;gap:8vw;align-items:end}.archive-head h2{font-size:clamp(52px,6vw,88px)}.archive-head>p{max-width:520px;line-height:1.8;color:#686158}.filter-bar{display:flex;gap:34px;margin:65px 0 42px;border-block:1px solid rgba(0,0,0,.16);padding:19px 0;overflow:auto}.filter-bar button{border:0;background:none;padding:0 0 5px;white-space:nowrap;font:600 10px Manrope;letter-spacing:.13em;text-transform:uppercase;cursor:pointer;color:#6d675f}.filter-bar button.active{color:var(--red);border-bottom:1px solid var(--red)}.filter-bar sup{font-size:7px}.swatch-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:7px}.swatch-card{margin:0;background:#eee;position:relative;overflow:hidden;aspect-ratio:1;cursor:zoom-in}.swatch-card:nth-child(9n+1),.swatch-card:nth-child(9n+6){grid-column:span 2;grid-row:span 2}.swatch-card[hidden]{display:none}.swatch-card img{width:100%;height:100%;object-fit:cover;transition:transform .65s,filter .4s}.swatch-card:hover img{transform:scale(1.045);filter:brightness(.77)}.swatch-card figcaption{position:absolute;inset:auto 0 0;padding:45px 16px 15px;color:#fff;background:linear-gradient(transparent,rgba(0,0,0,.82));opacity:0;transform:translateY(10px);transition:.35s}.swatch-card:hover figcaption{opacity:1;transform:none}.swatch-card figcaption span{font-size:8px;letter-spacing:.2em}.swatch-card figcaption strong{display:block;font:500 24px 'Cormorant Garamond';margin-top:5px}.bespoke-band{background:var(--black);color:#fff;padding:120px 7vw;text-align:center}.bespoke-band h2{font-size:clamp(58px,8vw,120px);line-height:.78;margin:25px auto 35px}.bespoke-band p:not(.eyebrow){max-width:620px;margin:0 auto 35px;line-height:1.85;color:rgba(255,255,255,.62)}.btn.red{background:var(--red);color:#fff}.swatch-lightbox{width:100vw;height:100vh;max-width:none;max-height:none;border:0;padding:0;background:rgba(12,11,9,.97);color:#fff}.swatch-lightbox::backdrop{background:#111}.swatch-lightbox[open]{display:grid;grid-template-columns:75px 1fr 75px;align-items:center}.swatch-lightbox figure{height:86vh;margin:0;display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:35px;align-items:center}.swatch-lightbox figure img{width:100%;height:100%;object-fit:contain}.swatch-lightbox figcaption span{font-size:9px;letter-spacing:.22em;color:var(--red)}.swatch-lightbox figcaption strong{display:block;font:500 38px 'Cormorant Garamond';margin:15px 0}.swatch-lightbox figcaption p{font-size:12px;line-height:1.8;color:rgba(255,255,255,.58)}.lightbox-close,.lightbox-prev,.lightbox-next{border:0;background:none;color:#fff;font-size:28px;cursor:pointer}.lightbox-close{position:absolute;right:28px;top:20px;font-size:38px}.atelier-page footer{background:var(--red);color:#fff}.atelier-page footer p,.atelier-page footer>small{color:rgba(255,255,255,.65)}.atelier-page footer .brand small{color:#fff}@media(max-width:900px){.atelier-page .site-header nav.open{background:var(--ivory)}.swatch-hero{grid-template-columns:1fr;padding-top:125px}.swatch-hero-grid{height:52vh}.archive-head{grid-template-columns:1fr}.swatch-grid{grid-template-columns:repeat(2,1fr)}.swatch-lightbox[open]{grid-template-columns:45px 1fr 45px}.swatch-lightbox figure{grid-template-columns:1fr;height:82vh}.swatch-lightbox figcaption{display:none}}@media(max-width:560px){.swatch-hero h1{font-size:58px}.swatch-hero-grid{height:40vh}.archive{padding:80px 5vw}.swatch-grid{gap:4px}.swatch-card:nth-child(9n+1),.swatch-card:nth-child(9n+6){grid-column:span 1;grid-row:span 1}.filter-bar{gap:22px}.hero-index{display:none}}