/* Atelier: a restrained, type-led system for the entire 01 site. */
:root{--atelier-ink:#292a28;--atelier-line:#c8c8c3;--atelier-paper:#f7f7f4;--atelier-charcoal:#363734}
body{background:#fff;color:var(--atelier-ink);font-family:Golos,sans-serif;font-size:14px}
.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.atelier-notice{background:var(--atelier-charcoal);color:#fff;text-align:center;padding:8px 20px;font:11px Plex,monospace;letter-spacing:.01em}.atelier-notice a:hover{text-decoration:underline}
.header{height:auto;display:block;padding:0;background:#fff;border-bottom:1px solid var(--atelier-line)}
.atelier-header-main{display:flex;align-items:center;gap:30px;padding:20px 5%;min-height:77px;border-bottom:1px solid #e1e1dd}
.header .logo{font-size:clamp(19px,2vw,28px);letter-spacing:-.065em;white-space:nowrap}.header .logo span{font-weight:700}
.atelier-search{display:flex;align-items:center;margin-left:auto;width:min(280px,27vw);border-bottom:1px solid #888;padding:4px 0}
.atelier-search input{min-width:0;width:100%;border:0;background:transparent;outline:0;font:12px Plex,monospace}.atelier-search button{border:0;background:none;font-size:23px;padding:0 4px;line-height:1}
.header .header-link{margin:0 0 0 8px;display:block;white-space:nowrap;font-size:12px;border:0;padding:0}
.header .nav{display:flex;position:static;margin:0;padding:0 5%;min-height:47px;gap:clamp(22px,3vw,45px);align-items:center;background:#fff;font-size:12px}
.header .nav a{display:inline-flex;align-items:center;min-height:47px}.header .nav a:hover,.header .nav a[aria-current=page]{text-decoration:underline;text-underline-offset:5px;color:inherit}
.header .menu{display:none}.atelier-cover{position:relative;background:#333;min-height:410px}.atelier-cover>img{height:clamp(420px,48vw,690px);width:100%;object-fit:cover;object-position:center}.atelier-cover:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.65),transparent 65%);pointer-events:none}.atelier-cover-caption{position:absolute;left:5%;bottom:10%;z-index:1;color:#fff}.atelier-cover-caption p{font:11px Plex,monospace}.atelier-cover-caption h1{font-size:clamp(38px,4.5vw,68px);letter-spacing:-.065em;line-height:1;margin:18px 0 22px}.atelier-cover-caption a{font:12px Plex,monospace;text-decoration:underline;text-underline-offset:5px}
.atelier-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-bottom:1px solid var(--atelier-line)}.atelier-tabs a{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:22px 5%;border-right:1px solid var(--atelier-line);font:12px Plex,monospace}.atelier-tabs a:last-child{border:0}.atelier-tabs a:hover{background:#efefeb}
.small,.crumb,.product-meta>span,.spec-title,.selection,.detail-notes span{font-family:Plex,monospace}.small{color:#62635f}.button{background:var(--atelier-ink);color:#fff}.button:hover{background:#555650}.text-link{white-space:normal}.text-link:hover,.nav a:hover{color:#555650}
.brand-statement h2,.section-head h2,.business-home h2,.purchase-home h2,.composition-copy h2,.page-intro h1,.brand-dossier h2,.about-spread h2,.partner-assortment h2,.request-sheet h2,.partner-contact h2,.contact-aside h2,.purchase-steps h2{font-weight:600;letter-spacing:-.045em}
.brand-statement{padding-top:75px;padding-bottom:75px}.brand-statement h2{font-size:clamp(24px,3vw,43px)}.assortment{padding-bottom:80px}.assortment-grid img{aspect-ratio:1.25;object-fit:contain;background:#f4f4f0}.composition-feature{background:#efefeb}.business-home{padding-top:75px;padding-bottom:75px}.purchase-home,.partner-contact{background:#353633}.purchase-home p,.partner-contact .small{color:#e1e1da}.site-footer{background:#efefeb;color:var(--atelier-ink);border-top:1px solid var(--atelier-line)}.site-footer .small{color:#666}.site-footer a:hover{text-decoration:underline}
.catalog{padding-top:38px;padding-bottom:90px}.catalog-heading h1{font-size:clamp(40px,5vw,68px);letter-spacing:-.06em}.catalog-heading{margin-bottom:35px}.catalog-controls{border-top:1px solid var(--atelier-line);border-bottom:1px solid var(--atelier-line)}.filters button.active{color:#111;border-color:#111}.results-line{font:11px Plex,monospace}.catalog .product-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:38px 20px}
.atelier-card-image{position:relative;aspect-ratio:2.5;background:#343532;overflow:hidden}.atelier-card-image>img{width:100%;height:100%;object-fit:contain}.product-card .product-meta{padding:14px 0;border-color:#b8b9b4}.product-card .product-meta strong{font-size:16px}.product-meta small,.product-meta>span{font:11px/1.4 Plex,monospace}.product-card:hover .product-meta strong{text-decoration:underline}
.atelier-pdp-hero{position:relative;background:#343532;height:clamp(320px,38vw,550px);overflow:hidden}.atelier-pdp-hero img{height:100%;width:100%;object-fit:cover}.atelier-pdp-hero>div{position:absolute;left:5%;bottom:10%;background:#252522d9;color:white;padding:15px 20px;display:grid;gap:8px}.atelier-pdp-hero span{font:11px Plex,monospace}.atelier-pdp-hero strong{font-size:clamp(25px,3vw,45px)}
.product-layout{background:#f4f4f1}.product-visual{background:#e9e9e5}.product-info h1{font-size:clamp(40px,5vw,75px)}.variants button.active{background:#292a28;color:#fff}.product-detail{background:#eeefeb}.shop-card{border-top-color:#292a28;background:#efefeb}.shop-action b,.shopping-links b,.about-paths b,.request-sheet li>span,.partner-lines span,.contact-intro>.contact-email,.letter-result #copy-status{color:#383a36}.letter-result{border-left-color:#383a36}.inquiry-form :is(input,textarea,select){background:#fff}.site-footer .logo span{font-weight:700}
a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid #454a42;outline-offset:3px}
@media(max-width:850px){.atelier-header-main{padding:16px 5%;min-height:70px;gap:12px}.header .logo{font-size:20px}.atelier-search{width:auto;max-width:180px;margin-left:auto}.header .header-link{display:none}.header .menu{display:block}.header .nav{display:none;position:absolute;top:100%;left:0;right:0;padding:12px 5% 20px;flex-direction:column;align-items:stretch;gap:0;border-bottom:1px solid #aaa}.header .nav.open{display:flex}.header .nav a{min-height:44px;border-bottom:1px solid #e1e1dd}.atelier-cover>img{height:470px}.atelier-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}.atelier-tabs a:nth-child(-n+2){border-bottom:1px solid var(--atelier-line)}.atelier-tabs a:nth-child(2){border-right:0}.catalog .product-grid{gap:28px 15px}}
@media(max-width:550px){.atelier-header-main{flex-wrap:wrap}.atelier-search{order:3;max-width:none;width:100%;margin:0}.header .menu{margin-left:auto}.atelier-cover>img{height:390px}.atelier-cover-caption{bottom:8%}.atelier-cover-caption h1{font-size:42px}.atelier-tabs a{font-size:11px;padding:16px 5%}.catalog .product-grid{grid-template-columns:1fr}.atelier-card-image{aspect-ratio:2.5}.catalog-heading h1{font-size:43px}.catalog-controls{display:block}.filters{display:flex;flex-wrap:wrap;gap:0 14px}.search{width:100%;border-top:1px solid #ccc}.atelier-pdp-hero{height:300px}.atelier-pdp-hero>div{padding:10px 12px}.product-info h1{font-size:42px}.brand-statement h2{font-size:28px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important}}
/* Format selectors retain the real packshot for each available SKU. */
.variants button{display:flex;align-items:center;gap:10px;text-align:left;max-width:100%;line-height:1.3}.variants button img{width:48px;height:48px;object-fit:contain;background:#fff;flex:none}.variants button span{min-width:0}.variants button.active{border-color:#292a28}.variants button:focus-visible{outline:2px solid #454a42;outline-offset:3px}
/* Compact editorial scale for informational pages. */
.page-intro h1,.partner-intro h1{font-size:clamp(38px,4.4vw,66px)}.brand-dossier h2,.partner-assortment h2,.request-sheet h2,.contact-aside h2,.purchase-steps h2{font-size:clamp(30px,3.2vw,46px)}.partner-contact h2,.about-spread h2{font-size:clamp(30px,3.5vw,50px)}.brand-dossier,.partner-assortment,.letter-result{background:#efefeb}.composition-copy .button,.partner-contact .button{background:#292a28;color:#fff}.contact-email,.letter-result #copy-status,.partner-lines span,.request-sheet li>span,.shopping-links b,.about-paths b,.shop-action b{color:#353633}.partner-contact .contact-email{color:#fff}
.route-strip>a>span:last-child,.assortment-grid span{color:#4b4c48}

.atelier-pdp-hero{height:auto;aspect-ratio:2.5}.atelier-pdp-hero img{object-fit:contain}.atelier-pdp-hero>div{display:none}

.product-meta .atelier-card-note{position:static;display:block;max-width:55ch;padding:0;background:none;color:#666;line-height:1.5}

.catalog .crumb{margin:0 0 18px}.catalog-heading{margin-bottom:0}.catalog-heading h1{margin:0}.catalog-controls{margin-top:24px}.catalog .results-line{padding:16px 0 20px}@media(max-width:550px){.catalog{padding-top:22px}.catalog .crumb{margin:0 0 14px}.catalog-controls{margin-top:18px}}

.atelier-masthead{position:relative}.atelier-cover-caption{bottom:clamp(115px,10vw,150px)}.atelier-tabs{position:absolute;z-index:2;left:0;right:0;bottom:0;background:linear-gradient(transparent,rgba(0,0,0,.72));border-top:1px solid #ffffff8a;border-bottom:0;color:#fff}.atelier-tabs a{min-height:74px;border-right-color:#ffffff8a}.atelier-tabs a:hover{background:#ffffff1c}.atelier-tabs a:focus-visible{outline-color:#fff;outline-offset:-4px}@media(max-width:850px){.atelier-cover-caption{bottom:8%}.atelier-tabs{position:static;background:#fff;color:var(--atelier-ink);border-top:0;border-bottom:1px solid var(--atelier-line)}.atelier-tabs a{min-height:0;border-right-color:var(--atelier-line)}.atelier-tabs a:hover{background:#efefeb}.atelier-tabs a:focus-visible{outline-color:#454a42}}

.atelier-cover{min-height:0}.atelier-cover>img{height:auto;aspect-ratio:2.5;object-fit:contain}@media(max-width:850px){.atelier-cover{display:flex;flex-direction:column}.atelier-cover:after{display:none}.atelier-cover-caption{position:static;background:#30312f;padding:24px 5% 30px}.atelier-cover-caption h1{font-size:clamp(32px,6vw,48px);margin:12px 0 15px}.atelier-cover>img{height:auto}}
@media(max-width:550px){.atelier-cover>img{height:390px;aspect-ratio:auto;object-fit:cover;object-position:85% center}}
