.atelier-shop { --paper:#eef0e5; --ink:#243b31; --orange:#bd6746; --line:rgba(36,59,49,.22); background:var(--paper); color:var(--ink); }.atelier-shop .site-header nav { display:flex; gap:30px; font:.65rem 'DM Mono',monospace; text-transform:uppercase; }.atelier-shop .site-header nav a:hover { color:var(--orange); }.shop-actions { display:flex; align-items:center; gap:25px; }.cart-button { border:1px solid var(--ink); background:transparent; color:var(--ink); padding:10px 13px; font:.65rem 'DM Mono',monospace; text-transform:uppercase; cursor:pointer; }.cart-button span { display:inline-grid; place-items:center; width:19px; height:19px; margin-left:8px; border-radius:50%; background:var(--orange); color:white; }.atelier-hero { min-height:620px; display:grid; grid-template-columns:1fr .8fr; align-items:center; gap:8vw; padding-top:75px; padding-bottom:100px; }.atelier-hero h1 { font:400 clamp(4.6rem,9vw,9rem)/.8 'Trebuchet MS',sans-serif; letter-spacing:-.12em; margin:0 0 35px; }.atelier-hero h1 em,.collection h2 em,.atelier-note h2 em,.newsletter h2 em { color:var(--orange); font-style:normal; }.atelier-hero .intro { max-width:400px; line-height:1.5; }.atelier-shop .button { border-radius:4px 22px 4px 22px; border-color:var(--orange); }.atelier-shape { width:100%; max-width:450px; aspect-ratio:1; border-radius:48% 52% 42% 58%; background:#d4c9ad; display:flex; flex-direction:column; justify-content:space-between; padding:35px; transform:rotate(-7deg); color:#243b31; }.atelier-shape span { font: .65rem 'DM Mono',monospace; }.atelier-shape strong { font-size:clamp(3rem,5vw,5.4rem); line-height:.82; letter-spacing:-.1em; }.collection { padding-top:100px; padding-bottom:125px; }.collection-heading { display:grid; grid-template-columns:1fr 1fr; gap:8vw; align-items:end; margin-bottom:62px; }.collection-heading h2,.newsletter h2 { font:400 clamp(3.2rem,5vw,5rem)/.88 'Trebuchet MS',sans-serif; letter-spacing:-.1em; margin:0; }.collection-heading > p { max-width:300px; line-height:1.5; }.category-filter { display:flex; gap:27px; border-bottom:1px solid var(--line); margin-bottom:0; }.category-filter button { border:0; background:transparent; color:var(--ink); cursor:pointer; padding:0 0 15px; font:.65rem 'DM Mono',monospace; text-transform:uppercase; }.category-filter button.active { color:var(--orange); border-bottom:2px solid var(--orange); margin-bottom:-1px; }.stock-head,.stock-row { display:grid; grid-template-columns:1.6fr .7fr .9fr .45fr .65fr; align-items:center; gap:20px; }.stock-head { padding:18px 0 12px; color:#728177; font:.58rem 'DM Mono',monospace; text-transform:uppercase; }.stock-row { padding:21px 0; border-top:1px solid var(--line); }.product-name strong { display:block; font:1.15rem Georgia,serif; }.product-name small { display:block; margin-top:5px; color:#718077; font:.65rem 'DM Mono',monospace; }.category { color:#718077; font:.68rem 'DM Mono',monospace; }.stock-status { font:.65rem 'DM Mono',monospace; }.stock-status i { display:inline-block; width:7px; height:7px; border-radius:50%; margin-right:7px; background:#69a66d; }.stock-status.low-stock i { background:var(--orange); }.stock-status.sold-out i { background:#8e8e87; }.product-price { color:var(--orange); font:.9rem 'DM Mono',monospace; }.add-product { border:1px solid var(--ink); background:transparent; color:var(--ink); padding:10px 11px; cursor:pointer; font:.6rem 'DM Mono',monospace; white-space:nowrap; }.add-product:hover,.add-product.added { background:var(--ink); color:var(--paper); }.add-product:disabled { border-color:#a7ada2; color:#9ba198; cursor:not-allowed; }.atelier-note { background:#243b31; color:var(--paper); padding:100px 0; }.note-grid { display:grid; grid-template-columns:.7fr 1.2fr .8fr; gap:5vw; align-items:start; }.note-grid h2 { font:400 clamp(2.8rem,5vw,5rem)/.88 'Trebuchet MS',sans-serif; letter-spacing:-.1em; margin:0; }.note-grid > p:last-child { color:#bdc5b9; line-height:1.5; max-width:280px; }.newsletter { padding-top:105px; padding-bottom:105px; display:grid; grid-template-columns:1fr 1fr; gap:10vw; }.newsletter form { align-self:end; }.newsletter label { display:block; color:var(--orange); font:.6rem 'DM Mono',monospace; text-transform:uppercase; }.newsletter input { display:block; width:100%; border:0; border-bottom:1px solid var(--line); background:transparent; padding:13px 0; outline:0; color:var(--ink); }.newsletter .button { margin-top:25px; }.newsletter #newsletter-status { color:var(--orange); font:.7rem 'DM Mono',monospace; line-height:1.4; }
+@media(max-width:760px){.atelier-shop .site-header nav{display:none}.shop-actions{gap:12px}.shop-actions .back{display:none}.atelier-hero{display:block;min-height:auto;padding-top:75px;padding-bottom:85px}.atelier-hero h1{font-size:clamp(4.4rem,20vw,7rem)}.atelier-shape{width:86%;margin:65px 0 0 auto}.collection{padding-top:80px;padding-bottom:90px}.collection-heading{display:block}.collection-heading>p{margin-top:28px}.category-filter{gap:20px;overflow:auto}.category-filter button{white-space:nowrap}.stock-head{display:none}.stock-row{display:grid;grid-template-columns:1fr auto;gap:10px;padding:20px 0}.category{grid-column:1}.stock-status{grid-column:1}.product-price{grid-column:2;grid-row:1}.add-product{grid-column:2;grid-row:2}.atelier-note{padding:80px 0}.note-grid,.newsletter{display:block}.note-grid h2{margin:35px 0}.newsletter{padding-top:80px;padding-bottom:80px}.newsletter form{margin-top:55px}}