@font-face {
  font-family: 'Cormorant Garamond';
  font-style: italic;
  font-weight: 500;
  font-display: swap;
  src: url(../fonts/cormorant-0.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Cormorant Garamond';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(../fonts/cormorant-1.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Cormorant Garamond';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(../fonts/cormorant-2.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* ===== v5 layered design layer ===== */
:root{--gold:#C9A76A;--gold-2:#B08D52;--ink-deep:#0E2014;--panel:#13291a;--frame:rgba(201,167,106,.28);--serif:"Cormorant Garamond",Georgia,"Times New Roman",serif;--r:18px}
body{background:#F5F4EF}
/* framed hero: contained panel instead of full-bleed */
.feature.hero,.feature.page-hero{margin:96px auto 0;width:min(1360px,calc(100% - 48px));border-radius:var(--r);overflow:hidden;border:1px solid var(--frame);box-shadow:0 30px 60px -40px rgba(14,32,20,.6)}
.page-index .site-header:not(.scrolled),.site-header:not(.scrolled){background:var(--ink-deep)}
.feature.hero{min-height:min(78vh,760px)}
.hero .feature-shade{background:linear-gradient(90deg,rgba(14,32,20,.82) 0%,rgba(14,32,20,.45) 42%,rgba(14,32,20,0) 70%)}
.page-hero .feature-shade{background:linear-gradient(90deg,rgba(14,32,20,.8) 0%,rgba(14,32,20,.35) 50%,rgba(14,32,20,0) 80%)}
.eyebrow{color:var(--gold)}.eyebrow::before{background:var(--gold)}
.feature h1{font-family:var(--serif);font-weight:600;letter-spacing:-.01em}
.panel-stack .panel{border-radius:14px;border:1px solid rgba(255,255,255,.18);background:rgba(14,32,20,.62)!important;backdrop-filter:blur(8px)}
.panel-stack .panel strong{color:#fff}
.panel-stack .panel::before{content:"";display:block;width:26px;height:2px;background:var(--gold);margin-bottom:10px}
/* home rail + icon strip */
.v5-band{padding:28px 0 10px}
.v5-band .wrap{max-width:1360px}
.v5-rail-panel{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:22px 24px 24px;box-shadow:0 20px 40px -34px rgba(14,32,20,.5)}
.v5-panel-head{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:16px}
.v5-kicker{font-family:var(--head);font-weight:700;font-size:.72rem;letter-spacing:.18em;text-transform:uppercase;color:var(--deep);margin:0}
.v5-link{font-family:var(--head);font-weight:600;font-size:.85rem;color:var(--gold-2)}
.v5-rail{display:grid;grid-template-columns:repeat(6,1fr);gap:14px}
.v5-thumb{position:relative;display:block;border-radius:12px;overflow:hidden;aspect-ratio:4/3;border:1px solid var(--line)}
.v5-thumb img{width:100%;height:100%;object-fit:cover;transition:transform .6s}
.v5-thumb:hover img{transform:scale(1.06)}
.v5-thumb span{position:absolute;left:8px;bottom:8px;background:rgba(14,32,20,.82);color:#fff;font-family:var(--head);font-weight:600;font-size:.7rem;padding:4px 9px;border-radius:999px}
.v5-icons{list-style:none;margin:18px 0 0;padding:0;display:grid;grid-template-columns:repeat(5,1fr);background:var(--ink-deep);border-radius:var(--r);border:1px solid var(--frame)}
.v5-icons li{display:flex;gap:14px;align-items:center;padding:22px 22px;color:#fff;border-left:1px solid rgba(201,167,106,.18)}
.v5-icons li:first-child{border-left:0}
.v5-icons svg{flex:none;width:40px;height:40px;padding:8px;border:1px solid var(--frame);border-radius:10px;color:var(--gold)}
.v5-icons b{display:block;font-family:var(--head);font-size:.95rem;color:var(--gold)}
.v5-icons span{font-size:.78rem;opacity:.8}
/* framed cards everywhere */
.hl,.panel.deep,.panel.sage,.core2,.ldiag,.spec,.innov,.tile,.mf-grid figure,.about-media img{border-radius:14px}
.hl,.core2,.innov{overflow:hidden;border:1px solid var(--line);box-shadow:0 22px 44px -36px rgba(14,32,20,.55)}
.section-head h2,.pattern-head h3{font-family:var(--serif);font-weight:600}
.section-head h2{font-size:clamp(2.4rem,4vw,3.6rem)}
.mission,.trade{margin:0 auto;width:min(1360px,calc(100% - 48px));border-radius:var(--r);border:1px solid var(--frame)}
.trade{margin-bottom:60px}
.mf-grid figure{overflow:hidden}
/* magazine layout */
.mag{margin-top:30px}
.mag-rule{border:0;border-top:1px solid var(--line);margin:0}
.mag-group{padding:84px 0}
.mag-copy{display:grid;grid-template-columns:80px minmax(0,1fr) minmax(0,1fr);gap:0 36px;align-items:end;margin-bottom:38px}
.mag-no{margin:0;font-family:var(--serif);font-style:italic;font-size:2.4rem;line-height:1;color:var(--gold-2)}
.mag-title{margin:0;font-family:var(--serif);font-weight:600;font-size:clamp(2rem,3.2vw,2.9rem);line-height:1.05;color:var(--deep)}
.mag-text p{margin:0;font-size:.95rem;line-height:1.7;color:var(--muted);max-width:30rem}
.mag-text .mag-codes{margin-top:10px;font-family:var(--head);font-size:.68rem;letter-spacing:.16em;text-transform:uppercase;color:var(--deep)}
.mag-grid{display:grid;grid-template-columns:1.45fr 1fr;grid-template-rows:auto auto;gap:32px 32px}
.mag-item{margin:0}
.mag-item.tall{grid-row:span 2;display:flex;flex-direction:column}
.mag-item .sg-item,.mag-img{display:block;width:100%;aspect-ratio:4/3;border-radius:6px;overflow:hidden;position:relative}
.mag-item.tall .sg-item,.mag-item.tall .mag-img{aspect-ratio:auto;flex:1;min-height:560px}
.mag-item img{width:100%;height:100%;object-fit:cover;transition:transform 1s cubic-bezier(.2,.7,.2,1)}
.mag-item:hover img{transform:scale(1.04)}
.mag-item .sg-item::after{display:none}
.mag-zoom{position:absolute;right:14px;bottom:14px;width:38px;height:38px;border-radius:50%;background:rgba(255,255,255,.92);color:var(--deep);display:flex;align-items:center;justify-content:center;font-size:1.3rem;opacity:0;transition:opacity .3s}
.mag-item:hover .mag-zoom{opacity:1}
.mag-item figcaption{display:flex;gap:12px;align-items:baseline;padding-top:12px;border-top:0}
.mag-item figcaption b{font-family:var(--head);font-weight:700;font-size:.8rem;letter-spacing:.06em;color:var(--deep)}
.mag-item figcaption span{font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.mag-group.flip .mag-grid{grid-template-columns:1fr 1.45fr}
.mag-group.flip .mag-item.tall{grid-column:2;grid-row:1 / span 2}
.mag-group.flip .mag-copy{grid-template-columns:minmax(0,1fr) minmax(0,1fr) 80px}
.mag-group.flip .mag-no{order:3;text-align:right}
.mag-group.flip .mag-title{order:2}.mag-group.flip .mag-text{order:1}
@media (max-width:1000px){.v5-rail{grid-template-columns:repeat(3,1fr)}.v5-icons{grid-template-columns:repeat(2,1fr)}.v5-icons li:nth-child(odd){border-left:0}.v5-icons li{border-top:1px solid rgba(201,167,106,.18)}}
@media (max-width:760px){
  .feature.hero,.feature.page-hero{width:calc(100% - 24px);margin-top:84px}
  .v5-rail{grid-template-columns:repeat(6,46%);overflow-x:auto;scroll-snap-type:x mandatory}.v5-thumb{scroll-snap-align:start}
  .v5-icons{grid-template-columns:1fr}.v5-icons li{border-left:0}
  .mission,.trade{width:calc(100% - 24px)}
  .mag-group{padding:52px 0}
  .mag-copy,.mag-group.flip .mag-copy{grid-template-columns:1fr;gap:8px}
  .mag-group.flip .mag-no{order:0;text-align:left}.mag-group.flip .mag-title{order:0}.mag-group.flip .mag-text{order:0}
  .mag-grid,.mag-group.flip .mag-grid{grid-template-columns:1fr 1fr;gap:16px}
  .mag-item.tall,.mag-group.flip .mag-item.tall{grid-column:1 / -1;grid-row:auto}
  .mag-item.tall .sg-item,.mag-item.tall .mag-img{min-height:0;aspect-ratio:4/5}
  .mag-item figcaption{flex-direction:column;gap:2px}
}
.feature.hero{padding:80px 0 70px}.feature.page-hero{padding:90px 0 80px}
/* lighter overlays so HD backgrounds stay crisp, text side only */
.strengths .feature-shade,.sustainability .feature-shade,.manufacturing .feature-shade{background:linear-gradient(90deg,rgba(10,26,14,.78) 0%,rgba(10,26,14,.42) 45%,rgba(10,26,14,.08) 100%)}
.feature.strengths,.feature.sustainability,.feature.manufacturing{margin:40px auto;width:min(1360px,calc(100% - 48px));border-radius:var(--r);overflow:hidden;border:1px solid var(--frame)}

/* v6 */
h1.as-h2{font-size:clamp(2.2rem,4vw,3.6rem);line-height:1.08}
.eyebrow.dark{color:#4E6B52}.v5-link{color:#7A5A22}.mag-no{color:#8A6A32}.mag-item figcaption span,.mag-text p,.head-note{color:#4A574E}
.field-err{display:block;min-height:1em;margin-top:4px;font-size:.78rem;font-weight:600;color:#B3261E}
input.invalid,textarea.invalid{outline:2px solid #B3261E;outline-offset:1px}
.wa-float{position:fixed;left:20px;bottom:22px;z-index:60;width:54px;height:54px;border-radius:50%;background:#25D366;color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 10px 24px -8px rgba(0,0,0,.45)}
.wa-float[hidden],.footer-wa[hidden],.contact-wa[hidden]{display:none!important}
.footer-wa{margin-left:14px;color:#fff}
.contact-wa{margin:10px 0 4px}
/* v9: Whistler river photo (Sydney Haws / Pexels) replaces the pine-river shot */
.forest-bg{filter:saturate(.98) contrast(1.04) brightness(.98)}
.sustainability .forest-bg{object-position:32% 46%}
.strengths .forest-bg{object-position:26% 44%}
.hl-img .forest-card{object-position:34% 42%}
.strengths .feature-shade,.sustainability .feature-shade{background:linear-gradient(90deg,rgba(10,26,14,.86) 0%,rgba(10,26,14,.6) 42%,rgba(10,26,14,.24) 100%),linear-gradient(180deg,rgba(10,26,14,.34) 0%,rgba(10,26,14,0) 16%,rgba(10,26,14,0) 76%,rgba(10,26,14,.42) 100%)}
@media (max-width:760px){
  .sustainability .forest-bg,.strengths .forest-bg{object-position:42% 50%}
  .strengths .feature-shade,.sustainability .feature-shade{background:linear-gradient(180deg,rgba(10,26,14,.74) 0%,rgba(10,26,14,.62) 38%,rgba(10,26,14,.55) 100%)}
}