/* KRASILYUK DESIGN — SILVER ARCHITECTURE / premium light identity */
:root{
 --bg:#eef0f2;--surface:#f8f9fa;--surface-2:#e5e8eb;--white:#fff;
 --ink:#171c22;--ink-2:#343c45;--muted:#707982;--line:#d4d9de;
 --accent:#a77c53;--accent-soft:#d5c1aa;--steel:#9da7b1;--dark:#202831;
 --serif:Georgia,"Times New Roman",serif;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:90px}
body{margin:0;background:var(--bg);color:var(--ink);font-family:Arial,Helvetica,sans-serif;letter-spacing:-.018em}
/* Progressive reveal: content remains visible unless JavaScript is active. */
.js .reveal{opacity:0;transform:translateY(18px);transition:opacity .65s ease,transform .65s ease}
.js .reveal.is-visible{opacity:1;transform:translateY(0)}
img{max-width:100%}
a{color:inherit;text-decoration:none}
button,a{-webkit-tap-highlight-color:transparent}
a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:4px}
::selection{background:#c9b49d;color:#171c22}
.skip-link{position:fixed;z-index:200;top:10px;left:10px;padding:12px 16px;background:#fff;color:#171c22;transform:translateY(-160%);transition:transform .2s}
.skip-link:focus{transform:translateY(0)}
.topbar{height:88px;padding:0 clamp(22px,6.4vw,104px);display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:30;background:rgba(245,247,248,.91);backdrop-filter:blur(22px);border-bottom:1px solid #d8dde1}
.brand{display:flex;align-items:center;gap:13px;font:700 15px Arial,sans-serif;letter-spacing:.13em;color:var(--ink)}
.brand-mark{width:46px;height:46px;object-fit:contain}
.brand small{display:block;margin-top:6px;font:600 7px Arial,sans-serif;letter-spacing:.22em;color:#858d95}
.muted{color:var(--accent)}
.topbar nav{display:flex;align-items:center;gap:clamp(12px,1.7vw,26px);font-size:9px;letter-spacing:.12em;text-transform:uppercase;color:#59636d}
.topbar nav a{transition:color .2s}
.topbar nav a:hover{color:var(--accent)}
.nav-office{padding:14px 19px;border:1px solid #aeb6be;color:var(--ink)!important;background:#ffffff80}
.menu-toggle{display:none;background:none;border:0;color:var(--ink);font-size:25px;cursor:pointer}
.hero{position:relative;min-height:700px;overflow:hidden;display:flex;align-items:center;padding:clamp(90px,10vw,145px) 10% 112px;background:linear-gradient(112deg,#f7f8f9 0%,#e7eaed 52%,#d9dee2 100%);color:var(--ink)}
.hero:before{content:"";position:absolute;right:4%;top:7%;width:min(54vw,700px);aspect-ratio:1;border:1px solid #9da7b144;border-radius:50%;box-shadow:0 0 0 34px #ffffff50,0 0 0 70px #ffffff38,0 0 0 110px #ffffff20}
.hero:after{content:"";position:absolute;right:13%;top:17%;width:min(38vw,500px);aspect-ratio:1;border:1px solid #aab2ba70;border-radius:50%}
.hero-grid{position:absolute;inset:0;opacity:.42;background-image:linear-gradient(#aab2ba20 1px,transparent 1px),linear-gradient(90deg,#aab2ba20 1px,transparent 1px);background-size:58px 58px;mask-image:linear-gradient(90deg,transparent,#000 44%,#000)}
.hero-copy{position:relative;z-index:3;max-width:690px}
.eyebrow,.section-kicker{font-size:9px;letter-spacing:.24em;font-weight:700;text-transform:uppercase}
.eyebrow{color:#68727c}
.eyebrow i{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--accent);margin-right:12px;box-shadow:0 0 0 5px #a77c5318}
h1{font-size:clamp(49px,6.6vw,91px);line-height:.97;letter-spacing:-.078em;margin:34px 0 26px;font-weight:600}
h1 em,h2 em,.production h2 em{font-family:var(--serif);font-weight:400;color:var(--accent)}
.hero-lead{max-width:560px;color:#59636d;font-size:14px;line-height:1.95}
.hero-actions{display:flex;align-items:center;gap:25px;flex-wrap:wrap;margin-top:36px}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:30px;padding:18px 23px;font-size:9px;font-weight:700;letter-spacing:.13em;text-transform:uppercase;transition:transform .25s,background .25s,box-shadow .25s}
.btn-light{background:var(--ink);color:#fff;box-shadow:0 14px 32px #20283125}
.btn-light:hover{background:#39434d;transform:translateY(-3px);box-shadow:0 18px 36px #20283130}
.text-link{font-size:9px;font-weight:700;letter-spacing:.13em;text-transform:uppercase;color:#39434d}
.text-link:hover{color:var(--accent)}
.hero-visual{position:absolute;z-index:2;right:8%;top:50%;width:min(37vw,480px);height:450px;transform:translateY(-45%);opacity:1}
.metal-object{position:absolute;inset:72px 30px 38px;transform:rotate(-13deg) skewY(-5deg);filter:drop-shadow(24px 32px 28px #3c465222)}
.metal-sheet{position:absolute;inset:0;border:1px solid #fff;background:linear-gradient(135deg,#fff 0%,#c4cbd1 35%,#f5f6f7 62%,#9da8b2 100%);clip-path:polygon(16% 0,100% 15%,84% 100%,0 82%)}
.sheet-back{transform:translate(48px,-34px);opacity:.62;background:linear-gradient(135deg,#aab4bd,#dfe3e6)}
.sheet-mid{transform:translate(24px,-17px);opacity:.8;background:linear-gradient(135deg,#f8f9fa,#aab4bd)}
.sheet-front{display:flex;align-items:center;justify-content:space-evenly;padding:8%;background:linear-gradient(145deg,#fff,#c4cbd1 52%,#eef0f2)}
.sheet-front i{width:1px;height:70%;background:#64717d55}
.metal-edge{position:absolute;right:-15px;top:16%;width:17px;height:75%;background:linear-gradient(90deg,#7f8993,#f7f8f9,#89949e);transform:skewY(-12deg)}
.visual-index,.visual-measure{position:absolute;color:#78838d;font-size:8px;letter-spacing:.2em}
.visual-index{top:20px;left:0}.visual-index span{margin-left:18px;color:#a77c53}
.visual-measure{right:0}.measure-top{top:55px}.measure-bottom{bottom:15px}.measure-bottom b{color:var(--accent)}
.visual-orbit{position:absolute;inset:42px 0;border:1px solid #87939d55;border-radius:50%;transform:rotate(-28deg) scaleY(.42)}
.hero-side{position:absolute;right:4%;top:38%;z-index:3;color:#87919a;font-size:8px;letter-spacing:.2em}
.vertical-label{writing-mode:vertical-rl}
.hero-bottom{position:absolute;left:10%;right:10%;bottom:28px;display:flex;justify-content:space-between;border-top:1px solid #b9c1c8;padding-top:17px;color:#78828b;font-size:8px;letter-spacing:.19em}
.section-wrap{padding:clamp(76px,9vw,122px) 10%}
.section-kicker{color:var(--accent)}
.intro{display:grid;grid-template-columns:.7fr 1.7fr;gap:8%;background:var(--surface)}
.intro h2,.section-heading h2,.workflow h2,.contacts h2{font-size:clamp(36px,4.2vw,58px);line-height:1.03;letter-spacing:-.07em;font-weight:600;margin:20px 0}
.intro-text{max-width:720px;color:#68727c;font-size:14px;line-height:2}
.services{background:#e9ecef}
.section-heading{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:46px}
.section-heading p{max-width:410px;color:#707a84;font-size:12px;line-height:1.9}
.service-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}
.service-card{position:relative;min-height:340px;padding:27px 23px;background:linear-gradient(145deg,#fff,#f5f6f7);border:1px solid #d7dce0;box-shadow:0 14px 38px #26313a09;transition:transform .28s,box-shadow .28s,border-color .28s}
.service-card:hover{transform:translateY(-7px);border-color:#b8a18a;box-shadow:0 24px 48px #26313a16}
.service-no{font:600 10px Arial,sans-serif;color:#a77c53;letter-spacing:.16em}
.service-icon{width:52px;height:52px;display:grid;place-items:center;border:1px solid #d7dce0;border-radius:50%;background:#edf0f2;color:#6f7a84;font-size:25px;margin:29px 0 23px}
.service-card h3{font-size:17px;letter-spacing:-.035em;color:var(--ink)}
.service-card p{font-size:11px;line-height:1.9;color:#737d86;min-height:100px}
.add-service{display:flex;justify-content:space-between;align-items:center;padding-top:15px;border-top:1px solid #dce1e4;color:#535e68;font-size:9px;font-weight:700;letter-spacing:.13em;text-transform:uppercase}
.add-service b{font-size:17px;color:var(--accent)}
.production{position:relative;overflow:hidden;background:linear-gradient(115deg,#252e37,#3c4650);color:#f6f7f8}
.production:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(135deg,transparent 0 40px,#ffffff08 41px 42px)}
.production:after{content:"";position:absolute;right:-8%;top:-40%;width:650px;aspect-ratio:1;border:1px solid #ffffff20;border-radius:50%;box-shadow:0 0 0 42px #ffffff08,0 0 0 85px #ffffff06}
.production-inner{position:relative;z-index:1;min-height:560px;padding:clamp(80px,9vw,118px) 10%}
.production .section-kicker{color:#d0b79d}
.production-copy{max-width:580px;margin-left:12%}
.production h2{font-size:clamp(46px,5.5vw,73px);line-height:1.01;letter-spacing:-.075em;margin:30px 0}
.production-copy p{font-size:13px;line-height:2;color:#cbd1d7}
.production-stamp{position:absolute;right:12%;top:38%;width:145px;height:145px;display:grid;place-content:center;text-align:center;border:1px solid #d1b99f88;border-radius:50%;color:#e2d2c2;font-size:9px;letter-spacing:.2em;line-height:1.8;background:#ffffff08}
.production-stamp b{font-size:25px;color:#d2b18f}
.btn-outline{border:1px solid #c8b49f;color:#f5f2ee;margin-top:20px}
.btn-outline:hover{background:#d2b18f;color:#202831}
.gallery-section{background:var(--surface)}
.production-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.gallery-card{position:relative;min-width:0;min-height:250px;overflow:hidden;background:#d8dde1;border:1px solid #d4d9de}
.gallery-card-wide{grid-column:span 2}
.gallery-card img{display:block;width:100%;height:100%;min-height:250px;max-height:420px;object-fit:cover;filter:saturate(.72) contrast(1.04);transition:transform .7s}
.gallery-card:hover img{transform:scale(1.045)}
.gallery-card:after{content:"";position:absolute;inset:40% 0 0;background:linear-gradient(transparent,#171e25df);pointer-events:none}
.gallery-card figcaption{position:absolute;z-index:1;left:23px;right:20px;bottom:20px;display:grid;gap:7px;color:#fff}
.gallery-card figcaption span{font-size:8px;letter-spacing:.21em;color:#d8c2a9}
.gallery-card figcaption b{font-size:15px;font-weight:600}
.workflow{background:#e9ecef}
.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:50px}
.steps>div{border-top:1px solid #bfc7ce;padding:25px 20px 0 0}
.steps span{font-size:11px;color:var(--accent);letter-spacing:.16em}
.steps h3{font-size:18px;color:#303943}
.steps p{font-size:12px;line-height:1.9;color:#737d86}
.project-pack{background:var(--surface)}
.pack-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:9%}
.pack-mark{font-size:9px;letter-spacing:.22em;color:var(--accent)}
.pack-intro h3{font-size:27px;letter-spacing:-.045em;color:#28313a}
.pack-intro p{font-size:12px;line-height:1.95;color:#747e87}
.pack-intro .text-link{display:inline-block;color:#8d6a4b;margin-top:20px}
.pack-list{list-style:none;padding:0;margin:0}
.pack-list li{display:flex;gap:22px;padding:20px 0;border-bottom:1px solid #dce1e4}
.pack-list li>b{font-size:10px;color:var(--accent)}
.pack-list strong{display:block;font-size:13px;color:#303943}
.pack-list small{display:block;margin-top:6px;color:#78828b;font-size:11px;line-height:1.7}
.request-section{display:grid;grid-template-columns:1fr .8fr;gap:10%;align-items:center;padding:clamp(75px,9vw,116px) 10%;background:linear-gradient(115deg,#dce1e5,#edf0f2)}
.request-copy h2{font-size:clamp(45px,5vw,68px);line-height:1;letter-spacing:-.075em;color:#202831}
.request-copy>p{max-width:470px;color:#606b75;font-size:13px;line-height:1.95}
.request-note{max-width:460px;border-left:2px solid var(--accent);padding:10px 0 10px 16px;color:#737d86;font-size:11px;line-height:1.85;margin-top:24px}
.contact-simple{background:#fafbfc;border:1px solid #d1d8de;padding:36px;box-shadow:0 24px 60px #26313a14}
.contact-simple h3{font-size:clamp(24px,3vw,34px);letter-spacing:-.045em;margin:18px 0 8px}
.contact-simple p{color:#78828b;font-size:12px;line-height:1.85}
.contact-simple .field-hint{font-size:10px;color:#9aa1a7;margin-top:22px}
.faq-section{background:#e9ecef}
.faq-list details{padding:22px 0;border-bottom:1px solid #cfd6dc}
.faq-list summary{font-size:14px;font-weight:600;color:#303943;cursor:pointer;list-style:none}
.faq-list summary:after{content:"+";float:right;color:var(--accent);font-size:20px;font-weight:400}
.faq-list details[open] summary:after{content:"−"}
.faq-list p{max-width:780px;color:#737d86;font-size:12px;line-height:1.95;padding-top:10px}
.contacts{display:grid;grid-template-columns:.8fr 1.2fr;gap:8%;background:var(--surface)}
.contacts h2{font-size:clamp(44px,5vw,66px)}
.contact-details>p{color:#737d86;font-size:12px;margin:20px 0 35px}
.contact-line{display:flex;justify-content:space-between;gap:20px;padding:18px 0;border-bottom:1px solid #dce1e4}
.contact-line span{font-size:8px;letter-spacing:.19em;color:#929ba3}
.contact-line b{font-size:12px;font-weight:600;color:#303943;text-align:right}
.contact-line a:hover{color:var(--accent)}
footer{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:34px 10%;background:#202831;color:#cbd1d7;border-top:1px solid #48535e}
.footer-brand{color:#f4f6f7}
footer .brand small{color:#aeb7bf}
footer>a:last-child{font-size:9px;letter-spacing:.12em;color:#d9c2a8;border-bottom:1px solid #9d856d;padding-bottom:5px;text-transform:uppercase}
@media(max-width:1050px){
 .topbar nav{gap:10px;font-size:8px}
 .hero-visual{right:4%;opacity:.72}
 .service-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:980px){
 .topbar{height:78px;padding-inline:24px}
 .menu-toggle{display:block}
 .topbar nav{display:none;position:absolute;top:78px;left:0;right:0;padding:12px 24px 20px;background:#f5f7f8;border-top:1px solid var(--line);box-shadow:0 20px 30px #20283116}
 .topbar nav.open{display:flex;flex-direction:column;align-items:stretch;gap:0}
 .topbar nav>a{padding:15px 4px;border-bottom:1px solid #e1e5e8;color:#303943}
 .nav-office{margin-top:10px;text-align:center}
}
@media(max-width:760px){
 .topbar{height:72px;padding-inline:20px}
 .topbar nav{top:72px;padding-inline:20px}
 .hero{min-height:660px;padding:100px 7% 105px}
 .hero-visual{right:-100px;top:51%;width:330px;height:330px;opacity:.34}
 .hero:before{right:-170px;top:22%;width:440px}
 .hero:after{right:-115px;top:27%;width:340px}
 .hero-copy{max-width:100%}
 h1{font-size:clamp(43px,11vw,65px)}
 .hero-lead{max-width:96%;font-size:13px}
 .hero-actions{align-items:flex-start;flex-direction:column;gap:18px}
 .hero-side{display:none}
 .hero-bottom{left:7%;right:7%;font-size:7px;gap:15px}
 .hero-bottom span:last-child{text-align:right}
 .section-wrap{padding:72px 7%}
 .intro{grid-template-columns:1fr;gap:20px}
 .section-heading{display:block}
 .section-heading p{margin-top:18px}
 .service-grid{grid-template-columns:1fr 1fr;gap:9px}
 .service-card{min-height:305px;padding:20px 15px}
 .service-card p{min-height:112px}
 .production-inner{padding:72px 7% 85px;min-height:unset}
 .production-copy{margin:0;max-width:100%}
 .production-stamp{position:relative;top:auto;right:auto;margin:35px 0 0 auto;width:108px;height:108px}
 .production-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
 .gallery-card,.gallery-card img{min-height:180px}
 .gallery-card-wide{grid-column:span 2}
 .gallery-card figcaption{left:13px;right:13px;bottom:13px}
 .gallery-card figcaption b{font-size:12px}
 .request-section{grid-template-columns:1fr;padding:72px 7%;gap:30px}
 .contacts{grid-template-columns:1fr;gap:25px}
 footer{padding:28px 7%;flex-wrap:wrap}
}
@media(max-width:420px){
 .service-grid{grid-template-columns:1fr}
 .service-card{min-height:unset}
 .service-card p{min-height:unset}
 .contact-line{align-items:flex-start;flex-direction:column;gap:8px}
 .contact-line b{text-align:left}
 .hero-bottom{letter-spacing:.08em}
}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important}.js .reveal{opacity:1;transform:none}}


/* Media slots managed through assets/media.json */
.hero-media-slot{position:absolute;z-index:2;inset:64px 8px 38px;overflow:hidden;border:1px solid #ffffffb8;background:#dce1e5;box-shadow:0 26px 70px #20283125}
.hero-media-slot[hidden]{display:none}
.hero-media-slot img,.hero-media-slot video{display:block;width:100%;height:100%;object-fit:cover}
.hero-visual:has(.hero-media-slot:not([hidden])) .metal-object,
.hero-visual:has(.hero-media-slot:not([hidden])) .visual-orbit{display:none}
.hero-visual:has(.hero-media-slot:not([hidden])) .visual-index,
.hero-visual:has(.hero-media-slot:not([hidden])) .visual-measure{z-index:3;padding:7px 9px;background:#202831bd;color:#fff}
.media-fallback{grid-column:1/-1;padding:28px;border:1px dashed var(--line);color:var(--muted);font-size:12px}
@media(max-width:760px){
 .hero-media-slot{inset:50px 20px 45px 0}
}


/* Persistent contact action on small screens */
.mobile-call{display:none}
@media(max-width:760px){
  .mobile-call{
    position:fixed;z-index:40;left:16px;right:16px;bottom:calc(12px + env(safe-area-inset-bottom));
    display:flex;align-items:center;justify-content:space-between;gap:18px;
    padding:16px 20px;background:#202831;color:#fff;border:1px solid #ffffff25;
    box-shadow:0 12px 34px #17212b45;font-size:10px;font-weight:700;
    letter-spacing:.16em;text-transform:uppercase
  }
  .mobile-call span{font-size:18px;color:#d9c2a8}
  body{padding-bottom:76px}
}


/* Real production photography in service cards */
.service-card-photo{overflow:hidden;padding-top:190px}
.service-card-photo .service-photo{position:absolute;inset:0 0 auto;width:100%;height:168px;object-fit:cover;filter:saturate(.78) contrast(1.04)}
.service-card-photo:before{content:"";position:absolute;z-index:1;left:0;right:0;top:125px;height:44px;background:linear-gradient(transparent,#ffffff)}
.service-card-photo .service-no{position:absolute;top:178px;right:22px;z-index:2;background:#fff;padding:5px 8px}
.service-card-photo .service-icon{position:relative;z-index:2;margin:0 0 18px;width:42px;height:42px}
.service-card-photo h3,.service-card-photo p,.service-card-photo .add-service{position:relative;z-index:2}
@media(max-width:760px){
 .service-card-photo{padding-top:160px}
 .service-card-photo .service-photo{height:140px}
 .service-card-photo:before{top:105px}
 .service-card-photo .service-no{top:148px;right:12px}
 .service-card-photo .service-icon{width:36px;height:36px;margin-bottom:14px}
}


/* PREMIUM ARCHITECTURAL REDESIGN — photography first */
:root{
 --bg:#f3f2ef;--surface:#fbfaf8;--surface-2:#e9e6e0;--white:#fff;
 --ink:#171a1d;--ink-2:#30363b;--muted:#747a7d;--line:#d9d6d0;
 --accent:#b18a61;--accent-soft:#d7c2a7;--steel:#aeb4b7;--dark:#171d22;
 --serif:"Iowan Old Style",Baskerville,Georgia,serif;
}
body{background:var(--bg);color:var(--ink);font-family:Arial,Helvetica,sans-serif;letter-spacing:-.025em}
.topbar{height:82px;padding-inline:clamp(20px,6vw,96px);background:rgba(249,248,245,.94);border-bottom:1px solid #d9d6d0}
.brand{font-size:14px;letter-spacing:.16em}.brand-mark{width:42px;height:42px}.brand small{font-size:6.5px;letter-spacing:.2em}
.topbar nav{gap:clamp(10px,1.4vw,22px);font-size:8px;letter-spacing:.1em}
.nav-office{padding:13px 17px;border:1px solid #a98a68;background:transparent}
.hero{min-height:min(790px,calc(100svh - 82px));padding:110px 10% 100px;background:#171d22;color:#fff;isolation:isolate}
.hero:before{content:"";position:absolute;inset:0;z-index:1;width:auto;aspect-ratio:auto;border:0;border-radius:0;box-shadow:none;background:linear-gradient(90deg,rgba(13,18,22,.9) 0%,rgba(13,18,22,.72) 42%,rgba(13,18,22,.18) 100%)}
.hero:after{display:none}
.hero-grid{display:none}
.hero-visual{inset:0;right:0;top:0;width:100%;height:100%;z-index:0;transform:none;opacity:1}
.hero-media-slot{inset:0;border:0;box-shadow:none;background:#252c31}
.hero-media-slot img,.hero-media-slot video{object-fit:cover;object-position:center 48%}
.hero-visual:has(.hero-media-slot:not([hidden])) .visual-index,.hero-visual:has(.hero-media-slot:not([hidden])) .visual-measure{display:none}
.hero-copy{max-width:690px;z-index:3}
.eyebrow{color:#e0d7cb;font-size:9px;letter-spacing:.28em}
.eyebrow i{background:var(--accent);box-shadow:0 0 0 5px #b18a6126}
h1{font-size:clamp(54px,7.4vw,104px);line-height:.94;letter-spacing:-.085em;margin:30px 0 22px;font-weight:500}
h1 em{color:#d5b996;font-style:normal}
.hero-lead{max-width:480px;color:#e0e2e2;font-size:15px;line-height:1.8}
.hero-actions{gap:28px;margin-top:34px}
.btn{padding:18px 24px;letter-spacing:.12em}
.btn-light{background:#f2eee8;color:#1c2226;box-shadow:none}
.btn-light:hover{background:#d9c4a9;color:#171d22}
.hero .text-link{color:#f5f1eb;border-bottom:1px solid #ffffff60;padding-bottom:7px}
.hero-bottom{left:10%;right:10%;bottom:28px;border-color:#ffffff55;color:#e4e0d9;font-size:8px;letter-spacing:.17em}
.section-wrap{padding:clamp(78px,8vw,116px) 10%}
.intro,.services,.gallery-section,.workflow,.project-pack,.faq-section,.contacts{background:var(--surface)}
.intro h2,.section-heading h2,.workflow h2,.contacts h2{color:#1b2024}
.section-kicker{color:#9b7650;letter-spacing:.22em}
.intro-text,.section-heading p{color:#697176}
.services{background:#eae8e3}
.section-heading{margin-bottom:38px}
.service-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.service-card{min-height:0;padding:0 0 25px;background:#fbfaf8;border:1px solid #dedbd5;box-shadow:0 10px 35px #171d2209;overflow:hidden}
.service-card:hover{transform:translateY(-4px);box-shadow:0 20px 48px #171d2217;border-color:#b99a78}
.service-card-photo{padding:0 28px 25px;display:flex;flex-direction:column;align-items:flex-start}
.service-card-photo .service-photo{position:relative;inset:auto;display:block;width:calc(100% + 56px);height:clamp(220px,27vw,360px);margin:0 -28px 24px;object-fit:contain;object-position:center;background:#f0efec;filter:none}
.service-card-photo:before{display:none}
.service-card-photo .service-no{position:absolute;top:22px;right:22px;z-index:2;background:#fbfaf8;color:#98734e;padding:7px 10px}
.service-card-photo .service-icon{display:none}
.service-card-photo h3{margin:0 0 9px;font-size:22px;letter-spacing:-.05em}
.service-card-photo p{min-height:0;max-width:470px;margin:0 0 20px;color:#6e7477;font-size:12px;line-height:1.85}
.service-card-photo .add-service{width:100%;margin-top:auto;padding-top:17px;border-color:#dedbd5;color:#353c40}
.production{background:#1b2227}
.production-inner{min-height:520px;padding:clamp(78px,8vw,112px) 10%}
.production-copy{margin-left:8%;max-width:620px}
.production h2{font-size:clamp(48px,6vw,78px);font-weight:500}
.production-copy p{color:#c8ccce;line-height:1.9}
.production-stamp{border-color:#b18a6180;color:#e6d6c4}
.gallery-section{background:#f8f7f4}
.production-gallery{grid-template-columns:repeat(12,minmax(0,1fr));gap:16px}
.gallery-card{grid-column:span 4;min-height:280px;border:0;background:#e5e2dc}
.gallery-card-wide{grid-column:span 8}
.gallery-card img{height:100%;min-height:280px;max-height:480px;object-fit:cover;filter:saturate(.82) contrast(1.03)}
.gallery-card:after{inset:45% 0 0;background:linear-gradient(transparent,#111a20d9)}
.gallery-card figcaption{left:22px;bottom:20px}
.gallery-card figcaption span{color:#d9bd9c}
.gallery-card figcaption b{font-size:16px}
.workflow{background:#eeece7}
.steps>div{border-color:#c9c4bb}
.steps h3{color:#252b2f}.steps p{color:#70777a}
.project-pack,.faq-section{background:#f8f7f4}
.pack-list li{border-color:#dedbd5}
.request-section{background:#20272c;color:#fff}
.request-copy h2{color:#fff}
.request-copy>p{color:#d0d3d3}
.request-note{color:#c4c8c8;border-color:#b18a61}
.contact-simple{background:#f8f7f4;border:1px solid #ffffff20;box-shadow:0 22px 60px #0002}
.contact-simple h3{color:#1d2428}
.faq-list details{border-color:#d9d5ce}
.faq-list summary{color:#262d31}
.contacts{background:#f1efea}
.contact-line{border-color:#d8d4cc}
.contact-line b{color:#30373b}
footer{background:#171d22;border-color:#343c41}
footer>a:last-child{color:#d7b996}
.mobile-call{background:#171d22;border-color:#b18a61}
@media(max-width:1050px){.service-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){
 .topbar{height:72px}
 .hero{min-height:690px;padding:100px 7% 110px}
 .hero:before{background:linear-gradient(90deg,rgba(13,18,22,.88),rgba(13,18,22,.55) 75%,rgba(13,18,22,.34))}
 .hero-visual{inset:0;right:0;top:0;width:100%;height:100%;opacity:1}
 .hero-media-slot{inset:0}
 .hero-media-slot img,.hero-media-slot video{object-position:58% center}
 .hero-copy{max-width:100%}
 h1{font-size:clamp(48px,12vw,72px);margin:26px 0 18px}
 .hero-lead{max-width:330px;font-size:13px}
 .hero-actions{align-items:flex-start;flex-direction:column;gap:19px}
 .hero-bottom{left:7%;right:7%;font-size:7px;line-height:1.7}
 .section-wrap{padding:72px 7%}
 .service-grid{grid-template-columns:1fr;gap:14px}
 .service-card-photo{padding:0 20px 22px}
 .service-card-photo .service-photo{width:calc(100% + 40px);height:250px;margin:0 -20px 20px;object-fit:contain}
 .service-card-photo .service-no{top:15px;right:15px}
 .service-card-photo h3{font-size:20px}
 .production-inner{padding:72px 7% 80px}
 .production-copy{margin:0}
 .production-stamp{margin:30px 0 0 auto}
 .production-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
 .gallery-card,.gallery-card-wide{grid-column:span 1;min-height:190px}
 .gallery-card img{min-height:190px;max-height:280px}
 .gallery-card figcaption{left:12px;right:10px;bottom:12px}
 .gallery-card figcaption b{font-size:12px}
 .request-section{grid-template-columns:1fr;padding:72px 7%;gap:28px}
 .contact-simple{padding:26px}
 .contacts{grid-template-columns:1fr;gap:25px}
}
@media(max-width:420px){
 .service-card-photo .service-photo{height:220px}
 .contact-line{align-items:flex-start;flex-direction:column;gap:8px}
 .contact-line b{text-align:left}
}


/* ART DIRECTION V2 — MIDNIGHT PETROL / COPPER */
:root{
 --bg:#101a22;--surface:#17242d;--surface-2:#22343e;--white:#f5f2ec;
 --ink:#f2f0eb;--ink-2:#d7dddc;--muted:#a5b0b3;--line:#34464e;
 --accent:#c58b5a;--accent-soft:#e0b58a;--steel:#71838a;--dark:#0c141b;
}
body{background:#101a22;color:#f2f0eb}
.topbar{background:rgba(13,22,29,.96);border-bottom:1px solid #34434b;color:#f4f1eb}
.brand{color:#f4f1eb}.brand small{color:#a8b2b4}
.topbar nav{color:#c2cbca}
.topbar nav a:hover{color:#e0b58a}
.nav-office{border-color:#8f694b;color:#f5eee5!important;background:#ffffff08}
.menu-toggle{color:#f4f1eb}
.hero{background:#0b141b;color:#f6f3ed}
.hero:before{background:linear-gradient(90deg,rgba(7,14,19,.94) 0%,rgba(8,17,23,.78) 43%,rgba(8,17,23,.2) 100%)}
.eyebrow{color:#e0b58a}
h1 em{color:#e0b58a}
.hero-lead{color:#d2d9d8}
.hero .text-link{color:#f3e9dc}
.btn-light{background:#c58b5a;color:#111a20}
.btn-light:hover{background:#e0b58a;color:#111a20}
.hero-bottom{border-color:#65747a;color:#c0c9c8}
.intro,.gallery-section,.project-pack,.faq-section,.contacts{background:#17242d;color:#f2f0eb}
.intro h2,.section-heading h2,.workflow h2,.contacts h2{color:#f4f1eb}
.intro-text,.section-heading p{color:#b3bdbd}
.section-kicker{color:#d6a476}
.services{background:#101a22}
.service-card{background:#1c2b34;border:1px solid #354750;box-shadow:0 18px 45px #0004;color:#f2f0eb}
.service-card:hover{border-color:#c58b5a;box-shadow:0 25px 55px #0006}
.service-card-photo .service-photo{background:#263740}
.service-card-photo h3{color:#f6f2ec}
.service-card-photo p{color:#b9c3c2}
.service-card-photo .add-service{border-color:#40515a;color:#e5e8e5}
.service-card-photo .add-service b{color:#d6a476}
.production{background:linear-gradient(120deg,#0d171e,#19343b 70%,#1d4144);color:#f6f2eb}
.production:before{background:repeating-linear-gradient(135deg,transparent 0 42px,#ffffff09 43px 44px)}
.production-copy p{color:#c2cecc}
.production-stamp{background:#0c171d88;border-color:#c58b5a;color:#ead5bf}
.gallery-card{background:#24343d}
.gallery-card:after{background:linear-gradient(transparent 25%,#081117e8)}
.workflow{background:#20323b;color:#f2f0eb}
.steps>div{border-color:#64747a}
.steps h3{color:#f5f1eb}.steps p{color:#b9c3c2}
.pack-intro h3{color:#f4f1eb}.pack-intro p{color:#b4bfbe}
.pack-list li{border-color:#3a4b53}.pack-list strong{color:#f1eee8}.pack-list small{color:#aeb9b8}
.pack-list li>b{color:#d6a476}
.request-section{background:linear-gradient(115deg,#0b141b,#1d333b);color:#f4f1eb}
.request-copy h2{color:#f4f1eb}.request-copy>p{color:#c1ccca}
.request-note{color:#b8c4c2;border-color:#c58b5a}
.contact-simple{background:#1b2a33;border-color:#40515a;color:#f3f0e9;box-shadow:0 24px 65px #0005}
.contact-simple h3{color:#f4f1eb}.contact-simple p{color:#b7c2c1}
.contact-simple .field-hint{color:#93a1a2}
.faq-list details{border-color:#3c4d55}
.faq-list summary{color:#f2efe9}
.faq-list p{color:#b4bfbe}
.contact-line{border-color:#3b4c54}
.contact-line span{color:#98a6a7}.contact-line b{color:#f0eee8}
footer{background:#080f14;border-color:#34434b}
.footer-brand{color:#f5f1eb}footer .brand small{color:#9eacad}
footer>a:last-child{color:#e0b58a;border-color:#9a714e}
a:focus-visible,button:focus-visible,summary:focus-visible{outline-color:#e0b58a}
::selection{background:#c58b5a;color:#101a22}
@media(max-width:980px){
 .topbar nav{background:#101a22;border-color:#34464e}
 .topbar nav>a{border-color:#34464e;color:#f0eee8}
 .nav-office{color:#f5eee5!important}
}
@media(max-width:760px){
 .hero:before{background:linear-gradient(90deg,rgba(7,14,19,.92),rgba(8,17,23,.68) 75%,rgba(8,17,23,.46))}
}


/* HERO: use the supplied finished banner as-is. No duplicate copy, overlays or cropping. */
.hero.hero-banner-only{
  display:block;
  min-height:0;
  height:auto;
  padding:0;
  margin:0;
  overflow:hidden;
  background:#0b141b;
  color:inherit;
}
.hero.hero-banner-only::before,
.hero.hero-banner-only::after{display:none;content:none}
.hero-banner-image{
  display:block;
  width:100%;
  height:auto;
  max-width:none;
  object-fit:contain;
  object-position:center;
  margin:0;
}
@media(max-width:760px){
  .hero.hero-banner-only{min-height:0;padding:0}
  .hero-banner-image{width:100%;height:auto;object-fit:contain}
}


/* Production section — restrained editorial layout */
.production.production-editorial{background:#101a22;color:#f2f0eb;padding:clamp(48px,7vw,92px) 0}
.production-editorial .production-editorial-inner{width:min(1180px,86%);margin:0 auto;display:grid;grid-template-columns:minmax(0,1.08fr) minmax(340px,.92fr);gap:clamp(36px,6vw,82px);align-items:center}
.production-visual{position:relative;min-height:540px;overflow:hidden;background:#1a2a32;border:1px solid #ffffff16}
.production-visual img{display:block;width:100%;height:100%;min-height:540px;object-fit:cover;filter:saturate(.72) contrast(1.04)}
.production-visual:after{content:"";position:absolute;inset:55% 0 0;background:linear-gradient(transparent,#071117c9)}
.production-visual-label{position:absolute;z-index:1;left:26px;bottom:24px;color:#f2f0eb;font-size:10px;letter-spacing:.2em}
.production-visual-label i{font-style:normal;color:#c58b5a}
.production-editorial-copy{max-width:560px;margin:0}
.production-editorial-copy h2{font-size:clamp(42px,5vw,68px);line-height:1.02;letter-spacing:-.065em;margin:26px 0}
.production-editorial-copy p{font-size:14px;line-height:1.85;color:#c2cecc}
.production-points{list-style:none;padding:0;margin:28px 0 34px;border-top:1px solid #ffffff24}
.production-points li{display:flex;gap:18px;align-items:flex-start;padding:15px 0;border-bottom:1px solid #ffffff24;color:#e7e8e5;font-size:13px;line-height:1.5}
.production-points b{font-size:10px;letter-spacing:.12em;color:#c58b5a}
.production-editorial .btn-outline{border-color:#c58b5a;color:#f2f0eb}
.production-editorial .btn-outline:hover{background:#c58b5a;color:#101a22}
@media(max-width:760px){
 .production.production-editorial{padding:48px 0}
 .production-editorial .production-editorial-inner{width:88%;grid-template-columns:1fr;gap:30px}
 .production-visual,.production-visual img{min-height:300px}
 .production-editorial-copy h2{font-size:clamp(40px,11vw,56px);margin:20px 0}
 .production-points{margin:22px 0 28px}
}

/* Abstract brand panel — keep service product imagery exclusive to the services section */
.production-editorial .production-visual{display:none}
.production-editorial .production-editorial-inner{grid-template-columns:minmax(260px,.82fr) minmax(340px,1.18fr)}
.production-editorial-mark{min-height:480px;display:flex;flex-direction:column;justify-content:space-between;padding:clamp(30px,5vw,64px);border:1px solid #c58b5a55;background:linear-gradient(145deg,#1b3038 0%,#101a22 62%,#24343a 100%);position:relative;overflow:hidden}
.production-editorial-mark:before,.production-editorial-mark:after{content:"";position:absolute;border:1px solid #c58b5a35;transform:rotate(-35deg);width:140%;height:42%;left:-20%;top:27%}
.production-editorial-mark:after{top:43%;border-color:#ffffff16}
.production-editorial-mark>span{position:relative;z-index:1;font-size:clamp(76px,11vw,150px);font-weight:300;letter-spacing:-.12em;color:#f2f0eb}
.production-editorial-mark>span span{color:#c58b5a}
.production-editorial-mark small{position:relative;z-index:1;align-self:flex-end;color:#c58b5a;font-size:10px;line-height:1.8;letter-spacing:.22em;text-align:right}
@media(max-width:760px){
 .production-editorial .production-editorial-inner{grid-template-columns:1fr}
 .production-editorial-mark{min-height:260px}
}


/* Supplied engineering artwork and custom icon set */
.production-editorial-mark{
 background-image:linear-gradient(135deg,rgba(16,26,34,.84),rgba(16,26,34,.60)),url("images/backgrounds/engineering-background.png");
 background-size:cover;
 background-position:center;
}
.production-editorial-mark:before,.production-editorial-mark:after{pointer-events:none}
.service-icon{overflow:hidden;padding:7px}
.service-icon img{display:block;width:100%;height:100%;object-fit:contain}
.production-points li{align-items:center}
.production-point-icon{flex:0 0 34px;width:34px;height:34px;object-fit:contain}
.contact-value{display:inline-flex;align-items:center;gap:11px}
.contact-value img{width:27px;height:27px;object-fit:contain;flex:0 0 27px}
@media(max-width:760px){
 .production-point-icon{width:30px;height:30px;flex-basis:30px}
 .contact-value{justify-content:flex-start}
}


/* ART DIRECTION — SILVER / WARM COPPER. Light architectural identity. */
.service-card-photo{background:var(--surface);color:var(--ink);border:1px solid var(--line);box-shadow:0 18px 45px rgba(31,42,52,.07)}
.service-card-photo .service-photo{background:#e8ebee}
.service-card-photo h3{color:var(--ink)}
.service-card-photo p{color:var(--muted)}
.service-card-photo .add-service{border-color:var(--line);color:var(--ink)}
.service-card-photo .add-service b{color:var(--accent)}
.production.production-editorial{background:linear-gradient(135deg,#f8f9fa 0%,#e6e9ec 58%,#f3f4f5 100%);color:var(--ink);border-top:1px solid #fff;border-bottom:1px solid var(--line)}
.production-editorial-copy p{color:#626c75}
.production-points{border-color:#cbd1d6}
.production-points li{border-color:#cbd1d6;color:#343c45}
.production-points b{color:var(--accent)}
.production-editorial .btn-outline{border-color:var(--accent);color:var(--ink)}
.production-editorial .btn-outline:hover{background:var(--accent);color:#fff}
.production-editorial-mark{background-color:#dfe3e6;background-image:linear-gradient(135deg,rgba(242,244,246,.72),rgba(221,226,230,.84)),url("images/backgrounds/engineering-background.png");border-color:#c2c9cf}
.production-editorial-mark>span{color:#26313a}
.production-editorial-mark>span span,.production-editorial-mark small{color:#a77c53}
.production-editorial-mark:before{border-color:#a77c5345}
.production-editorial-mark:after{border-color:#66737e30}
.workflow{background:#e7eaed;color:var(--ink);border-top:1px solid #fff;border-bottom:1px solid var(--line)}
.steps>div{border-color:#cbd1d6}
.steps h3{color:var(--ink)}.steps p{color:#68727b}
.request-section{background:linear-gradient(120deg,#e8ebee,#f7f8f9 70%,#e1e5e8);color:var(--ink)}
.request-copy h2{color:var(--ink)}.request-copy>p{color:#5f6972}
.request-note{color:#626c75;border-color:var(--accent)}
.contact-simple{background:#fff;border:1px solid var(--line);color:var(--ink);box-shadow:0 24px 65px rgba(31,42,52,.09)}
.contact-simple h3{color:var(--ink)}.contact-simple p{color:#626c75}
.contact-simple .field-hint{color:#78828a}
.faq-list details{border-color:var(--line)}
.faq-list summary{color:var(--ink)}.faq-list p{color:#626c75}
.contact-line{border-color:var(--line)}
.contact-line span{color:#77818a}.contact-line b{color:var(--ink)}
footer{background:#202831;border-color:#3a444e}
.footer-brand{color:#f5f6f7}footer .brand small{color:#b8c0c7}
footer>a:last-child{color:#e0c5aa;border-color:#a77c53}
a:focus-visible,button:focus-visible,summary:focus-visible{outline-color:var(--accent)}
::selection{background:#d5c1aa;color:#171c22}
@media(max-width:980px){
 .topbar nav{background:#f8f9fa;border-color:var(--line)}
 .topbar nav>a{border-color:var(--line);color:var(--ink)}
 .nav-office{color:var(--ink)!important}
}
@media(max-width:760px){
 .hero:before{background:transparent}
}

/* Signature motion: precise, quiet and architectural — never distracts from the work. */
.hero-banner-image{animation:hero-arrive 1.1s cubic-bezier(.2,.7,.2,1) both}
@keyframes hero-arrive{from{opacity:.35;transform:scale(1.018)}to{opacity:1;transform:scale(1)}}
.section-kicker{position:relative}
.section-kicker:after{content:"";display:inline-block;width:26px;height:1px;margin:0 0 3px 10px;background:var(--accent);transform-origin:left;animation:kicker-line .9s .25s both}
@keyframes kicker-line{from{transform:scaleX(0)}to{transform:scaleX(1)}}
.js .service-card{transition:transform .45s cubic-bezier(.2,.7,.2,1),box-shadow .45s,border-color .45s}
.js .service-card:hover{transform:translateY(-8px);box-shadow:0 26px 55px rgba(31,42,52,.13);border-color:#c3a486}
.js .service-card .service-photo{transition:transform .7s cubic-bezier(.2,.7,.2,1)}
.js .service-card:hover .service-photo{transform:scale(1.025)}
.js .service-card .service-icon{transition:transform .45s cubic-bezier(.2,.7,.2,1)}
.js .service-card:hover .service-icon{transform:translateY(-4px) rotate(-3deg)}
.js .gallery-card{transition:transform .5s cubic-bezier(.2,.7,.2,1),box-shadow .5s}
.js .gallery-card:hover{transform:translateY(-6px);box-shadow:0 24px 50px rgba(31,42,52,.16)}
.js .gallery-card img{transition:transform .8s cubic-bezier(.2,.7,.2,1)}
.js .gallery-card:hover img{transform:scale(1.035)}
.js .reveal.is-visible .service-card{animation:card-enter .65s both}
.js .reveal.is-visible .service-card:nth-child(2){animation-delay:.08s}
.js .reveal.is-visible .service-card:nth-child(3){animation-delay:.16s}
.js .reveal.is-visible .service-card:nth-child(4){animation-delay:.24s}
@keyframes card-enter{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}
@media(prefers-reduced-motion:reduce){
 html{scroll-behavior:auto}
 *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}
 .js .reveal{opacity:1;transform:none}
}


/* Conversion strip: one clear next step directly after the hero. */
.hero-conversion{width:min(1180px,86%);margin:0 auto;padding:22px 28px;display:flex;align-items:center;justify-content:space-between;gap:24px;background:linear-gradient(105deg,#fff 0%,#e7eaed 72%,#f8f8f8 100%);border:1px solid #d3d8dd;border-top:0;box-shadow:0 18px 42px rgba(31,42,52,.055)}
.hero-conversion-copy span{font-size:9px;letter-spacing:.2em;color:var(--accent);font-weight:700}
.hero-conversion-copy p{margin:8px 0 0;font:clamp(17px,2vw,23px)/1.25 var(--serif);color:var(--ink)}
.btn-copper{display:inline-flex;align-items:center;gap:22px;padding:15px 20px;background:var(--accent);color:#fff;border:1px solid var(--accent);font-size:11px;letter-spacing:.06em;transition:background .25s,transform .25s}
.btn-copper b{font-size:16px;font-weight:400}
.btn-copper:hover{background:#88613f;transform:translateY(-2px)}
@media(max-width:760px){
 .hero-conversion{width:100%;padding:20px 6%;align-items:flex-start;flex-direction:column;gap:16px}
 .hero-conversion .btn-copper{width:100%;justify-content:space-between}
}


/* ART DIRECTION 2.0 — bright aluminium, porcelain white and warm copper.
   Existing photography and artwork stay untouched; only presentation is refined. */
:root{
 --bg:#f5f6f7;--surface:#fff;--surface-2:#edf0f2;--ink:#252b31;
 --ink-2:#424a52;--muted:#737d86;--line:#dce1e5;--accent:#ad8058;
 --accent-soft:#ddc9b4;--steel:#b9c1c8;--dark:#303941;
}
body{background:#f5f6f7;color:#252b31}
.topbar{background:rgba(255,255,255,.94);border-bottom-color:#e0e4e7}
.topbar nav{color:#626c75}
.nav-office{background:#fff;border-color:#cbd2d8}
.hero{background:linear-gradient(120deg,#fff 0%,#f4f6f7 58%,#e9edef 100%);color:#252b31}
.hero-banner-only{background:#f3f5f6}
.hero-banner-image{display:block}
.intro,.gallery-section,.project-pack,.contacts{background:#fff}
.services,.workflow,.faq-section{background:#f1f3f4}
.service-card-photo{background:#fff;border:1px solid #e0e4e7;box-shadow:0 12px 34px rgba(37,43,49,.045)}
.service-card-photo:hover{border-color:#c6a98c;box-shadow:0 20px 42px rgba(37,43,49,.09)}
.service-card-photo .service-photo{filter:saturate(.9) contrast(1.01)}
.service-card-photo:before{background:linear-gradient(transparent,#fff)}
.service-card-photo .service-no{background:#fff}
.service-card-photo .service-icon{background:#f4f5f6;border-color:#e1e5e8}
.production.production-editorial{background:linear-gradient(135deg,#fff 0%,#f0f2f3 52%,#e7ebee 100%);color:#252b31}
.production-editorial-mark{background-color:#e9edef;background-image:linear-gradient(135deg,rgba(255,255,255,.5),rgba(225,230,233,.68)),url("images/backgrounds/engineering-background.png");border:1px solid #d8dfe3;box-shadow:0 18px 48px rgba(37,43,49,.06)}
.production-editorial-mark>span{color:#303941}
.production-editorial-mark>span span,.production-editorial-mark small{color:#ad8058}
.production-editorial-mark:before{border-color:#ad80583a}
.production-editorial-mark:after{border-color:#71808c24}
.production-editorial-copy h2{color:#252b31}
.production-editorial-copy p{color:#66717a}
.production-points{border-color:#dce1e5}
.production-points li{border-color:#dce1e5;color:#424a52}
.production-editorial .btn-outline{color:#303941;border-color:#ad8058}
.workflow{background:#f1f3f4}
.steps>div{border-color:#d5dce1}
.steps h3,.steps p{color:#424a52}
.pack-list li{border-color:#e2e6e9}
.request-section{background:linear-gradient(120deg,#f1f3f4,#fff 65%,#edf0f2)}
.contact-simple{background:#fff;border-color:#e0e4e7;box-shadow:0 16px 44px rgba(37,43,49,.06)}
.faq-section{background:#f1f3f4}
.faq-list details{border-color:#dce1e5}
.contacts{background:#fff}
.contact-line{border-color:#e2e6e9}
.contact-line span{color:#858e96}
.contact-line b{color:#343c44}
footer{background:#eef1f3;color:#535d66;border-top:1px solid #dce1e5}
.footer-brand{color:#252b31}
footer .brand small{color:#7b858d}
footer>a:last-child{color:#986f4b;border-color:#c7a98a}
.mobile-call{background:#fff;color:#303941;border:1px solid #d6dde2;box-shadow:0 10px 30px rgba(37,43,49,.12)}
.mobile-call span{color:#ad8058}
.gallery-card{background:#edf0f2;border-color:#dce1e5}
.gallery-card img{filter:saturate(.88) contrast(1.01)}
.gallery-card:after{inset:55% 0 0;background:linear-gradient(transparent,rgba(25,32,38,.68))}
.hero-conversion{background:linear-gradient(105deg,#fff,#f2f4f5);border-color:#dfe4e7;box-shadow:0 12px 32px rgba(37,43,49,.045)}
.btn-copper{background:#ad8058;border-color:#ad8058}
.btn-copper:hover{background:#916b49}
@media(max-width:980px){
 .topbar nav{background:#fff;border-color:#e0e4e7}
 .topbar nav>a{border-color:#e7eaed;color:#343c44}
}
@media(max-width:760px){
 .hero-conversion{background:#fff;border-left:0;border-right:0}
 .production-editorial-mark{min-height:240px}
 .contact-addresses{align-items:flex-start}
 .address-list{width:100%;display:grid;gap:18px;text-align:left}
 .address-list b{display:block;text-align:left;font-size:12px;line-height:1.65}
 .address-list strong{display:block;margin-bottom:5px;font-size:9px;letter-spacing:.15em;color:#ad8058}
 .address-list small{display:block;font-size:11px;font-weight:400;line-height:1.7;color:#626c75}
}
@media(min-width:761px){
 .contact-addresses{align-items:flex-start}
 .address-list{max-width:68%;display:grid;gap:17px;text-align:right}
 .address-list b{display:block;text-align:right;font-size:12px;line-height:1.6}
 .address-list strong{display:block;margin-bottom:4px;font-size:9px;letter-spacing:.15em;color:#ad8058}
 .address-list small{display:block;font-size:11px;font-weight:400;line-height:1.65;color:#626c75}
}


/* KRASILYUK DESIGN — warm architectural identity
   Presentation-only refresh: all existing photographs and image assets remain unchanged. */
:root{
 --bg:#fbf8f2;
 --surface:#fffdf9;
 --surface-2:#f4eee4;
 --ink:#292820;
 --ink-2:#49453b;
 --muted:#81796c;
 --line:#e8dfd1;
 --accent:#b88755;
 --accent-soft:#e7d2b8;
 --steel:#d8c8b2;
 --dark:#332f27;
}
body{background:#fbf8f2;color:#292820}
.topbar{background:rgba(255,253,249,.96);border-bottom:1px solid #e8dfd1}
.topbar nav{color:#625b50}
.nav-office{background:#fffdf9;border-color:#d9c7ae;color:#332f27}
.hero{background:#fbf8f2;color:#292820}
.hero-banner-only{background:#f7f1e7}
.intro,.gallery-section,.project-pack,.contacts{background:#fffdf9}
.services,.workflow,.faq-section{background:#f6f0e6}
.service-card-photo{background:#fffdf9;border:1px solid #e9dfd1;box-shadow:0 16px 38px rgba(55,44,29,.06)}
.service-card-photo:hover{border-color:#c9a47b;box-shadow:0 22px 46px rgba(55,44,29,.1)}
.service-card-photo .service-photo{filter:none}
.service-card-photo .service-icon{background:#f8f2e9;border-color:#eadfce}
.service-card-photo .service-no{background:#fffdf9;color:#9c744e}
.production.production-editorial{background:linear-gradient(130deg,#fffdf9 0%,#f5eee3 56%,#eee2d1 100%);color:#292820}
.production-editorial-mark{background-color:#eee3d4;background-image:linear-gradient(135deg,rgba(255,250,241,.45),rgba(225,207,182,.52)),url("images/backgrounds/engineering-background.png");border:1px solid #dfcfb9;box-shadow:0 20px 48px rgba(55,44,29,.07)}
.production-editorial-mark>span{color:#332f27}
.production-editorial-mark>span span,.production-editorial-mark small{color:#a9794d}
.production-editorial-mark:before{border-color:#a9794d45}
.production-editorial-mark:after{border-color:#7e6d5630}
.production-editorial-copy h2{color:#292820}
.production-editorial-copy p{color:#665f53}
.production-points{border-color:#e3d7c6}
.production-points li{border-color:#e3d7c6;color:#49453b}
.production-editorial .btn-outline{color:#332f27;border-color:#b88755}
.production-editorial .btn-outline:hover{background:#b88755;color:#fff}
.workflow{background:#f6f0e6}
.steps>div{border-color:#e4d9c9}
.steps h3{color:#332f27}.steps p{color:#766e61}
.pack-list li{border-color:#e9dfd1}
.request-section{background:linear-gradient(120deg,#f4ecdf,#fffdf9 65%,#eee3d4);color:#292820}
.request-copy h2{color:#292820}.request-copy>p{color:#665f53}
.request-note{color:#665f53;border-color:#b88755}
.contact-simple{background:#fffdf9;border-color:#e8dfd1;box-shadow:0 18px 46px rgba(55,44,29,.07)}
.contact-simple h3{color:#292820}.contact-simple p{color:#665f53}
.contact-simple .field-hint{color:#81796c}
.faq-section{background:#f6f0e6}
.faq-list details{border-color:#e3d9cb}
.faq-list summary{color:#332f27}.faq-list p{color:#71695d}
.contacts{background:#fffdf9}
.contact-line{border-color:#e9dfd1}
.contact-line span{color:#928675}
.contact-line b{color:#332f27}
footer{background:#332f27;color:#eee5d8;border-top:1px solid #4b4236}
.footer-brand{color:#fffaf1}footer .brand small{color:#c9b9a4}
footer>a:last-child{color:#e6c7a4;border-color:#a9855e}
.mobile-call{background:#fffdf9;color:#332f27;border:1px solid #dfd1bd;box-shadow:0 10px 30px rgba(55,44,29,.14)}
.mobile-call span{color:#a9794d}
.gallery-card{background:#f2eadf;border-color:#e5d9c8}
.gallery-card img{filter:none}
.gallery-card:after{inset:55% 0 0;background:linear-gradient(transparent,rgba(36,31,24,.62))}
.hero-conversion{background:linear-gradient(105deg,#fffdf9,#f4ecdf);border-color:#e8dfd1;box-shadow:0 14px 34px rgba(55,44,29,.06)}
.hero-conversion-copy p{color:#332f27}
.btn-copper{background:#b88755;border-color:#b88755;color:#fff}
.btn-copper:hover{background:#986c43}
a:focus-visible,button:focus-visible,summary:focus-visible{outline-color:#b88755}
::selection{background:#e8d3b8;color:#292820}
@media(max-width:980px){
 .topbar nav{background:#fffdf9;border-color:#e8dfd1}
 .topbar nav>a{border-color:#eee5d9;color:#332f27}
}
@media(max-width:760px){
 .hero-conversion{background:#fffdf9;border-left:0;border-right:0}
 .production-editorial-mark{min-height:240px}
}


/* =========================================================
   KRASILYUK DESIGN — SIGNATURE EXPERIENCE / 2026
   Photography-led architectural identity and conversion layer.
   All supplied image assets remain untouched.
   ========================================================= */
:root{
  --bg:#f7f6f2;--surface:#fffefa;--surface-2:#eeece5;
  --ink:#202522;--ink-2:#414842;--muted:#737a73;
  --line:#deded5;--accent:#a8794d;--accent-soft:#d8c0a3;
  --dark:#202722;--serif:"Iowan Old Style",Baskerville,Georgia,serif;
}
html{scroll-padding-top:88px}
body{background:var(--bg);color:var(--ink);font-family:Arial,Helvetica,sans-serif;letter-spacing:-.022em}
.topbar{height:84px;padding-inline:clamp(20px,6.5vw,112px);background:rgba(255,254,250,.94);border-bottom:1px solid #e6e2d9;box-shadow:0 5px 24px rgba(34,39,34,.035)}
.brand{gap:12px;font-size:14px;letter-spacing:.16em}
.brand-mark{width:45px;height:45px}
.brand small{font-size:7px;letter-spacing:.2em;color:#77786e}
.topbar nav{gap:clamp(12px,1.5vw,25px);font-size:9px;color:#515950}
.topbar nav a{transition:color .2s ease}
.topbar nav a:hover{color:var(--accent)}
.nav-office{padding:14px 19px;background:var(--dark);color:#fff!important;border:1px solid var(--dark);letter-spacing:.13em}
.nav-office:hover{background:var(--accent);border-color:var(--accent)}
.hero-banner-only{position:relative;min-height:clamp(420px,56vw,730px);padding:0;background:#252a27;overflow:hidden}
.hero-banner-image{position:absolute;inset:0;width:100%;height:100%;display:block;object-fit:cover;object-position:center}
.hero-banner-only:after{content:"";position:absolute;inset:auto 0 0;height:18%;background:linear-gradient(transparent,rgba(20,25,22,.14));pointer-events:none}
.hero-conversion{position:relative;width:min(1180px,88%);min-height:112px;margin:-1px auto 0;padding:25px 34px;background:#fffefa;border:1px solid #e4dfd5;border-top:0;box-shadow:0 20px 55px rgba(32,37,32,.075);z-index:2}
.hero-conversion-copy span{font-size:9px;letter-spacing:.22em;color:var(--accent)}
.hero-conversion-copy p{font:clamp(19px,2.1vw,26px)/1.25 var(--serif);letter-spacing:-.025em;margin:9px 0 0;color:var(--ink)}
.btn-copper{background:var(--accent);border-color:var(--accent);padding:17px 23px;color:#fff;font-size:10px;letter-spacing:.12em;box-shadow:0 9px 22px rgba(168,121,77,.2)}
.btn-copper:hover{background:#865d3b;border-color:#865d3b;transform:translateY(-2px)}
.section-wrap{padding:clamp(78px,9vw,126px) clamp(7%,calc((100% - 1180px)/2),11%)}
.section-kicker{font-size:9px;letter-spacing:.23em;color:var(--accent)}
.intro{grid-template-columns:.62fr 1.8fr;gap:8%;background:var(--surface)}
.intro h2,.section-heading h2,.workflow h2,.contacts h2{font-size:clamp(38px,4.6vw,66px);line-height:1.02;letter-spacing:-.065em}
.intro-text{font-size:14px;line-height:2.05;color:#626a62;max-width:760px}
.services,.workflow,.faq-section{background:#f0eee8}
.section-heading{margin-bottom:48px}
.section-heading p{font-size:13px;line-height:1.9;color:#6f756d}
.service-grid{gap:17px}
.service-card-photo{min-height:390px;padding:210px 25px 24px;background:#fffefa;border:1px solid #e5e1d8;box-shadow:0 13px 38px rgba(32,37,32,.045);transition:transform .35s,box-shadow .35s,border-color .35s}
.service-card-photo:hover{transform:translateY(-8px);border-color:#c5a17c;box-shadow:0 25px 55px rgba(32,37,32,.12)}
.service-card-photo .service-photo{height:190px;filter:none;transition:transform .65s}
.service-card-photo:hover .service-photo{transform:scale(1.035)}
.service-card-photo:before{top:150px;height:60px;background:linear-gradient(transparent,#fffefa)}
.service-card-photo .service-no{top:198px;right:22px;padding:6px 9px;background:#fffefa;color:var(--accent);font-size:10px}
.service-card-photo .service-icon{width:42px;height:42px;margin:0 0 16px;border:1px solid #e7dfd2;background:#f5f1e9;border-radius:50%}
.service-card-photo .service-icon img{width:23px;height:23px;object-fit:contain}
.service-card-photo h3{font-size:20px;letter-spacing:-.04em;margin:0 0 11px;color:#252b26}
.service-card-photo p{min-height:95px;font-size:12px;line-height:1.85;color:#6d746c}
.add-service{padding-top:17px;border-color:#e9e4da;color:#5d655d;font-size:9px}
.add-service b{color:var(--accent)}
.production.production-editorial{position:relative;overflow:hidden;background:#222a25;color:#f8f5ed}
.production.production-editorial:before{content:"";position:absolute;inset:0;background:linear-gradient(105deg,rgba(25,32,27,.96),rgba(34,42,36,.86) 54%,rgba(34,42,36,.72)),url("images/backgrounds/engineering-background.png") center/cover;opacity:1}
.production-editorial-inner{position:relative;z-index:1;max-width:1440px;margin:auto;padding:clamp(85px,10vw,140px) 10%;display:grid;grid-template-columns:.8fr 1.2fr;gap:10%;align-items:center}
.production-editorial-mark{min-height:410px;display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative;background:linear-gradient(145deg,#f6f3eb,#d9d0c1);border:1px solid rgba(255,255,255,.5);box-shadow:0 28px 70px rgba(0,0,0,.22)}
.production-editorial-mark:before,.production-editorial-mark:after{content:"";position:absolute;inset:22px;border:1px solid rgba(168,121,77,.38);pointer-events:none}
.production-editorial-mark:after{inset:34px;border-color:rgba(57,67,58,.16)}
.production-editorial-mark>span{font:clamp(66px,8vw,112px)/.9 var(--serif);letter-spacing:-.1em;color:#27312a}
.production-editorial-mark>span span{color:var(--accent)}
.production-editorial-mark small{margin-top:26px;text-align:center;font-size:9px;line-height:1.9;letter-spacing:.24em;color:#866544}
.production-editorial-copy{max-width:650px}
.production-editorial-copy .section-kicker{color:#d4b28e}
.production-editorial-copy h2{font-size:clamp(46px,5.6vw,76px);line-height:.99;letter-spacing:-.075em;color:#fffaf1;margin:25px 0}
.production-editorial-copy h2 em{color:#d8b58f}
.production-editorial-copy p{font-size:13px;line-height:2;color:#d2d5cd}
.production-points{margin:30px 0;border-top:1px solid #ffffff26;border-bottom:1px solid #ffffff26}
.production-points li{display:flex;align-items:center;gap:14px;padding:14px 0;border-color:#ffffff20;color:#e8e8df;font-size:12px}
.production-point-icon{width:25px;height:25px;object-fit:contain;filter:brightness(0) invert(1);opacity:.8}
.production-editorial .btn-outline{margin-top:12px;border-color:#c69b70;color:#fff8ef;padding:17px 22px}
.production-editorial .btn-outline:hover{background:#b88755;border-color:#b88755;color:#fff}
.gallery-section{background:#fffefa}
.gallery-section#facade-concepts{background:#f0eee8}
.production-gallery{gap:16px}
.gallery-card{min-height:290px;background:#e6e4dd;border:0;box-shadow:0 10px 28px rgba(34,39,34,.07)}
.gallery-card img{min-height:290px;max-height:470px;filter:none;transition:transform .8s cubic-bezier(.2,.7,.2,1)}
.gallery-card:after{inset:45% 0 0;background:linear-gradient(transparent,rgba(22,28,24,.78))}
.gallery-card figcaption{left:25px;bottom:24px;gap:8px}
.gallery-card figcaption span{font-size:9px;letter-spacing:.2em;color:#e3c5a4}
.gallery-card figcaption b{font-size:17px;letter-spacing:-.02em}
.workflow{background:#f0eee8}
.steps{gap:28px}
.steps>div{border-top:1px solid #c9c4b8;padding:26px 20px 0 0}
.steps span{font-size:11px;color:var(--accent)}
.steps h3{font-size:20px;color:#293129}
.steps p{font-size:13px;line-height:1.9;color:#70766e}
.project-pack{background:#fffefa}
.pack-grid{gap:10%}
.pack-intro h3{font:32px/1.1 var(--serif);letter-spacing:-.035em;color:#283129}
.pack-intro p,.pack-list small{font-size:13px;line-height:1.9;color:#70766e}
.pack-list li{padding:22px 0;border-color:#e9e4da}
.pack-list li>b{font-size:11px;color:var(--accent)}
.pack-list strong{font-size:14px;color:#30382f}
.request-section{padding:clamp(80px,9vw,120px) 10%;background:linear-gradient(120deg,#e9e3d8,#f8f6f0 60%,#e7e2d8);gap:9%}
.request-copy h2{font-size:clamp(48px,5.5vw,74px);color:#252c26}
.request-copy>p{font-size:14px;line-height:1.95;color:#626b61}
.request-note{border-color:var(--accent);color:#666d63}
.contact-simple{padding:42px;background:#fffefa;border:1px solid #e4ded2;box-shadow:0 24px 65px rgba(38,43,36,.09)}
.contact-simple h3{font:clamp(27px,3vw,38px)/1.1 var(--serif);letter-spacing:-.04em}
.contact-simple p{font-size:13px;line-height:1.8}
.btn-light{background:#252e27;color:#fff;box-shadow:0 12px 30px rgba(37,46,39,.17)}
.btn-light:hover{background:var(--accent)}
.faq-section{background:#f0eee8}
.faq-list details{padding:23px 0;border-color:#dcd7cc}
.faq-list summary{font-size:15px;color:#30382f}
.faq-list p{font-size:13px;line-height:1.95;color:#6d746b}
.contacts{background:#fffefa}
.contacts h2{font-size:clamp(48px,5.8vw,76px)}
.contact-details>p{font-size:13px;color:#6d746b}
.contact-line{padding:21px 0;border-color:#e9e4da}
.contact-line span{font-size:9px;letter-spacing:.18em;color:#928b7e}
.contact-line b{font-size:13px;color:#30382f}
.contact-value img{width:20px;height:20px;object-fit:contain;vertical-align:middle;margin-right:9px}
.contact-line a:hover{color:var(--accent)}
footer{padding:38px 10%;background:#222a25;color:#d9dcd4;border:0}
.footer-brand{color:#fffaf1}
footer .brand small{color:#c4c2b7}
footer>a:last-child{color:#e0bd98;border-color:#a8794d}
.mobile-call{background:#252e27;color:#fff;border:1px solid #252e27;box-shadow:0 12px 32px rgba(32,39,33,.25)}
.mobile-call span{color:#e2bd96}
a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:4px}
::selection{background:#d9c2a6;color:#202722}
@media(max-width:980px){
 .topbar nav{background:#fffefa}
 .production-editorial-inner{gap:7%;padding-inline:7%}
 .production-editorial-mark{min-height:340px}
}
@media(max-width:760px){
 .topbar{height:72px;padding-inline:19px}
 .topbar nav{top:72px}
 .hero-banner-only{min-height:clamp(330px,82vw,510px)}
 .hero-banner-image{object-position:center}
 .hero-conversion{width:100%;padding:23px 7%;gap:17px}
 .hero-conversion-copy p{font-size:22px}
 .hero-conversion .btn-copper{width:100%;justify-content:space-between}
 .section-wrap{padding:74px 7%}
 .intro{grid-template-columns:1fr;gap:18px}
 .service-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
 .service-card-photo{min-height:360px;padding:165px 16px 19px}
 .service-card-photo .service-photo{height:150px}
 .service-card-photo:before{top:115px;height:50px}
 .service-card-photo .service-no{top:157px;right:13px}
 .service-card-photo .service-icon{width:36px;height:36px}
 .service-card-photo h3{font-size:17px}
 .service-card-photo p{font-size:11px;min-height:115px}
 .production-editorial-inner{grid-template-columns:1fr;padding:76px 7%;gap:38px}
 .production-editorial-mark{min-height:250px}
 .production-editorial-copy h2{font-size:clamp(44px,11vw,64px)}
 .production-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
 .gallery-card,.gallery-card img{min-height:190px}
 .gallery-card figcaption{left:13px;bottom:13px}
 .gallery-card figcaption b{font-size:13px}
 .steps{grid-template-columns:1fr;gap:24px}
 .request-section{grid-template-columns:1fr;padding:76px 7%;gap:30px}
 .contact-simple{padding:28px}
 .contacts{grid-template-columns:1fr;gap:24px}
 footer{padding:30px 7%;gap:20px}
}
@media(max-width:420px){
 .service-grid{grid-template-columns:1fr}
 .service-card-photo{min-height:unset;padding:165px 19px 20px}
 .service-card-photo p{min-height:unset}
 .contact-line{align-items:flex-start;flex-direction:column;gap:10px}
 .contact-line b{text-align:left}
 .hero-banner-image{object-position:54% center}
}


/* FINAL BRAND CORRECTION — restore the approved silver architectural identity */

:root{
  --bg:#f1f3f4;
  --surface:#ffffff;
  --surface-2:#e7ebee;
  --white:#ffffff;
  --ink:#252b30;
  --ink-2:#3c454d;
  --muted:#69747d;
  --line:#d5dce1;
  --accent:#687985;
  --accent-soft:#c2cbd1;
  --steel:#89939a;
  --dark:#252b30;
  --serif:'Manrope',Arial,sans-serif;
}
html,body{font-family:'Manrope',Arial,Helvetica,sans-serif!important}
body{background:#f1f3f4;color:#252b30;letter-spacing:-.025em}
h1,h2,h3,.brand,.topbar nav,.btn,.section-kicker,.eyebrow{font-family:'Manrope',Arial,sans-serif}
h1,h2{font-weight:700;letter-spacing:-.065em}
h1 em,h2 em,.production h2 em{font-family:'Manrope',Arial,sans-serif;font-weight:500;font-style:normal;color:#687985}
.topbar{background:rgba(248,249,250,.96);border-color:#d9dfe3}
.brand,.brand small{color:#252b30}
.muted,.section-kicker,.eyebrow i,.service-no,.add-service b{color:#687985}
.btn-copper,.btn-light{background:#252b30;color:#fff;border-color:#252b30}
.btn-copper:hover,.btn-light:hover{background:#46535d}
.hero.hero-banner-only{display:block;min-height:0;height:auto;padding:0;background:#f1f3f4;overflow:hidden}
.hero-banner-image{position:relative;inset:auto;display:block;width:100%;height:auto;max-height:none;object-fit:contain;object-position:center;animation:none}
.hero.hero-banner-only:after{display:none}
.hero-conversion{background:#fff;border:1px solid #dce2e6;border-top:0;box-shadow:0 16px 42px rgba(37,43,48,.06)}
.hero-conversion-copy span{color:#687985}
.hero-conversion-copy p{font-family:'Manrope',Arial,sans-serif;color:#252b30;font-weight:600}
.intro,.project-pack,.contacts,.gallery-section{background:#fff}
.services,.workflow,.faq-section,.gallery-section#facade-concepts{background:#e9edef}
.service-card-photo{background:#fff;border-color:#dbe1e5;box-shadow:0 12px 34px rgba(37,43,48,.055)}
.service-card-photo .service-icon{display:grid!important;background:#f1f3f4;border:1px solid #d5dce1}
.service-card-photo .service-icon img{display:block!important;visibility:visible!important;opacity:1!important}
.service-card-photo h3,.contact-line b,.faq-list summary{color:#252b30}
.service-card-photo p,.intro-text,.section-heading p,.faq-list p{color:#66727b}
.production.production-editorial{background:#252d34;color:#f5f7f8}
.production.production-editorial:before{background:linear-gradient(105deg,rgba(30,38,44,.90),rgba(37,45,52,.70)),url("images/backgrounds/engineering-background.png") center/cover!important;opacity:1}
.production-editorial-mark{background-color:#e9edef;background-image:linear-gradient(135deg,rgba(255,255,255,.28),rgba(218,225,230,.38)),url("images/backgrounds/engineering-background.png");border:1px solid rgba(255,255,255,.55)}
.production-editorial-mark>span{color:#252b30}
.production-editorial-mark>span span{color:#687985}
.production-editorial-mark small{color:#596873}
.production-editorial-copy .section-kicker,.production-points li{color:#dbe2e6}
.production-editorial-copy h2 em{color:#c3cdd3}
.production-point-icon{filter:none!important;opacity:1!important}
.gallery-card{background:#e4e9ec}
.gallery-card:after{background:linear-gradient(transparent,rgba(24,32,38,.76))}
.gallery-card figcaption span{color:#d5e0e6}
.request-section{background:linear-gradient(120deg,#e5eaed,#f7f8f9 60%,#e4e9ec)}
.request-note{border-color:#8998a2}
.contact-simple{background:#fff;border-color:#dbe1e5}
.contact-value img{filter:none}
footer{background:#252d34;color:#e4e9ec}
footer .brand small{color:#b9c4cb}
.mobile-call{background:#252b30;color:#fff;border-color:#252b30}
::selection{background:#c8d1d7;color:#252b30}
@media(max-width:760px){
 .hero.hero-banner-only{min-height:0;height:auto}
 .hero-banner-image{width:100%;height:auto;object-fit:contain}
 .service-card-photo .service-icon{display:grid!important}
}


/* SERVICE CARDS + SILVER SURFACES ALIGNMENT FIX */
.services,.workflow,.faq-section{background:#e9edef!important}
.intro,.project-pack,.contacts,.gallery-section,.hero-conversion{background:#f1f3f4!important}
.service-card-photo{
  position:relative;
  display:flex;
  flex-direction:column;
  align-items:stretch;
  min-width:0;
  min-height:420px;
  padding:210px 24px 22px!important;
  background:#f1f3f4!important;
  border:1px solid #d5dce1!important;
  box-sizing:border-box;
}
.service-card-photo .service-photo{
  position:absolute;
  top:0;
  left:0;
  display:block;
  width:100%;
  height:190px!important;
  margin:0!important;
  object-fit:cover!important;
  object-position:center;
  background:#e3e8eb;
}
.service-card-photo:before{
  content:"";
  position:absolute;
  display:block;
  top:150px!important;
  left:0;
  right:0;
  height:40px!important;
  background:linear-gradient(transparent,#f1f3f4)!important;
  z-index:1;
}
.service-card-photo .service-no{top:16px!important;right:16px!important;z-index:2}
.service-card-photo .service-icon{position:relative;z-index:2;flex:0 0 42px;margin:0 0 12px!important}
.service-card-photo h3{margin:0 0 10px!important;min-height:2.4em;line-height:1.2}
.service-card-photo p{flex:1 0 auto;min-height:0!important;margin:0 0 18px!important;line-height:1.7}
.service-card-photo .add-service{margin-top:auto!important;padding-top:14px}
@media(max-width:760px){
 .service-card-photo{min-height:390px;padding:165px 16px 18px!important}
 .service-card-photo .service-photo{height:150px!important}
 .service-card-photo:before{top:115px!important;height:35px!important}
 .service-card-photo .service-icon{flex-basis:36px}
 .service-card-photo h3{font-size:17px;min-height:2.4em}
}
@media(max-width:420px){
 .service-card-photo{min-height:unset;padding:165px 19px 20px!important}
 .service-card-photo p{min-height:0!important}
}


/* NARROW MOBILE SAFETY: keep the project brief readable on 320px screens. */
@media(max-width:340px){
  .pack-grid{grid-template-columns:minmax(0,1fr)!important;gap:22px!important}
  .pack-grid>*{min-width:0}
  .pack-list{min-width:0;overflow-wrap:anywhere}
  .pack-list li,.pack-list li>span{min-width:0}
  .gallery-card figcaption{overflow-wrap:anywhere}
}
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;clip-path:inset(50%)!important;contain:strict!important;white-space:nowrap!important;border:0!important}
/* 320px viewport: constrain oversized editorial type without clipping content. */
@media(max-width:340px){
  .production-editorial .production-editorial-inner{width:calc(100% - 36px);min-width:0;grid-template-columns:minmax(0,1fr);}
  .production-editorial-mark{min-width:0;width:100%;padding:28px;}
  .production-editorial-mark>span{font-size:clamp(58px,20vw,76px);letter-spacing:-.09em;}
  .production-editorial-copy{min-width:0;}
  .production-editorial-copy h2{font-size:clamp(34px,10vw,40px);letter-spacing:-.055em;}
  .gallery-section .section-heading{min-width:0;display:block;}
  .gallery-section .section-heading>div,.gallery-section .section-heading h2{min-width:0;max-width:100%;}
  .gallery-section .section-heading h2{font-size:clamp(30px,9vw,34px);letter-spacing:-.055em;overflow-wrap:break-word;}
  .gallery-section .section-heading p{max-width:100%;}
}


/* 2026 premium clarity pass */
.section-kicker{display:block!important;position:relative;z-index:2;color:#667783!important;font-weight:800;line-height:1.5;opacity:1!important;visibility:visible!important}
section h2, .section-heading h2, .workflow h2{color:#202a31!important;opacity:1!important;visibility:visible!important}
.section-heading{align-items:flex-end}
.section-heading>div{min-width:0}
.intro{grid-template-columns:.55fr 1.45fr;align-items:start;gap:7%;background:#fff}
.intro-story{display:grid;grid-template-columns:minmax(220px,.8fr) 1.2fr;gap:14px 34px;align-items:end}
.intro-story .intro-photo{grid-row:span 2;position:relative;min-height:310px;overflow:hidden;background:#dce2e5}
.intro-photo img{position:absolute;width:100%;height:100%;inset:0;object-fit:cover}
.intro-photo span{position:absolute;left:16px;bottom:14px;color:white;font-size:8px;letter-spacing:.18em;text-shadow:0 2px 12px #000}
.intro-story h2{margin:0;font-size:clamp(32px,3.7vw,52px)}
.intro-story .intro-text{margin:0}
.production.production-editorial{background:#e9eef0!important;color:#202a31!important}
.production.production-editorial:before{background:linear-gradient(110deg,rgba(235,240,242,.9),rgba(220,228,232,.76)),url("images/backgrounds/engineering-background.png") center/cover!important;opacity:1}
.production.production-editorial:after{border-color:#7e8d9630;box-shadow:0 0 0 42px #ffffff38,0 0 0 85px #ffffff24}
.production-editorial-mark{background-color:#dce4e8!important;border-color:#c5d0d6!important}
.production-editorial-copy .section-kicker{color:#5d6d77!important}
.production-editorial-copy h2{color:#202a31!important}
.production-editorial-copy h2 em{color:#71838e!important}
.production-editorial-copy p,.production-points li{color:#46545d!important}
.production-point-icon{width:27px;height:27px;object-fit:contain;flex:0 0 27px}
.production-points{gap:17px}
.production .btn-outline{border-color:#71838e;color:#26343d}
.production .btn-outline:hover{background:#26343d;color:white}
#production-gallery .section-heading,#facade-concepts .section-heading{margin-bottom:32px}
.production-gallery{display:flex!important;gap:16px!important;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;padding:4px 2px 18px;scrollbar-width:thin;scrollbar-color:#aab5bb transparent}
.production-gallery .gallery-card{flex:0 0 min(42vw,480px);height:310px;min-height:0!important;scroll-snap-align:start;border:1px solid #d4dce0;background:#e3e8eb}
.production-gallery .gallery-card-wide{flex-basis:min(58vw,650px)}
.production-gallery .gallery-card img{height:100%!important;min-height:0!important;max-height:none!important;object-fit:cover;filter:none}
#facade-concepts .production-gallery .gallery-card{flex-basis:min(31vw,360px);height:270px}
#facade-concepts .production-gallery .gallery-card-wide{flex-basis:min(48vw,560px)}
.gallery-card:after{background:linear-gradient(transparent 45%,rgba(16,24,30,.78))!important}
.workflow{background:#e8edf0!important}
.workflow h2{margin:18px 0 12px}
.workflow-lead{max-width:650px;color:#5e6b74;font-size:13px;line-height:1.8}
.steps{gap:18px;margin-top:38px}
.steps>article{position:relative;min-height:230px;padding:28px 24px;background:#fff;border:1px solid #d5dde1;box-shadow:0 12px 30px #25343d0a}
.step-icon{display:grid;place-items:center;width:54px;height:54px;margin-bottom:22px;border:1px solid #cbd5da;border-radius:50%;background:#f0f4f5;color:#526873;font-size:24px}
.step-number{position:absolute;top:31px;right:23px;color:#87969e;font-size:10px;letter-spacing:.15em}
.steps h3{margin:0 0 10px;color:#202a31!important;font-size:17px}
.steps p{margin:0;color:#65727a;font-size:12px;line-height:1.8}
.project-pack,.faq-section,.contacts{color:#202a31}
.project-pack h2,.faq-section h2,.contacts h2,.request-copy h2{color:#202a31!important}
@media(max-width:760px){
 .intro{grid-template-columns:1fr}
 .intro-story{grid-template-columns:1fr;gap:18px}
 .intro-story .intro-photo{grid-row:auto;min-height:230px}
 .intro-story h2{font-size:clamp(30px,8vw,42px)}
 .production-gallery .gallery-card,.production-gallery .gallery-card-wide{flex-basis:82vw;height:235px}
 #facade-concepts .production-gallery .gallery-card,#facade-concepts .production-gallery .gallery-card-wide{flex-basis:76vw;height:220px}
 .steps{grid-template-columns:1fr;gap:12px}
 .steps>article{min-height:unset;padding:22px}
 .step-icon{margin-bottom:16px}
}
@media(prefers-reduced-motion:reduce){.production-gallery{scroll-behavior:auto}}


/* Service cards: keep the actual work visible, not cropped into a narrow strip */
.service-grid{align-items:stretch}
.service-card-photo{min-height:450px!important;padding:238px 22px 22px!important;display:flex;flex-direction:column}
.service-card-photo .service-photo{height:218px!important;object-fit:contain!important;background:#e7ecef!important;padding:8px}
.service-card-photo:before{top:185px!important;height:34px!important;background:linear-gradient(transparent,#f1f3f4)!important}
.service-card-photo .service-no{top:14px!important;right:14px!important;background:#ffffffeb!important}
.service-card-photo .service-icon{margin:0 0 13px!important}
.service-card-photo h3{min-height:0!important}
.service-card-photo p{flex:1;min-height:0!important}
@media(max-width:760px){
 .service-card-photo{min-height:410px!important;padding:174px 15px 18px!important}
 .service-card-photo .service-photo{height:158px!important}
 .service-card-photo:before{top:130px!important;height:28px!important}
}
@media(max-width:420px){
 .service-grid{grid-template-columns:1fr!important}
 .service-card-photo{min-height:390px!important;padding:190px 19px 20px!important}
 .service-card-photo .service-photo{height:174px!important}
 .service-card-photo:before{top:145px!important}
}


/* STABILITY + READABILITY: final consolidated presentation overrides */
.reveal,.js .reveal,.js .reveal.is-visible{
  opacity:1!important;
  visibility:visible!important;
  transform:none!important;
}
.section-kicker{
  display:block!important;
  position:relative;
  z-index:3;
  color:#5c6d78!important;
  opacity:1!important;
  visibility:visible!important;
  line-height:1.6;
}
section h2,.section-heading h2,.intro-story h2,.workflow h2,
.production-editorial-copy h2,.request-copy h2,.contacts h2{
  display:block;
  position:relative;
  z-index:2;
  max-width:100%;
  overflow:visible;
  opacity:1!important;
  visibility:visible!important;
  color:#202a31!important;
  line-height:1.12;
  overflow-wrap:normal;
  text-wrap:balance;
}
.intro{display:grid;grid-template-columns:minmax(150px,.42fr) minmax(0,1.58fr);gap:5%;align-items:start}
.intro-story{min-width:0}
.intro-story .intro-photo{min-width:0;min-height:300px}
.intro-story h2{font-size:clamp(30px,3.5vw,48px);letter-spacing:-.055em}
.production.production-editorial{
  background:#e9eef0!important;
  color:#202a31!important;
}
.production.production-editorial:before{
  background:linear-gradient(115deg,#edf1f3,#dfe6e9)!important;
  opacity:1!important;
}
.production.production-editorial:after{border-color:#84939b35;box-shadow:0 0 0 42px #ffffff30,0 0 0 85px #ffffff20}
.production-editorial-mark{
  background:#dce4e8!important;
  background-image:linear-gradient(135deg,#eef2f4,#d7e0e4)!important;
  border:1px solid #c5d0d6!important;
}
.production-editorial-copy .section-kicker{color:#536671!important}
.production-editorial-copy h2{color:#202a31!important}
.production-editorial-copy h2 em{color:#6d818c!important}
.production-editorial-copy p,.production-points li{color:#46545d!important}
.production-point-icon{width:28px;height:28px;object-fit:contain;flex:0 0 28px;filter:none!important;opacity:1!important}
.production-points{gap:16px}
.production .btn-outline{border-color:#71838e;color:#26343d}
.production .btn-outline:hover{background:#26343d;color:#fff}
.service-card-photo{min-width:0}
.service-card-photo .service-photo{object-fit:contain!important;background:#e7ecef!important}
.production-gallery{scrollbar-width:thin}
.gallery-card{min-width:0}
.steps>article{min-width:0}
@media(max-width:760px){
  .intro{grid-template-columns:minmax(0,1fr);gap:18px}
  .intro-story{grid-template-columns:minmax(0,1fr);gap:18px}
  .intro-story .intro-photo{grid-row:auto;min-height:230px}
  .section-heading h2,.intro-story h2,.workflow h2{font-size:clamp(29px,8vw,40px);line-height:1.14}
  .production-editorial-inner{grid-template-columns:minmax(0,1fr)!important}
  .production-editorial-mark{margin-bottom:24px}
  .production-gallery .gallery-card,.production-gallery .gallery-card-wide{flex-basis:82vw;height:235px}
  #facade-concepts .production-gallery .gallery-card,#facade-concepts .production-gallery .gallery-card-wide{flex-basis:76vw;height:220px}
  .steps{grid-template-columns:minmax(0,1fr)}
}
@media(max-width:420px){
  .intro-story h2,.section-heading h2,.workflow h2{font-size:clamp(28px,8vw,34px)}
  .service-card-photo{min-height:390px!important}
}


/* Contact actions and workflow pictograms */
.step-icon svg,.contact-action-icon svg{
  width:25px;height:25px;display:block;fill:none;stroke:currentColor;
  stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round;
}
.step-icon{color:#526873}
.contact-connect{display:block!important}
.contact-actions{
  display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:14px;
}
.contact-action{
  display:flex;align-items:center;gap:13px;min-width:0;padding:16px;
  border:1px solid #d5dde1;background:#fff;color:#202a31;text-decoration:none;
  transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease;
}
.contact-action:hover{transform:translateY(-2px);border-color:#8b9aa3;box-shadow:0 10px 24px #202a310c}
.contact-action-icon{
  width:44px;height:44px;flex:0 0 44px;display:grid;place-items:center;
  border:1px solid #d5dfe3;background:#edf1f3;color:#526873;
}
.contact-action>span:nth-child(2){display:grid;gap:4px;min-width:0}
.contact-action b{font-size:13px;line-height:1.3;color:#202a31}
.contact-action small{font-size:10px;line-height:1.5;color:#697780;font-weight:500}
.contact-action i{margin-left:auto;color:#758791;font-style:normal}
@media(max-width:600px){.contact-actions{grid-template-columns:1fr}.contact-action{padding:13px}}


/* KRASILYUK DESIGN — calm editorial refinement */
:root{
  --ink:#202a31;
  --muted:#687680;
  --line:#d9e0e4;
  --surface:#f7f8f8;
  --accent:#8b765f;
}
html{scroll-behavior:smooth;scroll-padding-top:92px}
body{background:#f4f6f6;color:var(--ink);-webkit-font-smoothing:antialiased}
.topbar{
  background:rgba(248,250,250,.94);
  border-bottom:1px solid rgba(190,201,207,.7);
  box-shadow:0 8px 28px rgba(32,42,49,.035);
  backdrop-filter:blur(16px);
}
.brand{letter-spacing:.08em}
.brand small{letter-spacing:.16em}
.topbar nav a{transition:color .2s ease}
.topbar nav a:hover{color:#927b63}
.nav-office{border-radius:2px}
.hero-banner-only{min-height:0!important;padding:0!important;background:#e8edef}
.hero-banner-image{display:block;width:100%;height:auto;max-height:760px;object-fit:cover}
.hero-conversion{
  display:flex;align-items:center;justify-content:space-between;gap:28px;
  padding:27px clamp(7%,calc((100% - 1180px)/2),10%);
  background:#e9eef0;border-bottom:1px solid #d9e0e4;
}
.hero-conversion-copy>span{font-size:9px;letter-spacing:.2em;color:#788791;font-weight:700}
.hero-conversion-copy p{margin:7px 0 0;font-size:clamp(17px,2vw,23px);font-weight:600;letter-spacing:-.035em;color:#26343d}
.btn,.nav-office{border-radius:2px;letter-spacing:.06em}
.btn-copper{background:#283640!important;color:#fff!important;border:1px solid #283640;box-shadow:0 8px 20px #28364018}
.btn-copper:hover{background:#40515c!important;transform:translateY(-1px)}
.section-wrap{padding-top:clamp(76px,8vw,112px);padding-bottom:clamp(76px,8vw,112px)}
.section-kicker{letter-spacing:.2em!important;font-size:9px!important}
.section-heading{align-items:end;margin-bottom:38px}
.section-heading h2{font-size:clamp(34px,4.1vw,54px);letter-spacing:-.065em}
.section-heading>p{max-width:390px;font-size:12px;line-height:1.9;color:#71808a}
.intro{background:#f7f8f8}
.intro-story{display:grid;grid-template-columns:minmax(260px,.82fr) minmax(0,1.18fr);gap:34px;align-items:center}
.intro-story .intro-photo{grid-row:span 2;min-height:370px;border:1px solid #d7dfe3;box-shadow:0 18px 48px #26343d10}
.intro-story h2{align-self:end;font-size:clamp(34px,4vw,55px);line-height:1.08;letter-spacing:-.065em}
.intro-story .intro-text{align-self:start;max-width:590px;font-size:13px;line-height:2;color:#65737c}
.service-grid{gap:16px}
.service-card-photo{
  min-height:440px!important;padding:230px 25px 24px!important;
  border:1px solid #dce2e5!important;background:#fff!important;
  box-shadow:0 10px 30px rgba(35,48,57,.035);
  transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease;
}
.service-card-photo:hover{transform:translateY(-4px);border-color:#b7c3c9!important;box-shadow:0 18px 38px rgba(35,48,57,.09)}
.service-card-photo .service-photo{
  height:205px!important;padding:0!important;background:#edf1f2!important;
  object-fit:cover!important;transition:transform .5s ease;
}
.service-card-photo:hover .service-photo{transform:scale(1.025)}
.service-card-photo:before{display:none!important}
.service-card-photo .service-no{top:14px!important;right:14px!important;background:#ffffffed!important;color:#64737c!important;letter-spacing:.12em}
.service-card-photo .service-icon{display:none!important}
.service-card-photo h3{font-size:19px!important;line-height:1.25;letter-spacing:-.04em;margin:0 0 10px}
.service-card-photo p{font-size:12px!important;line-height:1.8!important;color:#6b7880!important}
.service-card-photo .add-service{display:flex;justify-content:space-between;align-items:center;margin-top:20px;padding-top:14px;border-top:1px solid #e3e8ea;color:#78664f!important;font-size:10px;letter-spacing:.08em;text-transform:uppercase}
.production.production-editorial{padding-top:clamp(78px,9vw,118px);padding-bottom:clamp(78px,9vw,118px)}
.production-editorial-inner{max-width:1180px;margin:auto;padding:0 5%;display:grid;grid-template-columns:.65fr 1.35fr;gap:8%;align-items:center}
.production-editorial-mark{width:170px;height:170px;display:grid;align-content:center;justify-content:center;border-radius:50%;box-shadow:0 14px 36px #26343d0c}
.production-editorial-copy h2{font-size:clamp(42px,5vw,66px);letter-spacing:-.07em;line-height:1.04}
.production-editorial-copy p{max-width:650px;font-size:13px;line-height:2}
.production-points{margin:28px 0 32px}
.production-points li{font-size:12px;line-height:1.7}
.gallery-section{background:#f7f8f8}
#facade-concepts{background:#edf1f2}
.production-gallery{gap:14px!important;padding-bottom:14px}
.production-gallery .gallery-card{
  border:1px solid #d7dfe3!important;box-shadow:0 8px 24px #26343d08;
  background:#e4e9eb!important;transition:transform .25s ease,box-shadow .25s ease;
}
.production-gallery .gallery-card:hover{transform:translateY(-3px);box-shadow:0 16px 32px #26343d12}
.gallery-card figcaption{left:20px!important;bottom:18px!important}
.gallery-card figcaption span{font-size:8px!important;letter-spacing:.18em!important}
.gallery-card figcaption b{font-size:14px!important;font-weight:600!important}
.workflow{background:#e9eef0!important}
.workflow h2{font-size:clamp(34px,4vw,52px);letter-spacing:-.06em}
.steps>article{border:1px solid #d7e0e4!important;box-shadow:0 10px 28px #26343d07!important;transition:transform .25s ease,box-shadow .25s ease}
.steps>article:hover{transform:translateY(-3px);box-shadow:0 16px 34px #26343d10!important}
.step-icon{border-radius:2px!important;background:#edf2f3!important}
.project-pack{background:#f7f8f8}
.pack-grid{gap:8%;align-items:start}
.pack-intro{position:sticky;top:110px}
.pack-intro h3{font-size:clamp(25px,3vw,36px);line-height:1.15;letter-spacing:-.055em}
.pack-list li{padding:23px 0;border-color:#dfe5e8}
.pack-list li>b{font-size:11px;min-width:24px;color:#907b64}
.pack-list strong{font-size:14px}
.pack-list small{font-size:11px;line-height:1.75}
.request-section{background:linear-gradient(120deg,#e3e9eb,#f0f3f4);padding-top:clamp(75px,9vw,110px);padding-bottom:clamp(75px,9vw,110px)}
.request-copy h2{font-size:clamp(48px,6vw,76px);letter-spacing:-.075em}
.contact-simple{border:1px solid #d8e0e3!important;box-shadow:0 18px 50px #26343d0c!important;border-radius:2px}
.contact-simple h3{font-size:clamp(25px,3vw,36px);letter-spacing:-.055em}
.faq-section{background:#edf1f2}
.faq-list{max-width:900px;margin-left:auto}
.faq-list details{padding:23px 0;border-color:#d5dde1}
.faq-list summary{font-size:14px;line-height:1.6}
.faq-list p{font-size:12px;line-height:1.9}
.contacts{background:#f7f8f8}
.contacts h2{font-size:clamp(45px,5.5vw,70px);letter-spacing:-.07em}
.contact-line{border-color:#e0e6e8}
.contact-line>span{letter-spacing:.16em}
.contact-action{border-radius:2px;background:#fff}
.contact-action:hover{border-color:#9aa9b1}
footer{background:#202b32!important;border-top:1px solid #43515a}
footer .brand-mark{opacity:.92}
.mobile-call{border-radius:2px!important;background:#263640!important;box-shadow:0 10px 30px #17212b30!important}
@media(max-width:760px){
 .hero-conversion{align-items:flex-start;flex-direction:column;padding:25px 7%;gap:18px}
 .hero-conversion .btn{width:100%;justify-content:space-between}
 .intro-story{display:grid;grid-template-columns:1fr;gap:20px}
 .intro-story .intro-photo{grid-row:auto;min-height:250px}
 .intro-story h2{font-size:clamp(32px,8vw,43px)}
 .service-grid{gap:12px}
 .service-card-photo{min-height:400px!important;padding:180px 16px 19px!important}
 .service-card-photo .service-photo{height:164px!important}
 .production-editorial-inner{padding:0 7%;gap:28px}
 .production-editorial-mark{width:112px;height:112px}
 .pack-grid{grid-template-columns:1fr;gap:24px}
 .pack-intro{position:static}
 .request-section{gap:26px}
 .faq-list{margin:0}
}
@media(max-width:420px){
 .service-card-photo{min-height:380px!important;padding:174px 17px 18px!important}
 .service-card-photo .service-photo{height:158px!important}
 .gallery-card figcaption b{font-size:12px!important}
}


/* Premium finishing pass: quieter contrast, warmer neutrals, precise rhythm */
:root{
  --ink:#20272b;
  --muted:#707a7e;
  --line:#d9dddc;
  --paper:#f5f5f2;
  --accent:#a18b70;
}
body{background:var(--paper);color:var(--ink);letter-spacing:-.008em}
.topbar{background:rgba(247,247,244,.94);border-bottom:1px solid #d9ddda;box-shadow:0 5px 22px rgba(25,32,34,.035)}
.topbar nav a{font-size:10px;letter-spacing:.08em;color:#536067}
.topbar nav a:hover{color:#a18b70}
.brand{color:#222a2e}
.brand .muted{color:#8c8d88}
.section-wrap{padding-top:clamp(84px,9vw,124px);padding-bottom:clamp(84px,9vw,124px)}
.section-kicker{color:#99866e!important;letter-spacing:.22em!important;font-size:9px!important}
.section-heading{margin-bottom:44px}
.section-heading h2{letter-spacing:-.07em;line-height:1.04}
.section-heading>p{color:#737d80;max-width:370px;line-height:1.95}
.services{background:#f7f7f4}
.service-grid{gap:18px}
.service-card-photo{
 background:#fbfbf9!important;border-color:#e0e2de!important;
 box-shadow:0 7px 24px rgba(30,38,40,.035)!important;
}
.service-card-photo:hover{border-color:#c9c4b9!important;box-shadow:0 18px 40px rgba(30,38,40,.085)!important}
.service-card-photo .service-photo{background:#eceeeb!important}
.service-card-photo .service-no{color:#9a866c!important}
.service-card-photo h3{font-weight:600!important;letter-spacing:-.045em}
.service-card-photo p{color:#707a7e!important}
.service-card-photo .add-service{color:#927d62!important;border-color:#e7e7e2}
.production.production-editorial{background:#e9ece9!important}
.production.production-editorial:before{background:linear-gradient(115deg,#eceeea,#e1e5e2)!important}
.production-editorial-mark{background:linear-gradient(145deg,#f5f5f1,#dce1dd)!important;border-color:#d0d7d1!important}
.production-editorial-copy h2{letter-spacing:-.075em}
.gallery-section{background:#f7f7f4}
#facade-concepts{background:#ecefeb}
.production-gallery .gallery-card{border-color:#d8ddda!important;box-shadow:0 8px 25px rgba(28,36,38,.045)!important}
.gallery-card:after{background:linear-gradient(transparent 38%,rgba(20,27,29,.72))!important}
.gallery-card figcaption b{letter-spacing:-.025em}
.workflow{background:#e9ece9!important}
.steps>article{background:#fdfdfb!important;border-color:#dfe3df!important}
.step-icon{background:#f1f2ee!important;border-color:#dedfd9!important;color:#8d795f!important}
.project-pack{background:#f7f7f4}
.pack-list li{border-color:#e1e3df}
.pack-list li>b{color:#a18b70}
.request-section{background:linear-gradient(120deg,#e7eae6,#f0f1ed)!important}
.request-copy h2,.contacts h2{letter-spacing:-.075em}
.contact-simple{background:#fbfbf9!important;border-color:#dce0dc!important}
.faq-section{background:#ecefeb}
.faq-list details{border-color:#d9ded9}
.faq-list summary:hover{color:#927d62}
.contacts{background:#f7f7f4}
.contact-line{border-color:#e0e3df}
.contact-action{background:#fbfbf9;border-color:#e0e3df}
.contact-action-icon{background:#f0f1ed;border-color:#e0e2dc;color:#927d62}
.contact-action:hover{border-color:#b8aa96;box-shadow:0 12px 28px rgba(35,40,38,.07)}
.btn-copper,.mobile-call{background:#29343a!important;border-color:#29343a!important}
.btn-copper:hover,.mobile-call:hover{background:#414e53!important}
footer{background:#20292e!important}
@media(max-width:760px){
 .section-wrap{padding-top:72px;padding-bottom:72px}
 .section-heading{margin-bottom:28px}
 .service-grid{gap:13px}
}

/* KRASILYUK DESIGN — architectural surface system */
:root{
  --kd-paper:#f6f6f3;
  --kd-silver:#e9edef;
  --kd-silver-deep:#dfe5e7;
  --kd-graphite:#263139;
  --kd-brass:#a18b70;
}
/* Quiet architectural grid: texture, not decoration */
.intro,
.workflow,
#facade-concepts,
.project-pack,
.faq-section,
.contacts{
  background-image:
    linear-gradient(rgba(91,108,117,.027) 1px,transparent 1px),
    linear-gradient(90deg,rgba(91,108,117,.027) 1px,transparent 1px);
  background-size:36px 36px;
}
.intro{background-color:#f7f7f4}
.workflow{background-color:#e9ece9!important}
#facade-concepts{background-color:#ecefeb}
.project-pack,.contacts{background-color:#f7f7f4}
.faq-section{background-color:#ecefeb}
/* Thin technical divider at the start of selected sections */
.intro,.workflow,#facade-concepts,.project-pack,.faq-section,.contacts{
  position:relative;
}
.intro:before,.workflow:before,#facade-concepts:before,
.project-pack:before,.faq-section:before,.contacts:before{
  content:"";
  position:absolute;
  top:0;left:10%;right:10%;
  height:1px;
  background:linear-gradient(90deg,transparent,#aab4b5 18%,#aab4b5 82%,transparent);
  opacity:.48;
  pointer-events:none;
}
/* One confident graphite moment for the main project invitation */
.request-section{
  position:relative;
  overflow:hidden;
  background:
    radial-gradient(ellipse at 88% 12%,rgba(185,196,197,.13),transparent 38%),
    linear-gradient(118deg,#263139 0%,#344149 58%,#28343b 100%)!important;
  color:#f5f5f1;
}
.request-section:before{
  content:"";
  position:absolute;inset:0;
  pointer-events:none;
  opacity:.19;
  background-image:
    linear-gradient(rgba(225,232,232,.13) 1px,transparent 1px),
    linear-gradient(90deg,rgba(225,232,232,.13) 1px,transparent 1px);
  background-size:48px 48px;
  mask-image:linear-gradient(110deg,transparent 5%,#000 65%);
}
.request-copy,.contact-simple{position:relative;z-index:1}
.request-copy .section-kicker{color:#c2b098!important}
.request-copy h2{color:#f7f7f3!important}
.request-copy>p{color:#d2dadd!important}
.request-note{color:#c0c9cc!important;border-color:#819097!important}
.request-section .btn-light{
  background:#f4f3ee!important;color:#263139!important;
  box-shadow:0 12px 30px rgba(0,0,0,.16);
}
.request-section .btn-light:hover{background:#fff!important}
.contact-simple{
  background:#f7f7f4!important;
  color:#263139!important;
  border-color:#d7ddda!important;
}
.contact-simple .section-kicker{color:#9a8468!important}
.contact-simple h3,.contact-simple p{color:#263139!important}
.contact-simple .field-hint{color:#737d80!important}
@media(max-width:760px){
  .intro,.workflow,#facade-concepts,.project-pack,.faq-section,.contacts{
    background-size:28px 28px;
  }
  .request-section:before{background-size:34px 34px}
}



/* Final approved premium-minimal landing layout */
.hero.hero-banner-only{position:relative;min-height:clamp(520px,58vw,760px);overflow:hidden;background:#e8e9e5}
.hero-banner-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}
.hero-overlay{position:relative;z-index:2;width:min(1180px,86%);margin:0 auto;padding:clamp(90px,12vw,160px) 0 80px;max-width:1180px}
.hero-overlay .section-kicker{color:#89775f!important;margin-bottom:24px}
.hero-overlay h1{max-width:660px;margin:0;color:#263139;font-size:clamp(42px,6.1vw,78px);line-height:.99;letter-spacing:-.075em;font-weight:600}
.hero-overlay p{max-width:520px;margin:24px 0 0;color:#4d5a60;font-size:13px;line-height:1.8;letter-spacing:.04em}
.hero-overlay .btn{margin-top:28px}
.production.production-editorial{background:#263139!important;color:#f2f0eb!important}
.production.production-editorial:before{background:linear-gradient(110deg,rgba(28,39,46,.92),rgba(28,39,46,.68))!important;opacity:1!important}
.production-editorial .section-kicker{color:#c2b098!important}
.production-editorial-copy h2{color:#f5f4ef!important}
.production-editorial-copy p{color:#d0d8d9!important}
.production-editorial .production-points li{color:#e6e9e6!important}
.production-visual{min-height:500px;box-shadow:0 24px 65px rgba(0,0,0,.18)}
.production-visual img{min-height:500px;object-fit:cover}
.advantages-section{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.08fr);gap:clamp(34px,6vw,82px);align-items:center;background:#f7f7f4}
.advantages-visual{position:relative;min-height:450px;overflow:hidden;background:#e8eceb;border:1px solid #dce1df}
.advantages-visual img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.advantages-copy h2{margin:18px 0 28px;font-size:clamp(34px,4.3vw,56px);line-height:1.04;letter-spacing:-.07em;color:#263139}
.advantages-list{border-top:1px solid #d9dfdc}
.advantages-list article{display:flex;gap:20px;padding:18px 0;border-bottom:1px solid #d9dfdc}
.advantages-list article>b{font-size:10px;letter-spacing:.1em;color:#a18b70;padding-top:3px}
.advantages-list article span{display:grid;gap:5px}
.advantages-list strong{font-size:14px;color:#2c373d}
.advantages-list small{font-size:11px;line-height:1.7;color:#737e81}
.request-section{
  background:
    linear-gradient(90deg,rgba(31,43,50,.94) 0%,rgba(31,43,50,.82) 50%,rgba(31,43,50,.55) 100%),
    url("images/redesign/cta/cta_09_cta-final.png.png") center/cover no-repeat!important;
}
@media(max-width:760px){
  .hero.hero-banner-only{min-height:560px}
  .hero-banner-image{object-position:62% center}
  .hero-overlay{width:86%;padding:90px 0 56px}
  .hero-overlay h1{font-size:clamp(38px,10vw,54px);max-width:560px}
  .hero-overlay p{font-size:11px;max-width:330px}
  .advantages-section{grid-template-columns:1fr;gap:28px}
  .advantages-visual{min-height:260px}
  .production-editorial .production-editorial-inner{grid-template-columns:1fr}
  .production-visual,.production-visual img{min-height:300px}
  .request-section{background-position:65% center!important}
}


/* HERO LEGIBILITY FIX — keep headline above the banner image on every screen */
.hero.hero-banner-only{
  position:relative!important;
  display:block!important;
  min-height:clamp(540px,55vw,720px)!important;
  height:clamp(540px,55vw,720px)!important;
  padding:0!important;
  overflow:hidden!important;
  isolation:isolate;
  background:#edf0ef!important;
}
.hero.hero-banner-only .hero-banner-image{
  position:absolute!important;
  z-index:0!important;
  inset:0!important;
  display:block!important;
  width:100%!important;
  height:100%!important;
  max-height:none!important;
  object-fit:cover!important;
  object-position:58% center!important;
  margin:0!important;
}
.hero.hero-banner-only:before{
  display:block!important;
  content:""!important;
  position:absolute!important;
  z-index:1!important;
  inset:0!important;
  width:auto!important;
  height:auto!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  background:linear-gradient(90deg,
    rgba(246,247,244,.99) 0%,
    rgba(246,247,244,.96) 32%,
    rgba(246,247,244,.78) 48%,
    rgba(246,247,244,.18) 72%,
    rgba(246,247,244,0) 100%)!important;
  pointer-events:none;
}
.hero.hero-banner-only:after{display:none!important}
.hero-overlay{
  position:absolute!important;
  z-index:2!important;
  top:50%!important;
  left:max(7%,calc((100% - 1180px)/2))!important;
  transform:translateY(-50%)!important;
  width:min(620px,54%)!important;
  max-width:620px!important;
  margin:0!important;
  padding:30px 0!important;
}
.hero-overlay .section-kicker{
  color:#78858b!important;
  font-size:10px!important;
  letter-spacing:.19em!important;
  margin:0 0 22px!important;
}
.hero-overlay h1{
  color:#263139!important;
  max-width:620px!important;
  font-size:clamp(44px,5.2vw,72px)!important;
  line-height:1.02!important;
  letter-spacing:-.065em!important;
  text-wrap:balance;
}
.hero-overlay p{
  color:#4f5d64!important;
  max-width:500px!important;
  margin:22px 0 0!important;
  font-size:13px!important;
  line-height:1.8!important;
}
.hero-overlay .btn{margin-top:26px!important}
.hero-overlay .btn-copper{background:#26343d!important;color:#fff!important;border-color:#26343d!important}
.hero-overlay .btn-copper:hover{background:#a18b70!important;border-color:#a18b70!important}
.hero-conversion{margin-top:0!important}
@media(max-width:760px){
  .hero.hero-banner-only{
    min-height:610px!important;
    height:610px!important;
  }
  .hero.hero-banner-only .hero-banner-image{
    object-position:62% center!important;
  }
  .hero.hero-banner-only:before{
    background:linear-gradient(180deg,
      rgba(246,247,244,.99) 0%,
      rgba(246,247,244,.97) 39%,
      rgba(246,247,244,.76) 62%,
      rgba(246,247,244,.12) 100%)!important;
  }
  .hero-overlay{
    top:0!important;
    left:7%!important;
    transform:none!important;
    width:86%!important;
    max-width:520px!important;
    padding:82px 0 30px!important;
  }
  .hero-overlay .section-kicker{font-size:8px!important;margin-bottom:17px!important}
  .hero-overlay h1{font-size:clamp(38px,9.5vw,54px)!important;line-height:1.04!important}
  .hero-overlay p{font-size:11px!important;max-width:340px!important;margin-top:17px!important}
  .hero-overlay .btn{margin-top:21px!important}
}

/* New custom line icon system — consistent silver and warm-metal finish */
.service-card-photo .service-icon{
  display:grid!important;
  place-items:center!important;
  width:48px!important;
  height:48px!important;
  flex:0 0 48px!important;
  padding:9px!important;
  margin:0 0 16px!important;
  border:1px solid #d6dfe2!important;
  border-radius:50%!important;
  background:linear-gradient(145deg,#fff,#e9eef0)!important;
  color:#8d775f!important;
  box-shadow:0 5px 16px rgba(38,49,57,.06);
}
.service-card-photo .service-icon svg,
.production-point-icon svg{
  display:block!important;
  width:100%!important;
  height:100%!important;
  fill:none!important;
  stroke:currentColor!important;
  stroke-width:1.65!important;
  stroke-linecap:round!important;
  stroke-linejoin:round!important;
}
.production-point-icon{
  display:block!important;
  flex:0 0 38px!important;
  width:38px!important;
  height:38px!important;
  padding:7px!important;
  border:1px solid rgba(193,174,147,.42);
  border-radius:50%;
  background:rgba(255,255,255,.06);
  color:#c7ad8c;
  object-fit:contain;
}
@media(max-width:760px){
  .service-card-photo .service-icon{width:40px!important;height:40px!important;flex-basis:40px!important;padding:8px!important}
  .production-point-icon{width:34px!important;height:34px!important;flex-basis:34px!important}
}


/* MOBILE HERO — keep every line of copy on a calm, readable surface */
@media(max-width:760px){
  .hero.hero-banner-only{
    min-height:590px!important;
    height:590px!important;
    background:#eef1ef!important;
  }
  .hero.hero-banner-only .hero-banner-image{
    object-position:76% center!important;
  }
  .hero.hero-banner-only:before{
    background:linear-gradient(90deg,
      rgba(246,247,244,.99) 0%,
      rgba(246,247,244,.98) 56%,
      rgba(246,247,244,.91) 72%,
      rgba(246,247,244,.58) 88%,
      rgba(246,247,244,.12) 100%)!important;
  }
  .hero-overlay{
    top:0!important;
    left:7%!important;
    width:86%!important;
    max-width:440px!important;
    padding:72px 0 26px!important;
  }
  .hero-overlay .section-kicker{
    margin-bottom:16px!important;
    font-size:8px!important;
    letter-spacing:.16em!important;
  }
  .hero-overlay h1{
    max-width:100%!important;
    font-size:clamp(31px,8.2vw,40px)!important;
    line-height:1.08!important;
    letter-spacing:-.06em!important;
  }
  .hero-overlay p{
    max-width:310px!important;
    margin-top:16px!important;
    color:#39474f!important;
    font-size:11px!important;
    line-height:1.75!important;
    font-weight:600!important;
  }
  .hero-overlay .btn{
    display:inline-flex!important;
    width:auto!important;
    min-width:0!important;
    margin-top:20px!important;
    padding:16px 20px!important;
    font-size:10px!important;
  }
  .topbar .menu-toggle{
    color:#263139!important;
    opacity:1!important;
  }
}
@media(max-width:380px){
  .hero.hero-banner-only{min-height:570px!important;height:570px!important}
  .hero-overlay{padding-top:64px!important}
  .hero-overlay h1{font-size:clamp(29px,8vw,34px)!important}
  .hero-overlay p{max-width:285px!important;font-size:10px!important}
}


/* Visible email contact in the first screen */
.hero-email-link{
  display:inline-flex;
  align-items:center;
  gap:9px;
  margin-top:18px;
  color:#39434b;
  font-size:13px;
  font-weight:600;
  letter-spacing:.025em;
  text-decoration:none;
  border-bottom:1px solid rgba(57,67,75,.35);
  padding-bottom:4px;
  transition:color .2s ease,border-color .2s ease;
}
.hero-email-link::before{
  content:"✉";
  font-size:15px;
}
.hero-email-link:hover{
  color:#96795b;
  border-color:#96795b;
}
@media(max-width:760px){
  .hero-email-link{
    margin-top:14px;
    font-size:12px;
    color:#303943;
  }
}


/* High-contrast CTA: technical brief */
.production-editorial .btn-outline{
  display:inline-flex!important;
  align-items:center;
  justify-content:center;
  gap:14px;
  background:#26343d!important;
  color:#ffffff!important;
  border:1px solid #26343d!important;
  padding:16px 22px!important;
  font-weight:700!important;
  text-shadow:none!important;
  box-shadow:0 8px 22px rgba(20,31,39,.16)!important;
}
.production-editorial .btn-outline span{
  color:#ffffff!important;
}
.production-editorial .btn-outline:hover{
  background:#a77d55!important;
  border-color:#a77d55!important;
  color:#ffffff!important;
}
@media(max-width:760px){
  .production-editorial .btn-outline{
    width:100%;
    min-height:54px;
    font-size:12px;
    letter-spacing:.025em;
  }
}