/* Knight Custom Homes — Architectural Atelier premium layer
   Restrained depth and motion; no WebGL, scroll-jacking, or external runtime. */

:root{
  --premium-line:rgba(122,96,56,.22);
  --premium-line-light:rgba(255,255,255,.18);
  --premium-shadow:0 18px 44px rgba(31,27,23,.10),0 3px 10px rgba(31,27,23,.06);
  --premium-shadow-hover:0 30px 72px rgba(31,27,23,.19),0 8px 20px rgba(31,27,23,.10);
  --premium-ease:cubic-bezier(.2,.72,.2,1);
}

html{background:var(--ink);overflow-x:clip}
body{overflow-x:clip;background:var(--ivory)}
@supports not (overflow:clip){body{overflow-x:hidden}}
h1,h2{letter-spacing:-.035em}
h3{letter-spacing:-.018em}

/* Navigation: quiet elevation and a brass datum line. */
header.site{
  border-bottom-color:rgba(122,96,56,.14);
  box-shadow:0 8px 30px rgba(31,27,23,.055),inset 0 -1px rgba(255,255,255,.85);
}
header.site::after{
  content:"";position:absolute;left:0;right:0;bottom:-1px;height:1px;
  background:linear-gradient(90deg,transparent 4%,rgba(168,137,90,.5) 30%,rgba(168,137,90,.16) 72%,transparent 96%);
  pointer-events:none;
}
.brand img{transition:transform .45s var(--premium-ease),filter .45s var(--premium-ease)}
.brand:hover img{transform:translateY(-1px) scale(1.025);filter:contrast(1.06)}
.nav-links>a,.nav-item>a{transition:color .25s ease,border-color .25s ease,transform .25s ease}
.nav-links>a:hover,.nav-item:hover>a{transform:translateY(-1px)}

/* Buttons feel machined rather than flat. */
.btn{
  position:relative;isolation:isolate;overflow:hidden;
  box-shadow:0 8px 18px rgba(26,26,26,.10),inset 0 1px rgba(255,255,255,.22);
  transition:transform .28s var(--premium-ease),box-shadow .28s var(--premium-ease),background .22s,color .22s,border-color .22s;
}
.btn::before{
  content:"";position:absolute;inset:-1px;z-index:-1;pointer-events:none;
  background:linear-gradient(112deg,transparent 24%,rgba(255,255,255,.26) 43%,transparent 60%);
  transform:translateX(-130%);transition:transform .65s var(--premium-ease);
}
.btn:hover{transform:translateY(-2px);box-shadow:0 15px 28px rgba(26,26,26,.16),inset 0 1px rgba(255,255,255,.25)}
.btn:hover::before{transform:translateX(130%)}
.btn:active{transform:translateY(0);box-shadow:0 5px 12px rgba(26,26,26,.12)}
.btn-ghost-light{box-shadow:inset 0 1px rgba(255,255,255,.20),0 10px 24px rgba(0,0,0,.18)}
.btn-brass{color:var(--ink)}
.btn-brass:hover{background:var(--gold);color:var(--ink);border-color:var(--gold)}
.btn-ghost-brass:hover{color:var(--ink)}

/* Shared depth scenes: one composited photographic plane, no scroll interception. */
[data-depth-scene]{
  --depth-x:0px;--depth-y:0px;--frame-x:0px;--frame-y:0px;
  isolation:isolate;perspective:1400px;
}
.interstitial{overflow:hidden}
.hero::before,.page-hero::before,.proj-hero::before,.interstitial::before{
  content:"";position:absolute;inset:-4%;z-index:0;pointer-events:none;
  background-image:inherit;background-size:cover;background-position:center;
  transform:translate3d(var(--depth-x),var(--depth-y),0) scale(1.075);
  transition:transform .7s var(--premium-ease);will-change:transform;
}
.hero::after,.page-hero::after,.proj-hero::after,.interstitial::after{z-index:1;pointer-events:none}
.page-hero::after,.proj-hero::after{
  content:"";position:absolute;inset:0;
  background:
    linear-gradient(90deg,rgba(20,18,16,.32),transparent 56%),
    linear-gradient(180deg,transparent 66%,rgba(20,18,16,.2));
}
.hero>.wrap,.page-hero>.wrap,.proj-hero>.wrap,.interstitial>.wrap{position:relative;z-index:2}

.hero-copy{
  position:relative;max-width:760px;padding-left:clamp(1.15rem,2.2vw,1.8rem);
  transform-style:preserve-3d;
}
.hero-copy::before{
  content:"";position:absolute;left:0;top:.28rem;bottom:.35rem;width:1px;
  background:linear-gradient(180deg,transparent,var(--brass) 18%,rgba(255,255,255,.5) 68%,transparent);
  box-shadow:0 0 20px rgba(200,150,62,.26);
}
.hero-copy::after{
  content:"";position:absolute;left:0;top:.28rem;width:34px;height:1px;
  background:linear-gradient(90deg,var(--brass),transparent);
}
.hero-copy h1,.hero-copy .script-line,.hero-copy p,.hero-copy .hero-cta{transform:translateZ(28px)}
.hero-strip{
  background:linear-gradient(90deg,rgba(15,14,12,.24),rgba(15,14,12,.07));
  backdrop-filter:blur(2px);border-radius:0 0 10px 10px;
}

