:root{--paper:#f1eee8;--paper2:#e7e1d7;--ink:#171512;--muted:#69635c;--rust:#9f4726;--brown:#4c3424;--dark:#171512;--side:264px;--pad:38px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,Arial,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit}.sidebar{position:fixed;z-index:20;left:0;top:0;width:var(--side);height:100vh;padding:34px 31px 30px;background:linear-gradient(90deg,#f4f0e9,#eee9e0);border-right:1px solid #cbc3b8;display:flex;flex-direction:column;justify-content:space-between}.brand{display:flex;flex-direction:column}.brand strong{font:600 2.65rem/.82 "Barlow Condensed",sans-serif;letter-spacing:.01em}.brand span{margin-top:12px;font-size:.67rem;font-weight:700;letter-spacing:.04em}.accent-line{display:block;width:22px;height:2px;margin:38px 0 29px;background:var(--rust)}.catalog-nav{display:flex;flex-direction:column;gap:25px;font-size:.68rem;font-weight:600;letter-spacing:.025em}.catalog-nav a{transition:color .2s ease,transform .2s ease}.catalog-nav a:hover,.catalog-nav a.active{color:var(--rust);transform:translateX(3px)}.sidebar-bottom{display:flex;flex-direction:column;font-size:.67rem;line-height:1.6}.sidebar-bottom .accent-line{margin:0 0 24px}.sidebar-bottom strong{font-size:.7rem;letter-spacing:.03em}.sidebar-bottom>a{margin-top:24px;color:var(--rust);font-weight:700}.sidebar-bottom>a b{margin-left:20px;font-size:1rem}.page{margin-left:var(--side);min-height:100vh}.topbar{min-height:140px;padding:32px var(--pad) 22px;display:flex;justify-content:space-between;gap:40px;border-bottom:1px solid transparent}.intro h1{margin:0;font:600 1.55rem/1.08 "Barlow Condensed",sans-serif;letter-spacing:.01em}.intro p{margin:10px 0 0;font-size:.65rem}.intro p b{padding:0 6px}.topbar nav{padding-top:10px;display:flex;align-items:flex-start;gap:42px;font-size:.62rem;font-weight:700;white-space:nowrap}.topbar nav span{height:26px;border-left:1px solid #c7beb2}.catalogue{padding:0 var(--pad) 34px}.category{scroll-margin-top:18px;margin-bottom:34px}.category-head{height:31px;display:flex;align-items:center;gap:15px}.category-head h2{margin:0;color:var(--rust);font-size:.83rem;font-weight:600;white-space:nowrap}.category-head i{height:1px;flex:1;background:#9c9387}.category-head a{font-size:.61rem;font-weight:600;white-space:nowrap}.category-head a span{margin-left:18px;color:var(--rust);font-size:1rem}.items{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:18px}.item{min-width:0}.item-media{position:relative;aspect-ratio:1.62/1;overflow:hidden;background:var(--paper2)}.item-media::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(31,21,14,.16),transparent 48%);opacity:.5;transition:opacity .25s ease}.item img{width:100%;height:100%;object-fit:cover;filter:saturate(.72) sepia(.1);transition:transform .4s cubic-bezier(.2,.7,.2,1),filter .3s ease}.item:hover img{transform:scale(1.035);filter:saturate(.9)}.item:hover .item-media::after{opacity:.15}.item p{margin:8px 0 0;font-size:.61rem;font-weight:600;text-transform:uppercase;letter-spacing:.015em}.image-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#6b5039,#3e2d20);color:rgba(255,255,255,.5);font:600 .65rem Inter,sans-serif;letter-spacing:.08em}.atelier-note{padding:55px var(--pad);display:grid;grid-template-columns:1fr 1fr;gap:80px;border-top:1px solid #cbc3b8;background:#e9e3da}.atelier-note span{color:var(--rust);font-size:.66rem;font-weight:700;letter-spacing:.12em}.atelier-note h2{margin:10px 0 0;font:600 3rem/.9 "Barlow Condensed",sans-serif}.atelier-note p{max-width:530px;margin:22px 0 0;font-size:.82rem;line-height:1.7}.contact{min-height:145px;padding:26px 32px;display:grid;grid-template-columns:1.25fr .9fr .8fr 1.05fr .8fr .35fr;align-items:center;background:var(--dark);color:#eee9e1}.contact>*+*{border-left:1px solid rgba(255,255,255,.18);padding-left:28px}.contact-pitch h2{margin:0;font:500 1.8rem/1 "Barlow Condensed",sans-serif}.contact-pitch p{margin:9px 0 0;color:#bdb5aa;font-size:.67rem;line-height:1.55}.contact-cta{color:#bd633e;font-size:.67rem;font-weight:700}.contact-cta span{margin-left:20px;font-size:1.1rem}.contact-item{height:60px;display:flex;align-items:center;justify-content:center;gap:14px;text-align:center;font-size:.58rem;line-height:1.5}.contact-item b{font-size:1.3rem;font-weight:400}.footer-mark{justify-self:end;border:0!important;padding:0!important;color:#563722;font:600 2.5rem "Barlow Condensed",sans-serif}.mobile-header{display:none}
@media(max-width:1250px){:root{--side:225px;--pad:28px}.items{grid-template-columns:repeat(4,1fr)}.topbar nav{gap:22px}.contact{grid-template-columns:1.2fr .9fr 1fr 1fr}.contact-item:nth-of-type(4){display:none}.footer-mark{display:none}}
@media(max-width:900px){.sidebar{display:none}.page{margin-left:0}.mobile-header{position:sticky;z-index:50;top:0;height:68px;padding:14px 22px;display:flex;align-items:center;justify-content:space-between;background:rgba(241,238,232,.96);border-bottom:1px solid #cbc3b8}.mobile-brand{font:600 1.5rem/.8 "Barlow Condensed",sans-serif}.mobile-brand small{display:block;margin-top:7px;font:700 .48rem Inter,sans-serif}.menu-toggle{width:32px;height:24px;border:0;background:none;display:flex;flex-direction:column;justify-content:center;gap:7px}.menu-toggle span{height:2px;width:100%;background:var(--ink)}.topbar{min-height:150px;padding-top:30px}.topbar nav{display:none}.items{grid-template-columns:repeat(3,1fr)}.contact{grid-template-columns:1fr 1fr}.contact>*{min-height:70px}.contact>*+*{border-left:0;padding-left:0}.contact-item{justify-content:flex-start}.atelier-note{grid-template-columns:1fr;gap:10px}}
@media(max-width:620px){:root{--pad:20px}.topbar{min-height:auto;padding:28px var(--pad) 26px}.intro h1{font-size:1.4rem}.intro p{line-height:1.6}.catalogue{padding-top:12px}.category{margin-bottom:31px}.items{grid-template-columns:repeat(2,1fr);gap:15px 10px}.category-head a{display:none}.item p{font-size:.57rem}.atelier-note{padding:40px var(--pad)}.atelier-note h2{font-size:2.5rem}.contact{grid-template-columns:1fr;padding:30px var(--pad)}.contact>*{min-height:auto;margin-top:24px}.contact>*:first-child{margin-top:0}.contact-item{display:none}}
