:root{--bg:#f6f3ed;--paper:#fffdf9;--ink:#242b28;--muted:#737871;--accent:#a78765;--line:#dedbd2;--dark:#262d2a;--cream:#e9e2d5;--serif:Georgia,'Times New Roman',serif;--sans:Inter,'Segoe UI',Arial,sans-serif;--container:1280px}
*,*::before,*::after{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:88px}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased}body.menu-open,body.lightbox-open{overflow:hidden}img{display:block;max-width:100%}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit}a{color:inherit;text-decoration:none}a:focus-visible,button:focus-visible{outline:2px solid var(--accent);outline-offset:4px}button{cursor:pointer}.container{width:min(calc(100% - 96px),var(--container));margin-inline:auto}.skip-link{position:fixed;z-index:100;top:-100px;left:15px;background:#fff;padding:12px}.skip-link:focus{top:15px}.section{padding-block:122px}.site-header{position:sticky;top:0;z-index:30;background:rgba(246,243,237,.94);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border-bottom:1px solid rgba(39,43,40,.1)}.header-inner{height:86px;display:flex;align-items:center;justify-content:space-between;gap:28px}.brand{display:inline-flex;flex-direction:column;align-items:flex-start;flex-shrink:0;gap:3px}.brand-main{font-size:23px;font-weight:650;letter-spacing:.13em;white-space:nowrap}.brand-diamond{font-size:10px;color:var(--accent);margin:0 5px;vertical-align:4px}.brand-sub{font-size:8px;letter-spacing:.41em;color:var(--muted);font-weight:650;padding-left:2px}.nav{display:flex;gap:29px;align-items:center;margin-left:auto}.nav a{font-size:12px;color:#444b47;white-space:nowrap;transition:color .2s}.nav a:hover,.footer a:hover{color:var(--accent)}.header-contact{display:inline-flex;gap:16px;align-items:center;border-bottom:1px solid var(--ink);padding:0 0 10px;font-size:12px;font-weight:600;white-space:nowrap}.header-contact span{font-size:18px;font-weight:400}.menu-toggle{display:none;background:none;border:0;width:44px;height:44px;align-items:center;justify-content:center;flex-direction:column;gap:6px}.menu-toggle span{width:24px;height:1.5px;background:var(--ink);transition:transform .25s}.menu-toggle[aria-expanded="true"] span:first-child{transform:translateY(3.8px) rotate(45deg)}.menu-toggle[aria-expanded="true"] span:last-child{transform:translateY(-3.8px) rotate(-45deg)}
.hero{overflow:hidden;background:#eeeae3}.hero-content{min-height:min(765px,calc(100svh - 126px));display:grid;grid-template-columns:51% 49%;align-items:stretch}.hero-copy{padding:96px 35px 42px 0;display:flex;flex-direction:column;justify-content:center}.eyebrow,.section-index,.small-overline{font-size:10px;letter-spacing:.19em;line-height:1.7;font-weight:650}.eyebrow{display:flex;align-items:center;flex-wrap:wrap;gap:10px;color:#77736b}.eyebrow-line,.index-line{display:inline-block;width:32px;height:1px;background:var(--accent)}.eyebrow-dot{color:var(--accent)}.hero h1{font-family:var(--serif);font-size:clamp(60px,6.2vw,104px);line-height:1.01;font-weight:400;letter-spacing:-.052em;margin:34px 0 30px;white-space:nowrap}.hero h1 em,.display-heading em,.quote-content em{font-weight:400;color:var(--accent)}.hero-lead{font-size:15px;line-height:1.9;color:#585c58;max-width:470px;margin:0}.hero-actions{display:flex;align-items:center;gap:36px;margin-top:36px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;gap:38px;border:1px solid transparent;min-height:54px;padding:0 25px;font-size:12px;font-weight:600;letter-spacing:.03em;transition:background .25s,color .25s,transform .25s}.btn:hover{transform:translateY(-2px)}.btn-dark{color:#fff;background:var(--ink)}.btn-dark:hover{background:#475049}.btn span{font-size:18px;font-weight:400}.text-link{display:inline-flex;align-items:center;gap:22px;padding:8px 0;border-bottom:1px solid var(--ink);font-size:12px;font-weight:600}.hero-caption{display:flex;gap:13px;align-items:center;color:#888880;font-size:10px;letter-spacing:.12em;margin-top:auto;padding-top:70px}.hero-caption-line{background:var(--accent);width:27px;height:1px}.hero-media{min-height:640px;position:relative;overflow:hidden;background:#6a6d66}.hero-main-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 47%}.hero-photo-tag{position:absolute;bottom:27px;left:30px;right:30px;display:flex;align-items:center;justify-content:space-between;gap:12px;color:white;text-shadow:0 1px 6px #222;font-size:10px;letter-spacing:.08em}.hero-side-note{position:absolute;right:20px;top:26px;writing-mode:vertical-rl;color:#fff;opacity:.88;font-size:9px;letter-spacing:.23em;text-shadow:0 1px 7px #333}.hero-foot{height:64px;display:flex;align-items:center;justify-content:space-between;font-size:10px;color:#797b73;letter-spacing:.07em}.hero-foot span:last-child span{margin-left:14px}
.section-index{display:flex;align-items:center;gap:13px;color:#817f76}.section-kicker{font-size:12px;text-transform:uppercase;letter-spacing:.16em;color:var(--accent);margin:0 0 25px}.display-heading{font:400 clamp(44px,5vw,75px)/1.11 var(--serif);letter-spacing:-.045em;margin:0}.statement-grid{display:grid;grid-template-columns:190px minmax(340px,1fr) 32%;gap:38px;align-items:start}.statement-grid>.section-index{padding-top:24px}.statement-grid>.statement-art{align-self:stretch;max-height:480px;overflow:hidden}.statement-art img{width:100%;height:100%;object-fit:cover}.statement-lead{font:400 clamp(19px,2vw,25px)/1.55 var(--serif);margin:34px 0 22px;max-width:550px}.text-muted{color:#6c716c;font-size:14px;line-height:1.9;margin:0;max-width:550px}.services-section{background:#eae6de}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:32px;margin-bottom:44px}.section-heading .section-index{margin-bottom:25px}.section-heading-aside{max-width:260px;color:#72776f;font-size:13px;line-height:1.8;margin:0 0 6px}.service-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}.service-card{background:#f7f4ee;min-width:0}.service-image{aspect-ratio:4/5;overflow:hidden;background:#d3d0c9}.service-image img{width:100%;height:100%;object-fit:cover;transition:transform .7s cubic-bezier(.2,.7,.2,1)}.service-card:hover .service-image img{transform:scale(1.055)}.service-bottom{display:grid;grid-template-columns:25px minmax(0,1fr) 24px;gap:11px;padding:23px 16px 24px;align-items:start}.service-num{font-size:11px;color:#a38c6e;padding-top:3px}.service-bottom h3{font:400 20px/1.26 var(--serif);letter-spacing:-.025em;margin:0 0 10px}.service-bottom p{font-size:11px;color:#737771;line-height:1.65;margin:0}.service-bottom a{font-size:20px;line-height:1;color:var(--accent)}
.portfolio-section{background:var(--bg)}.portfolio-controls{display:flex;align-items:center;gap:8px 24px;flex-wrap:wrap;border-bottom:1px solid var(--line);margin-bottom:28px}.filter-btn{font-size:12px;color:#6c726c;background:none;border:0;border-bottom:2px solid transparent;padding:0 0 17px;transition:color .2s;white-space:nowrap}.filter-btn:hover,.filter-btn.is-active{color:var(--ink)}.filter-btn.is-active{border-bottom-color:var(--accent);font-weight:650}.filter-btn span{font-size:10px;color:#9b8f82;margin-left:5px}.portfolio-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;align-items:start}.portfolio-item{min-width:0}.portfolio-open{background:#e8e3db;display:block;width:100%;padding:0;border:0;text-align:left;position:relative;overflow:hidden;aspect-ratio:4/5}.portfolio-item:nth-child(6n + 2) .portfolio-open,.portfolio-item:nth-child(6n + 5) .portfolio-open{aspect-ratio:4/4.1}.portfolio-open img{width:100%;height:100%;object-fit:cover;transition:transform .55s cubic-bezier(.2,.6,.2,1);display:block}.portfolio-open:hover img{transform:scale(1.055)}.portfolio-open:after{content:'↗';font-size:22px;color:#fff;position:absolute;top:14px;right:17px;opacity:0;transform:translateY(6px);transition:opacity .3s,transform .3s;text-shadow:0 1px 6px #333}.portfolio-open:hover:after{opacity:1;transform:translateY(0)}.portfolio-meta{padding:12px 1px 15px;display:flex;justify-content:space-between;align-items:start;gap:10px}.portfolio-meta strong{font-size:12px;font-weight:550;line-height:1.5}.portfolio-meta small{font-size:10px;color:#93968e;letter-spacing:.1em;padding-top:3px;white-space:nowrap}.portfolio-more{text-align:center;margin-top:43px}.btn-outline{border-color:#8e958d;color:var(--ink);background:none}.btn-outline:hover{background:#e4e0d8}.btn-outline[hidden],.portfolio-more[hidden]{display:none}.quote-band{background:var(--dark);color:#faf6ed;padding:64px 0 68px}.quote-content{display:grid;grid-template-columns:120px 1fr 150px;align-items:center;gap:18px}.quote-spark{font:400 72px var(--serif);color:var(--accent)}.quote-content p{font:400 clamp(35px,5vw,69px)/1.12 var(--serif);letter-spacing:-.03em;margin:0}.quote-small{font-size:10px;letter-spacing:.14em;line-height:2;color:#c6c6bd}.process-section{background:#f3f0e9}.process-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px;border-top:1px solid #cfcfc5;padding-top:38px}.process-number{font:400 36px var(--serif);color:#bcac95}.process-grid h3{font:400 22px/1.2 var(--serif);margin:28px 0 15px}.process-grid p{color:#767971;font-size:13px;line-height:1.85;max-width:230px;margin:0}.requirements-section{background:#e7e3da;padding:55px 0}.requirements-inner{display:grid;grid-template-columns:1fr 1fr;gap:75px;align-items:center}.small-overline{color:#947b61}.requirements-inner h2{font:400 clamp(32px,3.5vw,51px)/1.1 var(--serif);letter-spacing:-.03em;margin:13px 0 0}.requirements-inner p{font-size:13px;line-height:1.85;color:#626960;margin:0 0 14px}.requirements-inner p:last-child{margin-bottom:0}.requirements-inner strong{font-weight:650;color:var(--ink)}
.contact-section{background:#292f2b;color:#faf8f1}.contact-layout{display:grid;grid-template-columns:minmax(0,1fr) 38%;gap:100px;align-items:center}.contact-index{color:#afad9f;margin-bottom:35px}.contact-intro{max-width:475px;color:#c6c7bd;font-size:14px;line-height:1.85;margin:30px 0}.contact-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.contact-actions a{display:inline-flex;gap:12px;align-items:center;justify-content:center;border:1px solid #85877e;min-height:46px;padding:0 21px;font-size:12px;transition:background .2s,color .2s}.contact-actions a:first-child{background:#e8e0d2;color:#272e29;border-color:#e8e0d2}.contact-actions a:hover{background:#a78e70;color:#fff;border-color:#a78e70}.contact-actions .contact-pending{display:inline-flex;align-items:center;justify-content:center;border:1px dashed #6f776e;color:#aeb7ac;min-height:46px;padding:0 18px;font-size:12px;white-space:nowrap;cursor:default;user-select:none}.contact-location{font-size:12px;color:#9fa59c;margin-top:24px}.contact-location:empty{display:none}.contact-setup{font-size:13px;line-height:1.8;color:#e0cdb0;background:#3c443d;padding:17px 20px;margin-top:20px;max-width:525px}.contact-setup code{color:#fff}.contact-visual{height:570px;position:relative;overflow:hidden}.contact-visual img{width:100%;height:100%;object-fit:cover}.contact-visual span{position:absolute;bottom:20px;left:20px;color:white;font-size:9px;letter-spacing:.19em;text-shadow:0 1px 5px #111}.footer{background:#222924;color:#fff}.footer-main{display:flex;justify-content:space-between;gap:30px;padding:48px 0 60px}.footer-brand .brand-sub{color:#c5c7c0}.footer-main p{font-size:11px;color:#aeb3aa;line-height:1.9;margin:23px 0 0}.footer-links{display:grid;grid-template-columns:repeat(2,minmax(120px,1fr));column-gap:38px;row-gap:17px;align-content:start}.footer-links a{font-size:12px;color:#cfd2c9}.footer-bottom{display:flex;justify-content:space-between;gap:15px;align-items:center;border-top:1px solid #485047;padding:22px 0;font-size:10px;letter-spacing:.1em;color:#a7ada3}.footer-bottom a{color:#fff}
.lightbox{width:100vw;max-width:none;height:100dvh;max-height:none;margin:0;padding:0;border:0;background:rgba(15,19,17,.97);color:white;overflow:hidden}.lightbox[open]{display:flex;align-items:center;justify-content:center}.lightbox::backdrop{background:rgba(10,12,11,.95)}.lightbox-body{display:flex;align-items:center;justify-content:center;flex-direction:column;width:min(80vw,1100px);height:calc(100dvh - 90px);gap:13px}.lightbox-body img{max-width:100%;max-height:calc(100% - 50px);width:auto;height:auto;object-fit:contain}.lightbox-caption{display:flex;gap:20px;justify-content:space-between;align-items:center;width:100%;font-size:12px;color:#eeece7}.lightbox-caption span:last-child{color:#999c96}.lightbox button{position:absolute;border:1px solid #6c746c;background:#242a25;color:white;width:46px;height:46px;border-radius:50%;font-size:22px;display:grid;place-items:center;z-index:2}.lightbox button:hover{background:#445048}.lightbox-close{top:22px;right:22px;font-size:31px!important}.lightbox-prev{left:28px;top:50%}.lightbox-next{right:28px;top:50%}
@media (max-width:1200px){.nav{gap:18px}.container{width:min(calc(100% - 68px),var(--container))}.hero h1{font-size:clamp(59px,6.1vw,90px)}.statement-grid{grid-template-columns:140px minmax(300px,1fr) 29%;gap:28px}.service-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.service-image{aspect-ratio:5/4}.portfolio-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.contact-layout{gap:45px}}
@media (max-width:950px){.site-header{z-index:40}.header-inner{height:73px}.nav{display:none;position:absolute;top:73px;left:0;right:0;flex-direction:column;align-items:stretch;gap:0;background:var(--bg);border-top:1px solid var(--line);border-bottom:1px solid var(--line);box-shadow:0 12px 30px #0002;padding:15px 35px}.nav.is-open{display:flex}.nav a{font-size:15px;padding:15px 0}.header-contact{margin-left:auto}.menu-toggle{display:flex}.hero-content{min-height:0;grid-template-columns:1fr 46%}.hero-copy{padding:75px 15px 28px 0}.hero h1{font-size:clamp(49px,6vw,70px)}.hero-media{min-height:580px}.hero-lead{font-size:13px}.hero-actions{gap:20px}.hero-caption{padding-top:45px}.section{padding-block:90px}.statement-grid{grid-template-columns:1fr 36%;gap:35px}.statement-grid>.section-index{grid-column:1/-1;padding-top:0}.statement-art{max-height:460px}.process-grid{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:35px}.quote-content{grid-template-columns:60px 1fr}.quote-small{display:none}.quote-spark{font-size:50px}.contact-visual{height:520px}}
@media (max-width:700px){:root{--accent:#9e7b58}.container{width:calc(100% - 36px)}.header-inner{height:67px;gap:10px}.brand-main{font-size:20px;letter-spacing:.1em}.brand-sub{font-size:7px}.nav{top:67px;padding:12px 18px}.header-contact{display:none}.hero{background:#eeeae3}.hero-content{width:100%;display:flex;flex-direction:column}.hero-copy{padding:52px 22px 38px;order:2;min-height:auto}.eyebrow{font-size:9px;letter-spacing:.12em;gap:7px}.eyebrow-line{width:20px}.hero h1{font-size:clamp(47px,11.5vw,71px);margin:23px 0;white-space:normal}.hero-lead{font-size:13px;line-height:1.8}.hero-actions{margin-top:27px;gap:22px}.btn{min-height:51px;padding:0 21px}.hero-caption{display:none}.hero-media{order:1;min-height:0;height:55vh;height:55svh;max-height:610px}.hero-main-image{object-position:center 54%}.hero-photo-tag{bottom:17px;left:17px;right:17px}.hero-side-note{right:12px;top:20px}.hero-foot{height:55px;font-size:9px}.hero-foot span:first-child{max-width:230px}.section{padding-block:74px}.statement-grid{display:flex;flex-direction:column;gap:0}.statement-grid>.section-index{margin-bottom:27px}.section-kicker{margin-bottom:19px}.display-heading{font-size:clamp(40px,10vw,58px)}.statement-lead{margin:25px 0 18px;font-size:21px}.text-muted{font-size:13px}.statement-art{width:100%;height:320px;margin-top:29px}.statement-art img{object-position:center 30%}.section-heading{display:block;margin-bottom:28px}.section-heading .section-index{margin-bottom:23px}.section-heading-aside{max-width:430px;font-size:12px;margin:18px 0 0}.service-grid{grid-template-columns:1fr;gap:17px}.service-image{aspect-ratio:1.22}.service-bottom{padding:18px 16px 20px;grid-template-columns:24px 1fr 25px}.service-bottom h3{font-size:22px}.portfolio-controls{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;margin-right:-18px;padding-right:18px;gap:20px}.portfolio-controls::-webkit-scrollbar{display:none}.filter-btn{flex:0 0 auto;padding-bottom:15px;font-size:12px}.portfolio-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.portfolio-meta{padding:9px 0 13px}.portfolio-meta strong{font-size:11px}.portfolio-meta small{display:none}.portfolio-more{margin-top:22px}.quote-band{padding:48px 0}.quote-content{grid-template-columns:1fr;gap:8px}.quote-spark{font-size:40px}.quote-content p{font-size:clamp(35px,9vw,54px)}.process-grid{grid-template-columns:1fr 1fr;gap:27px 19px;padding-top:28px}.process-number{font-size:31px}.process-grid h3{margin:15px 0 10px;font-size:20px}.process-grid p{font-size:12px}.requirements-section{padding:42px 0}.requirements-inner{grid-template-columns:1fr;gap:24px}.requirements-inner h2{font-size:37px}.requirements-inner p{font-size:12px}.contact-layout{grid-template-columns:1fr;gap:32px}.contact-index{margin-bottom:23px}.contact-intro{margin:22px 0;font-size:13px}.contact-visual{height:290px}.footer-main{display:block;padding:42px 0}.footer-links{margin-top:36px}.footer-bottom{flex-wrap:wrap;row-gap:13px}.footer-bottom span:nth-child(2){display:none}.lightbox-body{width:calc(100vw - 28px);height:calc(100dvh - 138px)}.lightbox-body img{max-height:calc(100% - 46px)}.lightbox-prev,.lightbox-next{top:auto;bottom:15px;width:42px!important;height:42px!important}.lightbox-prev{left:18px}.lightbox-next{right:18px}.lightbox-close{top:12px;right:12px}}
@media (max-width:370px){.hero h1{font-size:45px}.brand-main{font-size:18px}.hero-media{height:49svh}.portfolio-grid{gap:8px}.process-grid{grid-template-columns:1fr}.service-bottom h3{font-size:20px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

/* Уточнённый главный заголовок: адаптивная типографика */
.hero h1{font-size:clamp(43px,4.8vw,72px);line-height:1.09;white-space:normal;letter-spacing:-.042em;overflow-wrap:normal}
.brand-sub{letter-spacing:.19em;font-size:8px}
@media(max-width:700px){.hero h1{font-size:clamp(39px,9.2vw,58px);line-height:1.1}.brand-sub{font-size:7px;letter-spacing:.12em}}
@media(max-width:370px){.hero h1{font-size:37px}}


/* MATERIA ART 5 — контакты на виду и более компактная фотография двери */
.header-inner{gap:20px}
.header-actions{display:flex;align-items:center;gap:23px;margin-left:8px;flex-shrink:0}
.header-phone{display:flex;flex-direction:column;align-items:flex-start;gap:5px;white-space:nowrap;transition:color .2s}
.header-phone:hover,.contact-phone-block a:hover,.footer-phone:hover{color:var(--accent)}
.header-phone-label{font-size:9px;letter-spacing:.12em;color:#89847c;font-weight:650}
.header-phone strong{font-size:15px;font-weight:650;letter-spacing:.015em;font-variant-numeric:tabular-nums}
.header-phone-icon{display:none}
.header-contact{padding-bottom:5px;gap:8px;font-size:12px}
.contact-phone-block{display:flex;flex-direction:column;gap:10px;margin:0 0 27px}
.contact-phone-block>span{color:#afb4ab;letter-spacing:.15em;font-size:10px;font-weight:650}
.contact-phone-block>a{font:400 clamp(24px,2.8vw,39px)/1.2 var(--serif);white-space:nowrap;color:#fff5e9;transition:color .2s}
.contact-phone-block>a span{font:400 23px var(--sans);color:#bca58c}
.footer-phone{display:inline-block;margin-top:18px;font-size:16px;color:#f7f1e9;letter-spacing:.025em;transition:color .2s}
@media(min-width:1201px){
 .nav{gap:18px}
 .hero-content{min-height:0;padding-block:44px;grid-template-columns:minmax(0,1.18fr) minmax(350px,.82fr);align-items:center;column-gap:42px}
 .hero-copy{padding:42px 0 40px}
 .hero-media{width:100%;max-width:445px;justify-self:end;height:clamp(470px,42vw,555px);min-height:0;box-shadow:0 18px 40px rgba(39,43,40,.12)}
 .hero h1{font-size:clamp(53px,4.65vw,69px)}
 .hero-caption{padding-top:36px}
}
@media(min-width:951px) and (max-width:1200px){
 .nav{gap:13px}
 .header-contact{display:none}
 .header-inner{gap:16px}
 .header-actions{margin-left:0}
 .hero-content{min-height:0;padding-block:38px;grid-template-columns:minmax(0,1.12fr) minmax(320px,.88fr);align-items:center;column-gap:28px}
 .hero-copy{padding:35px 0}
 .hero h1{font-size:clamp(48px,4.7vw,62px)}
 .hero-media{width:100%;max-width:430px;justify-self:end;height:clamp(430px,43vw,510px);min-height:0;box-shadow:0 14px 30px rgba(39,43,40,.12)}
 .hero-caption{padding-top:26px}
}
@media(min-width:701px) and (max-width:950px){
 .header-contact{display:none}
 .header-phone-label{display:none}
 .header-actions{margin-left:auto}
 .hero-content{align-items:center}
 .hero-media{height:475px;min-height:0;box-shadow:0 10px 26px rgba(39,43,40,.11)}
 .hero-copy{padding:55px 5px 40px 0}
}
@media(max-width:700px){
 .header-actions{margin-left:auto;gap:0}
 .header-phone{display:flex;align-items:center;justify-content:center;border:1px solid var(--line);width:38px;height:38px;border-radius:50%;margin-right:3px}
 .header-phone-label,.header-phone strong,.header-contact{display:none}
 .header-phone-icon{display:block;font-size:19px;line-height:1}
 .hero-content{padding-block:0}
 .hero-media{width:100%;max-width:none;box-shadow:none}
 .contact-phone-block>a{font-size:clamp(24px,6.7vw,37px)}
}
@media(max-width:370px){
 .contact-phone-block>a{font-size:22px}
}


/* MATERIA ART 8 — скорректирована композиция главного экрана.
   Компьютер: крупное интерьерное фото. Телефон: аккуратный первый экран,
   на котором сразу видны название, направление деятельности и фото. */
@media (min-width: 1201px) {
  .hero-content {
    grid-template-columns: minmax(0, 1.08fr) minmax(0, .92fr);
    gap: 34px;
    padding-block: 34px;
    align-items: center;
  }
  .hero-copy { padding: 38px 0; min-width: 0; }
  .hero-media {
    max-width: none;
    min-height: 0;
    width: 100%;
    height: clamp(580px, 49vw, 675px);
    box-shadow: 0 22px 48px rgba(39,43,40,.13);
  }
  .hero h1 { font-size: clamp(52px, 4.15vw, 63px); line-height: 1.09; }
  .hero-caption { padding-top: 30px; }
}
@media (min-width: 951px) and (max-width: 1200px) {
  .hero-content {
    grid-template-columns: minmax(0, 1.08fr) minmax(0, .92fr);
    gap: 24px;
    padding-block: 32px;
  }
  .hero-copy { min-width: 0; padding: 22px 0; }
  .hero-media {
    max-width: none;
    min-height: 0;
    height: clamp(485px, 54vw, 600px);
    width: 100%;
  }
  .hero h1 { font-size: clamp(46px, 4.7vw, 56px); }
}
@media (min-width: 701px) and (max-width: 950px) {
  .hero-content { grid-template-columns: minmax(0, 1.1fr) minmax(0, .9fr); gap: 22px; }
  .hero-copy { min-width:0; }
  .hero h1 { font-size: clamp(40px, 5.4vw, 52px); }
  .hero-media { height: min(61vw, 550px); min-height: 0; }
}

@media (max-width: 700px) {
  .header-inner {
    width: calc(100% - 32px);
    height: 68px;
    gap: 8px;
    justify-content: space-between;
  }
  .brand { margin-right: auto; min-width:0; }
  .brand-main { font-size: 18px; letter-spacing: .065em; }
  .brand-diamond { margin: 0 3px; font-size: 8px; vertical-align: 3px; }
  .brand-sub { font-size: 6.5px; letter-spacing: .11em; }
  .nav { top: 68px; padding: 12px 18px; }
  .header-actions { flex: none; margin: 0; gap: 0; }
  .header-phone {
    width: auto;
    height: auto;
    min-height: 42px;
    margin: 0;
    padding: 8px 2px;
    border: 0;
    border-radius: 0;
    display: flex;
    justify-content:center;
    align-items: center;
    text-align: right;
  }
  .header-phone strong {
    display: block;
    font-size: 11px;
    letter-spacing: -.015em;
    white-space: nowrap;
  }
  .header-phone-icon, .header-phone-label { display: none; }
  .menu-toggle { width: 36px; height: 44px; flex: none; }
  .menu-toggle span { width: 22px; }

  /* Делаем мобильный первый экран редакционной композицией: заголовок,
     интерьер, затем пояснение и кнопки. Для этого раскрываем оболочку текста. */
  .hero-content {
    width:100%;
    display:flex;
    flex-direction:column;
    align-items:stretch;
    padding: 0 0 24px;
    gap:0;
  }
  .hero-copy { display: contents; }
  .hero .eyebrow {
    order:1;
    margin: 24px 18px 0;
    font-size: 8px;
    line-height:1.6;
    letter-spacing: .095em;
    gap: 6px;
  }
  .hero .eyebrow-line { width: 18px; }
  .hero h1 {
    order:2;
    font-size: clamp(32px, 8.9vw, 46px);
    line-height: 1.08;
    letter-spacing: -.038em;
    margin: 17px 18px 22px;
    padding: 0;
    max-width: 650px;
    overflow-wrap: break-word;
  }
  .hero-media {
    order:3;
    height: clamp(245px, 39svh, 365px);
    min-height:0;
    width: calc(100% - 36px);
    max-width: none;
    margin-inline:18px;
    box-shadow:0 13px 27px rgba(39,43,40,.12);
  }
  .hero-main-image { object-position: center 49%; }
  .hero-photo-tag {
    left: 13px;
    right: 13px;
    bottom: 13px;
    font-size: 9px;
    line-height:1.4;
    gap: 10px;
  }
  .hero-photo-tag span:last-child { text-align:right; max-width:68%; }
  .hero-side-note { display:none; }
  .hero-lead {
    order:4;
    margin: 23px 18px 0;
    max-width: 570px;
    font-size:13px;
    line-height:1.7;
  }
  .hero-actions {
    order:5;
    margin: 22px 18px 0;
    gap: 15px;
    align-items:center;
  }
  .hero .btn { min-height:47px; padding:0 16px; gap:13px; }
  .hero .text-link { gap:8px; }
  .hero-caption { display:none; }
  .hero-foot { display:none; }
}
@media(max-width:370px) {
  .header-phone strong { display:none; }
  .header-phone-icon { display:block; font-size: 0; }
  .header-phone-icon::before { content:"Звонок"; font-size: 10px; font-weight: 650; letter-spacing: .015em; }
  .header-phone { width: auto; padding: 8px 3px; }
  .hero-photo-tag span:last-child { display:none; }
  .brand-main { font-size: 17px; }
  .hero h1 { font-size: clamp(30px, 9vw, 33px); }
  .hero .eyebrow { font-size: 7px; }
  .hero-media { height: 245px; }
  .hero-actions { align-items: stretch; flex-direction:column; }
  .hero-actions .btn { width:100%; }
}


/* MATERIAART9 — единая безопасная мобильная шапка.
   На телефонах вместо длинной строки показывается иконка звонка.
   Телефон доступен по tel-ссылке и крупным шрифтом в контактах. */
@media (max-width: 950px) {
  .site-header .header-inner { display:flex; flex-wrap:nowrap; align-items:center; }
  .site-header .brand { flex:0 1 auto; min-width:0; overflow:hidden; }
  .site-header .header-actions { flex:0 0 auto; margin-left:auto; margin-right:0; gap:0; align-items:center; }
  .site-header .header-contact, .site-header .header-phone-label,
  .site-header .header-phone strong { display:none !important; }
  .site-header .header-phone {
    display:flex; justify-content:center; align-items:center;
    width:42px; height:42px; min-height:42px;
    flex:0 0 42px; padding:0; margin:0;
    border:1px solid #d0c9bf; border-radius:50%;
    color:#292e2b; text-align:center; line-height:1;
    white-space:nowrap; background:#faf8f3;
  }
  .site-header .header-phone-icon { display:flex !important; align-items:center; justify-content:center; font-size:initial; width:20px; height:20px; line-height:0; }
  .site-header .header-phone-icon::before { content:none !important; }
  .site-header .header-phone-icon svg { display:block; width:20px; height:20px; }
  .site-header .menu-toggle { flex:0 0 38px; width:38px; height:44px; margin:0 0 0 8px; }
  .site-header .nav { z-index:45; }
}
@media (max-width: 700px) {
  .site-header .header-inner { width:calc(100% - 30px); min-width:0; gap:8px; height:68px; }
  .site-header .brand-main { font-size:18px; letter-spacing:.045em; }
  .site-header .brand-sub { font-size:6.4px; letter-spacing:.105em; }
  .site-header .brand-diamond { margin:0 2px; }
  .site-header .header-phone { width:40px; height:40px; flex-basis:40px; min-height:40px; }
}
@media (max-width: 360px) {
  .site-header .header-inner { width:calc(100% - 22px); gap:6px; }
  .site-header .brand-main { font-size:16px; letter-spacing:.032em; }
  .site-header .brand-sub { font-size:5.8px; letter-spacing:.08em; }
  .site-header .header-phone { width:38px; height:38px; flex-basis:38px; min-height:38px; }
  .site-header .menu-toggle { margin-left:2px; flex-basis:36px; width:36px; }
}