/* Drafting planes: a brand-specific architectural 3D signature. */
.hero-blueprint{
  position:absolute;right:4.5%;top:15%;z-index:2;width:min(31vw,450px);height:55%;
  pointer-events:none;transform-style:preserve-3d;
  transform:perspective(950px) rotateY(-12deg) rotateX(3deg) translate3d(var(--frame-x),var(--frame-y),0);
  transition:transform .75s var(--premium-ease);opacity:.72;
}
.hero-blueprint .plane{position:absolute;border:1px solid rgba(237,226,207,.42);box-shadow:inset 0 0 0 1px rgba(15,14,12,.13),0 18px 48px rgba(0,0,0,.08)}
.hero-blueprint .plane::before,.hero-blueprint .plane::after{content:"";position:absolute;background:rgba(237,226,207,.30)}
.hero-blueprint .plane::before{left:12%;right:12%;top:34%;height:1px;box-shadow:0 54px rgba(237,226,207,.18),0 108px rgba(237,226,207,.13)}
.hero-blueprint .plane::after{top:10%;bottom:10%;left:32%;width:1px;box-shadow:72px 0 rgba(237,226,207,.16)}
.hero-blueprint .plane-a{inset:0 14% 15% 0;transform:translateZ(0)}
.hero-blueprint .plane-b{inset:10% 5% 6% 10%;transform:translate3d(14px,-8px,24px);border-color:rgba(200,150,62,.55)}
.hero-blueprint .plane-c{inset:20% 0 0 21%;transform:translate3d(26px,-13px,48px);border-color:rgba(255,255,255,.28);background:linear-gradient(135deg,rgba(255,255,255,.035),transparent)}
.hero-blueprint .plan-pin{position:absolute;right:11%;bottom:7%;width:9px;height:9px;border-radius:50%;background:var(--gold);box-shadow:0 0 0 8px rgba(200,150,62,.13),0 0 28px rgba(200,150,62,.48);transform:translateZ(58px)}

