/* McPherson Customs | lightweight, dependency-free static site | 2026 */
:root{
  --ink:#17262d;--ink2:#23343a;--slate:#3e4b50;--muted:#667177;
  --gold:#bb9869;--gold-light:#d8bc92;--paper:#fffdf9;--pale:#f4f1eb;
  --line:#e3e1da;--white:#fff;--serif:Georgia,'Times New Roman',serif;
  --sans:Inter,'Avenir Next',Avenir,system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
  --w:1180px;--shadow:0 20px 70px rgba(10,25,32,.09)
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:16px;line-height:1.72;-webkit-font-smoothing:antialiased}
img{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
button,summary{font:inherit}
button,summary,a{-webkit-tap-highlight-color:transparent}
a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--gold);outline-offset:4px}
[hidden]{display:none!important}
::selection{background:#e3cda8;color:var(--ink)}
.container{width:min(calc(100% - 64px),var(--w));margin:auto}
.skip-link{position:absolute;top:-100px;left:12px;background:var(--gold);padding:10px 18px;z-index:10000}
.skip-link:focus{top:12px}
.utility{background:#162329;color:#e1ddd3;font-size:10px;letter-spacing:.19em;font-weight:800}
.utility-in{min-height:38px;display:flex;align-items:center;justify-content:space-between;gap:20px}
.utility a{color:#fff}.utility strong{font-weight:750;letter-spacing:.09em}
.utility-dot{color:var(--gold);margin:0 6px}
.site-header{background:var(--paper);position:sticky;top:0;z-index:90;border-bottom:1px solid rgba(16,39,47,.08)}
.nav-shell{min-height:88px;display:flex;align-items:center;justify-content:space-between;gap:28px}
.brand{display:inline-flex;align-items:center;gap:19px;flex-shrink:0;position:relative}
.brand-word{display:flex;flex-direction:column;gap:0;line-height:1}
.brand strong{font-family:var(--serif);font-size:23px;letter-spacing:-.035em;font-weight:700;white-space:nowrap}
.brand small{margin-top:8px;font-size:10px;font-weight:800;letter-spacing:.39em;white-space:nowrap}
.brand-line{height:34px;width:3px;background:var(--gold);transform:skew(-15deg)}
.primary-nav{display:flex;align-items:center;gap:28px}
.nav-item{display:flex;align-items:center;gap:6px;white-space:nowrap;text-transform:uppercase;font-size:11px;font-weight:800;letter-spacing:.095em;line-height:1.4;padding:32px 0;transition:color .2s}
.nav-item:hover,.nav-item.active,.nav-dropdown[open]>summary{color:#9f7747}
.nav-dropdown{position:relative}
.nav-dropdown summary{cursor:pointer;list-style:none}
.nav-dropdown summary::-webkit-details-marker{display:none}
.caret{font-weight:400;font-size:14px;margin-left:1px}
.dropdown-panel{position:absolute;min-width:225px;top:calc(100% - 11px);left:-21px;padding:13px 18px;background:var(--paper);border:1px solid var(--line);box-shadow:var(--shadow);display:flex;flex-direction:column}
.dropdown-panel .nav-item{padding:12px 9px;border-bottom:1px solid var(--line);font-size:10px}
.dropdown-panel .nav-item:last-child{border-bottom:0}
.nav-contact{background:var(--ink);color:white;font-weight:750;letter-spacing:.06em;text-transform:uppercase;font-size:11px;padding:13px 16px;display:flex;align-items:center;gap:12px;white-space:nowrap;transition:background .2s,transform .2s}
.nav-contact .arrow-svg{width:15px;height:15px}.nav-contact:hover{background:#34484c;transform:translateY(-2px)}
.menu-toggle{display:none}
.arrow-svg{width:16px;height:16px;display:inline-block;flex:none;vertical-align:middle}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:18px;min-height:53px;padding:13px 21px;border:1px solid transparent;text-transform:uppercase;letter-spacing:.085em;font-size:11px;font-weight:800;line-height:1.25;transition:background .2s,color .2s,transform .2s,border-color .2s;max-width:100%}
.btn:hover{transform:translateY(-2px)}
.btn-dark{background:var(--ink);color:white}.btn-dark:hover{background:var(--ink2)}
.btn-light{background:#f8f4ee;color:var(--ink)}.btn-light:hover{background:white}
.btn-gold{background:var(--gold);color:#101f26}.btn-gold:hover{background:#d6b480}
.btn-outline-light{color:white;border-color:rgba(255,255,255,.5)}.btn-outline-light:hover{background:rgba(255,255,255,.12)}
.btn .arrow-svg{width:18px;height:18px}
.text-link{display:inline-flex;align-items:center;gap:11px;color:#956e44;font-weight:800;text-transform:uppercase;letter-spacing:.09em;font-size:11px;padding:6px 0;border-bottom:1px solid #ba9b73}
.text-link:hover{color:var(--ink)}
h1,h2,h3,h4,p{margin-top:0}
p{margin-bottom:20px}
.eyebrow{font-size:10px;font-weight:850;letter-spacing:.22em;text-transform:uppercase;color:#a17c4e;display:flex;align-items:center;gap:12px;margin-bottom:23px}
.eyebrow-line{display:inline-block;width:30px;height:1px;background:currentColor;flex:none}
.display-heading{font-family:var(--serif);font-weight:400;font-size:clamp(37px,4.35vw,61px);line-height:1.11;letter-spacing:-.038em;max-width:790px;margin:0 0 28px}
.section{padding:112px 0}
.section-soft{background:#f3f1ec}
.section-dark{background:var(--ink);color:white}
.section-dark .display-heading{color:white}
.section-dark .eyebrow{color:#d2b48b}
.section-lead{font-size:18px;color:var(--muted);max-width:740px;line-height:1.75;margin:0 0 38px}
.prose{color:var(--slate);font-size:16px;line-height:1.85}
.prose p:last-child{margin-bottom:0}
.prose-under{max-width:780px;margin-top:42px}
.narrow-center{max-width:730px;margin:0 auto 50px;text-align:center}
.narrow-center .eyebrow{justify-content:center}
.narrow-center p{color:var(--slate)}

/* Original image references are recoverable; the CSS treatment is the fallback. */
.image-slot{position:relative;width:100%;min-height:275px;overflow:hidden;background:
  radial-gradient(ellipse at 78% 18%,rgba(213,181,137,.28),transparent 42%),
  repeating-linear-gradient(0deg,transparent 0 62px,rgba(255,255,255,.047) 62px 63px),
  repeating-linear-gradient(90deg,transparent 0 68px,rgba(255,255,255,.049) 68px 69px),
  linear-gradient(135deg,#4d6268 0%,#25383e 46%,#15252b 100%)}
.image-slot:after{content:"";position:absolute;z-index:0;left:18%;right:13%;bottom:18%;height:37%;border-left:2px solid rgba(240,225,202,.12);border-top:2px solid rgba(240,225,202,.12);transform:skewY(-18deg);pointer-events:none}
.image-slot img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0;opacity:0;transition:opacity .5s ease;z-index:2}
.image-slot.is-loaded img{opacity:1}
.image-slot .image-frame{position:absolute;inset:20px;z-index:3;pointer-events:none}
.image-frame .frame-top{position:absolute;right:0;top:0;height:42px;width:42px;border-top:1px solid rgba(255,255,255,.43);border-right:1px solid rgba(255,255,255,.43)}
.image-frame .frame-corner{position:absolute;left:0;bottom:0;height:42px;width:42px;border-bottom:1px solid rgba(255,255,255,.43);border-left:1px solid rgba(255,255,255,.43)}
.ratio-landscape{aspect-ratio:5/4}.ratio-portrait{aspect-ratio:4/5}
.image-slot.is-loaded:after{display:none}
.intro-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:clamp(42px,7vw,115px);align-items:center}
.intro-grid>.image-slot{align-self:stretch}
.split-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(45px,7vw,115px);align-items:center}
.split-grid.reverse{grid-template-columns:.95fr 1.05fr}
.split-grid.reverse>.split-visual{grid-column:2;grid-row:1}
.split-grid.reverse>.split-copy{grid-column:1;grid-row:1}
.split-copy p{color:var(--slate)}
.split-visual .image-slot{box-shadow:0 20px 60px rgba(32,45,44,.14)}

/* Home */
.home-hero{position:relative;background:linear-gradient(125deg,#121f26,#263a40 62%,#344b50);color:white;overflow:hidden}
.home-hero-pattern{position:absolute;inset:0;pointer-events:none;background:
  radial-gradient(circle at 14% 30%,rgba(151,128,97,.11),transparent 35%),
  repeating-linear-gradient(90deg,transparent 0 148px,rgba(255,255,255,.023) 149px 150px);
  mix-blend-mode:screen}
.home-hero-grid{min-height:655px;display:grid;grid-template-columns:1fr .95fr;gap:55px;align-items:center;padding-block:70px}
.home-hero-copy{position:relative;z-index:5;padding-bottom:18px}
.home-hero-copy .eyebrow{color:#e2c49a}
.home-hero h1{font-family:var(--serif);font-weight:400;font-size:clamp(56px,6.8vw,96px);line-height:1.02;letter-spacing:-.063em;margin:0 0 31px}
.home-hero h1 em{color:#d3b38b;font-weight:400}
.home-hero-copy>p{font-size:17px;line-height:1.9;color:#e0e5e3;max-width:480px}
.hero-buttons{display:flex;flex-wrap:wrap;gap:13px;margin-top:32px}
.hero-foot{margin-top:65px;display:flex;align-items:center;gap:10px;color:#ccc7bc;letter-spacing:.14em;font-size:9px;font-weight:750}
.hero-foot b{color:var(--gold);font-size:12px}.hero-foot-rule{height:1px;width:26px;background:#bb9869;margin-right:3px}
.hero-visual{position:relative;height:560px;min-width:0}
.hero-visual .hero-photo{height:100%;box-shadow:0 30px 80px rgba(0,0,0,.22)}
.hero-visual:before{content:"";position:absolute;width:104px;height:104px;border:1px solid rgba(214,186,150,.67);right:-23px;top:-23px;z-index:4}
.hero-visual-label{position:absolute;bottom:-19px;left:-24px;background:#e4ddd0;color:#1c2b32;padding:22px 27px;display:flex;gap:25px;align-items:center;z-index:6;box-shadow:var(--shadow)}
.hero-visual-label span{writing-mode:vertical-rl;transform:rotate(180deg);font-size:9px;letter-spacing:.14em;font-weight:800;color:#95764e}
.hero-visual-label strong{font-family:var(--serif);font-weight:400;line-height:1.06;font-size:26px;letter-spacing:-.03em}
.services-strip{background:#bd9c70}
.service-strip-inner{display:flex;gap:37px;align-items:center;justify-content:space-between;min-height:82px}
.service-strip-inner>span{font-weight:850;letter-spacing:.17em;font-size:10px;color:#382e23}
.service-strip-inner>a{display:flex;align-items:center;gap:13px;font-size:11px;font-weight:850;letter-spacing:.10em;transition:transform .2s}
.service-strip-inner>a:hover{transform:translateX(4px)}
.service-strip-inner .arrow-svg{width:19px}
.section-head.light{margin-bottom:48px}
.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:rgba(255,255,255,.2);border:1px solid rgba(255,255,255,.2)}
.service-card{min-height:350px;position:relative;padding:30px;display:flex;flex-direction:column;justify-content:space-between;background:#1b2c32;overflow:hidden;transition:background .25s}
.service-card:nth-child(2){background:#23373c}.service-card:nth-child(3){background:#293c40}
.service-card:before{content:"";position:absolute;border:1px solid rgba(231,204,161,.13);border-radius:50%;width:250px;height:250px;top:-110px;right:-120px;pointer-events:none}
.service-card:hover{background:#3d5154}
.service-index{letter-spacing:.16em;color:#c7ab87;font-size:10px;font-weight:750}
.service-card h3{font-family:var(--serif);font-size:43px;font-weight:400;line-height:1.12;letter-spacing:-.04em;margin:0 0 16px}
.service-card p{color:#ced4d2;font-size:14px;max-width:260px;margin-bottom:27px}
.service-arrow{display:grid;place-items:center;width:48px;height:48px;border:1px solid rgba(255,255,255,.35);color:#e3c498;transition:transform .2s}
.service-card:hover .service-arrow{transform:translateX(8px)}
.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:38px;border-top:1px solid var(--line);margin-top:45px}
.feature-item{padding-top:28px}
.feature-number{display:block;color:#bb9869;font-family:var(--serif);font-size:38px;margin-bottom:28px}
.feature-item h3{font-size:19px;margin-bottom:13px;letter-spacing:-.025em}
.feature-item p{color:var(--muted);font-size:14px;line-height:1.8;margin:0}
.area-section{background:#ebe7df}
.area-grid{display:grid;grid-template-columns:1fr 1fr;gap:75px;align-items:center}
.area-grid p{max-width:540px;color:var(--slate)}
.area-graphic{padding:37px 44px 42px;min-height:355px;background:var(--ink);color:white;position:relative;overflow:hidden}
.area-graphic:after{position:absolute;content:"";width:400px;height:400px;left:32%;top:-20%;border:1px solid rgba(255,255,255,.12);transform:rotate(18deg);pointer-events:none}
.area-graphic-top{font-size:9px;font-weight:800;letter-spacing:.2em;color:#d4b38a}
.area-graphic>span{font-family:var(--serif);display:block;font-size:clamp(46px,5.5vw,72px);line-height:.99;letter-spacing:-.045em;margin-top:45px;position:relative;z-index:1}
.area-list{border-top:1px solid rgba(255,255,255,.24);margin-top:35px;padding-top:16px;color:#d5d6d1;font-size:9px;font-weight:800;letter-spacing:.1em;position:relative;z-index:1}
.area-list i{font-style:normal;color:#c5a477;padding:0 3px}

/* Interior */
.page-hero{background:linear-gradient(115deg,#1a2b33 0%,#20353c 65%,#2f4a4b 100%);color:white;padding:78px 0 99px;overflow:hidden;position:relative}
.page-hero .container{position:relative;z-index:2}
.page-hero .breadcrumb{display:flex;gap:13px;align-items:center;font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:#adb9b6;margin-bottom:47px}
.breadcrumb a:hover{color:white}.breadcrumb span{color:#bb9869}
.page-hero .eyebrow{color:#d7b88e}
.page-hero h1{font:400 clamp(58px,7.1vw,94px)/1.08 var(--serif);letter-spacing:-.045em;margin:0 0 25px;max-width:990px}
.page-hero-desc{font-size:18px;color:#d6dedb;max-width:700px;line-height:1.75;margin:0}
.page-hero-mark{position:absolute;right:6%;bottom:-54px;font:400 275px/.85 var(--serif);color:rgba(255,255,255,.025);letter-spacing:-.12em;pointer-events:none;user-select:none}
.page-hero.short{padding:110px 0}
.page-hero.short .btn{margin-top:15px}
.step-list{display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin-top:40px;border-top:1px solid var(--line);border-left:1px solid var(--line)}
.step{min-height:145px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);padding:24px}
.step span{display:block;font:400 29px var(--serif);color:#b68c5b;margin-bottom:13px}
.step h3{font-size:15px;margin:0;line-height:1.45}
.cta-band{background:#a7865e;color:white;position:relative;overflow:hidden;padding:77px 0 80px}
.cta-band:before{content:"";position:absolute;width:480px;height:480px;left:-200px;top:-200px;border:1px solid rgba(255,255,255,.18);border-radius:50%}
.cta-grid{display:grid;grid-template-columns:1.35fr .65fr;gap:40px;align-items:center;position:relative;z-index:2}
.cta-band .eyebrow{color:#ffecd3}
.cta-band .display-heading{font-size:clamp(38px,4.1vw,58px);max-width:730px;margin-bottom:16px}
.cta-band p{margin:0;color:#fff1de;max-width:650px}
.cta-actions{display:flex;align-items:stretch;flex-direction:column;gap:11px;max-width:270px;justify-self:end;width:100%}
.cta-actions .btn{width:100%}
/* Portfolio */
.portfolio-intro{max-width:830px;margin:0 0 46px}
.portfolio-intro>p{max-width:740px;color:var(--slate)}
.portfolio-gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.portfolio-tile{position:relative;min-height:250px;aspect-ratio:1.17;overflow:hidden;background:var(--ink)}
.portfolio-tile img{width:100%;height:100%;object-fit:cover;transition:transform .35s}
.portfolio-tile:hover img{transform:scale(1.04)}
.portfolio-caption{position:absolute;bottom:0;left:0;right:0;display:flex;justify-content:space-between;background:linear-gradient(transparent,rgba(5,15,18,.8));color:white;padding:32px 21px 16px;font-size:10px;font-weight:700;letter-spacing:.1em}
.portfolio-caption b{font-family:var(--serif);font-size:16px;font-weight:400;color:#d5bb93}
.portfolio-empty{max-width:820px;margin:auto;padding:80px 50px;background:#f3f0e9;text-align:center}
.portfolio-empty .empty-line{width:44px;height:2px;background:#bb9869;margin:0 auto 34px}
.portfolio-empty h3{font:400 clamp(28px,3.2vw,43px)/1.2 var(--serif);margin-bottom:20px}
.portfolio-empty p{color:var(--slate);margin-bottom:27px}
/* Community and region */
.community-list{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:32px}
.community-item{display:flex;align-items:center;gap:18px;border:1px solid #ddd8ce;background:#fffdf9;padding:22px 21px;min-height:88px;font-weight:650;font-size:14px;line-height:1.5}
.community-indicator{height:7px;width:7px;background:#bb9869;transform:rotate(45deg);flex:none}
.region-list{display:grid;grid-template-columns:50px 1fr;align-items:center;gap:0 10px;border-top:1px solid var(--line)}
.region-list>span{color:#b18a5b;font:400 25px var(--serif);padding:17px 0;border-bottom:1px solid var(--line)}
.region-list>div{border-bottom:1px solid var(--line);font-size:17px;font-weight:700;padding:21px 0}
/* Contact */
.contact-layout{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(45px,6vw,90px)}
.contact-copy>p{color:var(--slate);max-width:590px}
.contact-methods{border-top:1px solid var(--line);margin-top:40px}
.contact-method{position:relative;border-bottom:1px solid var(--line);padding:23px 36px 23px 0;display:flex;flex-direction:column;gap:4px;transition:color .2s}
.contact-method:hover{color:#a17c4e}
.contact-method>span{font-size:10px;letter-spacing:.13em;font-weight:850;color:#9f815c}
.contact-method strong{font-size:25px;font-family:var(--serif);font-weight:400}
.contact-method .arrow-svg{position:absolute;right:0;top:44%;width:19px}
.contact-side{position:relative;min-height:485px;padding:22px;background:linear-gradient(148deg,#3f585b,#162930)}
.contact-side:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent 0 80px,rgba(255,255,255,.045) 80px 81px)}
.contact-side-inner{position:relative;z-index:1;color:white;border:1px solid rgba(255,255,255,.27);height:100%;padding:57px 34px}
.contact-side-inner .micro{color:#e3c59d}
.contact-side h3{font:400 clamp(32px,3vw,45px)/1.19 var(--serif);margin:22px 0 21px}
.contact-side p{color:#d3dddb;font-size:14px;line-height:1.8}
.contact-side p span{color:#d3b18c;padding:0 5px}
.contact-divider{height:1px;background:rgba(255,255,255,.25);margin:48px 0 35px}
.micro{font-size:10px;letter-spacing:.15em;font-weight:850}
/* Blog */
.blog-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px}
.article-card{display:grid;grid-template-columns:.88fr 1.12fr;grid-column:span 2;min-height:360px;background:#f2f0e9;border:1px solid var(--line);transition:box-shadow .2s}
.article-card:hover{box-shadow:var(--shadow)}
.article-card-media .image-slot{height:100%;min-height:360px}
.article-card-body{padding:55px}
.article-card-body .micro{color:#a1815d}
.article-card h2{font:400 clamp(32px,3.7vw,50px)/1.12 var(--serif);letter-spacing:-.04em;margin:27px 0 20px}
.article-card p{font-size:15px;color:var(--slate)}
.article-layout{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(280px,.6fr);gap:clamp(48px,7vw,95px)}
.article-prose{font-size:17px;color:var(--slate);line-height:1.95}
.article-prose h2{font:400 38px/1.25 var(--serif);color:var(--ink);margin:39px 0 22px}
.article-prose ul{padding-left:23px}
.article-prose li{padding:3px 0}
.article-meta{font-size:10px;letter-spacing:.13em;color:#9a7a56;font-weight:800;margin-bottom:23px}
.article-end{background:#f4f1eb;border-left:3px solid #bd9c70;padding:18px 22px;font-size:13px;line-height:1.75;margin:27px 0 36px}
.aside-card{background:#f4f1eb;padding:39px 33px;position:sticky;top:130px}
.aside-card h3{font:400 30px/1.2 var(--serif);margin-bottom:20px}
.aside-card p{color:var(--slate);font-size:14px}
/* Footer */
.site-footer{background:#101f25;color:white}
.footer-main{display:grid;grid-template-columns:1.6fr .65fr .75fr .9fr;gap:50px;padding:85px 0 70px}
.footer-logo{font-family:var(--serif);font-size:26px;line-height:1.2;letter-spacing:-.035em}
.footer-logo span{display:block;font:750 11px var(--sans);letter-spacing:.3em;margin-top:7px}
.footer-about p{color:#b5c0bd;font-size:14px;line-height:1.85;max-width:295px;margin-top:22px}
.footer-location{color:#cfac7c;font-size:9px;font-weight:850;letter-spacing:.14em}
.footer-links{display:flex;flex-direction:column;gap:11px}
.footer-links h3{color:#d9b78e;font-size:10px;letter-spacing:.19em;font-weight:850;text-transform:uppercase;margin-bottom:12px}
.footer-links a{font-size:13px;color:#c7d0cd;transition:color .2s}.footer-links a:hover{color:white}
.footer-links a.footer-small-link{margin-top:15px;color:#ddb987;font-weight:750}
.footer-bottom{display:flex;justify-content:space-between;gap:30px;border-top:1px solid rgba(255,255,255,.15);padding:20px 0 27px;color:#b1bcb9;letter-spacing:.07em;font-size:10px}
@media (max-width:1100px){
 .primary-nav{gap:18px}.brand strong{font-size:21px}.nav-item{font-size:10px}.nav-shell{gap:18px}.nav-contact{padding:12px}
 .hero-visual{height:490px}.home-hero-grid{gap:36px}
 .footer-main{gap:25px}
}
@media (max-width:900px){
 .container{width:min(calc(100% - 44px),var(--w))}
 .nav-shell{min-height:76px}.menu-toggle{display:flex;background:none;border:0;width:46px;height:46px;flex-direction:column;align-items:center;justify-content:center;gap:6px;cursor:pointer;padding:0}
 .menu-toggle span{display:block;width:25px;height:2px;background:var(--ink);transition:transform .2s,opacity .2s}
 .menu-toggle[aria-expanded="true"] span:first-child{transform:translateY(8px) rotate(45deg)}
 .menu-toggle[aria-expanded="true"] span:nth-child(2){opacity:0}
 .menu-toggle[aria-expanded="true"] span:last-child{transform:translateY(-8px) rotate(-45deg)}
 .primary-nav{position:absolute;left:0;right:0;top:100%;background:var(--paper);padding:14px 22px 25px;box-shadow:0 15px 22px rgba(0,0,0,.1);display:none;flex-direction:column;align-items:stretch;gap:0;max-height:calc(100vh - 125px);overflow:auto}
 .primary-nav.open{display:flex}
 .nav-item{padding:14px 6px;border-bottom:1px solid var(--line);font-size:12px}
 .nav-dropdown summary{width:100%;justify-content:space-between}
 .dropdown-panel{position:static;box-shadow:none;border:none;padding:2px 12px 8px;min-width:0}
 .dropdown-panel .nav-item{padding:10px 15px;font-size:11px}
 .nav-contact{justify-content:center;margin-top:16px;min-height:47px}
 .home-hero-grid{grid-template-columns:1.08fr .92fr;min-height:575px}.home-hero h1{font-size:clamp(53px,7.3vw,73px)}
 .hero-visual{height:430px}.hero-visual-label{padding:15px 19px}.hero-visual-label strong{font-size:22px}
 .service-strip-inner{gap:15px;flex-wrap:wrap;padding:19px 0}.service-strip-inner>span{width:100%}
 .intro-grid,.split-grid,.split-grid.reverse{gap:35px}
 .section{padding:85px 0}
 .feature-grid{gap:18px}.service-card{padding:24px;min-height:325px}.service-card h3{font-size:35px}
 .area-grid{gap:35px}.footer-main{grid-template-columns:1.6fr 1fr 1fr;gap:36px}
 .footer-contact{grid-column:2/4}
}
@media (max-width:700px){
 .container{width:calc(100% - 38px)}
 .utility-in{min-height:33px;font-size:8px;letter-spacing:.06em}.utility-dot{margin:0 2px}
 .brand strong{font-size:22px}.brand small{font-size:9px;letter-spacing:.36em}.brand-line{height:29px}
 .home-hero-grid{display:flex;flex-direction:column;gap:20px;padding:70px 0 60px;align-items:stretch}
 .home-hero h1{font-size:clamp(58px,12vw,82px)}
 .home-hero-copy>p{max-width:550px}
 .hero-foot{margin-top:36px;font-size:8px;flex-wrap:wrap}
 .hero-visual{height:315px;margin:25px 20px 25px 0}
 .hero-visual:before{right:-14px;top:-14px;height:70px;width:70px}
 .hero-visual-label{bottom:-22px;left:14px}
 .service-strip-inner{display:grid;grid-template-columns:1fr 1fr;gap:14px;padding:22px 0}
 .service-strip-inner>span{grid-column:span 2}
 .services-strip .arrow-svg{display:none}.service-strip-inner>a{font-size:10px}
 .section{padding:71px 0}.display-heading{font-size:clamp(38px,9vw,53px)}
 .intro-grid,.split-grid,.split-grid.reverse,.area-grid,.contact-layout,.article-layout{display:grid;grid-template-columns:1fr;gap:38px}
 .split-grid.reverse>.split-visual,.split-grid.reverse>.split-copy{grid-column:auto;grid-row:auto}
 .split-grid.reverse>.split-copy{grid-row:1}.split-grid.reverse>.split-visual{grid-row:2}
 .intro-grid .image-slot{max-height:430px}
 .image-slot{min-height:250px}.ratio-portrait{aspect-ratio:5/4}.ratio-landscape{aspect-ratio:5/4}
 .section-lead{font-size:16px}
 .service-grid,.feature-grid,.community-list{grid-template-columns:1fr}
 .service-card{min-height:255px}
 .service-card h3{font-size:40px}.feature-grid{gap:0}.feature-item{padding:21px 0;border-bottom:1px solid var(--line)}
 .feature-number{margin-bottom:8px;font-size:28px}.feature-item p{max-width:480px}
 .area-graphic{min-height:300px}.area-graphic>span{font-size:55px}
 .page-hero{padding:57px 0 69px}.page-hero .breadcrumb{margin-bottom:38px}.page-hero h1{font-size:clamp(54px,11vw,73px)}.page-hero-desc{font-size:16px}
 .page-hero-mark{right:-20%;bottom:-20px;font-size:210px}
 .step-list{grid-template-columns:1fr 1fr}.step{min-height:124px}
 .cta-grid{grid-template-columns:1fr;gap:30px}.cta-band{padding:70px 0}.cta-actions{justify-self:start;max-width:100%}
 .cta-actions .btn{width:auto;max-width:100%}
 .portfolio-gallery{grid-template-columns:1fr 1fr;gap:10px}.portfolio-tile{min-height:150px}
 .portfolio-empty{padding:48px 27px}
 .article-card{grid-template-columns:1fr}.article-card-media .image-slot{height:245px;min-height:245px}.article-card-body{padding:32px 25px}
 .article-card h2{font-size:33px}
 .aside-card{position:static}
 .footer-main{grid-template-columns:1fr 1fr;padding:58px 0;gap:40px 30px}
 .footer-about{grid-column:span 2}.footer-contact{grid-column:auto}
 .footer-bottom{flex-direction:column;gap:6px}
}
@media (max-width:420px){
 .utility-in>span{font-size:7px;letter-spacing:0}
 .utility a{font-size:7.5px}
 .brand strong{font-size:20px}.brand-line{display:none}
 .btn{width:100%}.hero-buttons{gap:9px}
 .service-strip-inner{gap:8px}.service-strip-inner>a{font-size:9px}
 .step-list{grid-template-columns:1fr}.step{min-height:98px}
 .portfolio-gallery{grid-template-columns:1fr}
 .footer-main{grid-template-columns:1fr 1fr}.footer-contact{grid-column:span 2}
 .page-hero h1{font-size:53px}
}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}

/* ================================================================
   WAYBACK REFERENCE UPDATE | 2025-04-16
   Original site: dark side menu (#232323), crimson accent (#fa4949),
   uppercase Montserrat headings; restored archive text and navigation.
   ================================================================ */
:root {
  --sidebar-width: 286px;
  --ink:#232323;--ink2:#333;--slate:#505050;--muted:#777;
  --gold:#fa4949;--gold-light:#ff7676;--paper:#fff;--pale:#f7f7f7;
  --line:#e6e6e6;--serif:Montserrat,'Avenir Next',Arial,sans-serif;
  --sans:'Open Sans',Arial,system-ui,sans-serif;
}
body.site {padding-left:var(--sidebar-width);background:#fff;}
.archive-sidebar {position:fixed;inset:0 auto 0 0;width:var(--sidebar-width);z-index:200;display:flex;flex-direction:column;
   background:#232323;color:#f6f6f6;border-right:1px solid #3e3e3e;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#555 #232323;}
.archive-brand {min-height:210px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;text-align:center;padding:25px 20px 13px;}
.archive-logo{display:none;object-fit:contain;width:min(210px,95%);max-height:168px;height:auto;filter:drop-shadow(0 4px 5px rgba(0,0,0,.24))}
.archive-logo.logo-loaded{display:block}
.archive-wordmark {display:flex;flex-direction:column;line-height:1.05;text-transform:uppercase;gap:8px}
.archive-brand:has(.logo-loaded) .archive-wordmark{display:none}
.archive-wordmark strong{font:700 23px/1.1 var(--serif);letter-spacing:.01em}
.archive-wordmark small{font:700 10px/1 var(--sans);letter-spacing:.42em;color:#bbb}
.archive-nav{display:flex;flex-direction:column;text-align:center;padding:13px 18px;gap:0;}
.archive-link{padding:10px 6px 11px;border-bottom:1px solid #343434;color:#bcbcbc;letter-spacing:.085em;font:700 11px/1.45 var(--sans);text-transform:uppercase;transition:color .18s,background .18s;}
.archive-link:hover,.archive-link.active{color:#fff;}
.archive-link.active{box-shadow:inset 3px 0 0 #fa4949;background:rgba(255,255,255,.045);}
.archive-side-contact{padding:22px 24px 32px;margin-top:auto;display:flex;flex-direction:column;gap:9px;border-top:1px solid #343434;text-align:center;}
.archive-side-contact span{color:#858585;font:700 9px/1.3 var(--sans);letter-spacing:.14em;}
.archive-side-contact a{font:500 12px/1.4 var(--sans);color:#eee;}
.archive-side-contact a:hover{color:#fa4949}
.archive-menu-toggle{display:none;}
.site-header,.utility{display:none!important;}
.home-hero{background:linear-gradient(124deg,#171717 1%,#232323 55%,#383838 100%)}
.home-hero-pattern{opacity:.3}
.home-hero h1{font-weight:700;text-transform:uppercase;font-size:clamp(48px,5.7vw,80px);line-height:1.06;letter-spacing:-.04em}
.home-hero h1 em{font-style:normal;color:#fa4949;}
.home-hero-copy .eyebrow{color:#ff8a8a;font-size:10px;letter-spacing:.12em;line-height:1.9;max-width:600px}
.hero-visual:before{border-color:rgba(250,73,73,.5)}
.hero-visual-label{background:#fa4949;color:#fff}
.hero-visual-label span{color:#fff!important}
.hero-visual-label strong{color:#fff!important}
.btn-gold {color:#fff;background:#fa4949}
.btn-gold:hover {background:#de3030}
.btn-dark,.nav-contact{background:#232323}
.btn-dark:hover{background:#fa4949}
.btn-outline-light:hover{border-color:#fa4949;background:rgba(250,73,73,.14)}
.display-heading{font-weight:700;letter-spacing:-.025em;line-height:1.14;}
.eyebrow{color:#df4040}
.text-link{color:#d73939;border-color:#d73939}.text-link:hover{color:#232323}
.section-soft{background:#f7f7f7}.section-dark{background:#272727}
.section-dark .eyebrow{color:#fa4949}
.service-card{background:#2e2e2e!important}.service-card:hover{background:#3e3e3e!important}
.service-card h3{font-weight:700;font-size:clamp(26px,3vw,37px);line-height:1.15}
.service-index,.service-arrow,.feature-number{color:#ff6b6b}
.cta-band{background:#fa4949}.cta-band .eyebrow{color:#fff}
.area-graphic{background:#292929}.area-graphic-top{color:#ff8181}
.page-hero{background:linear-gradient(115deg,#242424,#353535)}
.page-hero h1{font-weight:700;}
.page-hero .eyebrow,.page-hero .breadcrumb span{color:#ff8f8f}
.archive-faq-section{background:#f7f7f7}
.archive-faq-list{max-width:910px;border-top:1px solid #ddd}
.archive-faq{border-bottom:1px solid #ddd;background:transparent}
.archive-faq summary{list-style:none;cursor:pointer;padding:20px 47px 20px 4px;position:relative;font:700 clamp(14px,1.6vw,19px)/1.55 var(--sans);color:#242424}
.archive-faq summary::-webkit-details-marker{display:none}
.archive-faq summary:after{content:'+';position:absolute;right:8px;top:12px;color:#fa4949;font:400 30px var(--sans)}
.archive-faq[open] summary:after{content:'−'}
.archive-faq>div{padding:0 24px 20px 4px;color:#5b5b5b;font-size:15px;line-height:1.8}
.archive-faq>div p{max-width:860px}
.archive-faq>div p:first-child{margin-top:2px}
@media(max-width:1100px) and (min-width:981px){:root{--sidebar-width:245px;} .archive-brand{min-height:190px}.archive-nav{padding:9px 14px}.archive-link{font-size:10px;padding:8px 4px}.home-hero-grid{gap:25px}}
@media(max-width:980px){
  body.site{padding-left:0;padding-top:70px}
  .archive-sidebar{inset:0 0 auto;width:100%;height:70px;min-height:0;overflow:visible;display:flex;flex-direction:row;align-items:center;justify-content:space-between;padding:0 21px;border:0;border-bottom:1px solid #454545}
  .archive-brand{padding:0;min-height:0;flex-direction:row;justify-content:flex-start;text-align:left}
  .archive-logo{max-width:74px;max-height:60px}
  .archive-wordmark strong{font-size:18px}.archive-wordmark small{font-size:8px;letter-spacing:.25em}
  .archive-menu-toggle{display:flex;width:43px;height:43px;flex-direction:column;align-items:center;justify-content:center;gap:5px;border:1px solid #777;background:transparent;cursor:pointer;color:white}
  .archive-menu-toggle span{width:20px;height:2px;background:currentColor;display:block}
  .archive-nav{display:none;position:absolute;left:0;right:0;top:70px;max-height:calc(100dvh - 70px);overflow-y:auto;overscroll-behavior:contain;box-shadow:0 10px 22px rgba(0,0,0,.35);background:#232323;padding:10px 20px 24px;text-align:left;}
  .archive-nav.open{display:flex}
  .archive-link{font-size:12px;padding:12px 20px}
  .archive-side-contact{display:none}
  .home-hero-grid{min-height:0}
}
@media(max-width:700px){.home-hero h1{font-size:clamp(42px,12vw,60px)} .home-hero-copy .eyebrow{max-width:none}.archive-faq summary{padding-right:36px}}