/* ============================================================
   江西百岸恒业科技 · 官网样式 V2（大图底版式）
   版式复刻：Dribbble「耐迪斯企业官网」——整屏大图铺底 + 内容叠加
   配色：科技深蓝 + 木棕琥珀（木 + 科技融合）
   ============================================================ */
:root{
  --navy:#173B5C;
  --navy-2:#1F4E6D;
  --navy-deep:#0E2437;
  --wood:#B5681F;
  --wood-2:#D98A2B;
  --cream:#F7F3EC;
  --paper:#FFFFFF;
  --ink:#1F2A33;
  --gray:#6B7785;
  --line:#E7E0D3;
  --maxw:1240px;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:"Microsoft YaHei","PingFang SC","Hiragino Sans GB",system-ui,sans-serif;
  color:var(--ink);background:var(--paper);line-height:1.75;-webkit-font-smoothing:antialiased;}
img{display:block;max-width:100%}
a{text-decoration:none;color:inherit}
.container{width:100%;max-width:var(--maxw);margin:0 auto;padding:0 24px}

/* ---------- 导航 ---------- */
.site-header{background:var(--navy);position:sticky;top:0;z-index:80;
  box-shadow:0 2px 16px rgba(0,0,0,.22)}
.nav{display:flex;align-items:center;justify-content:space-between;height:68px}
.brand{display:flex;align-items:center;gap:10px;color:#fff;font-weight:700;font-size:18px;letter-spacing:1px}
.logo-mark{width:32px;height:32px;border-radius:7px;
  background:linear-gradient(135deg,var(--wood),var(--wood-2));display:flex;align-items:center;
  justify-content:center;color:#fff;font-size:15px;font-weight:800;flex:none}
.nav-links{display:flex;gap:30px;align-items:center}
.nav-links a{color:rgba(255,255,255,.86);font-size:15px;position:relative;padding:8px 0;transition:.2s}
.nav-links a:hover{color:#fff}
.nav-links a::after{content:"";position:absolute;left:0;bottom:2px;width:0;height:2px;
  background:var(--wood-2);transition:.22s}
.nav-links a:hover::after{width:100%}
.nav-cta{background:var(--wood);color:#fff;padding:9px 20px;border-radius:6px;font-size:14px;font-weight:600}
.nav-cta:hover{background:var(--wood-2)}
.nav-toggle{display:none;background:none;border:0;color:#fff;font-size:24px;cursor:pointer;line-height:1}

/* ---------- 通用大图底版块 ---------- */
.bg-sec{position:relative;overflow:hidden;isolation:isolate}
.bg-sec .bg{position:absolute;inset:0;z-index:-2;background-size:cover;background-position:center;
  transition:transform .8s ease}
.bg-sec .veil{position:absolute;inset:0;z-index:-1}
.veil-left{background:linear-gradient(90deg,rgba(11,30,47,.94) 0%,rgba(11,30,47,.82) 38%,rgba(11,30,47,.30) 75%,rgba(11,30,47,.15) 100%)}
.veil-bottom{background:linear-gradient(0deg,rgba(11,30,47,.93) 0%,rgba(11,30,47,.72) 42%,rgba(11,30,47,.30) 100%)}
.veil-full{background:rgba(11,30,47,.82)}
.veil-soft{background:linear-gradient(90deg,rgba(11,30,47,.90) 0%,rgba(11,30,47,.70) 50%,rgba(11,30,47,.45) 100%)}
.bg-sec .container{position:relative;z-index:1}

/* ---------- 首屏 Hero（全屏大图） ---------- */
.hero-full{min-height:88vh;display:flex;align-items:center;color:#fff}
.hero-full .hero-inner{max-width:760px;padding:110px 0 90px}
.hero-full .eyebrow{display:inline-block;font-size:12px;letter-spacing:4px;font-weight:700;
  color:var(--wood-2);border:1px solid rgba(217,138,43,.55);padding:6px 14px;border-radius:3px;margin-bottom:22px}
.hero-full h1{font-size:54px;line-height:1.22;font-weight:800;text-shadow:0 2px 20px rgba(0,0,0,.4)}
.hero-full h1 span{color:var(--wood-2)}
.hero-full .sub{margin-top:20px;font-size:17px;line-height:1.9;color:rgba(255,255,255,.88);
  max-width:640px;text-shadow:0 1px 10px rgba(0,0,0,.4)}
.hero-cta{display:flex;gap:14px;margin-top:34px;flex-wrap:wrap}
.btn{display:inline-block;background:var(--wood);color:#fff;padding:14px 30px;border-radius:6px;
  font-weight:700;font-size:15px;transition:.2s;border:1px solid transparent}
.btn:hover{background:var(--wood-2);transform:translateY(-2px)}
.btn-ghost{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.5);color:#fff;backdrop-filter:blur(6px)}
.btn-ghost:hover{background:rgba(255,255,255,.22)}
.btn-navy{background:var(--navy);color:#fff}
.btn-navy:hover{background:var(--navy-deep)}
.hero-scroll{position:absolute;left:0;right:0;bottom:26px;z-index:2;text-align:center;
  color:rgba(255,255,255,.7);font-size:12px;letter-spacing:3px}
.hero-scroll::after{content:"";display:block;width:1px;height:34px;margin:8px auto 0;
  background:linear-gradient(180deg,rgba(255,255,255,.7),transparent)}

/* ---------- 数据条 ---------- */
.stats-band{background:var(--navy-deep);color:#fff;padding:52px 0}
.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;text-align:center}
.stat .num{font-size:44px;font-weight:800;color:var(--wood-2);line-height:1.1}
.stat .num small{font-size:17px;margin-left:3px}
.stat .lbl{font-size:14px;color:rgba(255,255,255,.78);margin-top:6px}

/* ---------- 版块标题 ---------- */
.sec-head{max-width:780px;margin-bottom:44px}
.sec-head .en{display:inline-block;color:var(--wood);font-weight:800;letter-spacing:4px;font-size:13px;
  text-transform:uppercase}
.sec-head h2{font-size:36px;font-weight:800;margin-top:12px;line-height:1.3}
.sec-head p{margin-top:14px;font-size:16px;color:var(--gray);line-height:1.9}
.on-dark .sec-head h2{color:#fff;text-shadow:0 2px 14px rgba(0,0,0,.4)}
.on-dark .sec-head p{color:rgba(255,255,255,.85)}
.on-dark .sec-head .en{color:var(--wood-2)}

/* ---------- 大图左右分栏 ---------- */
.split{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center}
.split .txt h3{font-size:28px;font-weight:800;margin-bottom:16px;line-height:1.4}
.split .txt p{color:var(--gray);font-size:15.5px;line-height:2;margin-bottom:14px}
.split.rev .media{order:2}
.split-list{margin-top:22px;display:grid;gap:10px}
.split-list li{list-style:none;display:flex;gap:11px;align-items:flex-start;font-size:15px;color:var(--gray)}
.split-list li::before{content:"";flex:none;width:8px;height:8px;border-radius:2px;background:var(--wood);margin-top:9px}
.on-dark .split .txt h3{color:#fff}
.on-dark .split .txt p,.on-dark .split-list li{color:rgba(255,255,255,.85)}
.media{position:relative;border-radius:14px;overflow:hidden;box-shadow:0 18px 44px rgba(0,0,0,.28)}
.media img{width:100%;height:100%;object-fit:cover;aspect-ratio:4/3}
.media .tag{position:absolute;left:0;bottom:0;background:var(--wood);color:#fff;padding:9px 18px;
  font-size:13px;font-weight:700;letter-spacing:1px}

/* ---------- 通用网格（响应式） ---------- */
.cap-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.tech-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.info-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.grid-5{display:grid;grid-template-columns:repeat(5,1fr);gap:16px}

/* ---------- 玻璃卡片（大图底上） ---------- */
.glass{background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.20);
  backdrop-filter:blur(10px);border-radius:12px;padding:26px 24px;transition:.24s}
.glass:hover{background:rgba(255,255,255,.16);transform:translateY(-5px);
  border-color:rgba(217,138,43,.65)}
.glass .ico{width:48px;height:48px;border-radius:10px;background:var(--wood);color:#fff;
  display:flex;align-items:center;justify-content:center;font-size:21px;font-weight:800;margin-bottom:14px}
.glass h3{color:#fff;font-size:19px;margin-bottom:9px}
.glass p{color:rgba(255,255,255,.82);font-size:13.5px;line-height:1.8}
.glass .no{font-size:12px;font-weight:800;color:var(--wood-2);letter-spacing:2px}

/* ---------- 品牌 LOGO ---------- */
.logo-img{height:34px;width:auto;display:block;flex:none}
.brand .logo-txt{line-height:1.25;font-size:17px}
.brand .logo-txt small{display:block;font-size:10px;font-weight:500;letter-spacing:1.6px;
  color:rgba(255,255,255,.62);text-transform:uppercase}
.site-footer .brand .logo-txt small{color:rgba(255,255,255,.5)}

/* ---------- 科技卡片：图片衬于文字下方 ---------- */
.tech-tile{padding:0;overflow:hidden;display:flex;flex-direction:column}
.tech-tile .tile-body{padding:24px 24px 18px;flex:1}
.tech-tile .tile-img{width:100%;height:152px;object-fit:cover;display:block;
  border-top:1px solid rgba(255,255,255,.16)}
.tech-tile .tile-body .ico{margin-bottom:13px}

/* 白底卡片 */
.card{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 6px 22px rgba(23,59,92,.09);
  border:1px solid var(--line);transition:.22s}
.card:hover{transform:translateY(-5px);box-shadow:0 16px 34px rgba(23,59,92,.15)}
.card .thumb{height:190px;background:#ddd center/cover no-repeat}
.card .bar{height:5px;background:var(--wood)}
.card .body{padding:20px 20px 24px}
.card .en{color:var(--wood);font-size:11.5px;letter-spacing:2px;font-weight:800;text-transform:uppercase}
.card h3{font-size:18px;margin:8px 0 9px;font-weight:700}
.card p{color:var(--gray);font-size:13.5px;line-height:1.8}

/* ---------- 案例大图 ---------- */
.case-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:22px}
.case-tile{position:relative;overflow:hidden;border-radius:14px;min-height:300px;display:flex;
  align-items:flex-end;box-shadow:0 12px 32px rgba(0,0,0,.22)}
.case-tile img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0;transition:transform .7s}
.case-tile:hover img{transform:scale(1.06)}
.case-tile::after{content:"";position:absolute;inset:0;z-index:1;
  background:linear-gradient(0deg,rgba(11,30,47,.88),rgba(11,30,47,.18) 60%)}
.case-tile .cap{position:relative;z-index:2;padding:26px;color:#fff}
.case-tile .cap .en{color:var(--wood-2);font-weight:800;letter-spacing:2px;font-size:12px}
.case-tile .cap h3{font-size:22px;margin:7px 0 5px}
.case-tile .cap p{font-size:13.5px;color:rgba(255,255,255,.82)}

/* ---------- 新闻 ---------- */
.news-wrap{display:grid;grid-template-columns:1.3fr .7fr;gap:30px;align-items:stretch}
.news-list{display:flex;flex-direction:column;gap:14px}
.news-item{display:flex;gap:20px;padding:20px;background:rgba(255,255,255,.07);
  border:1px solid rgba(255,255,255,.13);border-radius:10px;transition:.2s}
.news-item:hover{background:rgba(255,255,255,.13);border-color:rgba(217,138,43,.5)}
.news-item .date{color:var(--wood-2);font-weight:800;font-size:13px;white-space:nowrap;min-width:92px}
.news-item h4{color:#fff;font-size:16.5px;font-weight:700;margin-bottom:5px}
.news-item p{color:rgba(255,255,255,.72);font-size:13.5px;line-height:1.8}
.news-feature{position:relative;border-radius:14px;overflow:hidden;min-height:300px;display:flex;
  align-items:flex-end;box-shadow:0 12px 32px rgba(0,0,0,.25)}
.news-feature img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.news-feature::after{content:"";position:absolute;inset:0;
  background:linear-gradient(0deg,rgba(11,30,47,.9),rgba(11,30,47,.2))}
.news-feature .cap{position:relative;z-index:2;padding:26px;color:#fff}
.news-feature .cap .en{color:var(--wood-2);font-weight:800;letter-spacing:2px;font-size:12px}
.news-feature .cap h3{font-size:22px;margin-top:7px}

/* ---------- 普通内容段 ---------- */
.section{padding:88px 0}
.section--navy{background:var(--navy);color:#fff}
.section--cream{background:var(--cream)}
.section--navy .sec-head h2{color:#fff}
.section--navy .sec-head p{color:rgba(255,255,255,.85)}
.section--navy .sec-head .en{color:var(--wood-2)}

/* ---------- 内页大图头 ---------- */
.page-hero{position:relative;overflow:hidden;color:#fff;min-height:420px;display:flex;align-items:center}
.page-hero .bg{position:absolute;inset:0;z-index:-2;background-size:cover;background-position:center}
.page-hero .veil{position:absolute;inset:0;z-index:-1;
  background:linear-gradient(90deg,rgba(11,30,47,.93),rgba(11,30,47,.62) 60%,rgba(11,30,47,.35))}
.page-hero .en{color:var(--wood-2);font-weight:800;letter-spacing:4px;font-size:13px}
.page-hero h1{font-size:42px;font-weight:800;margin-top:12px;text-shadow:0 2px 16px rgba(0,0,0,.4)}
.page-hero p{color:rgba(255,255,255,.85);margin-top:14px;max-width:720px;font-size:16px;line-height:1.9}

/* ---------- 页脚 ---------- */
.site-footer{background:var(--navy-deep);color:rgba(255,255,255,.78);padding:60px 0 26px}
.footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1.2fr;gap:36px;
  padding-bottom:34px;border-bottom:1px solid rgba(255,255,255,.12)}
.footer-grid .brand{margin-bottom:14px}
.footer-grid p{font-size:13.5px;line-height:1.9}
.footer-col h4{color:#fff;font-size:15px;margin-bottom:14px;font-weight:700}
.footer-col a,.footer-col div{display:block;font-size:13.5px;color:rgba(255,255,255,.72);padding:5px 0;transition:.2s}
.footer-col a:hover{color:var(--wood-2)}
.footer-bottom{text-align:center;font-size:13px;color:rgba(255,255,255,.55);padding-top:22px}

/* ---------- 响应式 ---------- */
@media(max-width:1000px){
  .split,.news-wrap{grid-template-columns:1fr}
  .split.rev .media{order:0}
  .stats-grid{grid-template-columns:repeat(2,1fr);gap:30px 16px}
  .hero-full h1{font-size:40px}
  .footer-grid{grid-template-columns:1fr 1fr}
  .case-grid{grid-template-columns:1fr}
  .cap-grid,.tech-grid,.info-grid{grid-template-columns:repeat(2,1fr)}
  .grid-5{grid-template-columns:repeat(3,1fr)}
}
@media(max-width:620px){
  .nav-links{display:none;position:absolute;top:68px;left:0;right:0;background:var(--navy);
    flex-direction:column;gap:0;padding:8px 0;box-shadow:0 10px 20px rgba(0,0,0,.25)}
  .nav-links.open{display:flex}
  .nav-links a{padding:12px 24px}
  .nav-toggle{display:block}
  .hero-full h1{font-size:29px}
  .hero-full .sub{font-size:15px}
  .hero-inner{padding:80px 0 70px}
  .sec-head h2{font-size:25px}
  .section{padding:60px 0}
  .page-hero h1{font-size:27px}
  .stats-grid{grid-template-columns:1fr 1fr}
  .stat .num{font-size:32px}
  .cap-grid,.tech-grid,.info-grid,.grid-5{grid-template-columns:1fr}
}

/* ---------- Reference-inspired editorial landing page ---------- */
:root{--orange:#f39a00;--navy:#073d59;--ink:#26343d;--soft-white:#f4f3ef;--maxw:1280px}
body{color:var(--ink);background:#f4f3ef}
.topline{height:30px;background:#f2f1ed;color:#727a7b;font-size:11px;letter-spacing:.05em}
.topline-inner{height:100%;display:flex;align-items:center;justify-content:space-between}
.site-header{position:sticky;top:0;background:#fff;box-shadow:0 2px 14px rgba(25,39,44,.08)}
.site-header .nav{height:68px}
.site-header .brand{color:#34414a;font-size:17px;gap:10px;letter-spacing:.02em}
.site-header .brand small,.site-footer .brand small{display:block;color:#99a0a0;font-size:8px;letter-spacing:.14em;line-height:1.1;margin-top:3px;font-weight:500}
.logo-mark{border-radius:3px;background:var(--orange);width:31px;height:31px}
.nav-links{gap:27px}.nav-links a{color:#414c52;font-size:13px}.nav-links a:hover{color:#e28d00}
.nav-links a::after{background:var(--orange)}
.nav-cta{border-radius:2px;background:var(--orange);font-size:12px;padding:10px 17px}
.subnav{height:24px;background:var(--orange);color:#fff}
.subnav .container{height:100%;display:flex;align-items:center;justify-content:flex-end;gap:28px}
.subnav a{font-size:10px;line-height:1;opacity:.95}.subnav a:hover{text-decoration:underline}
.nav-toggle{color:#3b474f}
.hero-reference{min-height:515px;display:flex;align-items:center;color:#fff}
.hero-reference>.bg{position:absolute;inset:0;z-index:-2;background-size:cover;background-position:center 53%;transition:transform .9s}
.hero-reference:hover>.bg,.bg-sec:hover>.bg{transform:scale(1.015)}
.hero-reference>.veil{position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(7,26,35,.3) 0%,rgba(9,28,36,.1) 38%,rgba(6,24,33,.68) 100%),linear-gradient(0deg,rgba(0,0,0,.16),transparent 45%)}
.hero-reference-inner{position:relative;display:flex;align-items:center;justify-content:flex-end;min-height:515px;padding-top:34px;padding-bottom:45px}
.hero-copy{width:min(650px,58%);text-align:left;text-shadow:0 2px 16px rgba(0,0,0,.48)}
.eyebrow{font-size:10px;letter-spacing:.22em;color:#ffe0a1;font-weight:700}
.hero-copy h1{font-size:clamp(36px,5.1vw,60px);line-height:1.25;margin:15px 0 16px;font-weight:650;letter-spacing:.035em}
.hero-copy p{max-width:560px;font-size:15px;line-height:1.95;color:rgba(255,255,255,.94)}
.hero-cta{display:flex;gap:11px;margin-top:25px;flex-wrap:wrap}
.btn{border-radius:2px;background:var(--orange);padding:11px 20px;font-size:12px;box-shadow:none}
.btn b{padding-left:12px;font-size:15px}.btn:hover{transform:translateY(-2px)}
.btn-outline{background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.8);backdrop-filter:blur(3px)}
.hero-side-note{position:absolute;left:24px;bottom:39px;display:flex;align-items:center;gap:12px;font-size:10px;letter-spacing:.09em;color:rgba(255,255,255,.78)}
.hero-side-note i{display:block;width:38px;height:1px;background:var(--orange)}
.scroll-cue{position:absolute;left:50%;bottom:0;transform:translateX(-50%);font-size:9px;letter-spacing:.18em;color:rgba(255,255,255,.75);text-align:center}
.scroll-cue span{display:block;font-size:17px;color:#fff;line-height:1.2}
.section-kicker{font-size:10px;font-weight:700;letter-spacing:.18em;color:#ffb72b;text-transform:uppercase}
.section-kicker span{margin-left:14px;color:rgba(255,255,255,.68);font-size:9px;letter-spacing:.12em}
.about-image-section,.wood-feature,.craft-image-section,.tech-image-section,.project-image-section,.news-image-section,.closing-image-section{position:relative;overflow:hidden;isolation:isolate;color:#fff}
.about-image-section>.bg,.wood-feature>.bg,.craft-image-section>.bg,.tech-image-section>.bg,.project-image-section>.bg,.news-image-section>.bg,.closing-image-section>.bg{position:absolute;inset:0;z-index:-2;background-size:cover;background-position:center;transition:transform .8s}
.about-image-section>.veil,.wood-feature>.veil,.craft-image-section>.veil,.tech-image-section>.veil,.project-image-section>.veil,.news-image-section>.veil,.closing-image-section>.veil{position:absolute;inset:0;z-index:-1}
.about-image-section{min-height:580px;display:flex;align-items:center}
.about-image-section>.bg{background-position:center 46%}
.about-image-section>.veil{background:linear-gradient(90deg,rgba(4,42,62,.76),rgba(4,50,72,.70)),linear-gradient(0deg,rgba(2,32,48,.25),transparent)}
.about-image-content{padding-top:70px;padding-bottom:48px}
.about-copy{display:grid;grid-template-columns:.92fr 1.08fr;gap:70px;align-items:center;margin:43px 0 55px}
.about-copy h2,.wood-feature-copy h2,.project-copy h2,.news-intro h2{font-size:clamp(34px,4.3vw,50px);line-height:1.36;letter-spacing:.03em}
.about-description{max-width:590px;color:rgba(255,255,255,.9);font-size:14px;line-height:2}
.about-description p+p{margin-top:12px}
.image-stats{display:grid;grid-template-columns:1fr 1fr 1fr auto;gap:28px;align-items:center;border-top:1px solid rgba(255,255,255,.32);padding-top:26px}
.image-stats>div{display:flex;align-items:baseline;gap:12px}.image-stats b{color:#ffae12;font-size:29px;line-height:1}.image-stats span{font-size:11px;color:rgba(255,255,255,.88)}
.image-stats>a,.text-link{color:#ffb21b;font-size:12px;font-weight:700;letter-spacing:.04em}.image-stats>a span{font-size:18px;margin-left:9px}
.wood-feature{min-height:685px;display:flex;align-items:center}
.wood-feature>.bg{background-position:center 54%}.wood-feature>.veil{background:linear-gradient(90deg,rgba(12,29,38,.89),rgba(9,26,34,.69) 54%,rgba(7,23,30,.48)),linear-gradient(0deg,rgba(3,18,24,.36),transparent 55%)}
.wood-feature-inner{padding-top:68px;padding-bottom:62px}.wood-feature-copy{display:grid;grid-template-columns:1fr .8fr;gap:60px;align-items:end;padding:46px 0 60px}
.ghost-number{display:block;color:rgba(255,255,255,.24);font-family:Georgia,serif;font-size:15px;letter-spacing:.2em;margin-bottom:12px}
.wood-feature-copy h2{font-size:clamp(38px,5vw,58px)}.wood-feature-desc{max-width:470px;color:rgba(255,255,255,.86);font-size:14px;line-height:2}
.wood-feature-desc .text-link{display:inline-block;margin-top:19px}.text-link span{font-size:19px;margin-left:10px}
.wood-strip{border-top:1px solid rgba(255,255,255,.44);display:grid;grid-template-columns:repeat(4,1fr)}
.wood-strip a{display:flex;align-items:center;gap:12px;padding:17px 12px;border-bottom:1px solid rgba(255,255,255,.28);font-size:12px;color:#fff}
.wood-strip a+a{border-left:1px solid rgba(255,255,255,.25)}.wood-strip a span{color:#ffb21b;font-size:10px}.wood-strip a b{margin-left:auto;color:#ffb21b;font-size:15px;font-weight:500}
.craft-image-section{min-height:570px;display:flex;align-items:center}.craft-image-section>.bg{background-position:center 47%}.craft-image-section>.veil{background:linear-gradient(90deg,rgba(9,25,34,.25),rgba(9,25,34,.1) 42%,rgba(4,19,25,.69)),linear-gradient(0deg,rgba(4,19,25,.25),transparent)}
.craft-content{padding-top:48px;padding-bottom:48px}.craft-panel{margin-left:auto;margin-top:20px;width:min(470px,48%);padding:37px;background:rgba(239,148,0,.93);color:#fff}
.craft-panel .small-label{font-size:10px;letter-spacing:.12em}.craft-panel h2{font-size:42px;line-height:1.25;margin:13px 0 15px}.craft-panel p{font-size:13px;line-height:1.9;color:rgba(255,255,255,.94)}.craft-panel .btn{display:inline-block;margin-top:19px;background:#fff;color:#9c5c08}
.craft-caption{font-size:10px;color:rgba(255,255,255,.84);letter-spacing:.08em;margin-top:12px;text-align:right}
.tech-image-section{min-height:720px;display:flex;align-items:center}.tech-image-section>.bg{background-position:center 45%}.tech-image-section>.veil{background:linear-gradient(90deg,rgba(6,48,72,.80),rgba(8,56,81,.76)),linear-gradient(0deg,rgba(3,38,57,.3),transparent)}
.tech-image-content{padding-top:68px;padding-bottom:65px}.tech-heading{display:grid;grid-template-columns:1fr .7fr;gap:60px;align-items:end;margin:32px 0 44px}
.tech-heading h2{font-size:clamp(33px,4.2vw,49px);line-height:1.42}.tech-heading h2 em{color:#ffad12;font-style:normal}.tech-heading p{font-size:13px;line-height:2;color:rgba(255,255,255,.86);max-width:480px}
.tech-panels{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid rgba(255,255,255,.4);border-bottom:1px solid rgba(255,255,255,.4)}
.tech-panels a{position:relative;padding:21px 19px 25px;background:rgba(3,33,50,.31);backdrop-filter:blur(5px);border-right:1px solid rgba(255,255,255,.23);transition:background .2s}
.tech-panels a:hover{background:rgba(243,154,0,.8)}.tech-panels a:last-child{border:0}.tech-panels a>span{font-size:9px;letter-spacing:.13em;color:#ffbc3d}.tech-panels h3{font-size:16px;margin:14px 0 9px}.tech-panels p{font-size:11px;line-height:1.8;color:rgba(255,255,255,.8);padding-right:10px}.tech-panels b{position:absolute;right:18px;bottom:18px;font-size:16px;color:#ffb21b}
.project-image-section{min-height:570px;display:flex;align-items:center}.project-image-section>.bg{background-position:center 54%}.project-image-section>.veil{background:linear-gradient(90deg,rgba(4,29,38,.72),rgba(4,29,38,.37) 54%,rgba(4,29,38,.25)),linear-gradient(0deg,rgba(5,20,24,.24),transparent)}
.project-content{padding-top:54px;padding-bottom:52px}.project-copy{max-width:500px;padding:58px 0 54px}.project-copy h2{font-size:clamp(38px,5vw,56px)}.project-copy p{font-size:13px;line-height:2;color:rgba(255,255,255,.89);margin:18px 0 20px}.project-label{display:flex;justify-content:space-between;align-items:center;border-top:1px solid rgba(255,255,255,.42);padding-top:17px;font-size:10px;letter-spacing:.1em}.project-label b{font-size:12px;letter-spacing:.03em}
.news-image-section{min-height:570px;display:flex;align-items:center}.news-image-section>.bg{background-position:center 42%}.news-image-section>.veil{background:linear-gradient(90deg,rgba(14,19,24,.75),rgba(12,19,24,.75)),linear-gradient(0deg,rgba(0,0,0,.28),transparent)}
.news-content{padding-top:64px;padding-bottom:62px}.news-layout{display:grid;grid-template-columns:.72fr 1.28fr;gap:58px;align-items:center;margin-top:34px}.news-intro h2{font-size:38px}.news-intro p{font-size:12px;line-height:2;color:rgba(255,255,255,.83);margin:15px 0 18px}.news-list{display:flex;flex-direction:column}
.news-item{display:grid;grid-template-columns:88px 1fr 24px;gap:16px;align-items:center;padding:19px 13px;background:rgba(255,255,255,.92);border:0;border-radius:0;color:#30383d;box-shadow:0 4px 20px rgba(0,0,0,.13)}
.news-item+.news-item{border-top:1px solid #e1e0dc}.news-item time{color:#858a8a;font-size:10px}.news-item span b{display:block;font-size:13px;color:#e28d00;margin-bottom:4px}.news-item span small{display:block;font-size:10px;color:#6f7779;line-height:1.7}.news-item>i{color:#e28d00;font-style:normal}
.closing-image-section{min-height:390px;display:flex;align-items:center;text-align:center}.closing-image-section>.bg{background-position:center 52%}.closing-image-section>.veil{background:linear-gradient(90deg,rgba(5,41,59,.62),rgba(5,41,59,.42)),linear-gradient(0deg,rgba(5,30,46,.17),transparent)}
.closing-content{padding-top:58px;padding-bottom:58px}.closing-content>span{font-size:9px;letter-spacing:.19em;color:#ffe1ab}.closing-content h2{font-size:clamp(29px,4vw,43px);line-height:1.45;margin:14px 0 9px}.closing-content p{font-size:12px;color:rgba(255,255,255,.88);margin-bottom:20px}.closing-content .btn{display:inline-block}
.site-footer{background:#737778;color:#e9e9e7;padding:42px 0 20px}.footer-grid{grid-template-columns:1.45fr .7fr .7fr 1.25fr;gap:28px;padding-bottom:25px;border-color:rgba(255,255,255,.28)}
.site-footer .brand{font-size:16px;color:#fff}.site-footer .logo-mark{background:var(--orange)}.site-footer .footer-brand p,.footer-contact p,.footer-contact a,.footer-col a{font-size:11px;line-height:1.8;color:rgba(255,255,255,.82)}.footer-brand p{margin-top:13px;max-width:300px}.site-footer h4{color:#fff;font-size:12px;margin-bottom:9px}.footer-contact a{display:block;padding:3px 0}.footer-bottom{display:flex;justify-content:space-between;font-size:10px;color:rgba(255,255,255,.74);text-align:left;padding-top:16px}
@media(max-width:1000px){.hero-copy{width:min(620px,72%)}.about-copy,.wood-feature-copy,.tech-heading{gap:34px}.tech-panels{grid-template-columns:repeat(2,1fr)}.tech-panels a:nth-child(2){border-right:0}.tech-panels a:nth-child(-n+2){border-bottom:1px solid rgba(255,255,255,.23)}.news-layout{gap:28px}.footer-grid{grid-template-columns:1fr 1fr}}
@media(max-width:620px){.topline{height:26px}.topline-inner{font-size:9px}.site-header .nav{height:62px}.site-header .nav-cta{display:none}.nav-links{top:62px}.subnav{display:none}.hero-reference,.hero-reference-inner{min-height:570px}.hero-reference>.veil{background:linear-gradient(90deg,rgba(4,20,28,.53),rgba(4,20,28,.48)),linear-gradient(0deg,rgba(3,17,23,.4),transparent)}.hero-reference-inner{justify-content:flex-start;align-items:center;padding-top:40px}.hero-copy{width:100%;max-width:500px}.hero-copy h1{font-size:37px}.hero-copy p{font-size:13px}.hero-side-note{display:none}.scroll-cue{bottom:8px}.about-image-section,.wood-feature,.craft-image-section,.tech-image-section,.project-image-section,.news-image-section{min-height:0}.about-image-content,.wood-feature-inner,.craft-content,.tech-image-content,.project-content,.news-content{padding-top:48px;padding-bottom:45px}.about-copy,.wood-feature-copy,.tech-heading,.news-layout{grid-template-columns:1fr;gap:20px;margin:26px 0 30px;padding:0}.about-copy h2,.wood-feature-copy h2,.project-copy h2{font-size:34px}.about-description{font-size:12px}.image-stats{grid-template-columns:1fr 1fr;gap:18px}.image-stats>div{display:block}.image-stats span{display:block;margin-top:6px}.image-stats>a{grid-column:1/-1}.wood-strip{grid-template-columns:1fr 1fr}.wood-strip a{font-size:10px;padding:13px 5px}.wood-strip a:nth-child(3){border-left:0}.ghost-number{margin-top:13px}.wood-feature-desc{font-size:12px}.craft-image-section{min-height:480px}.craft-panel{width:100%;margin-top:27px;padding:26px}.craft-panel h2{font-size:34px}.craft-panel p{font-size:12px}.craft-caption{font-size:9px}.tech-heading{margin:23px 0}.tech-heading h2{font-size:32px}.tech-heading p{font-size:12px}.tech-panels{grid-template-columns:1fr}.tech-panels a{border-right:0!important;border-bottom:1px solid rgba(255,255,255,.23)}.tech-panels a:last-child{border-bottom:0}.project-copy{padding:33px 0}.project-copy h2{font-size:37px}.project-copy p{font-size:12px}.project-label{align-items:flex-start;gap:12px;flex-direction:column}.news-layout{margin-top:25px}.news-intro h2{font-size:33px}.news-item{grid-template-columns:68px 1fr 18px;gap:10px;padding:15px 9px}.news-item span b{font-size:11px}.news-item span small{font-size:9px}.closing-image-section{min-height:340px}.closing-content h2{font-size:29px}.footer-grid{grid-template-columns:1fr 1fr;gap:22px}.footer-brand,.footer-contact{grid-column:1/-1}.footer-bottom{flex-direction:column;gap:7px;font-size:9px}}