.page-hero-copy{
  position:relative;max-width:760px;padding:clamp(1.1rem,2vw,1.55rem) clamp(1.2rem,2.4vw,2rem);
  border-left:1px solid rgba(200,150,62,.85);
  background:linear-gradient(105deg,rgba(16,15,13,.34),rgba(16,15,13,.11) 76%,transparent);
  backdrop-filter:blur(2px);box-shadow:-18px 0 46px rgba(0,0,0,.08);
  transform:translateZ(24px);
}
.page-hero-copy::before{
  content:"";position:absolute;left:-1px;top:0;width:44px;height:1px;
  background:linear-gradient(90deg,var(--gold),transparent);
}
.proj-hero h1{color:#fff;max-width:20ch;text-shadow:0 3px 24px rgba(0,0,0,.5)}

/* Editorial rhythm and subtle atmospheric surfaces. */
.difference-section,.home-projects,.testimonials-section{
  background-image:radial-gradient(circle at 14% 8%,rgba(168,137,90,.09),transparent 28%),linear-gradient(180deg,rgba(255,255,255,.12),transparent 45%);
}
.pathways-section{background-image:linear-gradient(135deg,rgba(168,137,90,.035) 0 1px,transparent 1px 86px)}
.craft-section{background-image:radial-gradient(circle at 50% -15%,rgba(168,137,90,.2),transparent 40%),linear-gradient(180deg,#1a1a1a,#161616)}
.consult-shell{background-image:radial-gradient(circle at 80% 20%,rgba(168,137,90,.18),transparent 34%),linear-gradient(135deg,#181817,#10100f)}
.section-head{position:relative}
.section-head h2{max-width:23ch;margin-left:auto;margin-right:auto}
.section-head.left h2{max-width:18ch;margin-left:0}
.divider{width:68px;height:2px;background:linear-gradient(90deg,transparent,var(--brass) 18%,var(--gold) 82%,transparent)}
.section-head.left .divider{background:linear-gradient(90deg,var(--brass),var(--gold),transparent)}

/* Knight difference: raised material samples, not a bare icon row. */
.usp-grid{gap:1.15rem}
.usp{
  position:relative;overflow:hidden;padding:clamp(1.35rem,2.2vw,1.8rem);
  border:1px solid rgba(122,96,56,.16);border-radius:14px;
  background:linear-gradient(145deg,rgba(255,255,255,.86),rgba(245,242,236,.72));
  box-shadow:0 14px 34px rgba(40,34,28,.06),inset 0 1px rgba(255,255,255,.9);
  transition:transform .35s var(--premium-ease),box-shadow .35s var(--premium-ease),border-color .35s ease;
}
.usp::after{content:"";position:absolute;right:-24px;top:-24px;width:88px;height:88px;border:1px solid rgba(168,137,90,.18);transform:rotate(45deg)}
.usp:hover{transform:translateY(-5px);box-shadow:var(--premium-shadow);border-color:rgba(168,137,90,.36)}
.usp .ico{width:52px;height:52px;background:linear-gradient(145deg,#fff,var(--ivory));box-shadow:0 10px 22px rgba(51,42,33,.09),inset 0 1px #fff}

/* Interactive material cards. */
[data-depth-card]{
  --tilt-x:0deg;--tilt-y:0deg;--glow-x:50%;--glow-y:50%;
  transform-style:preserve-3d;
  transform:perspective(1100px) rotateX(var(--tilt-x)) rotateY(var(--tilt-y));
  transition:transform .45s var(--premium-ease),box-shadow .45s var(--premium-ease),border-color .35s ease;
}
.path,.proj-card{border-radius:14px;border:1px solid rgba(255,255,255,.10);box-shadow:var(--premium-shadow);isolation:isolate}
.path::before,.proj-card::before{
  content:"";position:absolute;inset:0;z-index:3;border-radius:inherit;pointer-events:none;opacity:0;
  background:radial-gradient(circle at var(--glow-x) var(--glow-y),rgba(255,255,255,.20),transparent 32%);
  transition:opacity .35s ease;
}
.path:hover::before,.proj-card:hover::before{opacity:.7}
.path:hover,.proj-card:hover{box-shadow:var(--premium-shadow-hover);border-color:rgba(200,150,62,.34)}
[data-depth-card]:focus-within{box-shadow:var(--premium-shadow-hover);border-color:var(--gold)}
.path::after{z-index:1}
.path .inner{z-index:4;transform:translateZ(28px)}
.proj-card>a{height:100%;transform-style:preserve-3d}
.proj-card .ph{height:100%;min-height:inherit;transform:translateZ(1px)}
.proj-card .cap{z-index:4;transform:translateZ(26px);padding:clamp(1.25rem,2vw,1.8rem);background:linear-gradient(180deg,rgba(20,18,16,0),rgba(20,18,16,.52) 34%,rgba(20,18,16,.94))}
.proj-card img{filter:saturate(.94) contrast(1.02);transition:transform .7s var(--premium-ease),filter .7s ease}
.proj-card:hover img{transform:scale(1.065);filter:saturate(1.04) contrast(1.04)}
.path h3,.proj-card .cap h3{text-shadow:0 2px 18px rgba(0,0,0,.42)}

/* Homepage portfolio becomes an editorial spread instead of six identical tiles. */
@media(min-width:901px){
  .home-projects .proj-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:1.35rem;grid-auto-flow:dense}
  .home-projects .proj-card:nth-child(1){grid-column:span 7;min-height:430px}
  .home-projects .proj-card:nth-child(2){grid-column:span 5;min-height:430px}
  .home-projects .proj-card:nth-child(n+3){grid-column:span 3;min-height:285px}
  .home-projects .proj-card .ph{aspect-ratio:auto}
  .home-projects .proj-card>a{min-height:inherit}
}

/* Interstitial: translucent architectural plate, anchored to the photo. */
.interstitial-copy{
  position:relative;max-width:670px;padding:clamp(1.4rem,3vw,2.2rem);
  border:1px solid rgba(255,255,255,.2);border-left-color:rgba(200,150,62,.8);border-radius:12px;
  background:linear-gradient(110deg,rgba(20,18,16,.58),rgba(20,18,16,.18));
  box-shadow:0 24px 64px rgba(0,0,0,.2),inset 0 1px rgba(255,255,255,.10);
  backdrop-filter:blur(5px);transform:translateZ(24px);
}
.interstitial-copy::after{content:"";position:absolute;right:18px;top:18px;width:36px;height:36px;border-top:1px solid rgba(200,150,62,.65);border-right:1px solid rgba(200,150,62,.65)}

/* Process reads like a sequence of crafted drawing sheets. */
.steps.tl{position:relative;gap:1.15rem}
.steps.tl .step{
  padding:1.45rem 1.3rem 1.35rem;border:1px solid rgba(122,96,56,.14);border-top:2px solid var(--line);border-radius:0 0 12px 12px;
  background:linear-gradient(145deg,#fff,rgba(245,242,236,.72));box-shadow:0 10px 26px rgba(36,31,26,.045);
  transition:transform .3s var(--premium-ease),border-color .3s ease,box-shadow .3s ease;
}
.steps.tl .step:hover{transform:translateY(-4px);border-top-color:var(--brass);box-shadow:var(--premium-shadow)}
.steps.tl .step .num{text-shadow:0 8px 22px rgba(168,137,90,.18)}
.promise{box-shadow:0 14px 34px rgba(41,35,29,.06),inset 0 1px rgba(255,255,255,.72)}
.warranty-milestones{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin-top:2rem}
.warranty-milestones>div{padding:1.4rem;border:1px solid var(--line);border-left:3px solid var(--brass);border-radius:10px;background:linear-gradient(145deg,#fff,var(--ivory));box-shadow:0 12px 28px rgba(38,32,26,.055)}

.detail{border:1px solid rgba(255,255,255,.09);border-radius:14px;box-shadow:0 18px 46px rgba(0,0,0,.18);transition:transform .38s var(--premium-ease),border-color .38s ease}
.detail:hover{transform:translateY(-6px);border-color:rgba(200,150,62,.42)}
.detail img{transition:transform .7s var(--premium-ease),filter .7s ease;filter:saturate(.9)}
.detail:hover img{transform:scale(1.06);filter:saturate(1.04)}
.detail .t{padding:1.15rem 1.2rem 1.3rem;background:linear-gradient(180deg,#2b2b2b,#252423)}

/* Testimonial cards feel like layered specification paper. */
.review{
  position:relative;border:1px solid rgba(122,96,56,.18);border-top:2px solid var(--brass);border-radius:12px;
  box-shadow:0 18px 44px rgba(40,34,28,.08),8px 8px 0 rgba(168,137,90,.055);overflow:hidden;
}
.review::before{content:"“";position:absolute;right:18px;top:-18px;font-family:Georgia,serif;font-size:7rem;line-height:1;color:rgba(168,137,90,.09);pointer-events:none}
.review p,.review .who,.review .stars{position:relative;z-index:1}
.referral{box-shadow:0 12px 30px rgba(40,34,28,.05),inset 0 1px #fff}

/* Trust and conversion surfaces. */
.trust-section{padding:clamp(2.4rem,4vw,3.5rem) 0;background-image:linear-gradient(90deg,rgba(255,255,255,.1),transparent 22%,transparent 78%,rgba(255,255,255,.1))}
.trust-section .trust{gap:0;border:1px solid rgba(122,96,56,.18);border-radius:14px;background:rgba(255,255,255,.16);box-shadow:inset 0 1px rgba(255,255,255,.28),0 14px 34px rgba(50,42,33,.05);overflow:hidden}
.trust-section .item{min-height:64px;padding:.8rem 1.25rem;border-right:1px solid rgba(122,96,56,.15);justify-content:center;flex:1 1 170px}
.trust-section .item:first-child{flex-basis:230px}
.trust-section img{margin:9px 18px}
.estimate-card,.qform,.aside,.blog-entry{
  border-radius:14px;border-color:rgba(122,96,56,.2);box-shadow:var(--premium-shadow),inset 0 1px rgba(255,255,255,.72);
}
.estimate-card{position:relative;overflow:hidden;background:linear-gradient(145deg,rgba(255,255,255,.09),rgba(255,255,255,.035));backdrop-filter:blur(4px);transition:transform .38s var(--premium-ease),border-color .38s ease,box-shadow .38s ease}
.estimate-card::before{content:"";position:absolute;right:-55px;top:-55px;width:150px;height:150px;border:1px solid rgba(200,150,62,.22);transform:rotate(45deg)}
.estimate-card:hover{transform:translateY(-5px) rotateX(1deg);border-color:rgba(200,150,62,.5);box-shadow:0 30px 70px rgba(0,0,0,.24),inset 0 1px rgba(255,255,255,.12)}
.qform{background:linear-gradient(145deg,#fff,#fbfaf7);padding:clamp(1.45rem,3vw,2.1rem)}
.qform input,.qform select,.qform textarea{transition:border-color .22s ease,box-shadow .22s ease,background .22s ease}
.qform input:hover,.qform select:hover,.qform textarea:hover{border-color:rgba(168,137,90,.55);background:#fff}
.aside{border-top:3px solid var(--brass);background:linear-gradient(145deg,#fff,#fbfaf7)}
.blog-entry{position:relative;border-top-width:2px;background:linear-gradient(145deg,#fff,#fbfaf7)}
.blog-entry::after{content:"";position:absolute;right:24px;top:24px;width:50px;height:50px;border-top:1px solid var(--premium-line);border-right:1px solid var(--premium-line);pointer-events:none}

.prose h2{position:relative;padding-top:.45rem}
.prose h2::before{content:"";position:absolute;left:0;top:0;width:38px;height:1px;background:linear-gradient(90deg,var(--brass),transparent)}
.prose-img{border-radius:14px;border:1px solid rgba(122,96,56,.12);box-shadow:var(--premium-shadow)}
.gallery img{border-radius:10px;box-shadow:0 10px 26px rgba(35,30,25,.08);transition:transform .45s var(--premium-ease),box-shadow .45s var(--premium-ease),filter .45s ease;filter:saturate(.95)}
.gallery img:hover{transform:translateY(-4px) scale(1.01);box-shadow:var(--premium-shadow);filter:saturate(1.04)}
.faq details{border-radius:10px;box-shadow:0 8px 20px rgba(40,34,28,.035);transition:border-color .25s ease,box-shadow .25s ease}
.faq details[open]{border-color:rgba(168,137,90,.38);box-shadow:0 14px 30px rgba(40,34,28,.06)}

footer.site{position:relative;background-image:radial-gradient(circle at 12% 0,rgba(168,137,90,.12),transparent 32%),linear-gradient(180deg,#1a1a1a,#111)}
footer.site::before{content:"";position:absolute;left:0;right:0;top:0;height:1px;background:linear-gradient(90deg,transparent,var(--brass),transparent)}
footer.site .legal{color:var(--stone)}

/* Progressive reveal; content remains visible without JavaScript. */
.motion-ready [data-reveal]{opacity:0;translate:0 22px;scale:.985;transition:opacity .65s var(--premium-ease) var(--reveal-delay,0ms),translate .65s var(--premium-ease) var(--reveal-delay,0ms),scale .65s var(--premium-ease) var(--reveal-delay,0ms)}
.motion-ready [data-reveal].is-visible{opacity:1;translate:0 0;scale:1}

@media(max-width:1100px){
  .hero-blueprint{display:none}
  .hero-copy{max-width:700px}
  .home-projects .proj-card:nth-child(n+3) .cap h3{font-size:1.05rem}
}

@media(max-width:900px){
  [data-depth-card]{transform:none!important}
  .home-projects .proj-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .home-projects .proj-card{min-height:0}
  .home-projects .proj-card .ph{aspect-ratio:4/3}
  .section-head.left h2{max-width:23ch}
  .trust-section .item{border-bottom:1px solid rgba(122,96,56,.14)}
  .mobar{right:auto;width:100vw}
  .mobar .book{color:var(--ink)}
}

@media(max-width:560px){
  h1,h2{letter-spacing:-.028em}
  .hero-copy{padding-left:1rem}
  .hero-copy::before{top:.15rem;bottom:.2rem}
  .hero-strip{background:rgba(15,14,12,.16)}
  .page-hero-copy{padding:1rem 1rem 1.05rem;background:linear-gradient(100deg,rgba(16,15,13,.36),rgba(16,15,13,.08));backdrop-filter:none}
  .difference-section,.home-projects,.testimonials-section{background-image:linear-gradient(180deg,rgba(168,137,90,.045),transparent 40%)}
  .usp{padding:1.25rem}
  .home-projects .proj-grid{grid-template-columns:1fr}
  .home-projects .proj-card .ph{aspect-ratio:4/3}
  .interstitial-copy{padding:1.3rem;backdrop-filter:none}
  .steps.tl .step{padding:1.2rem 1.1rem}
  .review{box-shadow:0 14px 34px rgba(40,34,28,.08),5px 5px 0 rgba(168,137,90,.05)}
  .warranty-milestones{grid-template-columns:1fr}
  .trust-section .trust{border-radius:10px}
  .trust-section .item{justify-content:flex-start;flex-basis:100%;min-height:52px;padding:.65rem 1rem;border-right:0}
}

@media(hover:none),(pointer:coarse){
  [data-depth-card]{transform:none!important}
  .path::before,.proj-card::before{display:none}
  .btn:hover,.usp:hover,.detail:hover,.steps.tl .step:hover,.estimate-card:hover{transform:none}
}

@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;transition-delay:0ms!important}
  .hero::before,.page-hero::before,.proj-hero::before,.interstitial::before{transform:scale(1.04)!important;will-change:auto}
  .hero-blueprint{transform:none!important}
  [data-depth-card]{transform:none!important}
  .motion-ready [data-reveal]{opacity:1!important;translate:none!important;scale:1!important}
}

/* 2026 editorial refinement
   Image-first restraint from architectural portfolios, paired with a measured
   serif/sans hierarchy. Photography and proof do the work; decoration steps back. */
header.site{
  background:rgba(250,249,246,.97);box-shadow:none;border-bottom:1px solid rgba(122,96,56,.16)
}
header.site::after{display:none}
.nav-links{font-size:.74rem;letter-spacing:.075em;gap:1.35rem}
.nav-cta .btn{border-radius:3px}
.btn{box-shadow:none}
.btn::before{display:none}
.btn:hover,.btn:active{transform:none;box-shadow:none}

.hero{min-height:clamp(620px,calc(100svh - 70px),900px);align-items:center}
.hero::after{
  background:
    linear-gradient(90deg,rgba(14,13,12,.82) 0,rgba(14,13,12,.58) 38%,rgba(14,13,12,.12) 74%,transparent 100%),
    linear-gradient(180deg,rgba(14,13,12,.12),transparent 48%,rgba(14,13,12,.35))
}
.hero .wrap{
  width:100%;padding-top:clamp(5rem,10vh,8rem);padding-bottom:clamp(3.4rem,7vh,5.4rem)
}
.hero-copy{max-width:760px;padding-left:0;transform-style:flat}
.hero-copy::before,.hero-copy::after{display:none}
.hero-copy h1,.hero-copy p,.hero-copy .hero-cta{transform:none}
.hero .eyebrow{display:block;margin-bottom:1.1rem;color:#ddd2c0}
.hero h1{
  max-width:10ch;margin:0 0 1.2rem;
  font-family:var(--editorial);font-size:clamp(4.15rem,7.8vw,6.9rem);font-weight:400;
  line-height:.88;letter-spacing:-.052em;text-wrap:balance;text-shadow:0 4px 32px rgba(0,0,0,.34)
}
.hero p.sub{max-width:47ch;margin-bottom:1.65rem;font-size:1.08rem;line-height:1.62;color:#f0ece5}
.hero .btn{border-radius:2px;min-height:54px;padding:.9rem 1.6rem}
.hero-strip{
  max-width:760px;margin-top:2.35rem;padding-top:1.1rem;gap:.7rem 2rem;
  border-radius:0;background:none;backdrop-filter:none;font-size:.76rem;letter-spacing:.055em
}
.hero-strip b{font-weight:700}
.hero-scroll{
  position:absolute;z-index:4;right:max(30px,calc((100vw - var(--maxw))/2 + 28px));bottom:2.2rem;
  display:flex;align-items:center;gap:.8rem;color:#fff;font-family:var(--display);font-size:.69rem;
  font-weight:700;letter-spacing:.19em;text-transform:uppercase
}
.hero-scroll span:last-child{font-family:var(--sans);font-size:1.35rem;font-weight:400;line-height:1}

.difference-section,.pathways-section,.home-projects,.process-section,.craft-section,.testimonials-section{
  padding:clamp(5.8rem,9vw,8.5rem) 0
}
.difference-section,.home-projects,.testimonials-section{background-image:none}
.difference-section .section-head,.pathways-section .section-head,
.home-projects .section-head,.process-section .section-head,
.craft-section .section-head,.testimonials-section .section-head{
  max-width:880px;margin-bottom:clamp(3rem,5vw,4.8rem)
}
.difference-section .section-head h2,.pathways-section .section-head h2,
.home-projects .section-head h2,.process-section .section-head h2,
.craft-section .section-head h2,.testimonials-section .section-head h2{
  max-width:17ch;margin-left:0;margin-right:0;
  font-family:var(--editorial);font-size:clamp(2.85rem,5.25vw,4.75rem);font-weight:400;
  line-height:.98;letter-spacing:-.045em
}
.pathways-section .section-head h2{max-width:19ch}
.difference-section .divider,.pathways-section .divider,.home-projects .divider,
.process-section .divider,.craft-section .divider,.testimonials-section .divider{
  width:48px;height:1px;margin-left:0;margin-right:auto;background:var(--brass)
}

.difference-section{background-color:#f1eee8}
.usp-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:0;border-top:1px solid rgba(122,96,56,.26)}
.usp{
  display:block;overflow:visible;padding:2rem 1.5rem 1rem;
  border:0;border-right:1px solid rgba(122,96,56,.2);border-radius:0;
  background:none;box-shadow:none;transition:none
}
.usp:first-child{padding-left:0}.usp:last-child{padding-right:0;border-right:0}
.usp::after{display:none}.usp:hover{transform:none;box-shadow:none;border-color:rgba(122,96,56,.2)}
.usp-num{
  display:block;margin-bottom:2.2rem;color:var(--brass);
  font-family:var(--editorial);font-size:3rem;line-height:1;letter-spacing:-.04em
}
.usp h3{max-width:18ch;margin-bottom:.7rem;font-size:1rem;line-height:1.28}
.usp p{font-size:.94rem;line-height:1.58}

.pathways-section{background-image:none}
.paths{gap:4px}
.path{min-height:clamp(430px,43vw,580px);border:0;border-radius:0;box-shadow:none;isolation:isolate}
.path::before{display:none}
.path:hover{border-color:transparent;box-shadow:none}
.path .inner{padding:clamp(1.6rem,3vw,2.7rem);transform:none}
.path-index{
  display:block;margin-bottom:1.1rem;color:var(--stone);
  font-family:var(--display);font-size:.68rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase
}
.path h3{
  font-family:var(--editorial);font-size:clamp(2.6rem,4.3vw,4.25rem);font-weight:400;
  line-height:.95;letter-spacing:-.04em;text-shadow:0 3px 24px rgba(0,0,0,.36)
}
.path p{max-width:42ch}

.home-projects .proj-grid{row-gap:3.6rem}
.home-projects .proj-card{
  min-height:0!important;overflow:visible;isolation:auto;
  border:0;border-radius:0;background:transparent;box-shadow:none
}
.home-projects .proj-card::before{display:none}
.home-projects .proj-card:hover{border-color:transparent;box-shadow:none}
.home-projects .proj-card>a{height:auto;transform:none}
.home-projects .proj-card .ph{
  height:300px;min-height:0;aspect-ratio:auto;border-radius:1px;background:#d7d1c7;transform:none
}
.home-projects .proj-card .cap{
  position:static;display:grid;grid-template-columns:2.1rem minmax(0,1fr);column-gap:.9rem;
  padding:1rem 0 0;color:var(--ink);background:none;transform:none
}
.home-projects .project-index{
  grid-column:1;grid-row:1 / span 3;padding-top:.15rem;color:var(--brass-dk);
  font-family:var(--display);font-size:.66rem;font-weight:700;letter-spacing:.16em
}
.home-projects .proj-card .cap h3{
  grid-column:2;margin:0;color:var(--ink);font-size:1.12rem;font-weight:600;line-height:1.25;text-shadow:none
}
.home-projects .proj-card .cap p{
  grid-column:2;margin:.2rem 0 0;color:var(--grey);font-family:var(--sans);font-size:.78rem;line-height:1.35;letter-spacing:0
}
.home-projects .proj-card .cap .project-type{
  margin-top:.45rem;color:var(--brass-dk);font-family:var(--display);font-size:.66rem;font-weight:700;
  letter-spacing:.09em;text-transform:uppercase
}
.home-projects .proj-card img{filter:saturate(.93) contrast(1.02);transition:transform .65s var(--premium-ease),filter .65s ease}
.home-projects .proj-card:hover img{transform:scale(1.025);filter:saturate(1) contrast(1.03)}
.home-projects .center{text-align:right}
.home-projects .btn-ghost-brass{
  padding:.65rem 0;border:0;border-bottom:1px solid var(--brass);border-radius:0;background:transparent;color:var(--brass-dk)
}

.home-interstitial{min-height:clamp(480px,55vw,680px);align-items:center}
.home-interstitial::after{
  background:linear-gradient(90deg,rgba(14,13,12,.78),rgba(14,13,12,.42) 48%,rgba(14,13,12,.08) 78%,transparent)
}
.home-interstitial .interstitial-copy{
  max-width:650px;padding:0;border:0;border-radius:0;background:none;box-shadow:none;backdrop-filter:none;transform:none
}
.home-interstitial .interstitial-copy::after{display:none}
.home-interstitial .interstitial-label{display:block;margin-bottom:1.1rem;color:var(--stone)}
.home-interstitial h2{
  max-width:11ch;font-family:var(--editorial);font-size:clamp(3.2rem,6vw,5.4rem);font-weight:400;
  line-height:.94;letter-spacing:-.045em;text-shadow:0 3px 28px rgba(0,0,0,.42)
}
.home-interstitial p{font-size:1.05rem;line-height:1.62}

.process-section .steps.tl{gap:0;border-top:1px solid rgba(122,96,56,.25)}
.process-section .steps.tl .step{
  padding:2rem 1.5rem 1rem;border:0;border-right:1px solid rgba(122,96,56,.18);border-radius:0;
  background:none;box-shadow:none;transition:none
}
.process-section .steps.tl .step:first-child{padding-left:0}
.process-section .steps.tl .step:last-child{padding-right:0;border-right:0}
.process-section .steps.tl .step:hover{transform:none;border-color:rgba(122,96,56,.18);box-shadow:none}
.process-section .step .num{
  margin-bottom:2rem;color:var(--brass);font-family:var(--editorial);font-size:3.6rem;font-weight:400;text-shadow:none
}
.process-section .step h3{font-size:1.04rem}
.process-section .promise{
  max-width:none;margin-top:3rem!important;padding:1.4rem 0 0;border:0;border-top:1px solid rgba(122,96,56,.25);
  border-radius:0;background:none;box-shadow:none
}

.craft-section{background:#171918;background-image:none}
.craft-section .details{grid-template-columns:repeat(4,minmax(0,1fr));gap:1.5rem}
.craft-section .detail{border:0;border-radius:0;background:transparent;box-shadow:none;transition:none}
.craft-section .detail:hover{transform:none;border-color:transparent}
.craft-section .detail .ph{aspect-ratio:4/5}
.craft-section .detail img{filter:saturate(.88) contrast(1.03)}
.craft-section .detail:hover img{transform:scale(1.025);filter:saturate(.96)}
.craft-section .detail .t{padding:1rem 0 0;border-top:1px solid rgba(201,188,168,.24);background:none}
.craft-section .detail h3{font-size:1rem}.craft-section .detail p{line-height:1.5}

.testimonials-section{background-color:#f1eee8}
.testimonials-section .reviews{grid-template-columns:repeat(3,minmax(0,1fr));gap:0;border-top:1px solid rgba(122,96,56,.25)}
.testimonials-section .review{
  min-width:0;padding:2rem 1.8rem 1rem;border:0;border-right:1px solid rgba(122,96,56,.18);border-radius:0;
  background:transparent;box-shadow:none;overflow:visible
}
.testimonials-section .review:first-child{padding-left:0}
.testimonials-section .review:last-child{padding-right:0;border-right:0}
.testimonials-section .review::before{display:none}
.testimonials-section .review p{
  color:var(--ink);font-family:var(--editorial);font-size:clamp(1.35rem,2vw,1.72rem);font-style:normal;line-height:1.28
}
.testimonials-section .review .who{font-size:.76rem;letter-spacing:.04em;text-transform:uppercase}
.testimonials-section .referral{
  max-width:none;margin-top:3.2rem;padding:1.2rem 0 0;border:0;border-top:1px solid rgba(122,96,56,.25);
  border-radius:0;background:none;box-shadow:none;text-align:left
}

.trust-section{background:#d8cebd;background-image:none}
.trust-section .trust{
  border:0;border-top:1px solid rgba(122,96,56,.28);border-bottom:1px solid rgba(122,96,56,.28);
  border-radius:0;background:none;box-shadow:none
}
.trust-section .item{font-size:.78rem}
.trust-section .item b{color:#684f2d}

@media(min-width:901px){
  .home-projects .proj-card:nth-child(1) .ph,.home-projects .proj-card:nth-child(2) .ph{height:430px}
  .home-projects .proj-card:nth-child(n+3) .ph{height:260px}
  .process-section .steps{grid-template-columns:repeat(4,minmax(0,1fr))}
}

@media(max-width:900px){
  .hero-scroll{display:none}
  .usp-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .usp:nth-child(2){border-right:0}.usp:nth-child(-n+2){border-bottom:1px solid rgba(122,96,56,.2)}
  .usp:nth-child(3){padding-left:0}
  .home-projects .proj-card .ph{height:auto;aspect-ratio:4/3}
  .process-section .steps.tl{grid-template-columns:repeat(2,minmax(0,1fr))}
  .process-section .steps.tl .step:nth-child(2){border-right:0}
  .process-section .steps.tl .step:nth-child(-n+2){border-bottom:1px solid rgba(122,96,56,.18)}
  .process-section .steps.tl .step:nth-child(3){padding-left:0}
  .craft-section .details{grid-template-columns:repeat(2,minmax(0,1fr))}
  .testimonials-section .reviews{grid-template-columns:1fr}
  .testimonials-section .review{padding:1.8rem 0;border-right:0;border-bottom:1px solid rgba(122,96,56,.18)}
  .testimonials-section .review:last-child{border-bottom:0}
}

@media(max-width:560px){
  .hero{min-height:calc(100svh - 70px)}
  .hero::after{
    background:linear-gradient(90deg,rgba(14,13,12,.76),rgba(14,13,12,.36)),
               linear-gradient(180deg,rgba(14,13,12,.05),rgba(14,13,12,.48))
  }
  .hero .wrap{padding-top:4rem;padding-bottom:2.5rem}
  .hero h1{font-size:clamp(3.25rem,16vw,4.25rem);line-height:.9}
  .hero p.sub{font-size:1rem;line-height:1.55}
  .hero .btn{min-height:48px;padding:.78rem 1.05rem;font-size:.74rem}
  .hero-strip{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem 1rem;margin-top:1.8rem}
  .difference-section,.pathways-section,.home-projects,.process-section,.craft-section,.testimonials-section{padding:4.8rem 0}
  .difference-section .section-head h2,.pathways-section .section-head h2,
  .home-projects .section-head h2,.process-section .section-head h2,
  .craft-section .section-head h2,.testimonials-section .section-head h2{font-size:clamp(2.55rem,13vw,3.6rem)}
  .usp-grid{grid-template-columns:1fr}
  .usp,.usp:first-child,.usp:last-child,.usp:nth-child(3){padding:1.6rem 0;border-right:0;border-bottom:1px solid rgba(122,96,56,.2)}
  .usp:last-child{border-bottom:0}.usp-num{margin-bottom:1.2rem;font-size:2.5rem}
  .paths{gap:2px}.path{min-height:420px}.path h3{font-size:3rem}
  .home-projects .proj-grid{row-gap:2.5rem}
  .home-projects .center{text-align:left}
  .home-interstitial{min-height:520px}
  .home-interstitial h2{font-size:clamp(3rem,14vw,4rem)}
  .process-section .steps.tl{grid-template-columns:1fr}
  .process-section .steps.tl .step,.process-section .steps.tl .step:first-child,
  .process-section .steps.tl .step:last-child,.process-section .steps.tl .step:nth-child(3){
    padding:1.5rem 0;border-right:0;border-bottom:1px solid rgba(122,96,56,.18)
  }
  .process-section .steps.tl .step:last-child{border-bottom:0}
  .process-section .step .num{margin-bottom:1rem;font-size:3rem}
  .craft-section .details{grid-template-columns:1fr;gap:2.2rem}
  .craft-section .detail .ph{aspect-ratio:4/3}
}