*{box-sizing:border-box}body{margin:0;font-family:Arial,sans-serif;color:#202124;background:#FAF8F4;line-height:1.55}a{text-decoration:none;color:inherit}.wrap{width:min(1180px,90%);margin:auto}header{position:sticky;top:0;background:#FAF8F4ee;border-bottom:1px solid #DED8CF;z-index:10}.nav{height:76px;display:flex;align-items:center;justify-content:space-between}.brand{font-weight:800;letter-spacing:.18em;font-size:20px}.brand span,.kicker,.num,.step strong{color:#B87C4A}nav{display:flex;gap:28px;align-items:center;font-size:14px}.btn{display:inline-block;background:#202124;color:#fff;padding:13px 20px;border:0;border-radius:3px;font-weight:700}.btn.alt{background:transparent;color:#202124;border:1px solid #202124}.hero{min-height:76vh;display:grid;align-items:center;background:linear-gradient(115deg,#fbfaf8,#F2EEE9 68%,#E7DED5)}.hero-grid{display:grid;grid-template-columns:1.35fr .65fr;gap:60px;align-items:center;padding:90px 0}.kicker{text-transform:uppercase;letter-spacing:.18em;font-size:12px;font-weight:800}h1{font-size:clamp(46px,6vw,80px);line-height:1.02;letter-spacing:-.045em;margin:18px 0 24px}.lead,.prose{font-size:19px;color:#77736F;max-width:780px}.actions{display:flex;gap:12px;margin-top:32px}.mark{width:290px;height:290px;border:1px solid #B87C4A60;border-radius:50%;display:grid;place-items:center;position:relative}.mark:before{content:"C";font-size:170px;font-weight:800;color:#B87C4A}.mark:after{content:"V";position:absolute;font-size:95px;font-weight:900;transform:translate(45px,35px)}section{padding:86px 0}.section-head{display:grid;grid-template-columns:.8fr 1.2fr;gap:60px;margin-bottom:45px}.section-head p{font-size:18px;color:#77736F}h2{font-size:42px;line-height:1.08;letter-spacing:-.025em}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.card,.listbox{background:white;border:1px solid #DED8CF;padding:32px}.card{min-height:285px}.card h3{font-size:22px}.card p{color:#77736F}.dark{background:#3A3A3A;color:#fff}.dark p,.dark .muted{color:#bbc1c4}.industries{display:grid;grid-template-columns:repeat(4,1fr)}.industry{padding:30px 22px;border:1px solid #465055;min-height:160px}.industry b{display:block;font-size:19px;margin-bottom:10px}.approach,.contact{display:grid;grid-template-columns:1fr 1fr;gap:70px}.quote{font-size:34px;line-height:1.2}.step{display:grid;grid-template-columns:65px 1fr;padding:23px 0;border-bottom:1px solid #DED8CF}.cta{background:#EDE7E1}.cta-inner{display:flex;justify-content:space-between;align-items:center;gap:30px}footer{background:#202124;color:#d8dcde;padding:45px 0}.footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:45px}footer small{color:#90989d}.pagehero{padding:100px 0 70px;border-bottom:1px solid #DED8CF}.pagehero h1{font-size:60px}.listgrid{display:grid;grid-template-columns:1fr 1fr;gap:18px}form{display:grid;gap:14px}input,textarea{padding:15px;border:1px solid #cbc5bd;font:inherit}textarea{min-height:150px}@media(max-width:820px){nav a:not(.btn){display:none}.hero-grid,.section-head,.approach,.contact,.footer-grid{grid-template-columns:1fr}.mark{display:none}.cards{grid-template-columns:1fr}.industries,.listgrid{grid-template-columns:1fr}.cta-inner{display:block}.pagehero h1{font-size:44px}}
.logo-link{display:flex;align-items:center;height:64px}
.site-logo{display:block;height:58px;width:auto;mix-blend-mode:multiply}
.hero-logo-wrap{display:flex;align-items:center;justify-content:center}
.hero-logo{width:min(100%,430px);height:auto;display:block;mix-blend-mode:multiply}
@media(max-width:820px){.site-logo{height:48px}.hero-logo-wrap{display:none}}

/* TRIYGON V1 refined palette: Option 1 primary + Option 5 support */
:root{
  --triygon-charcoal:#202124;
  --triygon-graphite:#3A3A3A;
  --triygon-copper:#B87C4A;
  --triygon-copper-light:#D3A47F;
  --triygon-ivory:#FAF8F4;
  --triygon-stone:#D7C9B8;
  --triygon-line:#DED8CF;
}
body{background:var(--triygon-ivory);color:var(--triygon-charcoal)}
header{background:rgba(250,248,244,.94)}
.hero{background:linear-gradient(115deg,#FFFEFC 0%,#F7F3EE 72%,#E7DED5 100%)}
.dark{background:var(--triygon-graphite)}
.cta{background:#EDE7E1}
footer{background:var(--triygon-charcoal)}
.btn{background:var(--triygon-charcoal)}
.btn:hover{background:var(--triygon-copper)}
.kicker,.num,.step strong{color:var(--triygon-copper)}
.card,.listbox{background:#FFFEFC}

.get-prefix{font-size:.56em;font-weight:400;letter-spacing:.04em;color:#918A83;margin-right:.28em;vertical-align:.14em;text-transform:none}

/* V2: clean hero; brand appears only in site header */
.hero-grid-clean{grid-template-columns:minmax(0,820px);justify-content:start}
.hero-grid-clean>div:first-child{max-width:820px}

/* V3: integrated transparent header wordmark. No boxed logo artwork. */
.logo-clean{position:relative;display:inline-flex;align-items:center;gap:.12em;height:auto;font-size:23px;font-weight:500;letter-spacing:.30em;line-height:1;color:var(--triygon-charcoal);padding:14px 0;isolation:isolate}
.logo-clean .tri,.logo-clean .gon{position:relative;z-index:2}
.logo-clean .y-mark{position:relative;z-index:2;color:var(--triygon-copper);font-weight:700;font-size:1.12em;letter-spacing:0;margin:0 .06em}
.logo-clean .y-mark:before{content:"";position:absolute;width:48px;height:48px;border:1.4px solid var(--triygon-copper);border-left-color:transparent;border-right-color:transparent;border-radius:50%;left:50%;top:50%;transform:translate(-52%,-50%) rotate(-14deg);opacity:.95;z-index:-1}
@media(max-width:820px){.logo-clean{font-size:19px;letter-spacing:.24em}.logo-clean .y-mark:before{width:40px;height:40px}}

/* V4: preserve approved TRIYGON Y/circle artwork; transparent header lockup */
.brand{display:flex;align-items:center;background:transparent!important;border:0!important;box-shadow:none!important;padding:0!important;}
.brand-logo{display:block;width:250px;max-width:28vw;height:auto;object-fit:contain;background:transparent!important;}
@media(max-width:700px){.brand-logo{width:185px;max-width:52vw;}}

/* V5: approved TRIYGON Y geometry from user reference. No box, no substitute letter Y. */
.logo-approved{display:inline-flex;align-items:center;gap:.05em;height:70px;color:#252a31;text-decoration:none;letter-spacing:.28em;font-size:23px;font-weight:500;line-height:1;background:transparent!important;border:0!important;box-shadow:none!important}
.logo-approved .tri-text,.logo-approved .gon-text{display:inline-block}
.logo-approved .approved-y{width:58px;height:58px;display:block;overflow:visible;margin:0 -3px 0 -5px;flex:0 0 auto}
@media(max-width:820px){.logo-approved{font-size:19px;letter-spacing:.22em;height:62px}.logo-approved .approved-y{width:50px;height:50px}}


/* V6: homepage spacing refinement only. Approved V5 logo is locked and unchanged. */
.hero{min-height:calc(100vh - 76px);align-items:start;}
.hero-home-refined{grid-template-columns:minmax(0,900px);justify-content:start;align-items:start;padding:72px 0 84px;}
.hero-home-refined>div:first-child{max-width:900px;}
.hero-home-refined h1{max-width:860px;margin:14px 0 20px;}
.hero-home-refined .lead{max-width:800px;margin:0;}
.hero-home-refined .actions{margin-top:26px;}
@media(max-width:820px){.hero{min-height:auto}.hero-home-refined{padding:58px 0 70px}.hero-home-refined h1{margin-top:12px}.hero-home-refined .actions{margin-top:24px;flex-wrap:wrap}}


/* V7: homepage composition fix only. Approved V5 logo remains untouched. */
.hero{min-height:auto;display:block;}
.hero-home-v7{display:grid;grid-template-columns:minmax(0,760px) minmax(240px,1fr);gap:72px;align-items:center;padding:54px 0 64px;min-height:560px;}
.hero-home-v7 .hero-copy{align-self:center;}
.hero-home-v7 h1{font-size:clamp(52px,5.4vw,72px);max-width:760px;margin:12px 0 18px;}
.hero-home-v7 .lead{max-width:740px;margin:0;font-size:18px;line-height:1.55;}
.hero-home-v7 .actions{margin-top:24px;}
.hero-visual{height:360px;position:relative;opacity:.78;overflow:hidden;align-self:center;}
.hero-visual .arc{position:absolute;border:1px solid rgba(184,124,74,.36);border-radius:50%;}
.hero-visual .arc-one{width:310px;height:310px;right:-72px;top:18px;border-left-color:transparent;border-bottom-color:transparent;transform:rotate(22deg);}
.hero-visual .arc-two{width:210px;height:210px;right:34px;top:76px;border-right-color:transparent;border-top-color:transparent;transform:rotate(-18deg);}
.hero-visual .line{position:absolute;height:1px;background:linear-gradient(90deg,transparent,rgba(184,124,74,.52),transparent);transform-origin:center;}
.hero-visual .line-one{width:310px;right:-12px;top:178px;transform:rotate(-38deg);}
.hero-visual .line-two{width:220px;right:54px;top:198px;transform:rotate(48deg);opacity:.55;}
.what-we-do{padding-top:68px;}
@media(max-width:980px){.hero-home-v7{grid-template-columns:minmax(0,1fr) 220px;gap:38px;padding:46px 0 58px;min-height:510px}.hero-visual{height:300px}.hero-home-v7 h1{font-size:clamp(48px,6vw,66px)}}
@media(max-width:820px){.hero-home-v7{grid-template-columns:1fr;min-height:auto;padding:44px 0 56px}.hero-visual{display:none}.hero-home-v7 h1{font-size:clamp(42px,11vw,58px)}.what-we-do{padding-top:58px}}

/* V8: actual laptop-viewport hero correction. Logo artwork remains completely untouched. */
.hero-home-v7{
  grid-template-columns:minmax(0,760px) minmax(180px,1fr);
  gap:56px;
  align-items:start;
  padding:34px 0 42px;
  min-height:0;
}
.hero-home-v7 .hero-copy{align-self:start;padding-top:0;}
.hero-home-v7 h1{font-size:clamp(50px,5vw,68px);line-height:1.02;margin:10px 0 16px;}
.hero-home-v7 .lead{font-size:17px;line-height:1.48;max-width:720px;}
.hero-home-v7 .actions{margin-top:20px;}
.hero-home-v7 .btn{padding:12px 18px;}
.hero-visual{height:300px;margin-top:8px;}
.what-we-do{padding-top:58px;}
@media(max-width:980px){
  .hero-home-v7{grid-template-columns:minmax(0,1fr) 190px;gap:34px;padding:30px 0 38px;min-height:0;}
  .hero-home-v7 h1{font-size:clamp(46px,5.5vw,62px);}
  .hero-visual{height:270px;}
}
@media(max-width:820px){
  .hero-home-v7{grid-template-columns:1fr;padding:30px 0 42px;min-height:0;}
  .hero-visual{display:none;}
}


/* V9 LOCKED HERO: approved logo untouched. Exact direction approved 2026-09-24. */
.hero-v9{
  min-height:calc(100vh - 76px);
  display:block;
  position:relative;
  overflow:hidden;
  background:
    radial-gradient(ellipse at 73% 83%,rgba(214,164,116,.24) 0%,rgba(214,164,116,.08) 28%,transparent 58%),
    linear-gradient(116deg,#fffdfa 0%,#fbf5ec 58%,#eee5d9 100%);
}
.hero-v9:before,.hero-v9:after{content:"";position:absolute;pointer-events:none;z-index:0}
.hero-v9:before{
  width:760px;height:760px;right:-265px;bottom:-375px;
  border:1px solid rgba(184,124,74,.55);border-radius:50%;
  box-shadow:-70px -45px 0 70px rgba(215,201,184,.15),-135px -88px 0 135px rgba(255,255,255,.24);
}
.hero-v9:after{
  width:900px;height:270px;right:-180px;bottom:-115px;
  border-top:1px solid rgba(184,124,74,.34);border-radius:50% 50% 0 0;
  transform:rotate(-8deg);background:linear-gradient(180deg,rgba(215,201,184,.18),rgba(184,124,74,.06));
}
.hero-v9-inner{height:calc(100vh - 76px);min-height:600px;display:flex;align-items:flex-start;position:relative;z-index:2;padding-top:11vh}
.hero-v9-copy{width:100%;max-width:1160px}
.hero-accent{width:64px;height:2px;background:var(--triygon-copper);margin-bottom:30px}
.hero-v9 h1{font-size:clamp(38px,4.15vw,64px);line-height:1.02;letter-spacing:-.04em;text-transform:uppercase;white-space:nowrap;margin:0 0 16px;font-weight:800;color:#172026}
.hero-v9 h1 span{color:#a87549}
.hero-tagline{font-size:clamp(25px,2.65vw,42px);line-height:1.15;letter-spacing:-.025em;color:#696a69;margin:0 0 32px;font-weight:400}
.hero-v9 .actions{margin-top:0;display:flex;gap:18px}
.hero-v9 .btn{min-width:220px;padding:16px 24px;display:inline-flex;align-items:center;justify-content:space-between;gap:28px;border-radius:2px}
.hero-v9 .btn.alt{min-width:175px;background:rgba(255,255,255,.24)}
@media(max-width:1200px){.hero-v9 h1{font-size:clamp(34px,4vw,52px)}.hero-v9-inner{padding-top:10vh}}
@media(max-width:980px){.hero-v9 h1{white-space:normal;max-width:900px}.hero-v9-inner{padding-top:9vh}.hero-v9:before{opacity:.6}}
@media(max-width:820px){.hero-v9{min-height:calc(100svh - 76px)}.hero-v9-inner{height:calc(100svh - 76px);min-height:580px;padding-top:9vh}.hero-v9 h1{font-size:clamp(38px,9vw,58px)}.hero-tagline{font-size:clamp(23px,6vw,34px)}.hero-v9 .actions{flex-wrap:wrap}.hero-v9:before,.hero-v9:after{opacity:.38}}

/* V10: visual-master correction. Approved TRIYGON logo is locked and unchanged. */
.hero-v9{
  min-height:calc(100vh - 76px);
  background:linear-gradient(180deg,#fffdfa 0%,#fff8ee 48%,#f3dfc9 100%);
  isolation:isolate;
}
.hero-v9::before{
  content:"";position:absolute;z-index:0;pointer-events:none;
  width:58vw;height:115%;right:-13vw;bottom:-28%;
  border-radius:54% 0 0 44%;
  border-left:2px solid rgba(183,111,55,.72);
  background:
    linear-gradient(135deg,rgba(255,255,255,.72) 0 24%,rgba(224,214,202,.76) 24% 46%,rgba(170,145,121,.64) 46% 63%,rgba(235,201,164,.82) 63% 77%,rgba(136,126,116,.78) 77% 100%);
  transform:rotate(-7deg);
  box-shadow:-28px 0 70px rgba(187,126,75,.10);
}
.hero-v9::after{
  content:"";position:absolute;z-index:0;pointer-events:none;
  left:-6%;right:-3%;bottom:-16%;height:48%;
  border-radius:52% 62% 0 0/30% 42% 0 0;
  border-top:2px solid rgba(185,113,57,.48);
  background:linear-gradient(176deg,rgba(255,255,255,.02),rgba(230,213,194,.44) 48%,rgba(255,244,230,.70));
  transform:rotate(-3deg);
}
.hero-v9-inner{
  height:calc(100vh - 76px);min-height:560px;
  display:flex;align-items:flex-start;padding-top:13vh;
}
.hero-v9-copy{width:100%;max-width:none;position:relative;z-index:2}
.hero-accent{width:54px;height:2px;margin-bottom:28px;background:#b77b49}
.hero-v9 h1{
  font-size:clamp(30px,2.75vw,44px);
  line-height:1.05;letter-spacing:-.025em;white-space:nowrap;
  margin:0 0 14px;font-weight:800;color:#172026;
}
.hero-v9 h1 span{color:#a87549}
.hero-tagline{font-size:clamp(24px,2.2vw,35px);line-height:1.15;margin:0 0 30px;color:#6d6f70}
.hero-v9 .actions{gap:16px}
.hero-v9 .btn{min-width:220px;padding:15px 22px}
.hero-v9 .btn.alt{min-width:170px}
@media(max-width:1180px){
  .hero-v9 h1{font-size:clamp(27px,2.65vw,36px)}
  .hero-v9::before{right:-19vw;width:62vw;opacity:.92}
}
@media(max-width:980px){
  .hero-v9 h1{white-space:normal;font-size:clamp(34px,5vw,46px);max-width:820px}
  .hero-v9::before{opacity:.42;right:-28vw}
  .hero-v9-inner{padding-top:11vh}
}
@media(max-width:820px){
  .hero-v9-inner{height:calc(100svh - 76px);min-height:560px;padding-top:9vh}
  .hero-v9 h1{font-size:clamp(34px,9vw,48px)}
  .hero-v9::before,.hero-v9::after{opacity:.28}
}

/* FINAL LOCKED HERO — approved visual master. Logo rules above remain untouched. */
.hero-v9{
  min-height:calc(100vh - 76px);
  position:relative;
  overflow:hidden;
  background:
    linear-gradient(180deg,rgba(255,253,249,.96) 0%,rgba(255,247,236,.91) 48%,rgba(244,220,194,.90) 100%);
}
.hero-v9::before{
  content:"";
  position:absolute;
  z-index:0;
  pointer-events:none;
  top:0;right:0;bottom:0;
  width:46%;height:auto;
  border:0;border-radius:0;box-shadow:none;transform:none;
  background:
    linear-gradient(90deg,rgba(255,249,241,1) 0%,rgba(255,249,241,.30) 20%,rgba(255,249,241,0) 42%),
    url('hero-architecture.png') right center/cover no-repeat;
  opacity:.98;
}
.hero-v9::after{
  content:"";
  position:absolute;
  z-index:0;
  pointer-events:none;
  left:0;right:0;bottom:0;height:36%;
  border:0;border-radius:0;transform:none;
  background:
    linear-gradient(180deg,rgba(255,255,255,0),rgba(230,198,165,.16)),
    linear-gradient(176deg,transparent 0 54%,rgba(181,112,55,.32) 54.3%,rgba(181,112,55,.10) 54.7%,transparent 55%);
}
.hero-v9-inner{
  height:calc(100vh - 76px);
  min-height:590px;
  display:flex;
  align-items:flex-start;
  padding-top:13vh;
  position:relative;
  z-index:2;
}
.hero-v9-copy{width:100%;max-width:none;position:relative;z-index:2}
.hero-accent{width:58px;height:2px;margin:0 0 28px;background:#b77b49}
.hero-v9 h1{
  font-size:clamp(28px,2.55vw,42px);
  line-height:1.04;
  letter-spacing:-.035em;
  white-space:nowrap;
  margin:0 0 14px;
  font-weight:800;
  color:#172026;
  max-width:100%;
}
.hero-v9 h1 span{color:#a86f3f}
.hero-tagline{
  font-size:clamp(24px,2.15vw,35px);
  line-height:1.15;
  letter-spacing:-.025em;
  color:#6d6f70;
  margin:0 0 30px;
  font-weight:400;
}
.hero-v9 .actions{display:flex;gap:16px;margin-top:0}
.hero-v9 .btn{min-width:220px;padding:15px 22px;display:inline-flex;align-items:center;justify-content:space-between;gap:28px;border-radius:2px}
.hero-v9 .btn.alt{min-width:170px;background:rgba(255,255,255,.38)}
@media(max-width:1250px){
  .hero-v9 h1{font-size:clamp(27px,2.45vw,34px)}
  .hero-v9::before{width:43%;opacity:.86}
}
@media(max-width:1050px){
  .hero-v9 h1{font-size:clamp(27px,2.7vw,32px)}
  .hero-v9::before{width:40%;opacity:.58}
}
@media(max-width:980px){
  .hero-v9 h1{white-space:normal;max-width:760px;font-size:clamp(34px,5vw,46px)}
  .hero-v9::before{width:52%;opacity:.28}
  .hero-v9-inner{padding-top:10vh}
}
@media(max-width:820px){
  .hero-v9{min-height:calc(100svh - 76px)}
  .hero-v9-inner{height:calc(100svh - 76px);min-height:580px;padding-top:8vh}
  .hero-v9 h1{font-size:clamp(34px,9vw,48px)}
  .hero-tagline{font-size:clamp(22px,6vw,32px)}
  .hero-v9::before{width:70%;opacity:.18}
  .hero-v9 .actions{flex-wrap:wrap}
}

/* FINAL V2 browser-safe hero correction. Logo is intentionally untouched. */
.hero-v9{
  min-height:calc(100vh - 76px);
  position:relative;
  overflow:hidden;
  background:linear-gradient(180deg,#fffdf9 0%,#fff8ef 52%,#f3ddc6 100%);
}
.hero-v9::before{
  content:"";
  position:absolute;
  z-index:0;
  pointer-events:none;
  top:0;right:0;bottom:0;
  width:48%;height:auto;
  border:0;border-radius:0;box-shadow:none;transform:none;
  background:
    linear-gradient(90deg,#fff8ef 0%,rgba(255,248,239,.75) 10%,rgba(255,248,239,0) 30%),
    url('hero-architecture-clean.png') center right/cover no-repeat;
  opacity:1;
}
.hero-v9::after{
  content:"";
  position:absolute;
  z-index:0;
  pointer-events:none;
  left:0;right:0;bottom:0;height:30%;
  border:0;border-radius:0;transform:none;
  background:linear-gradient(180deg,rgba(255,255,255,0),rgba(230,198,165,.12));
}
.hero-v9-inner{
  height:calc(100vh - 76px);
  min-height:590px;
  display:flex;
  align-items:flex-start;
  padding-top:12vh;
  position:relative;
  z-index:2;
}
.hero-v9-copy{width:100%;max-width:100%;position:relative;z-index:2}
.hero-accent{width:58px;height:2px;margin:0 0 28px;background:#b77b49}
.hero-v9 h1{
  display:flex;
  align-items:baseline;
  flex-wrap:nowrap;
  gap:.22em;
  width:max-content;
  max-width:100%;
  font-size:clamp(25px,2.35vw,39px);
  line-height:1.04;
  letter-spacing:-.035em;
  white-space:nowrap;
  margin:0 0 14px;
  font-weight:800;
  color:#172026;
}
.hero-v9 h1 span{color:#a86f3f;white-space:nowrap}
.hero-tagline{font-size:clamp(23px,2.05vw,34px);line-height:1.15;letter-spacing:-.025em;color:#6d6f70;margin:0 0 30px;font-weight:400}
.hero-v9 .actions{display:flex;gap:16px;margin-top:0}
.hero-v9 .btn{min-width:220px;padding:15px 22px;display:inline-flex;align-items:center;justify-content:space-between;gap:28px;border-radius:2px}
.hero-v9 .btn.alt{min-width:170px;background:rgba(255,255,255,.38)}
@media(max-width:1180px){
  .hero-v9 h1{font-size:clamp(23px,2.25vw,31px)}
  .hero-v9::before{width:45%}
}
@media(max-width:980px){
  .hero-v9 h1{display:block;width:auto;white-space:normal;font-size:clamp(34px,5vw,46px);max-width:760px}
  .hero-v9 h1 span{white-space:normal}
  .hero-v9::before{width:55%;opacity:.26}
  .hero-v9-inner{padding-top:10vh}
}
@media(max-width:820px){
  .hero-v9{min-height:calc(100svh - 76px)}
  .hero-v9-inner{height:calc(100svh - 76px);min-height:580px;padding-top:8vh}
  .hero-v9 h1{font-size:clamp(34px,9vw,48px)}
  .hero-tagline{font-size:clamp(22px,6vw,32px)}
  .hero-v9::before{width:70%;opacity:.16}
  .hero-v9 .actions{flex-wrap:wrap}
}

/* FINAL V3: remove embedded reference-image lettering from hero background.
   The approved header/logo is intentionally untouched. */
.hero-v9::before{
  width:52%;
  background:
    linear-gradient(90deg,
      #fff8ef 0%,
      #fff8ef 44%,
      rgba(255,248,239,.98) 52%,
      rgba(255,248,239,.82) 58%,
      rgba(255,248,239,.28) 66%,
      rgba(255,248,239,0) 74%),
    url('hero-architecture-clean.png') center right/cover no-repeat;
}
.hero-v9 h1{
  display:block;
  width:100%;
  max-width:100%;
  white-space:nowrap;
  font-size:clamp(24px,2.55vw,39px);
}
.hero-v9 h1 span{white-space:inherit;}
@media(max-width:1180px){
  .hero-v9 h1{font-size:clamp(22px,2.35vw,31px)}
}
@media(max-width:980px){
  .hero-v9 h1{white-space:normal;font-size:clamp(34px,5vw,46px);max-width:760px}
  .hero-v9 h1 span{white-space:normal}
}

/* FINAL V4: full-width architectural hero background. All typography/logo rules remain locked. */
.hero-v9{
  background-image: url('hero-background-full.png');
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}
.hero-v9::before{
  content:"";
  position:absolute;
  inset:0;
  width:auto;
  height:auto;
  background:linear-gradient(90deg,rgba(255,250,243,.20) 0%,rgba(255,250,243,.08) 45%,rgba(255,250,243,0) 72%);
  opacity:1;
  border:0;
  border-radius:0;
  box-shadow:none;
  transform:none;
  pointer-events:none;
  z-index:0;
}
.hero-v9::after{display:none;}


/* LAUNCH POLISH — 2026-09-25 */
html{scroll-behavior:smooth}body{-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}a,button{transition:background-color .2s ease,color .2s ease,border-color .2s ease,opacity .2s ease}.nav .btn{display:inline-flex;align-items:center;gap:16px}.contact-details p{margin:0 0 22px}.contact-details a:hover,footer a:hover{color:var(--triygon-copper)}form .btn{cursor:pointer;justify-self:start;display:inline-flex;align-items:center;gap:22px}input:focus,textarea:focus{outline:2px solid rgba(184,124,74,.28);border-color:var(--triygon-copper)}@media(max-width:820px){.nav{height:68px}.wrap{width:min(1180px,92%)}nav{gap:10px}.nav .btn{padding:10px 12px;font-size:12px}.pagehero{padding:72px 0 52px}section{padding:64px 0}.actions .btn{width:100%;max-width:330px}.hero-v9 .actions{align-items:flex-start}}