/* JTECHCORP: an editorial architectural direction */
:root{--black:#17221e;--charcoal:#23332b;--soft:#f5f5f0;--warm:#ecebe3;--gold:#b28846;--gold2:#d6ad69;--gold-deep:#8f6b38;--champagne:#d6ad69;--white:#fff;--text:#202a25;--muted:#626c63;--line:rgba(28,43,34,.17)}
body{background:#f7f7f3;color:var(--text);font-family:'DM Sans',Arial,sans-serif;font-weight:400}
h2,.hero h1,.service-content h3,.project figcaption strong,.process-step h3,.form-step legend,.estimate-result strong{font-family:'DM Serif Display',Georgia,serif;letter-spacing:-.02em;font-weight:400}
h2{font-size:clamp(40px,5.2vw,78px);line-height:1.08}
.site-header,.site-header.scrolled{height:88px;background:#fff;color:#1c2b22;border-bottom:1px solid #e6e6df;backdrop-filter:none;padding-inline:clamp(20px,4vw,70px)}
.brand{width:auto;height:auto;gap:13px;overflow:visible}
.brand-logo{display:block;width:140px;height:76px;overflow:hidden;background:#fff}
.brand-logo img{width:140px;max-width:none;height:auto;transform:translateY(-22px)}
.brand-mark{display:grid;place-items:center;width:47px;height:47px;background:#20372c;color:#fff;font-family:'DM Serif Display',Georgia,serif;font-size:24px;letter-spacing:-.07em}
.brand-mark span{color:#bd9b65}
.brand-name{font-size:17px;font-weight:700;letter-spacing:.12em;line-height:1}
.brand-name small{display:block;font-size:9px;font-weight:600;letter-spacing:.24em;color:#839087;margin-top:8px}
.desktop-nav{font-size:13px;font-weight:600;letter-spacing:0;gap:25px;margin-right:25px}
.desktop-nav a{opacity:1}
.desktop-nav a:hover{color:#896a42}
.btn{font-family:'DM Sans',Arial,sans-serif;font-size:12px;letter-spacing:.06em;font-weight:700;text-transform:none;padding:16px 21px}
.btn-gold{background:var(--gold);color:#fff}
.btn-gold:hover{background:#97703a;filter:none}
.header-cta{background:#21392d;color:#fff}
.header-cta:hover{background:#33513f}
.btn-ghost{border:1px solid #536156;color:#273a2e;background:transparent}
.btn-ghost:hover{background:#e9ede7}
.menu-btn{color:#20372c}
.mobile-menu{top:88px;background:#f7f7f3;color:#1c2b22;border-bottom:1px solid #dbdfd7}
.hero{margin-top:88px;height:auto;min-height:min(760px,calc(100svh - 88px));display:grid;grid-template-columns:48% 52%;background:#ebeee8;color:#213329;overflow:visible}
.hero-content{max-width:none;top:auto;transform:none;padding:clamp(76px,10vw,160px) clamp(28px,5vw,85px) 36px clamp(28px,6vw,105px);display:flex;flex-direction:column;justify-content:center}
.hero .eyebrow{font-size:12px;color:var(--gold-deep);letter-spacing:.13em}
.hero h1{font-size:clamp(58px,6.5vw,108px);letter-spacing:-.045em;line-height:.99;margin:30px 0 24px}
.hero h1 span{background:none;color:var(--gold);-webkit-text-fill-color:initial;font-style:italic}
.hero-copy{font-size:clamp(17px,1.4vw,20px);line-height:1.65;color:#526256;max-width:540px}
.hero-actions{margin-top:30px;align-items:center;flex-wrap:wrap}
.hero-actions .btn-gold span{margin-left:24px;font-size:17px;font-weight:400}
.hero-foot{display:flex;justify-content:space-between;max-width:520px;border-top:1px solid #b9c2b7;margin-top:auto;padding-top:20px;font-size:11px;font-weight:700;letter-spacing:.14em;color:#6c7b70}
.hero-visual{position:relative;min-height:650px;overflow:hidden;background:#a9b4a7}
.hero-visual>img{width:100%;height:100%;object-fit:cover;object-position:center}
.hero-visual-caption{position:absolute;bottom:0;left:0;right:0;background:rgba(28,44,33,.85);color:#fff;padding:20px 28px;display:flex;justify-content:space-between;gap:15px;font-size:11px;font-weight:700;letter-spacing:.12em}
.hero-visual-caption span{color:#d4c2a5}
.section{padding-block:clamp(90px,10vw,150px)}
.section-kicker,.eyebrow{font-size:12px;letter-spacing:.15em;color:#8c6c41}
.gold-word{color:var(--gold);font-style:italic}
.intro{background:#f7f7f3}
.intro-grid{grid-template-columns:1fr .75fr;gap:13vw}
.intro-grid p,.section-heading p,.commercial-grid p,.about-copy p{color:#5e6b60;line-height:1.7}
.text-link{font-weight:700;color:#1b3a2a;border-bottom:1px solid #b79560;padding-bottom:7px}
.dark{background:#21392e;color:#fff}
.dark .section-kicker,.commercial .section-kicker,.estimator-card .section-kicker,.final-content .section-kicker{color:var(--gold2)}
.dark .section-heading p,.dark p{color:#d2d9d0}
.service-grid{gap:20px}
.service-card{height:560px;background:#3a4a3e}
.service-card:nth-child(2){transform:translateY(28px)}
.service-card img{filter:saturate(.85)}
.service-shade{background:linear-gradient(0deg,rgba(20,37,27,.82),transparent 66%)}
.service-content{left:25px;right:25px;bottom:28px}
.service-content h3{font-size:32px;line-height:1.1}
.service-content p{font-size:15px}
.projects{background:#f7f7f3}
.project-mosaic{gap:18px;grid-template-columns:1.15fr .85fr}
.project-large{min-height:760px}
.project figcaption{background:linear-gradient(0deg,rgba(20,37,27,.8),transparent)}
.project figcaption span{color:var(--gold2)}
.project figcaption strong{font-size:29px}
.warm{background:#e6e9df}
.process-step{min-height:260px}
.process-step h3{font-size:30px}
.estimator{background:#f7f7f3}
.estimator-card{background:#dbe3d7;color:#21392d;border:0;box-shadow:none}
.estimator-card .section-kicker{color:#836436}
.estimator-card p{color:#546657}
.estimator-card .btn{background:#21392d;color:#fff}
.commercial{background:#243d30}
.commercial p{color:#d7dfd5}
.about{max-width:none;background:#f7f7f3}
.about-image{height:680px}
.final-cta{height:610px}
.final-overlay{background:linear-gradient(90deg,rgba(21,43,29,.77),rgba(21,43,29,.5))}
.final-content h2{color:#fff}
.final-content h2::first-letter{color:inherit}
footer{background:#182c22;color:#e4e8e1}
.footer-cols span{color:var(--gold2)}
.footer-brand p{color:#bbc9bd}
.footer-bottom{border-color:#526556;color:#c3cbbf}
.footer-link{color:#e4e8e1}
.modal{background:#f7f7f3}
.estimate-result{background:#21392d}
.choice-grid input:checked+span{border-color:#9a7948;background:#e8e9df}
@media(max-width:1100px){.desktop-nav{gap:14px}.brand-name{font-size:14px}.hero h1{font-size:clamp(56px,6.3vw,83px)}}
@media(max-width:900px){.site-header,.site-header.scrolled{height:74px}.mobile-menu{top:74px}.hero{margin-top:74px;grid-template-columns:1fr}.hero-content{min-height:560px;padding:85px 30px 28px}.hero-visual{min-height:500px;height:55vw}.hero-foot{margin-top:65px}.service-card:nth-child(2){transform:none}.service-card{height:520px}.intro-grid{gap:30px}}
@media(max-width:600px){.site-header,.site-header.scrolled{padding-inline:18px}.brand-logo{width:130px;height:70px}.brand-logo img{width:130px;transform:translateY(-18px)}.hero-content{min-height:590px;padding:70px 22px 25px}.hero h1{font-size:clamp(54px,13vw,73px)}.hero-copy{font-size:17px}.hero-actions{align-items:stretch}.hero-actions .btn{width:100%;text-align:left}.hero-actions .btn-gold{display:flex;justify-content:space-between}.hero-visual{height:440px;min-height:0}.hero-visual-caption{font-size:9px;padding:16px}.hero-visual-caption span{display:none}.section{padding-block:80px}.service-card{height:480px}.project-large,.project{min-height:430px}.footer-cols{grid-template-columns:1fr 1fr}}