:root{--ink:#202421;--muted:#606760;--accent:#f39300;--paper:#fff;--line:#dce0db;--sage:#e8ece6;--max:1320px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:var(--paper);line-height:1.6;letter-spacing:0}a{color:inherit;text-decoration:none}button{font:inherit}img{display:block;max-width:100%;object-fit:cover}h1,h2,h3,p{margin:0}h1,h2,h3{font-weight:500;line-height:1.1;text-wrap:balance}h2{font-size:48px}h3{font-size:25px}p{max-width:70ch}a:focus-visible,button:focus-visible{outline:2px solid var(--accent);outline-offset:6px}.wrap{width:min(var(--max),calc(100% - 112px));margin-inline:auto}.eyebrow{font:12px/1.4 'Courier New',monospace;text-transform:uppercase;display:flex;align-items:center;gap:12px;margin-bottom:26px}.eyebrow:before{content:'';width:20px;height:3px;background:var(--accent);flex:none}.light{color:#fff}.arrow{display:inline-block;font-size:24px;line-height:1;transition:transform .3s}.text-link{display:inline-flex;gap:40px;align-items:center;padding:14px 0;border-bottom:1px solid var(--ink);font-size:14px;white-space:nowrap}.text-link:hover .arrow,.button:hover .arrow,.nav-contact:hover .arrow{transform:translate(3px,-3px)}.skip{position:fixed;top:-100px;left:15px;padding:12px;background:#fff;z-index:100}.skip:focus{top:10px}
.header{height:104px;display:flex;align-items:center;padding:10px 4%;gap:32px;background:#fff;position:sticky;top:0;z-index:30;border-bottom:1px solid var(--line);transition:transform .3s}.header.hidden{transform:translateY(-100%)}.brand{flex:none}.brand img{width:57px;height:80px;object-fit:contain}.header-note{font:10px/1.65 'Courier New',monospace;color:var(--muted);border-left:1px solid var(--line);padding-left:24px}.header nav{margin-left:auto;display:flex;align-items:center;gap:40px;font-size:14px}.header nav>a:not(.nav-contact){position:relative;padding:12px 0}.header nav>a[aria-current]:after{content:'';position:absolute;bottom:2px;height:2px;width:18px;left:0;background:var(--accent)}.header nav>a:not(.nav-contact):hover{color:#a45a00}.nav-contact{display:flex;align-items:center;gap:36px;background:var(--ink);color:#fff;padding:15px 22px}.nav-contact .arrow{color:var(--accent)}.menu-toggle{display:none}
.hero{height:min(760px,calc(100svh - 158px));min-height:570px;position:relative;isolation:isolate;background:#474946;color:white;overflow:hidden}.hero-image{position:absolute;width:100%;height:100%;object-position:65% center;z-index:-2;animation:hero-entry 1.3s ease-out both}.hero:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(22,27,25,.8),rgba(22,27,25,.32) 48%,transparent 75%);z-index:-1}.hero-content{position:absolute;left:4%;top:50%;transform:translateY(-50%);width:53%;max-width:760px}.hero h1{font-size:72px;line-height:1.03;margin-bottom:26px}.hero h1 span{color:#f5b348}.hero-statement{font-size:22px;max-width:450px;margin-bottom:34px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:32px;background:var(--accent);color:#171b18;padding:18px 24px;font-size:14px;font-weight:600}.hero-bottom{position:absolute;bottom:24px;left:4%;right:4%;display:flex;justify-content:space-between;font:11px/1.4 'Courier New',monospace;border-top:1px solid #ffffff40;padding-top:18px}.hero-bottom a{display:flex;gap:24px}.intro{padding-block:64px 90px;display:grid;grid-template-columns:1fr 2fr;gap:60px;border-bottom:1px solid var(--line)}.intro>p{font-size:25px;line-height:1.5;max-width:870px}.intro .eyebrow{margin-top:10px}
.products{padding-block:105px 110px}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:60px;margin-bottom:48px}.section-heading h2{max-width:650px}.product-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:50px 32px}.product-image{position:relative;aspect-ratio:1.6;overflow:hidden;background:#e6e8e4}.product-image img{width:100%;height:100%;transition:transform .8s cubic-bezier(.2,.7,.2,1)}.product:hover img{transform:scale(1.035)}.product-no{position:absolute;bottom:0;left:0;background:#fff;min-width:62px;padding:14px 20px;font:12px 'Courier New',monospace}.product-caption{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:22px 0;border-bottom:1px solid var(--line)}.product-caption h3{font-size:26px}.product-caption .arrow{color:#a75e00}.product:hover .arrow{transform:rotate(45deg)}
.strengths{background:var(--ink);color:#fff;padding-block:95px}.strengths .section-heading{align-items:flex-start}.strengths h2{max-width:760px}.strength-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px;margin-top:75px}.strength-grid article{border-top:1px solid #ffffff40;padding-top:24px}.index{color:#f8ae32;font:13px 'Courier New',monospace}.strength-grid h3{margin:35px 0 20px}.strength-grid p{color:#c9cec9;font-size:15px;line-height:1.8;max-width:340px}
.about{display:grid;grid-template-columns:1fr 1fr;gap:110px;padding-block:120px}.sticky{position:sticky;top:135px;align-self:start}.about h2{max-width:510px}.about .text-link{margin-top:30px}.about-copy .lead{font-size:22px;line-height:1.65}.excellence{margin-top:65px;padding-top:40px;border-top:1px solid var(--line)}.excellence h3{font-size:28px;margin-bottom:26px}.excellence>p:last-child{color:var(--muted);font-size:16px;line-height:1.85}.connection{width:240px;height:130px;position:relative;margin-top:65px;overflow:hidden}.connection span{position:absolute;width:140px;height:70px;border:1px solid #bfc7be;transform:skewY(-16deg);left:0;top:30px;animation:connect 8s ease-in-out infinite}.connection span:nth-child(2){left:48px;top:20px;border-color:var(--accent);animation-delay:-2s}.connection span:nth-child(3){left:96px;top:10px;animation-delay:-4s}
.sustainability{background:var(--sage);padding-block:95px}.sustainability-layout{display:grid;grid-template-columns:1fr 1fr;gap:110px}.sustainability h2{max-width:440px;margin-bottom:28px}.sustainability p{color:#49534b}.sustainability ol{list-style:none;padding:0;margin:0}.sustainability li{display:flex;gap:28px;padding:24px 0;border-bottom:1px solid #bcc6bc;font-size:18px}.sustainability li:first-child{border-top:1px solid #bcc6bc}.sustainability li span{font:12px/2 'Courier New',monospace;color:#6a736a}
footer{background:#171c19;color:white;padding-top:80px}.contact-title{font-size:62px;line-height:1.12;display:block;padding-bottom:60px;border-bottom:1px solid #ffffff30}.contact-title .arrow{color:var(--accent);font-size:54px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:55px;padding-block:55px}.footer-brand{display:flex;align-items:flex-start;gap:25px}.footer-brand img{width:64px;height:auto;background:white;padding:4px}.footer-brand p{color:#b3bbb4;font-size:13px;max-width:210px}.footer-label{display:block;color:#aab4ac;font:11px 'Courier New',monospace;text-transform:uppercase;margin-bottom:20px}.footer-grid a{display:block;font-size:14px;margin-bottom:8px}.footer-grid p{font-size:14px}.footer-grid a:hover,.footer-bottom a:hover{color:var(--accent)}.footer-bottom{display:flex;justify-content:space-between;gap:20px;border-top:1px solid #ffffff30;padding-block:24px;color:#b3bbb4;font-size:11px}.footer-bottom>div{display:flex;gap:25px}
@keyframes hero-entry{from{transform:scale(1.04)}to{transform:scale(1)}}@keyframes connect{0%,100%{translate:0 0}50%{translate:0 -12px}}.motion [data-reveal]{opacity:0;transform:translateY(22px);transition:opacity .6s,transform .6s}.motion [data-reveal].visible{opacity:1;transform:none}
@media(min-width:1800px){.hero-content{left:max(4%,calc((100% - 1600px)/2))}.hero h1{font-size:84px}.hero{height:800px}}
@media(max-width:1050px){.header-note{display:none}.wrap{width:calc(100% - 64px)}.hero h1{font-size:56px}.hero-content{width:60%}.hero{min-height:550px}.about,.sustainability-layout{gap:55px}h2{font-size:38px}.intro{gap:30px}.intro>p{font-size:22px}.footer-grid{gap:24px;grid-template-columns:1.6fr 1fr 1fr}.footer-grid>div:last-child{display:none}.contact-title{font-size:52px}}
@media(max-width:700px){html{scroll-padding-top:85px}.wrap{width:calc(100% - 40px)}.header{height:82px;padding:8px 20px}.brand img{width:45px;height:64px}.header nav{position:absolute;top:82px;left:0;right:0;padding:20px;background:white;display:none;flex-direction:column;align-items:stretch;gap:6px;border-bottom:1px solid var(--line)}.header.open nav{display:flex}.header.open{transform:none}.menu-toggle{display:grid;gap:6px;background:none;border:0;margin-left:auto;width:44px;height:44px;align-content:center;justify-content:center}.menu-toggle span{width:23px;height:2px;background:var(--ink);transition:transform .2s}.open .menu-toggle span:first-child{transform:translateY(4px) rotate(45deg)}.open .menu-toggle span:last-child{transform:translateY(-4px) rotate(-45deg)}.hero{height:660px;min-height:0;max-height:none}.hero-image{object-position:68% center}.hero:after{background:linear-gradient(180deg,rgba(18,23,20,.64),rgba(18,23,20,.12) 60%,rgba(18,23,20,.6))}.hero-content{left:20px;top:48px;transform:none;max-width:calc(100% - 40px);width:auto}.hero h1{font-size:42px;margin-bottom:24px}.hero .eyebrow{font-size:10px;max-width:280px}.hero-statement{font-size:19px;max-width:300px;margin-bottom:25px}.hero-bottom{left:20px;right:20px;font-size:10px}.hero-bottom>span{max-width:135px}.intro{padding-block:45px 55px;display:block}.intro>p{font-size:21px}.products{padding-block:60px}.section-heading{display:block;margin-bottom:32px}.section-heading .text-link{margin-top:20px}.section-heading h2{max-width:480px}h2{font-size:34px}.product-grid{grid-template-columns:1fr;gap:32px}.product-caption h3{font-size:24px}.product-image{aspect-ratio:1.4}.strengths{padding-block:60px}.strength-grid{grid-template-columns:1fr;gap:35px;margin-top:40px}.strength-grid h3{margin:20px 0 14px}.strength-grid p{max-width:none}.about{grid-template-columns:1fr;gap:42px;padding-block:65px}.sticky{position:static}.connection{display:none}.about-copy .lead{font-size:20px}.excellence{margin-top:36px}.excellence h3{font-size:26px}.sustainability{padding-block:60px}.sustainability-layout{grid-template-columns:1fr;gap:35px}.sustainability li{font-size:16px}footer{padding-top:55px}.contact-title{font-size:38px;padding-bottom:40px}.contact-title .arrow{font-size:34px}.footer-grid{grid-template-columns:1fr 1fr;gap:35px;padding-block:40px}.footer-brand{grid-column:1/-1}.footer-bottom{flex-direction:column}.footer-bottom>div{flex-wrap:wrap}.eyebrow{margin-bottom:20px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.motion [data-reveal]{opacity:1;transform:none}}