:root{--accent:#b86122;--gold:#f1c542;--card-radius:13px;--ink:#111827;--muted:#5f6570;--light:#f7f7f7;--border:#303846}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:68px}body{margin:0;color:var(--ink);font-family:Arial,Helvetica,sans-serif;font-weight:300;line-height:1.55;background:#fff}a{color:inherit;text-decoration:none}img{display:block;width:100%}button,input,textarea{font:inherit}.container{width:min(1232px,calc(100% - 48px));margin:auto}.site-header{height:69px;padding:0 24px;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:100;background:rgba(255,255,255,.96);box-shadow:0 1px 12px rgba(0,0,0,.05)}.brand{font-size:24px;letter-spacing:-1px;white-space:nowrap}.brand span,.eyebrow{color:var(--accent)}.main-nav{display:flex;gap:34px;font-size:14px}.main-nav a{transition:.2s}.main-nav a:hover{color:var(--accent)}.button{display:inline-flex;justify-content:center;align-items:center;border:0;border-radius:7px;padding:12px 25px;background:var(--accent);color:#fff;font-weight:700;cursor:pointer;box-shadow:0 5px 14px rgba(184,97,34,.25)}.header-cta{min-width:99px}.menu-toggle{display:none;background:none;border:0}.hero{min-height:807px;padding:80px 24px 0;position:relative;overflow:hidden;color:#fff;background:url("../img/interior.jpg") center/cover}.hero-overlay{position:absolute;inset:0;background:linear-gradient(rgba(17,24,39,.7),rgba(17,24,39,.5),rgba(17,24,39,.88))}.hero-content{position:relative;z-index:1;text-align:center;max-width:900px;margin:10px auto 55px}.hero h1{font-size:68px;line-height:1.02;font-weight:300;letter-spacing:-3px;margin:0 0 25px}.hero h1 span{color:var(--gold)}.hero-content p{max-width:700px;margin:auto;font-size:20px;color:#e2e3e5}.hero-cards{position:relative;z-index:2;max-width:912px;margin:auto;display:grid;grid-template-columns:repeat(4,1fr);gap:23px}.hero-card{height:340px;border-radius:var(--card-radius) var(--card-radius) 0 0;padding:0 24px 25px;display:flex;flex-direction:column;justify-content:flex-end;overflow:hidden;position:relative;background:var(--image) center/cover;transition:transform .3s}.hero-card:before{content:"";position:absolute;inset:0;background:linear-gradient(transparent 25%,rgba(17,24,39,.25) 55%,#111827)}.hero-card>*{z-index:1}.hero-card small{color:var(--gold);letter-spacing:1.6px;font-size:11px}.hero-card strong{font-size:27px;font-weight:400;margin:3px 0 10px}.hero-card span{font-size:13px;opacity:.85}.hero-card:hover{transform:translateY(-8px)}.section{padding:92px 0}.about{background:#f6f7f8}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.eyebrow{font-size:12px;font-weight:700;letter-spacing:2px;margin:0 0 16px}.section h2,.about h2{font-weight:300;font-size:45px;line-height:1.12;letter-spacing:-1.7px;margin:0 0 28px}.about p:not(.eyebrow){color:#505761}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:40px}.stats strong{display:block;color:var(--accent);font-size:32px;font-weight:300}.stats span{font-size:13px;color:#68707c}.about-image{margin:0;position:relative}.about-image img{height:485px;border-radius:var(--card-radius);object-fit:cover}.about-image:after{display:none}.about-image figcaption{position:absolute;bottom:-24px;left:-24px;min-width:150px;padding:19px 28px;border-radius:var(--card-radius);background:var(--accent);color:#fff;box-shadow:0 12px 25px rgba(17,24,39,.15)}.about-image figcaption strong,.about-image figcaption span{display:block}.about-image figcaption strong{font-size:21px}.about-image figcaption span{font-size:11px;letter-spacing:1px}.dark{background:var(--ink);color:#fff}.services h2{max-width:780px}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:45px}.service-card{min-height:275px;border:1px solid #303846;padding:30px;background:#18202d;transition:.25s}.service-card:hover{border-color:var(--accent);transform:translateY(-4px)}.service-card h3{font-size:21px;font-weight:400}.service-card ul{list-style:none;margin:20px 0 0;padding:0;color:#aeb3bb;font-size:14px}.service-card li{margin:8px 0}.service-card li:before{content:"—";color:var(--accent);margin-right:10px}.line-icon{display:block;width:40px;height:40px;border:1px solid var(--accent);transform:rotate(45deg);margin:4px 0 24px}.feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:35px;text-align:center;margin-bottom:92px}.feature-grid b{display:grid;place-items:center;width:55px;height:55px;margin:0 auto 19px;border-radius:50%;background:#fff5eb;color:var(--accent);font-size:22px}.feature-grid h3{font-size:17px}.feature-grid p{color:#737985;font-size:14px}.technology-copy{border-top:1px solid #ddd;padding-top:70px;display:grid;grid-template-columns:1.1fr .9fr;gap:90px}.technology-copy p:not(.eyebrow){color:#616874}.portfolio{background:#f5f6f7}.portfolio h2{max-width:800px}.section-lead{max-width:800px;color:#666e79}.filters{display:flex;flex-wrap:wrap;gap:9px;margin:32px 0}.filters button{padding:9px 15px;border:1px solid #d3d6da;border-radius:var(--card-radius);background:#fff;color:#555;cursor:pointer;font-size:13px}.filters button.active{background:var(--accent);border-color:var(--accent);color:#fff}.project-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.project-card{height:345px;position:relative;overflow:hidden;border-radius:var(--card-radius);color:#fff}.project-card img{height:100%;object-fit:cover;transition:transform .45s}.project-card:hover img{transform:scale(1.05)}.project-shade{position:absolute;inset:0;background:linear-gradient(transparent 22%,rgba(17,24,39,.92))}.project-copy{position:absolute;left:24px;right:24px;bottom:22px}.project-copy small{color:var(--gold);text-transform:uppercase;letter-spacing:1.4px}.project-copy h3{font-size:21px;line-height:1.2;margin:8px 0}.project-copy p,.project-copy b{font-size:12px}.project-copy p{color:#d3d5da}.project-copy b{font-weight:400}.project-card.hidden{display:none}.project-count{text-align:center;color:#767c84;font-size:13px;margin-top:24px}.contact{padding-bottom:100px}.contact-grid{display:grid;grid-template-columns:1fr 1.1fr;gap:100px}.contact-grid>div>p:not(.eyebrow){color:#b5bac3;max-width:490px}.contact address{font-style:normal;margin-top:40px}.contact address p{display:flex;align-items:center;gap:15px}.contact address b{width:48px;height:48px;display:grid;place-items:center;border-radius:9px;color:var(--gold);background:rgba(184,97,34,.18);font-size:20px}.contact address span{display:flex;flex-direction:column}.contact address small{color:#949aa3}.contact-form{padding:32px;border:1px solid #354052;border-radius:15px;background:#202938}.contact-form h3{font-weight:400;margin-top:0}.contact-form label{display:block}.contact-form label>span{position:absolute;width:1px;height:1px;overflow:hidden}.contact-form input,.contact-form textarea{width:100%;border:1px solid #4a5463;border-radius:6px;background:#283141;color:#fff;padding:14px;margin-bottom:22px;outline:none}.contact-form input:focus,.contact-form textarea:focus{border-color:var(--accent)}.contact-form textarea{height:150px;resize:vertical}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.contact-form .button{width:100%}.form-status{background:#471f1f;padding:10px;border-radius:5px;font-size:13px}.form-status.success{background:#153a2b}footer{height:116px;padding:0 24px;background:#030712;color:#fff;display:flex;align-items:center;justify-content:space-between}footer p{font-size:13px;color:#6e7480}.reveal{opacity:0;transform:translateY(24px);transition:opacity .7s,transform .7s}.reveal.visible{opacity:1;transform:none}
@media(max-width:900px){.site-header{padding:0 18px}.main-nav,.header-cta{display:none}.menu-toggle{display:block;width:40px;height:40px}.menu-toggle span{display:block;width:25px;height:2px;background:#111;margin:7px}.main-nav.open{position:absolute;display:flex;flex-direction:column;gap:0;top:69px;left:0;right:0;padding:15px 20px;background:#fff;box-shadow:0 8px 18px rgba(0,0,0,.1)}.main-nav.open a{padding:12px}.hero{min-height:auto;padding:70px 20px 0}.hero h1{font-size:46px}.hero-cards{grid-template-columns:repeat(2,1fr)}.hero-card{height:290px}.about-grid,.technology-copy,.contact-grid{grid-template-columns:1fr}.about-grid,.contact-grid{gap:50px}.service-grid,.project-grid{grid-template-columns:repeat(2,1fr)}.feature-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.container{width:min(100% - 36px,1232px)}.brand{font-size:20px}.section{padding:68px 0}.hero{padding:54px 18px 36px}.hero-content{margin-bottom:35px}.hero h1{font-size:38px;letter-spacing:-1.5px}.hero-content p{font-size:16px}.hero-cards{display:grid;grid-template-columns:1fr;gap:16px;width:100%;max-width:420px}.hero-card{width:100%;min-width:0;height:245px}.section h2,.about h2{font-size:34px}.about-image img{height:370px}.stats{grid-template-columns:repeat(3,1fr);gap:8px}.stats strong{font-size:25px}.service-grid,.project-grid{grid-template-columns:1fr}.service-card{min-height:245px}.feature-grid{grid-template-columns:1fr 1fr;gap:20px}.feature-grid p{font-size:12px}.technology-copy{gap:20px;padding-top:50px}.project-card{height:330px}.filters{flex-wrap:nowrap;overflow-x:auto;padding-bottom:8px}.filters button{white-space:nowrap}.contact-grid{gap:40px}.contact-form{padding:22px 18px}.form-row{grid-template-columns:1fr}.contact h2 br{display:none}footer{height:auto;padding:34px 20px;gap:20px;flex-direction:column;align-items:flex-start}}

/* Offer and technology sections */
.icon-sprite{position:absolute;width:0;height:0;overflow:hidden}
.services{background:#111827;color:#fff}
.services .eyebrow{color:var(--gold)}
.services>.container>.eyebrow,.services>.container>h2{text-align:center}
.services h2{max-width:none;color:#fff}
.service-card{border-color:#303948;background:#192230;color:#fff}
.service-card h3{margin:0 0 20px;color:#fff;font-size:21px;font-weight:600}
.service-card ul{display:grid;gap:10px;margin:0;color:#c5cad1}
.service-card li{display:flex;align-items:center;gap:10px;margin:0}
.service-card li:before{display:none}
.service-card li svg{width:17px;height:17px;flex:0 0 17px;fill:none;stroke:var(--gold);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.technology{padding:76px 0;background:#fff}
.technology-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.08fr);gap:78px;align-items:center}
.technology .feature-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin:0;text-align:left}
.technology .feature-grid article{min-height:244px;padding:38px 32px;border-radius:22px;background:#f7f8f9}
.feature-icon{display:grid;place-items:center;width:58px;height:58px;margin-bottom:25px;border-radius:15px;background:#fff2c7}
.feature-icon svg{width:31px;height:31px;fill:none;stroke:#b86122;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.technology .feature-grid h3{margin:0 0 12px;color:#111827;font-size:19px;font-weight:700}
.technology .feature-grid p{margin:0;color:#747b87;font-size:16px;line-height:1.55}
.technology-copy{display:block;padding:0;border:0}
.technology-copy .eyebrow{margin-bottom:26px;font-size:13px}
.technology-copy h2{margin-bottom:42px;color:#111827;font-size:48px;line-height:1.08}
.technology-copy p:not(.eyebrow){margin:0 0 28px;color:#606875;font-size:17px;line-height:1.65}
.portfolio>.container>.eyebrow,.portfolio>.container>h2,.portfolio>.container>.section-lead{text-align:center}
.portfolio h2,.portfolio .section-lead{max-width:850px;margin-left:auto;margin-right:auto}
.portfolio .filters{justify-content:center}
.hero-card{border:1px solid rgba(255,255,255,.45);border-radius:var(--card-radius);box-shadow:0 12px 34px rgba(0,0,0,.25),0 0 26px rgba(255,255,255,.28),0 0 48px rgba(241,197,66,.18)}
.hero-card:hover{box-shadow:0 18px 42px rgba(0,0,0,.34),0 0 34px rgba(255,255,255,.36),0 0 64px rgba(241,197,66,.3)}
.service-card{border-radius:var(--card-radius)}
.service-card h3{color:var(--gold)}
.project-shade{background:linear-gradient(to top,rgba(17,24,39,.72),rgba(17,24,39,.12) 58%,rgba(17,24,39,.06));transition:background .35s}
.project-copy{inset:0;padding:24px;display:flex;flex-direction:column;justify-content:flex-end;pointer-events:none}
.project-copy small{position:absolute;top:22px;left:24px;padding:5px 13px;border-radius:999px;background:rgba(255,255,255,.92);color:#252d3a;font-size:11px;font-weight:700;letter-spacing:0;text-transform:none;box-shadow:0 2px 7px rgba(17,24,39,.08)}
.project-copy h3{margin:0;color:#fff;font-size:25px;font-weight:300;line-height:1.18;transition:transform .35s}
.project-copy p,.project-copy b{margin:0;max-height:0;opacity:0;overflow:hidden;transform:translateY(10px);transition:max-height .35s,opacity .25s,transform .35s}
.project-copy p{padding-top:8px;color:#e4e7eb;font-size:13px}
.project-copy b{padding-top:13px;color:var(--gold);font-size:13px;font-weight:700}
.project-card:hover .project-shade{background:linear-gradient(to top,rgba(17,24,39,.94),rgba(17,24,39,.25) 65%,rgba(17,24,39,.08))}
.project-card:hover .project-copy h3{transform:translateY(-2px)}
.project-card:hover .project-copy p,.project-card:hover .project-copy b{max-height:44px;opacity:1;transform:none}
@media(max-width:1000px){.technology-layout{grid-template-columns:1fr;gap:55px}.technology-copy{order:-1}.technology-copy h2{font-size:43px}}
@media(max-width:600px){.technology{padding:62px 0}.technology .feature-grid{grid-template-columns:1fr;gap:14px}.technology .feature-grid article{min-height:0;padding:28px 25px;border-radius:16px}.feature-icon{width:52px;height:52px;margin-bottom:20px}.technology-copy h2{margin-bottom:28px;font-size:34px}.technology-copy h2 br{display:none}.technology-copy p:not(.eyebrow){font-size:15px}.service-card h3{font-size:20px}.project-copy h3{font-size:22px}.project-copy p,.project-copy b{max-height:44px;opacity:1;transform:none}}
@media(hover:none){.project-copy p,.project-copy b{max-height:44px;opacity:1;transform:none}.project-shade{background:linear-gradient(to top,rgba(17,24,39,.92),rgba(17,24,39,.2) 65%,rgba(17,24,39,.06))}}

/* Project detail */
.not-found-note{padding:12px 24px;background:#fff2c7;color:#7a481c;text-align:center;font-size:14px}
.detail-hero{min-height:690px;position:relative;display:flex;align-items:flex-end;padding:90px 0 72px;color:#fff;background:var(--detail-image) center/cover}
.detail-hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(17,24,39,.82),rgba(17,24,39,.25) 65%),linear-gradient(to top,rgba(17,24,39,.86),transparent 60%)}
.detail-hero-content{position:relative;z-index:1}
.back-link{display:inline-block;margin-bottom:80px;color:#e1e4e8;font-size:14px}
.back-link:hover{color:var(--gold)}
.detail-category{display:table;margin-bottom:18px;padding:7px 15px;border-radius:999px;background:rgba(255,255,255,.94);color:#202837;font-size:13px;font-weight:700}
.detail-hero h1{max-width:900px;margin:0 0 24px;font-size:70px;font-weight:300;line-height:1.02;letter-spacing:-3px}
.detail-meta{display:flex;gap:22px;color:#e2e5e9;font-size:16px}
.detail-intro{background:#fff}
.detail-intro-grid{display:grid;grid-template-columns:1.35fr .65fr;gap:100px;align-items:start}
.detail-intro h2{font-size:39px;line-height:1.2}
.detail-description{max-width:760px;color:#626a76;font-size:17px;line-height:1.75}
.detail-specs{padding:30px;border-radius:var(--card-radius);background:#f5f6f7}
.detail-specs>div{display:flex;justify-content:space-between;gap:20px;padding:16px 0;border-bottom:1px solid #dde0e4}
.detail-specs>div:last-child{border-bottom:0}
.detail-specs span{color:#777e88;font-size:13px}
.detail-specs strong{text-align:right;font-size:14px}
.detail-work-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:100px}
.detail-work h2{font-size:43px}
.work-list{margin:0;padding:0;list-style:none}
.work-list li{display:flex;align-items:center;gap:24px;padding:22px 0;border-bottom:1px solid #303948}
.work-list span{color:var(--gold);font-size:13px}
.work-list strong{font-size:20px;font-weight:400}
.detail-section-heading{display:flex;justify-content:space-between;align-items:end;gap:60px;margin-bottom:42px}
.detail-section-heading h2{margin-bottom:0}
.detail-section-heading>p{max-width:430px;color:#68707b}
.gallery-mosaic{display:grid;grid-template-columns:1.35fr .65fr;grid-template-rows:280px 280px;gap:18px}
.gallery-item{display:block;width:100%;height:100%;padding:0;border:0;border-radius:var(--card-radius);overflow:hidden;background:#e9eaec;cursor:zoom-in}
.gallery-item img{height:100%;object-fit:cover;transition:transform .45s}
.gallery-item:hover img{transform:scale(1.035)}
.gallery-main{grid-row:1/3}
.detail-result{padding-top:20px}
.result-card{display:grid;grid-template-columns:1.1fr .9fr auto;gap:55px;align-items:center;padding:55px;border-radius:var(--card-radius);background:#f5f6f7}
.result-card h2{margin-bottom:0}
.result-card>p{color:#656d79}
.project-pagination{display:grid;grid-template-columns:1fr 1fr;gap:20px;padding-top:20px;padding-bottom:92px}
.project-pagination a{padding:25px 28px;border:1px solid #dde0e4;border-radius:var(--card-radius);transition:.25s}
.project-pagination a:last-child{text-align:right}
.project-pagination a:hover{border-color:var(--accent);transform:translateY(-3px)}
.project-pagination small,.project-pagination strong{display:block}
.project-pagination small{margin-bottom:7px;color:var(--accent)}
.project-pagination strong{font-size:16px}
.lightbox[hidden]{display:none}
.lightbox{position:fixed;z-index:500;inset:0;display:grid;place-items:center;padding:60px;background:rgba(3,7,18,.94)}
.lightbox img{max-width:min(1200px,92vw);max-height:86vh;width:auto;border-radius:var(--card-radius);box-shadow:0 24px 70px rgba(0,0,0,.5)}
.lightbox button{position:absolute;top:22px;right:28px;border:0;background:none;color:#fff;font-size:42px;cursor:pointer}
.lightbox-open{overflow:hidden}
@media(max-width:900px){.detail-hero{min-height:600px}.detail-hero h1{font-size:54px}.detail-intro-grid,.detail-work-grid{grid-template-columns:1fr;gap:45px}.result-card{grid-template-columns:1fr;gap:22px}.gallery-mosaic{grid-template-rows:230px 230px}}
@media(max-width:600px){.detail-hero{min-height:540px;padding:70px 0 45px}.back-link{margin-bottom:55px}.detail-hero h1{font-size:40px;letter-spacing:-1.5px}.detail-meta{flex-direction:column;gap:4px}.detail-intro h2,.detail-work h2{font-size:31px}.detail-section-heading{display:block}.gallery-mosaic{display:grid;grid-template-columns:1fr;grid-template-rows:none}.gallery-item,.gallery-main{height:260px;grid-row:auto}.result-card{padding:32px 24px}.project-pagination{grid-template-columns:1fr;padding-bottom:65px}.project-pagination a:last-child{text-align:left}.lightbox{padding:20px}}