:root{--milk:#f5f0e8;--paper:#fffdf9;--cocoa:#5a3f32;--dark:#252421;--muted:#746f68;--line:#d9cec0;--sand:#ddd0bd;--accent:#745344;--radius:28px;--shadow:0 18px 50px rgba(50,37,29,.09)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--milk);color:var(--dark);font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif;line-height:1.55}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}.container{width:min(1180px,calc(100% - 40px));margin:auto}.serif,h1,h2,h3{font-family:Georgia,"Times New Roman",serif;font-weight:500;line-height:1.05}h1{font-size:clamp(2.65rem,6vw,6rem);letter-spacing:-.045em;margin:.24em 0}h2{font-size:clamp(2.2rem,4.2vw,4.5rem);letter-spacing:-.035em;margin:0 0 .35em}h3{font-size:1.55rem;margin:.2em 0}.eyebrow{text-transform:uppercase;letter-spacing:.14em;font-size:.75rem;color:var(--accent);font-weight:700}.muted{color:var(--muted)}.note{font-size:.82rem;color:var(--muted)}.skip{position:absolute;left:-9999px}.skip:focus{left:16px;top:16px;z-index:99;background:#fff;padding:12px}.header{position:sticky;top:0;z-index:20;background:rgba(245,240,232,.91);backdrop-filter:blur(16px);border-bottom:1px solid rgba(116,83,68,.14)}.nav{height:76px;display:flex;align-items:center;gap:28px}.brand{font:600 1.4rem Georgia,serif;letter-spacing:.14em}.navlinks{display:flex;gap:22px;margin-left:auto;font-size:.9rem}.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;border-radius:99px;padding:13px 19px;border:1px solid var(--cocoa);background:var(--cocoa);color:#fff;cursor:pointer;transition:.25s}.btn:hover{transform:translateY(-2px);box-shadow:0 8px 22px rgba(90,63,50,.18)}.btn.ghost{background:transparent;color:var(--cocoa)}.btn.light{background:#fff;color:var(--cocoa);border-color:#fff}.menu{display:none;background:none;border:0;font-size:1.6rem}.hero{min-height:700px;display:grid;grid-template-columns:1.02fr .98fr;align-items:stretch}.hero-copy{padding:90px max(28px,calc((100vw - 1180px)/2)) 56px max(28px,calc((100vw - 1180px)/2));padding-right:55px;display:flex;flex-direction:column;justify-content:center}.hero-copy p{font-size:1.12rem;max-width:620px}.hero-media{position:relative;min-height:580px;background:#ddd}.hero-media img{width:100%;height:100%;object-fit:cover}.placeholder-label{position:absolute;right:18px;bottom:18px;background:rgba(255,255,255,.9);padding:9px 12px;border-radius:99px;font-size:.72rem}.routes{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:38px}.route{padding:24px;border:1px solid var(--line);border-radius:22px;background:rgba(255,255,255,.45)}.route.shop{background:#2f2c29;color:#fff;border-color:#2f2c29}.route p{font-size:.9rem;margin:.45em 0 1em}.route-actions{display:flex;gap:8px;flex-wrap:wrap}.route .btn{font-size:.8rem;padding:9px 12px}.section{padding:105px 0}.section.white{background:var(--paper)}.section.dark{background:#292725;color:#f5f0e8}.section-head{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:42px}.section-head p{max-width:500px}.grid{display:grid;gap:20px}.services{grid-template-columns:repeat(4,1fr)}.card{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);padding:26px;box-shadow:var(--shadow);display:flex;flex-direction:column}.card .num{color:var(--accent);font-size:.78rem}.card p{color:var(--muted);font-size:.92rem;flex:1}.card a.inline{color:var(--cocoa);font-weight:700;font-size:.88rem}.showcase{grid-template-columns:repeat(3,1fr)}.product{min-height:310px;position:relative;border-radius:var(--radius);overflow:hidden;background:linear-gradient(145deg,#d8c8b1,#8f705f);padding:26px;color:#fff;display:flex;align-items:end}.product:nth-child(2n){background:linear-gradient(145deg,#b7afa4,#4b4743)}.product:nth-child(3n){background:linear-gradient(145deg,#e9ded0,#765647)}.product:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 70% 25%,rgba(255,255,255,.35),transparent 36%),repeating-linear-gradient(115deg,rgba(255,255,255,.05) 0 3px,rgba(0,0,0,.03) 3px 6px)}.product div{position:relative}.product small{opacity:.8}.filters{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:26px}.filter{border:1px solid var(--line);padding:10px 14px;border-radius:99px;background:transparent;cursor:pointer}.filter.active{background:var(--dark);color:#fff;border-color:var(--dark)}.portfolio{grid-template-columns:1.3fr 1fr 1fr}.work{min-height:260px;border-radius:22px;padding:22px;background:#d8ccbc;display:flex;align-items:end;position:relative;overflow:hidden}.work:nth-child(2n){background:#9b8575}.work:nth-child(3n){background:#c4b7a4}.work:first-child{grid-row:span 2;min-height:540px}.work:before{content:"ВРЕМЕННОЕ ИЗОБРАЖЕНИЕ";position:absolute;inset:auto 18px 18px auto;font-size:.63rem;letter-spacing:.1em;opacity:.55}.work div{position:relative;background:rgba(255,255,255,.86);padding:14px;border-radius:16px;max-width:80%}.hidden{display:none!important}.steps{grid-template-columns:repeat(5,1fr);counter-reset:step}.step{border-top:1px solid #6c6660;padding-top:24px}.step:before{counter-increment:step;content:"0" counter(step);color:#c9baa7;font-size:.75rem}.about{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.texture{min-height:470px;border-radius:var(--radius);background:radial-gradient(circle at 30% 20%,#f3e9dc,transparent 30%),repeating-radial-gradient(ellipse at 70% 70%,#9a7762 0 8px,#7a5a49 10px 18px);position:relative}.texture .placeholder-label{background:#fff}.contacts{grid-template-columns:1fr 1fr}.contact{padding:32px;border-radius:var(--radius);background:#fff;border:1px solid var(--line)}.contact.shop{background:#302d2a;color:#fff;border-color:#302d2a}.contact dl{display:grid;grid-template-columns:95px 1fr;gap:10px;font-size:.92rem}.contact dt{color:#8b8178}.map{height:220px;border:0;width:100%;border-radius:18px;margin-top:18px}.form-wrap{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px}.form{display:grid;grid-template-columns:1fr 1fr;gap:15px}.field{display:flex;flex-direction:column;gap:6px}.field.full{grid-column:1/-1}.field input,.field select,.field textarea{border:1px solid var(--line);background:#fff;border-radius:14px;padding:13px}.consent{font-size:.78rem}.footer{padding:50px 0;background:#1f1e1c;color:#e9e1d7}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:40px}.service-hero{padding:100px 0 70px;background:linear-gradient(135deg,#f5f0e8,#d8c6b3)}.service-page .content{display:grid;grid-template-columns:1fr 320px;gap:70px}.side{background:#fff;padding:24px;border-radius:20px;align-self:start;position:sticky;top:100px}.checklist li{margin:.8em 0}.seo-copy{max-width:760px}.cookie{position:fixed;z-index:30;left:20px;right:20px;bottom:20px;max-width:650px;margin:auto;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow);border-radius:20px;padding:18px;display:flex;align-items:center;gap:18px;font-size:.82rem}
@media(max-width:980px){.navlinks{display:none}.menu{display:block;margin-left:auto}.nav.open .navlinks{display:flex;position:absolute;top:76px;left:0;right:0;background:var(--paper);padding:22px;flex-direction:column}.hero{grid-template-columns:1fr}.hero-media{min-height:440px}.services{grid-template-columns:repeat(2,1fr)}.steps{grid-template-columns:repeat(3,1fr)}.about,.form-wrap{grid-template-columns:1fr}.portfolio{grid-template-columns:1fr 1fr}.service-page .content{grid-template-columns:1fr}.side{position:static}.showcase{grid-template-columns:1fr 1fr}}
@media(max-width:640px){.container{width:min(100% - 28px,1180px)}.section{padding:72px 0}.hero-copy{padding:64px 20px 38px}.routes,.contacts,.services,.showcase,.portfolio,.form,.footer-grid{grid-template-columns:1fr}.hero-media{min-height:360px}.work:first-child{grid-row:auto;min-height:320px}.steps{grid-template-columns:1fr 1fr}.section-head{align-items:start;flex-direction:column}.field.full{grid-column:auto}.cookie{flex-direction:column;align-items:flex-start}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.btn{transition:none}}
.product{background:#8f705f}.product:nth-child(2n),.product:nth-child(3n){background:#8f705f}.product img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .45s ease}.product:before{background:linear-gradient(180deg,transparent 25%,rgba(20,15,12,.76));z-index:1}.product div{z-index:2}.product:hover img{transform:scale(1.035)}
.work{background:#d8ccbc}.work:nth-child(2n),.work:nth-child(3n){background:#d8ccbc}.work img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .45s ease}.work:before{content:"";inset:0;background:linear-gradient(180deg,transparent 30%,rgba(26,19,15,.38));opacity:1}.work:hover img{transform:scale(1.025)}.work div{z-index:1}
.contact.shop{background:#fff;color:var(--dark);border-color:var(--line)}
.texture{background:url('atelier-workshop-v2.png') center/cover no-repeat}.texture .placeholder-label{display:none}
.route.shop{background:rgba(255,255,255,.45);color:var(--dark);border-color:var(--line)}.route.shop .btn.light{background:var(--cocoa);color:#fff;border-color:var(--cocoa)}.route.shop .btn.ghost{color:var(--cocoa)!important;border-color:var(--cocoa)!important}
