:root{--black:#0a0e0b;--ink:#18211b;--forest:#173b29;--green:#94bd28;--lime:#b8dc49;--cream:#f2efe7;--white:#fff;--muted:#667168;--shadow:0 24px 70px #07130c29}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:#fff;font:16px/1.65 Arial,Helvetica,sans-serif}body.menu-open{overflow:hidden}p{font-size:17px}img{display:block;max-width:100%}a{color:inherit;text-decoration:none}.container{width:min(1240px,calc(100% - 48px));margin:auto}.skip{position:absolute;left:-9999px}.skip:focus{left:12px;top:12px;background:#fff;padding:12px;z-index:1000}
.topbar{background:var(--black);color:#d7dfd9;font-size:12px;letter-spacing:.08em}.topbar .container{min-height:38px;display:flex;align-items:center;justify-content:space-between}.topbar-links{display:flex;gap:25px}.topbar-note{color:#b5d85b;text-transform:uppercase;font-weight:800}.site-header{position:sticky;top:0;z-index:80;background:#fffffff2;backdrop-filter:blur(12px);border-bottom:1px solid #13291d1a}.header-inner{min-height:112px;display:flex;align-items:center;gap:38px}.logo{margin-right:auto}.logo img{width:340px;height:94px;object-fit:contain;object-position:left}.nav{display:flex;align-items:center;gap:26px}.nav a{font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.12em;padding:42px 0 37px;border-bottom:3px solid transparent}.nav a:hover,.nav a.active{color:#759b17;border-color:var(--green)}.nav-quote{background:var(--forest)!important;color:#fff!important;padding:15px 18px!important;border:0!important}.menu-toggle{display:none;background:var(--forest);color:#fff;border:0;width:48px;height:46px;font-size:23px}
.hero{position:relative;min-height:730px;overflow:hidden;color:#fff;display:flex;align-items:end;background:#111}.hero-bg{position:absolute;inset:0;background:url('../images/custom-timber-frame-home-construction.jpg') center 45%/cover no-repeat;animation:heroDrift 18s ease-in-out infinite alternate;transform:scale(1.06)}.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#050c08ed 0%,#050c089e 46%,#050c0824 78%),linear-gradient(0deg,#060e09a6,transparent 45%)}@keyframes heroDrift{to{transform:scale(1.14) translate3d(-1.5%,1%,0)}}.hero-content{position:relative;z-index:2;padding:92px 0 86px;max-width:860px}.eyebrow{display:flex;align-items:center;gap:12px;color:#84aa22;text-transform:uppercase;font-size:12px;font-weight:900;letter-spacing:.2em}.hero .eyebrow{color:#c6e866}.eyebrow:before{content:"";width:34px;height:2px;background:currentColor}.hero h1{font:500 clamp(54px,7.2vw,98px)/.94 Georgia,serif;letter-spacing:-.045em;margin:20px 0 24px;max-width:840px}.hero h1 span{color:#c6e866}.hero-lede{font-size:clamp(18px,2vw,25px);max-width:720px;color:#e0e7e2;margin:0 0 34px}.button-row{display:flex;gap:12px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:14px 24px;border:1px solid var(--forest);background:var(--forest);color:#fff;text-transform:uppercase;letter-spacing:.11em;font-size:12px;font-weight:900;transition:.2s}.btn:hover{background:#28553f;transform:translateY(-2px)}.btn-lime{background:var(--lime);border-color:var(--lime);color:#10160f}.btn-lime:hover{background:#d2ef80}.btn-outline{background:transparent;border-color:#ffffffb3}.btn-outline:hover{background:#fff;color:#111}.hero-proof{position:absolute;z-index:3;right:max(24px,calc((100vw - 1240px)/2));bottom:0;display:grid;grid-template-columns:repeat(3,150px);background:#fff;color:var(--ink);box-shadow:var(--shadow)}.proof{padding:24px 18px;border-right:1px solid #e3e7e4}.proof:last-child{border:0}.proof strong{display:block;font:700 26px Georgia,serif;color:var(--forest)}.proof span{font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:#6a746d}
.ticker{background:var(--green);overflow:hidden;white-space:nowrap}.ticker-track{display:inline-flex;min-width:200%;animation:ticker 24s linear infinite;padding:14px 0;font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.14em}.ticker-track span{padding-right:56px}.ticker-track span:after{content:"◆";margin-left:56px}@keyframes ticker{to{transform:translateX(-50%)}}
.section{padding:100px 0}.section-soft{background:var(--cream)}.section-dark{background:var(--black);color:#fff}.section-head{display:flex;align-items:end;justify-content:space-between;gap:50px;margin-bottom:48px}.section-head>div{max-width:800px}.section-head p{max-width:480px;margin:0;color:var(--muted)}.section-dark .section-head p{color:#aeb8b1}h2,h1.page-title{font:500 clamp(39px,5vw,65px)/1.02 Georgia,serif;letter-spacing:-.035em;color:var(--forest);margin:14px 0 16px}.section-dark h2{color:#fff}.lead{font-size:19px;color:#4f5d54}.split{display:grid;grid-template-columns:1.04fr .96fr;gap:80px;align-items:center}.split-media{position:relative}.split-media>img{width:100%;height:600px;object-fit:cover}.image-tag{position:absolute;left:-28px;bottom:32px;background:var(--green);padding:25px 28px;box-shadow:var(--shadow)}.image-tag strong{display:block;font:700 34px Georgia,serif}.image-tag span{font-size:11px;text-transform:uppercase;letter-spacing:.15em;font-weight:900}.check-list{list-style:none;padding:0;margin:32px 0}.check-list li{position:relative;padding:13px 0 13px 30px;border-bottom:1px solid #dce1dd}.check-list li:before{content:"✓";position:absolute;left:0;color:#71960f;font-weight:900}.stats{display:grid;grid-template-columns:repeat(4,1fr);background:var(--forest);color:#fff}.stat{padding:34px 28px;border-right:1px solid #ffffff21}.stat:last-child{border:0}.stat strong{display:block;font:500 36px Georgia,serif;color:#c6e866}.stat span{font-size:11px;text-transform:uppercase;letter-spacing:.12em}
.capability-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.cap-card{min-height:430px;position:relative;overflow:hidden;background:#17201b;color:#fff}.cap-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:.5s}.cap-card:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#060c08f0,#060c0808 75%)}.cap-card:hover img{transform:scale(1.05)}.cap-copy{position:absolute;z-index:2;bottom:0;padding:32px}.cap-copy .num{color:#c8e861;font-size:11px;font-weight:900;letter-spacing:.18em}.cap-copy h3{font:500 29px Georgia,serif;margin:8px 0}.cap-copy p{color:#d8dfda;margin:0}
.video-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:70px;align-items:center}.video-wrap{position:relative;max-width:470px;margin:auto;width:100%;aspect-ratio:9/16;background:#000;box-shadow:var(--shadow)}.video-wrap iframe{position:absolute;inset:0;width:100%;height:100%;border:0}.service-area{background:var(--forest);color:#fff;padding:42px;position:relative;overflow:hidden;margin-top:34px}.service-area:after{content:"CANADA";position:absolute;right:-20px;bottom:-48px;font:700 110px Georgia,serif;color:#ffffff0b}.service-area h3{font:500 35px Georgia,serif;margin:0 0 10px}.city-chips{display:flex;gap:9px;flex-wrap:wrap;margin-top:24px}.city-chips span{border:1px solid #ffffff3d;padding:8px 13px;font-size:11px;text-transform:uppercase;letter-spacing:.1em}
.projects{display:grid;grid-template-columns:1.3fr .7fr .7fr;grid-template-rows:280px 280px;gap:14px}.project{position:relative;overflow:hidden}.project:first-child{grid-row:1/3}.project img{width:100%;height:100%;object-fit:cover;transition:.5s}.project:hover img{transform:scale(1.05)}.project:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#040a06a6,transparent 60%)}.project span{position:absolute;z-index:2;bottom:18px;left:20px;color:#fff;font-weight:800}.quote-block{max-width:980px;margin:auto;text-align:center}.quote-mark{font:100px/.7 Georgia,serif;color:var(--green)}.quote-block blockquote{font:500 clamp(25px,3vw,42px)/1.3 Georgia,serif;margin:20px 0}.quote-block cite{font-style:normal;color:#bddf63;text-transform:uppercase;letter-spacing:.15em;font-size:11px;font-weight:900}
.insta-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:8px}.insta-tile{aspect-ratio:1;overflow:hidden;position:relative;background:#ddd}.insta-tile img{width:100%;height:100%;object-fit:cover;transition:.4s}.insta-tile:after{content:"↗";position:absolute;right:10px;top:8px;color:#fff;font-size:20px;text-shadow:0 1px 4px #000;opacity:0}.insta-tile:hover img{transform:scale(1.07)}.insta-tile:hover:after{opacity:1}.cta{background:linear-gradient(90deg,#0b1c13f5,#0b1c13c7),url('../images/hyde-sawmill-lumber-yard-british-columbia.jpg') center/cover;color:#fff}.cta-inner{display:flex;align-items:center;justify-content:space-between;gap:45px}.cta h2{color:#fff;max-width:760px;margin-top:0}
.page-hero{min-height:380px;display:flex;align-items:end;color:#fff;background:linear-gradient(90deg,#060f0ade,#060f0a4d),url('../images/hyde-sawmill-lumber-yard-british-columbia.jpg') center/cover}.page-hero>div{padding:70px 0}.page-title{color:#fff!important;margin:9px 0!important}.breadcrumbs{font-size:11px;text-transform:uppercase;letter-spacing:.14em;color:#dce5de}.history-row{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;margin:72px 0}.history-row:nth-child(even) .history-photo{order:2}.history-photo{width:100%;height:430px;object-fit:cover}.history-row h3{font:500 34px Georgia,serif;color:var(--forest);margin:0 0 15px}.gallery{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.gallery-item{border:0;padding:0;background:#ddd;cursor:pointer;overflow:hidden;aspect-ratio:1.15}.gallery-item img{width:100%;height:100%;object-fit:cover;transition:.35s}.gallery-item:hover img{transform:scale(1.06)}.lightbox{position:fixed;inset:0;background:#000000f0;z-index:100;display:none;place-items:center;padding:35px}.lightbox.open{display:grid}.lightbox img{max-width:94vw;max-height:88vh}.lightbox button{position:absolute;right:25px;top:18px;color:#fff;background:none;border:0;font-size:42px}.testimonials-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:22px}.testimonial-card{background:#fff;padding:34px;border-top:4px solid var(--green);box-shadow:0 8px 28px #16231b12}.testimonial-card h3{font:500 22px Georgia,serif;color:var(--forest);margin:22px 0 0}.testimonial-card small{color:#6b756e}.contact-grid{display:grid;grid-template-columns:.82fr 1.18fr;gap:60px}.contact-panel{background:var(--forest);color:#fff;padding:44px}.contact-panel h2{color:#fff;font-size:40px}.contact-list{list-style:none;padding:0;margin:30px 0}.contact-list li{padding:15px 0;border-bottom:1px solid #ffffff26}.contact-form{display:grid;grid-template-columns:1fr 1fr;gap:17px}.contact-form .full{grid-column:1/-1}.contact-form label{display:block;font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.1em;margin-bottom:5px}.contact-form input,.contact-form textarea,.contact-form select{width:100%;padding:14px;border:1px solid #cbd1cc;background:#fff;font:inherit}.contact-form textarea{height:160px}.form-note{font-size:12px;color:#768179}.notice{padding:12px;background:#e8f1eb;color:#1e5137;border-left:3px solid #397451;margin-bottom:18px}.hidden{display:none}
.site-footer{background:#080d0a;color:#b9c3bc;padding:65px 0 26px;font-size:17px}.footer-grid{display:grid;grid-template-columns:1.2fr .7fr 1fr .8fr;gap:44px}.footer-logo{width:300px;margin-bottom:20px}.site-footer h3{color:#fff;font-size:13px;text-transform:uppercase;letter-spacing:.15em;margin:12px 0 18px}.site-footer a:hover{color:#c6e866}.footer-links{display:grid;gap:8px}.socials{display:flex;gap:9px;flex-wrap:wrap}.socials a{width:40px;height:40px;border:1px solid #39433d;display:grid;place-items:center;font-size:11px;font-weight:900}.copyright{margin-top:46px;padding-top:20px;border-top:1px solid #262f29;font-size:12px;display:flex;justify-content:space-between}.floating-quote{position:fixed;right:18px;bottom:18px;z-index:70;box-shadow:0 10px 30px #0003}
@media(max-width:1050px){.header-inner{min-height:92px}.logo img{width:270px;height:76px}.menu-toggle{display:block}.nav{position:fixed;inset:92px 0 0;background:#fff;display:none;flex-direction:column;align-items:stretch;gap:0;padding:28px}.nav.open{display:flex}.nav a{font-size:16px;padding:16px;border-bottom:1px solid #e7eae8}.nav-quote{text-align:center;margin-top:12px}.hero-proof{display:none}.capability-grid{grid-template-columns:1fr 1fr}.cap-card:last-child{grid-column:1/-1}.insta-grid{grid-template-columns:repeat(3,1fr)}.footer-grid{grid-template-columns:1fr 1fr}.split,.video-grid{gap:45px}.projects{grid-template-columns:1fr 1fr;grid-template-rows:360px 260px}.project:first-child{grid-column:1/3;grid-row:auto}}
@media(max-width:760px){.container{width:min(100% - 30px,1240px)}.topbar-note{display:none}.topbar .container{justify-content:center}.topbar-links{gap:14px}.header-inner{min-height:82px}.logo img{width:230px;height:66px}.nav{inset:82px 0 0}.hero{min-height:650px}.hero-bg{background-position:58% center}.hero-content{padding:75px 0 68px}.hero h1{font-size:54px}.section{padding:72px 0}.section-head,.cta-inner{display:block}.section-head .btn,.cta-inner .btn{margin-top:20px}.split,.video-grid,.history-row,.contact-grid{grid-template-columns:1fr}.split-media{order:-1}.split-media>img{height:440px}.image-tag{left:12px}.stats{grid-template-columns:1fr 1fr}.stat:nth-child(2){border-right:0}.capability-grid{grid-template-columns:1fr}.cap-card:last-child{grid-column:auto}.projects{grid-template-columns:1fr;grid-template-rows:repeat(5,280px)}.project:first-child{grid-column:auto}.gallery{grid-template-columns:repeat(2,1fr)}.history-row:nth-child(even) .history-photo{order:0}.testimonials-grid{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr}.copyright{display:block}.floating-quote{display:none}}
@media(max-width:470px){.topbar-links a:first-child{display:none}.logo img{width:205px}.hero h1{font-size:45px}.button-row{display:grid}.button-row .btn{width:100%}.stats{grid-template-columns:1fr}.stat{border-right:0;border-bottom:1px solid #ffffff21}.insta-grid{grid-template-columns:repeat(2,1fr)}.contact-form{grid-template-columns:1fr}.contact-form .full{grid-column:auto}.gallery{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;scroll-behavior:auto!important}}

/* Refined brand system and consistent inner-page components */
:root{--gold:#c49a5a;--gold-dark:#9b7440}
.nav a:hover,.nav a.active{color:var(--gold-dark);border-color:var(--gold)}
.nav-quote{background:var(--gold)!important;color:#15130f!important}
.nav-quote:hover{background:#d5b277!important}.menu-toggle{background:var(--gold);color:#17140f}
.section-title{text-align:center;max-width:850px;margin:0 auto 56px}.section-title .eyebrow{justify-content:center}.section-title p{max-width:720px;margin:0 auto;color:var(--muted);font-size:18px}
.page-hero{min-height:380px;display:flex;align-items:center;text-align:center;background:linear-gradient(#060f0abf,#060f0a8a),url('../images/hyde-sawmill-lumber-yard-british-columbia.jpg') center/cover}
.page-hero>.container{padding:70px 24px}.breadcrumbs{font-size:12px}.quote-mark{color:var(--gold)}.quote-block cite{color:#d7b87d}
.testimonial-carousel{position:relative;max-width:980px;margin:auto}.testimonial-slide{display:none;text-align:center;min-height:330px;align-content:center}.testimonial-slide.active{display:block}.testimonial-slide blockquote{font:500 clamp(24px,3vw,39px)/1.35 Georgia,serif;margin:18px auto;max-width:900px}.testimonial-slide cite{font-style:normal;color:#d7b87d;text-transform:uppercase;letter-spacing:.14em;font-size:12px;font-weight:900}.carousel-controls{display:flex;justify-content:center;align-items:center;gap:18px;margin-top:30px}.carousel-button{width:48px;height:48px;border:1px solid #ffffff42;background:transparent;color:#fff;font-size:24px;cursor:pointer}.carousel-button:hover{background:var(--gold);color:#17140f}.carousel-dots{display:flex;gap:8px}.carousel-dot{width:9px;height:9px;border-radius:50%;border:0;background:#ffffff4d;padding:0}.carousel-dot.active{background:var(--gold)}
.socials a{width:42px;height:42px;font-size:0;transition:.2s}.socials a:hover{background:var(--gold);border-color:var(--gold);color:#111}.socials svg{width:20px;height:20px;fill:currentColor}
.footer-logo{height:auto}.inner-intro{max-width:860px;margin:0 auto 30px;text-align:center;font-size:18px}.page-hero+.section{overflow:hidden}
.legacy-note{margin:28px 0;padding:20px 22px;border-left:4px solid var(--gold);background:var(--cream);color:var(--ink)}.legacy-note strong{display:block;margin-bottom:4px;color:var(--forest);font:600 21px/1.25 Georgia,serif}.legacy-note span{font-size:15px;line-height:1.55;color:#58645c}

/* Branded homepage capability badges */
.hero-proof{right:max(28px,calc((100vw - 1240px)/2));bottom:50%;transform:translateY(50%);display:grid;grid-template-columns:142px;gap:13px;background:transparent;box-shadow:none}
.proof{position:relative;width:142px;aspect-ratio:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:18px;border:2px solid var(--gold);border-radius:50%;background:radial-gradient(circle at 35% 25%,#253127 0,#0b110d 72%);color:#fff;box-shadow:0 12px 34px #0007,inset 0 0 0 5px #0c110d,inset 0 0 0 7px #95bd2855}
.proof:before{content:"";position:absolute;inset:7px;border:1px dashed #c49a5a80;border-radius:50%;pointer-events:none}
.proof svg{width:34px;height:34px;margin-bottom:7px;fill:var(--lime);stroke:var(--lime);stroke-width:4;stroke-linecap:round;stroke-linejoin:round;position:relative;z-index:1}
.proof strong{font:800 21px/1.05 Arial,Helvetica,sans-serif;color:#fff;text-transform:uppercase;letter-spacing:.02em;position:relative;z-index:1}
.proof span{margin-top:5px;font-size:9px;line-height:1.2;letter-spacing:.13em;color:#d5b271;position:relative;z-index:1}
.proof:nth-child(2) svg{fill:var(--lime);stroke:var(--lime)}

/* Reliable compact dropdown navigation on phones and tablets */
@media(max-width:1050px){
  .hero-proof{display:none}
  .site-header{overflow:visible}
  .header-inner{position:relative}
  .menu-toggle{position:relative;z-index:140;font-size:30px;line-height:1}
  .site-header .nav{display:flex!important;position:absolute;top:calc(100% + 1px);right:0;bottom:auto;left:auto;width:min(390px,calc(100vw - 30px));max-height:calc(100dvh - 122px);overflow-y:auto;overscroll-behavior:contain;flex-direction:column;align-items:stretch;gap:0;padding:12px 18px 20px;background:#fff;border-top:3px solid var(--gold);box-shadow:0 20px 45px #0610083d;opacity:0;visibility:hidden;pointer-events:none;transform:translateY(-10px);transition:opacity .2s ease,transform .2s ease,visibility .2s;z-index:120}
  .site-header .nav.open{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0)}
  .site-header .nav a{width:100%;padding:15px 6px;color:var(--ink);border-bottom:1px solid #e4e7e4}
  .site-header .nav a.active{color:var(--gold-dark)}
  .site-header .nav .nav-quote{margin:12px 0 0;padding:16px!important;text-align:center;border-bottom:0}
}
@media(max-width:760px){
  .site-header .nav{right:-1px;width:calc(100vw - 30px)}
  .site-footer .footer-logo{margin:0 auto 20px}
}