@font-face{font-family:Smiley;src:url('assets/fonts/smiley-sans-display.woff2') format('woff2');font-display:swap}
:root{--board:#06251d;--board-deep:#031510;--board-mid:#0b382b;--copper:#e07b32;--paper:#f1eee5;--ink:#101712;--muted:#5d655f;--light:#f6f3e9;--max:1480px}
*{box-sizing:border-box;scrollbar-color:#9c4f20 var(--board-deep);scrollbar-width:thin}html{scroll-behavior:smooth}body{margin:0;background:var(--board-deep);color:var(--light);font-family:Arial,'Microsoft YaHei',sans-serif;line-height:1.65}img{display:block;width:100%;height:auto}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a{touch-action:manipulation}::selection{background:var(--copper);color:#07150f}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:var(--board-deep)}::-webkit-scrollbar-thumb{background:#9c4f20;border:2px solid var(--board-deep)}.skip-link{position:fixed;top:-5rem;left:1rem;z-index:200;background:var(--copper);color:#111;padding:.75rem 1rem}.skip-link:focus{top:1rem}.site-header{position:absolute;z-index:30;top:0;left:0;right:0;height:82px;padding:0 clamp(22px,4vw,68px);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.16)}.brand{display:flex;align-items:center;gap:13px;min-height:44px}.brand svg{width:40px;fill:none;stroke:var(--copper);stroke-width:2}.brand span{display:flex;flex-direction:column;line-height:1.15}.brand strong{font-size:15px;letter-spacing:.03em}.brand small{font-size:10px;color:#b6c0b8;letter-spacing:.16em;margin-top:6px}.desktop-nav{display:flex;gap:clamp(18px,2.1vw,36px);font-size:13px}.desktop-nav a{min-height:44px;display:flex;align-items:center}.desktop-nav a:hover,.desktop-nav a:focus-visible{color:var(--copper)}.menu-button{display:none;background:none;border:0;color:#fff;min-width:54px;min-height:44px}.menu-button i{display:block;width:28px;border-top:1px solid currentColor;margin-top:5px}.mobile-nav{position:fixed;inset:0;z-index:100;background:var(--board-deep);padding:28px}.mobile-nav .nav-close{float:right;min-height:44px;min-width:64px;border:1px solid #577167;background:none;color:white}.mobile-nav nav{clear:both;padding-top:10vh;display:flex;flex-direction:column}.mobile-nav a{font-family:Smiley,'Microsoft YaHei',sans-serif;font-size:clamp(34px,10vw,58px);line-height:1.35;padding:12px 0;border-bottom:1px solid #23493d}.nav-close:focus-visible,.mobile-nav a:focus-visible{outline:2px solid var(--copper);outline-offset:4px}
.hero{position:relative;min-height:100svh;display:flex;align-items:flex-end;overflow:hidden;background:var(--board-deep)}.hero>img{position:absolute;inset:0;height:100%;object-fit:cover;object-position:center}.hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,21,16,.96) 0%,rgba(3,21,16,.7) 43%,rgba(3,21,16,.08) 80%),linear-gradient(0deg,rgba(3,21,16,.8),transparent 50%)}.hero-copy{position:relative;z-index:3;padding:0 0 clamp(60px,9vh,110px) clamp(22px,5vw,80px);width:min(850px,72vw)}.hero h1,.heading-block h2,.quality h2,.green h2,.contact h2{font-family:Smiley,'Microsoft YaHei',sans-serif;font-weight:400;letter-spacing:-.03em}.hero h1{font-size:clamp(58px,7vw,96px);line-height:.95;margin:0 0 .35em}.hero h1 em{font-style:normal;color:var(--copper)}.hero-copy>p{max-width:580px;color:#ccd5ce;font-size:clamp(16px,1.3vw,20px)}.line-link{display:inline-flex;align-items:center;gap:44px;min-height:44px;border-bottom:1px solid #a9b4ad;padding:10px 0;margin-top:14px;font-weight:700}.line-link span{color:var(--copper)}.registration-mark{position:absolute;z-index:2;width:34px;height:34px}.registration-mark:before,.registration-mark:after{content:"";position:absolute;background:rgba(255,255,255,.55)}.registration-mark:before{left:16px;top:0;width:1px;height:34px}.registration-mark:after{left:0;top:16px;width:34px;height:1px}.mark-a{right:4vw;top:12vh}.mark-b{right:9vw;bottom:8vh}.route-base{position:absolute;z-index:2;left:4vw;right:0;bottom:3.5vh;height:1px;background:rgba(255,255,255,.25)}.route-base:before,.route-base:after{content:"";position:absolute;border:2px solid var(--copper);border-radius:50%;width:9px;height:9px;top:-5px}.route-base:before{left:0}.route-base:after{right:5vw}.route-base i{display:block;width:64%;height:1px;background:var(--copper);animation:trace-on 1.3s cubic-bezier(.16,1,.3,1) .2s 1 both;transform-origin:left}@keyframes trace-on{from{transform:scaleX(.08);filter:blur(2px)}to{transform:scaleX(1);filter:blur(0)}}
.section{position:relative;max-width:var(--max);margin:auto;padding:clamp(90px,11vw,170px) clamp(22px,5vw,80px)}.heading-block{display:grid;grid-template-columns:2fr 1fr;gap:50px;align-items:end;margin-bottom:70px}.heading-block h2,.quality h2,.green h2,.contact h2{font-size:clamp(44px,5.7vw,88px);line-height:1.05;margin:0;color:var(--ink)}.heading-block>p,.quality-copy>p:first-of-type,.green-copy>p:first-of-type,.contact-copy>p:first-of-type{margin:0;color:#505a53;font-size:12px;letter-spacing:.16em}.products{max-width:none;background:var(--paper);color:var(--ink);padding-left:max(22px,calc((100vw - var(--max))/2 + 80px));padding-right:max(22px,calc((100vw - var(--max))/2 + 80px));overflow:hidden}.product-panel{width:68%;margin:0 0 0 auto}.product-panel img{aspect-ratio:16/9;object-fit:cover}.product-panel figcaption,.cross-section figcaption{font-size:12px;color:#59625c;border-top:1px solid #a9afa9;padding-top:10px;margin-top:12px}.product-copy{width:70%;display:grid;grid-template-columns:1.2fr 1fr;gap:8vw;margin:65px auto 100px 0}.lead{font-size:clamp(22px,2.2vw,34px);line-height:1.4;margin:0}.product-copy>p:last-child{color:#4f5751;margin-top:5px}.cross-section{width:58%;margin:0 auto 0 0;position:relative}.cross-section:after{content:"";position:absolute;left:100%;top:35%;width:38vw;border-top:1px solid var(--copper)}.cross-section img{aspect-ratio:4/3;object-fit:cover}.route{overflow:hidden}.heading-block.inverse h2{color:var(--light)}.heading-block.inverse>p{color:#bdc9c1}.route-index{list-style:none;padding:0;margin:0 0 80px;display:grid;grid-template-columns:repeat(9,1fr);border-top:1px solid #2f574b;border-bottom:1px solid #2f574b}.route-index li{min-height:94px;padding:18px 10px;border-right:1px solid #2f574b;display:flex;flex-direction:column;justify-content:space-between}.route-index li:last-child{border-right:0}.route-index b{font-family:Smiley,sans-serif;color:var(--copper);font-size:22px;font-weight:400}.route-index span{font-size:12px;color:#cbd4cd}.route-track{position:absolute;top:30%;bottom:8%;left:50%;width:1px;background:#2d5a4b}.route-track i{position:absolute;top:0;left:-5px;width:11px;height:11px;border:2px solid var(--copper);border-radius:50%;background:var(--board-deep)}.route-story{display:grid;grid-template-columns:.85fr 1.15fr;align-items:center;min-height:560px;border-top:1px solid #24473b}.route-story.reverse{grid-template-columns:1.15fr .85fr}.route-story.reverse>div{order:2}.route-story.reverse>img{order:1}.route-story>div{padding:clamp(35px,6vw,90px)}.route-story h3{font-family:Smiley,'Microsoft YaHei',sans-serif;font-size:clamp(30px,3.3vw,52px);line-height:1.15;font-weight:400;margin:0 0 .5em}.route-story p{color:#aebcb3}.route-story img{height:100%;min-height:560px;object-fit:cover}.quality{max-width:none;padding:0;background:var(--paper);color:var(--ink);display:grid;grid-template-columns:1.15fr .85fr}.quality-image{position:relative;min-height:720px}.quality-image img{height:100%;object-fit:cover}.inspection-sweep{position:absolute;left:0;right:0;top:56%;height:2px;background:var(--copper);box-shadow:0 0 18px rgba(224,123,50,.65)}.quality-copy{padding:clamp(70px,10vw,150px) clamp(30px,7vw,110px);align-self:center}.quality-copy>p:first-of-type{margin-top:24px}.quality-copy .lead{margin:45px 0 24px}.quality-copy>p:last-child{color:#525b55}.green{max-width:none;min-height:790px;padding:0;display:flex;align-items:flex-end;overflow:hidden}.green>img{position:absolute;inset:0;height:100%;object-fit:cover}.green-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,21,16,.92),rgba(3,21,16,.18)),linear-gradient(0deg,rgba(3,21,16,.8),transparent 58%)}.green-copy{position:relative;z-index:2;width:min(760px,80vw);padding:clamp(70px,9vw,135px) clamp(22px,6vw,96px)}.green h2{color:var(--light)}.green-copy>p:first-of-type{color:#ced9d1;margin:24px 0 42px}.green-copy>p:last-child{color:#d3ddd6;max-width:620px}.contact{display:grid;grid-template-columns:.9fr 1.1fr;gap:9vw}.contact h2{color:var(--light)}.contact-copy>p:first-of-type{color:#b9c6be;margin-top:24px}.contact-copy>p:nth-of-type(2){color:#aebcb3}.contact address{font-style:normal;color:#d7e0d9;margin-top:38px}.contact address a{display:inline-flex;min-height:44px;align-items:center;color:var(--copper)}.inquiry-form{display:grid;grid-template-columns:1fr 1fr;gap:30px 28px}.inquiry-form label{display:flex;flex-direction:column;color:#b8c4bc;font-size:12px}.inquiry-form .full{grid-column:1/-1}.inquiry-form input,.inquiry-form select,.inquiry-form textarea{background:transparent;color:#fff;border:0;border-bottom:1px solid #537064;border-radius:0;padding:10px 0;min-height:48px;outline:none;caret-color:var(--copper)}.inquiry-form select option{background:var(--board-deep)}.inquiry-form input:focus,.inquiry-form select:focus,.inquiry-form textarea:focus{border-color:var(--copper)}.inquiry-form input[aria-invalid="true"],.inquiry-form textarea[aria-invalid="true"]{border-color:#ff9a80;box-shadow:0 2px 0 #ff9a80}.inquiry-form button{grid-column:1/-1;justify-self:end;min-width:220px;min-height:52px;padding:0 22px;border:0;background:var(--copper);color:#111;font-weight:700;display:flex;align-items:center;justify-content:space-between;cursor:pointer}.form-status{grid-column:1/-1;min-height:26px;margin:0;color:#edf2ed}footer{max-width:var(--max);margin:auto;border-top:1px solid #25463b;padding:42px clamp(22px,5vw,80px);display:grid;grid-template-columns:1.3fr 1fr auto;gap:40px;align-items:end;color:#aab8af;font-size:12px}.footer-brand{display:flex;flex-direction:column;gap:7px}.footer-brand strong{color:#f5f4ed;font-size:14px}.footer-brand span{letter-spacing:.08em}footer nav{display:flex;flex-wrap:wrap;gap:18px}footer a{min-height:44px;display:flex;align-items:center}footer a:hover,footer a:focus-visible{color:var(--copper)}footer>p{margin:0;white-space:nowrap}
@media(max-width:950px){.desktop-nav{display:none}.menu-button{display:block}.site-header{height:70px}.hero-copy{width:88vw}.heading-block{grid-template-columns:1fr;gap:18px}.route-index{grid-template-columns:repeat(3,1fr)}.route-index li:nth-child(3n){border-right:0}.product-copy{width:85%}.quality{grid-template-columns:1fr}.quality-image{min-height:560px}.contact{grid-template-columns:1fr;gap:70px}footer{grid-template-columns:1fr 1fr}footer>p{grid-column:1/-1}}
@media(max-width:620px){.brand strong{font-size:13px}.brand small{display:none}.hero{min-height:820px}.hero>img{object-position:62% center}.hero-overlay{background:linear-gradient(0deg,rgba(3,21,16,.97),rgba(3,21,16,.55) 63%,rgba(3,21,16,.1))}.hero-copy{padding-left:22px;padding-bottom:70px;width:95vw}.hero h1{font-size:clamp(52px,15vw,68px)}.registration-mark{display:none}.section{padding:90px 22px}.heading-block{margin-bottom:46px}.product-panel{width:calc(100% + 22px);margin-right:-22px}.product-copy{width:100%;grid-template-columns:1fr;gap:24px;margin:48px 0 70px}.cross-section{width:calc(100% + 22px);margin-left:-22px}.cross-section figcaption{margin-left:22px}.route-index{grid-template-columns:repeat(3,1fr);margin-bottom:48px}.route-index li{min-height:86px}.route-track{left:22px;top:37%}.route-story,.route-story.reverse{display:flex;flex-direction:column;min-height:0;margin-left:12px}.route-story.reverse>div,.route-story>div{order:1;padding:42px 18px}.route-story.reverse>img,.route-story>img{order:2;min-height:0;height:auto;aspect-ratio:4/3}.quality-image{min-height:430px}.quality-copy{padding:70px 22px}.green{min-height:700px}.green-copy{width:100vw}.contact{padding-top:80px}.inquiry-form{grid-template-columns:1fr}.inquiry-form .full,.inquiry-form button,.form-status{grid-column:1}.inquiry-form button{justify-self:stretch}footer{grid-template-columns:1fr;padding:36px 22px}.footer-brand,footer nav,footer>p{grid-column:1}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}