/*
Theme Name: Quế Hương Group
Author: Quế Hương Group
Description: Bản mẫu giao diện Quế Hương Group với trang chủ và sáu trang nội dung, hai ngôn ngữ Việt/Anh.
Version: 1.0.0
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: que-huong-group
*/

/* Source: fonts.css */
@font-face {
  font-family: 'Be Vietnam Pro';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(fonts/font-0.ttf) format('truetype');
}
@font-face {
  font-family: 'Be Vietnam Pro';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(fonts/font-1.ttf) format('truetype');
}
@font-face {
  font-family: 'Be Vietnam Pro';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(fonts/font-2.ttf) format('truetype');
}
@font-face {
  font-family: 'Playfair Display';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(fonts/font-3.ttf) format('truetype');
}
@font-face {
  font-family: 'Playfair Display';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(fonts/font-4.ttf) format('truetype');
}


/* Source: globals.css */

:root{--paper:#f4f1eb;--ink:#12211d;--forest:#102c26;--muted:#62655f;--line:#d2d0c8;--serif:'Playfair Display',Georgia,serif;--sans:'Be Vietnam Pro',Arial,sans-serif;--gutter:5.2vw}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:clamp(12px,1vw,16px);line-height:1.6}button,input,textarea,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{color:inherit;cursor:pointer}a{color:inherit;text-decoration:none}button{border:0;background:none}button:disabled{cursor:default}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid #a56634;outline-offset:5px}h1,h2,h3,p{margin:0}h2,h3{font-family:var(--serif);font-weight:400}h2{font-size:clamp(27px,2.7vw,46px);line-height:1.13;letter-spacing:-.045em}p{line-height:1.65}svg{flex-shrink:0}.section-pad{padding:2.2vw var(--gutter)}.eyebrow{font-size:clamp(9px,.68vw,12px);font-weight:500;letter-spacing:.18em;line-height:1.6;margin-bottom:12px}.button{min-height:46px;padding:13px 20px;display:inline-flex;align-items:center;justify-content:center;gap:18px;font-size:clamp(10px,.8vw,14px);font-weight:500;border:1px solid transparent;transition:background .2s,color .2s,border-color .2s}.button.primary{background:var(--forest);color:#fff}.button.primary:hover{background:#285045}.button.outline{border-color:#8b9188}.button.outline:hover{background:#e7e4db}.button.light{background:var(--paper);color:var(--ink)}.button.dark-outline{border-color:#779084;color:var(--paper)}.button.dark-outline:hover{background:#28473d}.button-row{display:flex;gap:16px;flex-wrap:wrap}.text-link{display:inline-flex;align-items:center;gap:16px;border-bottom:1px solid currentColor;padding:3px 0;font-size:clamp(10px,.8vw,14px);font-weight:500;line-height:1.6}.text-link:hover{color:#60786b}.text-link svg,.button svg{transition:transform .2s}.text-link:hover svg,.button:hover svg{transform:translateX(3px)}.photo{display:block;position:relative;overflow:hidden;aspect-ratio:var(--ratio);background:#d9d8cd}.photo img{position:absolute;max-width:none;pointer-events:none;user-select:none}.skip-link{position:fixed;top:-100px;left:20px;background:var(--paper);padding:15px;z-index:100}.skip-link:focus{top:10px}.header{height:88px;position:absolute;top:0;left:0;right:0;z-index:10;display:flex;align-items:center;gap:2.5vw;padding:0 3.5vw}.brand{display:flex;gap:10px;align-items:center;white-space:nowrap;flex-shrink:0}.brand>.photo{width:36px;height:41px;mix-blend-mode:multiply}.brand>span{font-weight:600;font-size:clamp(12px,1.05vw,17px);line-height:1.3;letter-spacing:-.05em}.brand small{display:block;font-size:clamp(7px,.55vw,9px);letter-spacing:.01em;margin-top:3px}.header>nav{display:flex;justify-content:center;gap:2vw;margin-left:auto}.header>nav>a{font-weight:500;font-size:clamp(10px,.78vw,13px);line-height:1.5;white-space:nowrap}.header>nav small{display:block;font-size:.85em;font-weight:400}.header-actions{display:flex;align-items:center;gap:16px;color:#f8f5ee}.icon-button{display:grid;place-items:center;width:44px;height:44px}.menu-button{border:1px solid #ddd8ce;border-radius:50%}.languages{display:flex;align-items:center;gap:7px;font-size:11px}.languages button{padding:7px 2px;opacity:.65}.languages button[aria-pressed=true]{opacity:1;text-decoration:underline;text-underline-offset:5px}.hero{position:relative;min-height:660px;height:41.2vw;max-height:850px;overflow:hidden;padding:112px var(--gutter) 36px}.hero-visual{position:absolute;inset:0;z-index:-0}.hero-visual img{width:100%;height:100%;object-fit:cover;object-position:center 54%}.hero-copy{position:relative;width:50%;z-index:1}.hero-copy>.eyebrow{letter-spacing:.08em;margin-bottom:17px}.hero-title{font-family:var(--serif);font-weight:400;font-size:clamp(70px,7.6vw,136px);line-height:.86;letter-spacing:-.075em;max-width:600px;margin-left:-.035em;margin-bottom:27px}.hero-title span{display:block}.hero-title span:first-child{font-size:.74em;letter-spacing:-.035em}.hero-title span:nth-child(3){padding-left:1.02em}.hero-description{max-width:385px;font-size:clamp(13px,1.05vw,18px);margin-bottom:23px;line-height:1.6}.hero-index{position:absolute;right:5.2vw;top:135px;color:#f5f1e8;border-left:1px solid #b8bdb1;padding-left:17px;display:flex;flex-direction:column;gap:25px;font-size:11px;line-height:1.4}.hero-index>a>span{display:block;font-size:10px;margin-bottom:5px}.hero-index>a:hover{color:#d1dfc8}.scroll-link{margin-top:24px}.hero-caption{position:absolute;right:5vw;bottom:20px;font-size:8px;letter-spacing:.2em;color:#dfdfd3}.about{display:grid;grid-template-columns:2.05fr 1.15fr .8fr .8fr;align-items:stretch;gap:2.6vw;padding-top:28px;padding-bottom:28px}.about-copy h2{font-size:clamp(25px,2.65vw,44px);margin-bottom:15px}.about-copy>p:not(.eyebrow){font-size:clamp(11px,.88vw,15px);line-height:1.6;margin-bottom:15px;max-width:510px}.about>.photo{height:100%;aspect-ratio:auto}.about-facts{border-left:1px solid var(--line);padding:8px 0 0 23px;display:flex;flex-direction:column;justify-content:space-between;gap:18px}.about-facts strong{font-family:var(--serif);font-size:clamp(23px,2.3vw,39px);font-weight:400;line-height:1.1;display:block;letter-spacing:-.055em}.about-facts span{display:block;color:var(--muted);font-size:clamp(9px,.7vw,12px);line-height:1.5;margin-top:4px}.manifesto{background:#34453e;color:var(--paper);padding:30px 22px;display:flex;flex-direction:column;justify-content:flex-end;gap:15px;font-size:clamp(10px,.82vw,14px);letter-spacing:.1em;line-height:1.8}.ecosystem{display:grid;grid-template-columns:32.5% 67.5%;min-height:365px;background:#eae7df}.ecosystem-intro{padding:38px 26px 38px var(--gutter)}.ecosystem-intro h2{font-size:clamp(24px,2.55vw,42px);margin-bottom:18px}.ecosystem-intro>p:not(.eyebrow){font-size:clamp(11px,.85vw,14px);max-width:345px;margin-bottom:23px}.company-strip{display:flex;min-width:0}.company{position:relative;flex:1;min-width:0;text-align:left;color:#fff;overflow:hidden;padding:0;isolation:isolate;transition:flex .35s}.company:hover{flex:1.18}.company>.photo{position:absolute;inset:0;height:100%;aspect-ratio:auto;filter:brightness(.68);transition:filter .3s}.company:hover>.photo{filter:brightness(.85)}.company-title{position:relative;display:block;height:100%;padding:25px 18px;background:rgba(4,21,15,.13);text-shadow:0 2px 8px #000}.company-title .serial{display:block;font-family:var(--serif);font-size:23px}.company-title strong{font-family:var(--serif);font-size:clamp(15px,1.35vw,24px);font-weight:400;display:block;line-height:1.2;margin:6px 0 11px}.company-title small{display:block;font-size:clamp(10px,.75vw,13px);max-width:130px;line-height:1.5}.company-open{position:absolute;right:18px;bottom:20px}.material{position:relative;overflow:hidden;min-height:430px;padding-top:36px;padding-bottom:35px;background:#e4ded3}.material-image{position:absolute;right:0;top:0;width:49%;height:100%;aspect-ratio:auto}.material-content{position:relative;z-index:1;width:55%;background:var(--paper);padding:18px 24px 24px 0}.material h2{font-size:clamp(60px,6.5vw,112px);letter-spacing:-.055em;line-height:1;margin:0 0 13px}.material-intro{font-size:clamp(13px,1.15vw,19px)}.material-benefits{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;margin:26px 0 30px;max-width:670px}.material-benefits>div{display:flex;align-items:flex-start;flex-direction:column;gap:10px}.material-benefits span{font-size:clamp(11px,.82vw,14px);line-height:1.6;max-width:130px}.material-note{position:absolute;right:7%;top:40px;font-size:10px;letter-spacing:.15em;background:rgba(245,241,233,.8);padding:15px}.section-top{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:20px}.section-top .eyebrow{margin-bottom:5px}.section-top h2{font-size:clamp(27px,2.15vw,37px)}.products{padding-top:24px;padding-bottom:28px}.product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.product{padding:0;text-align:left;border:1px solid #d5d3ca;overflow:hidden}.product>.photo{aspect-ratio:2.5;transition:filter .25s}.product:hover>.photo{filter:brightness(1.1)}.product-info{padding:12px 12px;display:flex;align-items:center;justify-content:space-between;gap:8px}.product-info strong{font-family:var(--serif);font-weight:400;font-size:clamp(16px,1.25vw,22px)}.product-info small{display:block;color:var(--muted);font-size:clamp(9px,.65vw,11px);margin-top:4px}.applications .section-top{padding-top:0;padding-bottom:0}.application-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:3px}.application{height:225px;position:relative;overflow:hidden;color:white;text-align:left;padding:0;background:#15211d}.application>.photo{position:absolute;inset:0;height:100%;aspect-ratio:auto;filter:brightness(.7);transition:filter .25s}.application:hover>.photo{filter:brightness(.85)}.application>span:not(.photo){position:absolute;bottom:18px;left:25px;text-shadow:0 2px 7px #000}.application strong{font-family:var(--serif);font-size:clamp(19px,1.55vw,27px);font-weight:400}.application small{display:block;font-size:11px}.application>svg{position:absolute;right:22px;bottom:26px}.manufacturing{background:#0c211c;color:#f5f1ea;display:grid;grid-template-columns:29% 1fr;gap:35px;padding-top:30px;padding-bottom:30px}.manufacturing h2{font-size:clamp(29px,2.7vw,46px);margin-bottom:17px}.manufacturing p:not(.eyebrow){font-size:clamp(11px,.85vw,14px);color:#d8e0d5;line-height:1.65;max-width:370px;margin-bottom:17px}.manufacturing .button{min-height:39px;padding:10px 15px}.process{display:grid;grid-template-columns:repeat(6,1fr);gap:10px;list-style:none;margin:0;padding:0}.process li{position:relative;overflow:hidden;min-height:240px}.process .photo{position:absolute;inset:0;height:100%;aspect-ratio:auto;filter:grayscale(1) brightness(.55)}.process-label{position:relative;display:block;padding:15px 10px}.process-label b{font-family:var(--serif);font-size:24px;font-weight:400}.process-label>span{display:block;font-size:clamp(10px,.78vw,13px);line-height:1.6}.sustainability{display:grid;grid-template-columns:34% 36% 1fr;gap:25px;padding-top:28px;padding-bottom:28px}.sustainability h2{font-size:clamp(25px,2.1vw,36px);margin-bottom:12px}.sustainability p:not(.eyebrow){font-size:clamp(11px,.85vw,14px);margin-bottom:14px}.sustainability-pillars{display:flex;align-items:center;gap:22px;justify-content:space-around}.sustainability-pillars>div{display:flex;align-items:center;flex-direction:column;text-align:center;gap:12px;flex:1}.sustainability-pillars span{font-size:clamp(10px,.75vw,13px);line-height:1.6}.sustainability>.photo{height:100%;aspect-ratio:auto}.journal-careers{display:grid;grid-template-columns:56% 44%;padding-top:28px;padding-bottom:28px;gap:0;border-top:1px solid #e5e1d7}.journal{padding-right:32px}.journal .section-top{margin-bottom:10px}.news-filters{display:flex;gap:14px;margin-bottom:17px;flex-wrap:wrap}.news-filters button{font-size:10px;padding:4px 0;color:var(--muted);border-bottom:1px solid transparent}.news-filters button[aria-pressed=true]{color:var(--ink);border-color:var(--ink)}.news-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.news-item{padding:0;text-align:left}.news-item>.photo{aspect-ratio:2.5}.news-item>small{display:block;font-size:9px;color:var(--muted);margin:10px 0 6px}.news-item>span:not(.photo){display:flex;justify-content:space-between;gap:7px;font-size:clamp(11px,.86vw,15px);line-height:1.5}.news-item svg{width:16px;align-self:flex-end}.careers{border-left:1px solid var(--line);padding:16px 0 16px 27px;position:relative;isolation:isolate;overflow:hidden;min-height:255px}.careers>.photo{position:absolute;right:0;top:0;width:52%;height:100%;z-index:-1;aspect-ratio:auto}.careers-content{width:57%;background:var(--paper);padding:12px 12px 18px 0}.careers h2{font-size:clamp(25px,2.15vw,36px);margin-bottom:13px}.careers p:not(.eyebrow){font-size:clamp(11px,.8vw,14px);margin-bottom:18px}.careers .button{padding:10px 14px;font-size:11px;gap:12px}.contact{position:relative;isolation:isolate;display:flex;align-items:center;justify-content:space-between;gap:30px;min-height:160px;color:#fff;background:#726d5e;padding-top:27px;padding-bottom:27px}.contact>.photo{position:absolute;inset:0;height:100%;width:100%;aspect-ratio:auto;z-index:-1;filter:brightness(.55)}.contact h2{font-size:clamp(28px,2.5vw,43px);line-height:1.12}.contact p{font-size:11px;margin-top:13px}.contact .button-row{gap:12px;flex-shrink:0}.contact .button{font-size:11px;padding:13px 18px}.footer{background:#091b18;color:#dee3dc;padding-top:34px;padding-bottom:20px}.footer-main{display:grid;grid-template-columns:1.8fr 1fr 1fr 1fr .9fr 1.3fr;gap:28px;margin-bottom:32px}.footer .brand{color:#fff}.footer .brand>.photo{filter:invert(1);mix-blend-mode:screen;width:30px;height:35px}.footer .brand>span{font-size:12px}.footer .brand small{font-size:6px}.footer h3{font-family:var(--sans);font-size:11px;margin-bottom:12px}.footer-main>div>a:not(.brand){display:block;font-size:10px;color:#bac4b8;line-height:1.6;margin-bottom:4px}.footer p{font-size:10px;color:#bac4b8}.footer-brand p{margin-top:15px}.footer .text-link{font-size:10px;margin-top:8px;border-bottom:0}.footer .text-link svg{width:14px}.footer-bottom{display:flex;justify-content:space-between;gap:15px;border-top:1px solid #34443d;padding-top:18px;font-size:9px;color:#b7c2b8}.footer-bottom button{padding:0;font-size:9px}.footer a:hover{color:#fff}
dialog{border:0;background:var(--paper);color:var(--ink);padding:46px;max-height:90dvh;overflow:auto;width:min(650px,calc(100% - 32px));box-shadow:0 20px 100px #001a1344}dialog::backdrop{background:rgba(6,22,17,.67);backdrop-filter:blur(4px)}dialog h2{font-size:clamp(27px,3vw,42px);margin:10px 0 22px}dialog .close{position:absolute;right:9px;top:9px}dialog p{margin-bottom:20px}.form-note{font-size:12px;color:#5b655f}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}form label{display:block;font-size:12px;margin-bottom:17px}input,textarea,select{display:block;width:100%;padding:12px;margin-top:6px;border:1px solid #acb4a8;border-radius:0;background:#fcfaf6;color:var(--ink);font-size:14px}textarea{resize:vertical}.checkbox{display:flex;align-items:flex-start;gap:10px;line-height:1.6}.checkbox input{width:17px;height:17px;flex-shrink:0;margin:1px 0 0;accent-color:var(--forest)}.success{padding-top:20px}.success h3{font-size:28px;margin:12px 0}.success p{font-size:14px}.menu-dialog{width:min(730px,calc(100% - 30px));padding:60px}.menu-dialog nav{margin-bottom:40px}.menu-dialog nav>a{display:flex;align-items:center;gap:20px;border-bottom:1px solid var(--line);padding:15px 0;font-family:var(--serif);font-size:clamp(24px,3vw,39px)}.menu-dialog nav small{font-family:var(--sans);font-size:11px}.menu-dialog nav svg{margin-left:auto}.menu-dialog>p:last-child{font-size:12px}.detail-dialog>p:not(.eyebrow){font-size:15px}.search-field{display:flex;align-items:center;gap:15px}.search-field input{margin:0}.search-results{margin-top:25px}.search-results a{display:flex;justify-content:space-between;padding:12px 0;border-bottom:1px solid var(--line)}.search-results p{font-size:11px;color:var(--muted);margin-top:18px}
@media(min-width:1700px){:root{--gutter:6vw}.hero{height:44vw;padding-top:145px}.hero-title{font-size:142px}.hero-description{max-width:430px}.hero-index{top:170px;gap:35px}.ecosystem{min-height:420px}.material{min-height:490px}.application{height:280px}.process li{min-height:290px}}
@media(max-width:1150px){.header{gap:20px;padding:0 4vw}.header>nav{gap:13px}.header>nav>a{font-size:9px}.header-actions{gap:8px}.header .brand>span{font-size:12px}.hero{min-height:590px;padding-top:110px}.hero-title{font-size:89px}.hero-copy{width:58%}.hero-index{right:4vw}.hero-description{font-size:14px;max-width:335px}.hero .button{padding:12px;font-size:10px;gap:10px}.about{grid-template-columns:1.8fr 1fr .8fr;gap:23px;padding-top:25px;padding-bottom:25px}.manifesto{display:none}.about h2{font-size:29px}.ecosystem{min-height:330px}.company-title{padding:20px 12px}.company-title strong{font-size:15px}.company-title small{font-size:10px}.ecosystem-intro{padding-top:28px;padding-bottom:25px}.ecosystem-intro h2{font-size:28px}.material{min-height:380px}.material-content{width:59%}.material-benefits{gap:12px}.material-benefits span{font-size:10px}.material-note{right:4%}.application{height:180px}.application>span:not(.photo){left:18px}.application strong{font-size:19px}.application small{font-size:10px}.process{gap:7px}.process-label{padding:12px 8px}.manufacturing{gap:22px}.process li{min-height:240px}.sustainability{grid-template-columns:37% 40% 1fr;gap:20px}.sustainability-pillars{gap:13px}.contact{flex-direction:column;align-items:flex-start}.contact .button-row{align-self:flex-end;margin-top:-15px}.footer-main{gap:15px;grid-template-columns:1.7fr 1fr 1fr 1fr}.footer-main>div:nth-last-child(-n+2){grid-column:auto}.footer-bottom{flex-wrap:wrap}}
@media(max-width:900px){.header>nav{display:none}.header-actions{margin-left:auto}.hero{min-height:610px;height:auto}.hero-copy{width:70%}.hero-visual img{object-position:58% center}.hero-title{font-size:92px}.hero-index{right:25px;top:135px}.hero-description{background:rgba(244,241,235,.75);padding:6px 10px 6px 0}.about{grid-template-columns:1.5fr 1fr;gap:24px}.about-facts{grid-column:1/-1;flex-direction:row;border-left:0;border-top:1px solid var(--line);padding:20px 0 0;justify-content:space-between}.about-facts strong{font-size:30px}.about-facts span{font-size:11px}.ecosystem{display:block}.ecosystem-intro{padding:30px var(--gutter)}.ecosystem-intro h2 br{display:none}.ecosystem-intro>p:not(.eyebrow){max-width:560px}.company-strip{min-height:280px}.company-title strong{font-size:18px}.company-title small{font-size:11px}.material-content{width:64%}.material-image{width:43%}.material h2{font-size:68px}.material-note{display:none}.product-grid{gap:12px}.product-info{padding:10px}.product-info strong{font-size:15px}.product-info small{font-size:9px}.application>svg{right:15px;bottom:15px}.application>span:not(.photo){bottom:40px;left:14px}.application strong{font-size:17px}.manufacturing{grid-template-columns:1fr}.manufacturing>div{display:grid;grid-template-columns:1fr 1fr;gap:8px 30px;align-items:start}.manufacturing .eyebrow{grid-column:1/-1;margin:0}.manufacturing h2{grid-row:2/4}.manufacturing .button{justify-self:start}.process li{min-height:225px}.sustainability{grid-template-columns:1fr 1.2fr}.sustainability>.photo{display:none}.sustainability h2{font-size:28px}.sustainability-pillars span{font-size:10px}.journal-careers{grid-template-columns:1fr;gap:30px;padding-top:30px;padding-bottom:30px}.journal{padding:0}.careers{border-left:0;border-top:1px solid var(--line);padding:25px;min-height:300px}.careers-content{padding-top:10px;width:50%}.careers h2{font-size:34px}.careers p:not(.eyebrow){font-size:13px;max-width:250px}.careers .button{font-size:12px}.contact h2{font-size:33px}.contact .button-row{margin:0;align-self:flex-start}.footer-main{grid-template-columns:repeat(3,1fr);gap:25px}.footer-main .footer-brand{grid-column:1/-1}.footer h3{font-size:12px}.footer-main>div>a:not(.brand),.footer p{font-size:11px}.footer .brand>span{font-size:15px}.footer .brand small{font-size:8px}}
@media(max-width:600px){:root{--gutter:6vw}body{font-size:13px}.section-pad{padding-top:32px;padding-bottom:32px}.header{height:80px;padding:0 var(--gutter)}.header .brand>.photo{width:27px;height:32px}.header .brand{gap:7px}.header .brand>span{font-size:11px}.header .brand small{font-size:6px}.header-actions{gap:7px;color:var(--ink)}.search-button{display:none}.menu-button{border-color:#526b60;width:38px;height:38px}.languages{font-size:10px;gap:4px}.hero{min-height:690px;padding-top:124px;padding-bottom:55px;display:flex;align-items:flex-start}.hero-visual img{object-position:37% center;opacity:.87}.hero-copy{width:100%}.hero-copy>.eyebrow{font-size:9px;margin-bottom:30px}.hero-title{font-size:clamp(74px,17vw,104px);max-width:400px;margin-bottom:26px}.hero-description{font-size:13px;max-width:275px;background:var(--paper);padding:8px 10px;line-height:1.7;margin-left:-10px}.hero .button-row{gap:10px;max-width:290px}.hero .button{font-size:10px;min-height:43px}.hero-index{display:none}.hero-caption{bottom:22px;left:var(--gutter);right:auto;font-size:7px;background:#17372f;padding:5px 8px}.eyebrow{font-size:9px;margin-bottom:13px}h2{font-size:30px}.about{grid-template-columns:1fr 37%;gap:24px 16px}.about-copy{grid-column:1/-1}.about h2{font-size:33px;margin-bottom:18px}.about-copy>p:not(.eyebrow){font-size:12px;margin-bottom:17px}.about>.photo{height:170px;grid-column:1}.about-facts{grid-column:2;grid-row:2;flex-direction:column;border:0;border-left:1px solid var(--line);padding:0 0 0 17px;gap:15px}.about-facts strong{font-size:25px}.about-facts span{font-size:9px}.text-link{font-size:11px}.ecosystem-intro{padding:32px var(--gutter)}.ecosystem-intro h2{font-size:32px}.ecosystem-intro h2 br{display:block}.ecosystem-intro>p:not(.eyebrow){font-size:12px}.company-strip{display:grid;grid-template-columns:repeat(2,1fr);gap:2px}.company{height:270px}.company:last-child{grid-column:1/-1;height:235px}.company:last-child>.photo{width:100%}.company-title{padding:20px}.company-title strong{font-size:22px}.company-title small{font-size:12px}.company-title .serial{font-size:21px}.company:last-child .company-title small{max-width:230px}.material{min-height:unset;padding-top:30px;padding-bottom:32px;background:var(--paper)}.material-image{height:215px;position:relative;width:calc(100% + 12vw);margin:0 -6vw 30px}.material-content{width:100%;padding:0;background:none}.material h2{font-size:65px}.material-intro{font-size:13px}.material-benefits{gap:14px;margin:25px 0 27px}.material-benefits span{font-size:9px}.material-benefits svg{width:29px}.material .button-row{gap:12px}.button{font-size:11px;padding:12px 15px;gap:12px;min-height:44px}.products{padding-top:22px;padding-bottom:28px;border-top:1px solid var(--line)}.section-top{align-items:flex-start;gap:15px;margin-bottom:20px}.section-top h2{font-size:29px}.section-top>.text-link{font-size:10px;gap:7px;max-width:100px;align-self:flex-end;text-align:left;flex-shrink:0}.product-grid{grid-template-columns:1fr 1fr;gap:17px 12px}.product>.photo{aspect-ratio:1.65}.product-info{padding:11px 9px}.product-info strong{font-size:16px}.product-info small{font-size:8px;line-height:1.6}.product-info svg{width:15px}.applications .section-top{padding-top:12px}.application-grid{grid-template-columns:1fr 1fr}.application{height:205px}.application>span:not(.photo){bottom:21px;left:17px}.application strong{font-size:20px}.application small{font-size:9px}.application>svg{right:13px;bottom:48px;width:17px}.manufacturing{padding-top:32px;padding-bottom:32px;gap:27px}.manufacturing>div{display:block}.manufacturing .eyebrow{margin-bottom:16px}.manufacturing h2{font-size:38px}.manufacturing p:not(.eyebrow){font-size:12px;margin:18px 0}.manufacturing .button{font-size:11px}.process{grid-template-columns:repeat(3,1fr);gap:8px}.process li{min-height:175px}.process-label{padding:12px}.process-label>span{font-size:10px}.sustainability{grid-template-columns:1fr;gap:24px}.sustainability h2{font-size:31px}.sustainability p:not(.eyebrow){font-size:12px}.sustainability-pillars{gap:14px}.sustainability-pillars span{font-size:10px}.sustainability>.photo{display:block;aspect-ratio:2.5;height:auto}.journal-careers{gap:30px}.news-filters{gap:15px}.news-filters button{font-size:10px;min-height:35px}.news-grid{grid-template-columns:1fr;gap:18px}.news-item{display:grid;grid-template-columns:115px 1fr;column-gap:15px}.news-item>.photo{grid-row:1/3;height:90px;aspect-ratio:auto}.news-item>small{margin:3px 0;font-size:9px}.news-item>span:not(.photo){font-size:13px}.news-item svg{width:16px}.careers{padding:22px 0 0;border-top:1px solid var(--line);min-height:285px}.careers-content{width:59%;padding-top:0}.careers h2{font-size:29px}.careers p:not(.eyebrow){font-size:11px;padding-right:10px}.careers>.photo{top:24px;width:44%;height:calc(100% - 24px)}.careers .button{font-size:10px;padding:10px 12px;gap:8px}.contact{padding-top:32px;padding-bottom:32px;gap:25px}.contact h2{font-size:31px}.contact p{font-size:10px}.contact .button-row{gap:10px}.contact .button{font-size:10px;padding:12px}.footer-main{grid-template-columns:1fr 1fr;gap:25px 20px}.footer-main>div:last-child{grid-column:1/-1}.footer{padding-top:35px;padding-bottom:25px}.footer-bottom{flex-direction:column;align-items:flex-start;font-size:9px;gap:10px}.footer-bottom button{min-height:30px}.footer p,.footer-main>div>a:not(.brand){font-size:11px}.footer-main>div>a:not(.brand){padding:3px 0}dialog{padding:38px 22px 26px;max-height:92dvh}.form-grid{grid-template-columns:1fr;gap:0}dialog h2{font-size:29px}.menu-dialog{padding:48px 25px}.menu-dialog nav>a{font-size:27px;padding:17px 0;gap:15px}.search-results a{font-size:14px}}
.header{background:var(--paper);border-bottom:1px solid #ddd8cf;height:80px}.header-actions{color:var(--ink)}.menu-button{border-color:#72847b}.hero{min-height:600px}.hero-title{font-weight:400}.material-content{background:transparent}.material{background:var(--paper)}.material-image img{object-fit:cover}.photo.real img{inset:0;width:100%;height:100%;object-fit:cover}.contact>.photo.real img{object-position:center 62%}.company>.photo.real img{object-position:center}.material>.photo.real img{object-position:38% center}.process li>.photo.real img{object-position:center}.about>.photo.real img{object-position:center}.empty-state{padding:22px 0;color:var(--muted);font-size:12px;grid-column:1/-1}.search-empty{font-size:13px;padding:10px 0;color:var(--muted)}
@media(max-width:600px){.hero{min-height:690px}.header{height:76px}.hero-title{font-size:clamp(60px,18vw,104px)}}
.hero-thread{position:absolute;left:0;top:8%;width:100%;height:85%;object-fit:fill;pointer-events:none;opacity:.65;filter:invert(1);mix-blend-mode:difference}.material{isolation:isolate}.material>.material-image{width:100%;z-index:-2}.material::after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#f4f1eb 3%,#f4f1ebf0 34%,#f4f1eb00 73%);pointer-events:none}.material-content{z-index:1}.brand>.photo.real img{object-fit:contain}.company>.photo.real img{transition:transform .7s}.company:hover>.photo.real img{transform:scale(1.04)}.application:first-child>.photo.real img{object-position:center 24%}.product:nth-child(3)>.photo.real img{object-position:right center;transform:scale(1.12)}.languages button{min-width:24px;min-height:36px}
@media(max-width:600px){.hero-thread{width:150%;left:-10%;height:55%;top:21%;opacity:.5}.material>.material-image{width:calc(100% + 12vw)}.material::after{display:none}.material>.material-image{z-index:0}}
html[data-motion=reduce]{scroll-behavior:auto!important}html[data-motion=reduce] *,html[data-motion=reduce] *::before,html[data-motion=reduce] *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* A slower editorial rhythm: one idea per section, with room around every image and action. */
:root{--space-section:clamp(72px,6.5vw,124px);--space-content:clamp(28px,3.2vw,58px)}
.section-pad{padding-block:var(--space-section)}
.eyebrow{margin-bottom:clamp(18px,1.65vw,30px)}
.section-heading{max-width:18ch}
.button{min-height:48px}
.hero{height:clamp(700px,56vw,900px);min-height:0;max-height:none;padding-top:clamp(132px,12vh,180px)}
.hero-copy>.eyebrow{margin-bottom:clamp(30px,3vw,52px)}
.hero-title{margin-bottom:clamp(34px,3.6vw,64px)}
.hero-description{max-width:410px;margin-bottom:clamp(30px,2.8vw,48px);line-height:1.75}
.hero-index{top:clamp(164px,15vh,220px);gap:clamp(26px,2.5vw,40px)}

.about{grid-template-columns:minmax(0,1.55fr) minmax(0,1fr) minmax(175px,.56fr);gap:var(--space-content);align-items:center;padding-block:var(--space-section)}
.about-copy h2{font-size:clamp(36px,3.1vw,54px);margin-bottom:clamp(24px,2.5vw,42px)}
.about-copy>p:not(.eyebrow){max-width:56ch;font-size:clamp(13px,.92vw,16px);line-height:1.8;margin-bottom:clamp(26px,2.8vw,45px)}
.about>.photo{height:clamp(320px,26vw,450px);min-width:0}
.about-facts{height:100%;padding-left:clamp(20px,2.5vw,42px);justify-content:space-around;gap:30px}
.about-facts strong{font-size:clamp(31px,2.5vw,44px)}
.about-facts span{font-size:clamp(11px,.76vw,14px)}

.ecosystem{display:block;min-height:0;padding:var(--space-section) var(--gutter)}
.ecosystem-intro{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(280px,.7fr);column-gap:clamp(40px,8vw,150px);row-gap:16px;align-items:start;padding:0 0 var(--space-content)}
.ecosystem-intro>.eyebrow{grid-column:1/-1;margin-bottom:0}
.ecosystem-intro h2{grid-column:1;grid-row:2/4;align-self:start;font-size:clamp(38px,3.15vw,56px);margin:0;max-width:20ch}
.ecosystem-intro>p:not(.eyebrow){grid-column:2;grid-row:2;max-width:48ch;margin:0;font-size:clamp(13px,.95vw,16px);line-height:1.8}
.ecosystem-intro>.text-link{grid-column:2;grid-row:3;justify-self:start}
.company-strip{height:clamp(340px,28vw,500px);gap:clamp(8px,1vw,18px)}
.company-title{padding:clamp(20px,1.8vw,32px)}
.company-title strong{margin-top:12px;margin-bottom:14px}

.material{min-height:clamp(590px,47vw,750px);padding-block:var(--space-section)}
.material-content{width:58%;padding:0}
.material h2{font-size:clamp(84px,7.4vw,132px);margin:20px 0 24px}
.material-intro{max-width:34ch;line-height:1.65}
.material-benefits{margin:clamp(38px,4vw,70px) 0 clamp(40px,4.1vw,72px);gap:clamp(16px,2vw,32px)}
.material-benefits>div{gap:18px}
.material-benefits span{font-size:clamp(12px,.85vw,15px);line-height:1.65}
.material-note{top:var(--space-section);right:var(--gutter)}

.section-top{margin-bottom:var(--space-content)}
.section-top h2{font-size:clamp(32px,2.6vw,46px)}
.products{padding-block:var(--space-section)}
.product-grid{gap:clamp(14px,1.5vw,27px)}
.product>.photo{aspect-ratio:1.82}
.product-info{padding:clamp(15px,1.3vw,24px)}
.product-info strong{font-size:clamp(19px,1.4vw,25px)}
.product-info small{font-size:clamp(10px,.73vw,13px);line-height:1.6;margin-top:8px}

.applications>.section-top{padding-top:var(--space-section);padding-bottom:0}
.application-grid{padding:0 var(--gutter) var(--space-section);gap:clamp(10px,1.1vw,20px)}
.application{height:clamp(260px,25vw,405px)}
.application>span:not(.photo){bottom:clamp(24px,2.4vw,42px)}
.application>svg{bottom:clamp(30px,2.7vw,48px)}

.manufacturing{grid-template-columns:27% 1fr;gap:clamp(38px,5vw,90px);padding-block:var(--space-section)}
.manufacturing h2{font-size:clamp(40px,3.3vw,62px);margin-bottom:clamp(26px,2.7vw,46px)}
.manufacturing p:not(.eyebrow){font-size:clamp(13px,.95vw,16px);line-height:1.8;margin-bottom:clamp(25px,2.8vw,48px)}
.process{gap:clamp(10px,1vw,18px)}
.process li{min-height:clamp(320px,24vw,445px)}
.process-label{padding:clamp(16px,1.4vw,25px)}
.process-label>span{font-size:clamp(11px,.82vw,14px)}

.sustainability{grid-template-columns:minmax(0,1.1fr) minmax(0,1.15fr) minmax(0,.9fr);gap:clamp(30px,4vw,70px);align-items:center;padding-block:var(--space-section)}
.sustainability h2{font-size:clamp(34px,2.65vw,47px);margin-bottom:clamp(22px,2.2vw,38px)}
.sustainability p:not(.eyebrow){font-size:clamp(13px,.92vw,16px);line-height:1.8;margin-bottom:clamp(24px,2.5vw,42px)}
.sustainability-pillars{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(24px,3vw,52px)}
.sustainability-pillars>div{gap:15px}
.sustainability-pillars span{font-size:clamp(11px,.8vw,14px);line-height:1.6}
.sustainability>.photo{height:clamp(300px,25vw,440px);min-width:0}

.journal-careers{display:block;padding-top:var(--space-section);padding-bottom:0}
.journal{padding-right:0;padding-bottom:var(--space-section)}
.journal .section-top{margin-bottom:24px}
.news-filters{gap:clamp(20px,2.5vw,42px);margin-bottom:clamp(25px,2.8vw,48px)}
.news-filters button{font-size:clamp(11px,.75vw,14px);min-height:36px}
.news-grid{gap:clamp(18px,2.3vw,40px)}
.news-item>.photo{aspect-ratio:1.78}
.news-item>small{font-size:11px;margin:17px 0 9px}
.news-item>span:not(.photo){font-size:clamp(15px,1vw,19px);line-height:1.5}
.careers{border-left:0;border-top:1px solid var(--line);min-height:clamp(400px,31vw,540px);padding:var(--space-section) 0;display:flex;align-items:center}
.careers>.photo{width:48%;height:calc(100% - 2 * var(--space-section));top:var(--space-section)}
.careers-content{width:46%;padding:0 clamp(25px,4vw,70px) 0 0}
.careers h2{font-size:clamp(37px,3vw,54px);margin-bottom:clamp(24px,2.4vw,42px)}
.careers p:not(.eyebrow){font-size:clamp(13px,.95vw,16px);line-height:1.8;margin-bottom:clamp(25px,2.4vw,42px)}
.careers .button{font-size:clamp(11px,.85vw,14px);min-height:48px;padding:12px 20px}

.contact{min-height:clamp(285px,24vw,390px);gap:clamp(35px,5vw,90px);padding-block:var(--space-section)}
.contact h2{font-size:clamp(37px,3.1vw,58px)}
.contact p{font-size:clamp(11px,.84vw,14px);margin-top:22px}
.contact .button-row{gap:14px}
.contact .button{font-size:clamp(11px,.8vw,14px);min-height:48px}
.footer{padding-top:clamp(70px,6vw,115px);padding-bottom:clamp(34px,3vw,58px)}
.footer-main{gap:clamp(24px,2.5vw,45px);margin-bottom:clamp(55px,5vw,90px)}
.footer h3{font-size:12px;margin-bottom:18px}
.footer-main>div>a:not(.brand){font-size:11px;margin-bottom:7px}
.footer p{font-size:11px}
.footer-bottom{padding-top:24px}

@media(max-width:1100px){
  :root{--space-section:clamp(64px,7vw,88px)}
  .hero{height:clamp(650px,68vw,780px);padding-top:125px}
  .about{grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:35px}
  .about>.photo{height:330px}
  .about-facts{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr);height:auto;border-left:0;border-top:1px solid var(--line);padding:24px 0 0;margin-top:0}
  .ecosystem-intro{display:block}
  .ecosystem-intro h2{margin:0 0 20px}
  .ecosystem-intro>p:not(.eyebrow){margin-bottom:20px;max-width:58ch}
  .company-strip{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));height:auto}
  .company{grid-column:span 2;height:260px}
  .company:nth-child(n+4){grid-column:span 3}
  .material{min-height:610px}
  .material-content{width:65%}
  .material-benefits{margin:30px 0 38px;gap:15px}
  .product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .application-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .application{height:300px}
  .manufacturing{grid-template-columns:1fr}
  .process{grid-template-columns:repeat(3,minmax(0,1fr))}
  .process li{min-height:235px}
  .sustainability{grid-template-columns:1fr 1fr}
  .sustainability>.photo{display:block;grid-column:1/-1;height:280px;aspect-ratio:auto}
  .careers{min-height:410px}
  .contact{flex-direction:column;align-items:flex-start}
  .contact .button-row{align-self:flex-start;margin:0}
}

@media(max-width:600px){
  :root{--space-section:clamp(56px,10vw,78px);--space-content:32px}
  body{font-size:14px}
  .hero{height:auto;min-height:max(700px,calc(100svh - 76px));padding-top:138px}
  .hero-copy>.eyebrow{margin-bottom:34px}
  .hero-title{font-size:clamp(60px,18vw,104px);margin-bottom:36px}
  .hero-description{max-width:290px;font-size:14px;margin-bottom:34px}
  .hero .button-row{gap:12px}
  .about{display:block;padding-block:var(--space-section)}
  .about h2{font-size:clamp(31px,8vw,38px);margin-bottom:25px}
  .about-copy>p:not(.eyebrow){font-size:13px;line-height:1.8;margin-bottom:26px}
  .about>.photo{width:100%;height:260px;margin-top:40px}
  .about-facts{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:26px;padding-top:24px}
  .about-facts strong{font-size:26px}
  .about-facts span{font-size:10px}
  .ecosystem{padding-block:var(--space-section)}
  .ecosystem-intro{padding:0 0 34px}
  .ecosystem-intro h2{font-size:clamp(31px,8vw,39px);margin-bottom:23px}
  .ecosystem-intro>p:not(.eyebrow){font-size:13px;line-height:1.8;margin-bottom:24px}
  .company-strip{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .company,.company:nth-child(n+4){grid-column:auto;height:235px}
  .company:last-child{grid-column:1/-1;height:225px}
  .company-title{padding:18px}
  .company-title strong{font-size:19px}
  .company-title small{font-size:11px}
  .material{display:flex;flex-direction:column;min-height:0;padding:0 var(--gutter) var(--space-section)}
  .material>.material-image{position:relative;width:calc(100% + 12vw);height:280px;margin:0 calc(-1 * var(--gutter)) 44px}
  .material-content{width:100%}
  .material h2{font-size:clamp(60px,15vw,76px);margin:18px 0 20px}
  .material-intro{font-size:14px}
  .material-benefits{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 22px;margin:32px 0 38px}
  .material-benefits>div{gap:12px}
  .material-benefits span{font-size:12px;max-width:160px}
  .material-benefits svg{width:32px;height:32px}
  .products{padding-block:var(--space-section)}
  .section-top{display:block;margin-bottom:var(--space-content)}
  .section-top h2{font-size:clamp(29px,7.4vw,37px);margin-bottom:18px}
  .section-top>.text-link{max-width:none;font-size:12px;align-self:auto}
  .product-grid{display:block}
  .product{display:grid;grid-template-columns:40% 1fr;min-height:155px;border:0;border-bottom:1px solid var(--line)}
  .product>.photo{height:100%;aspect-ratio:auto}
  .product-info{padding:18px;align-items:center}
  .product-info strong{font-size:19px}
  .product-info small{font-size:11px;margin-top:10px}
  .applications>.section-top{padding-top:var(--space-section)}
  .application-grid{gap:10px;padding-bottom:var(--space-section)}
  .application{height:235px}
  .application>span:not(.photo){bottom:26px;left:15px}
  .application strong{font-size:19px}
  .application small{font-size:10px}
  .manufacturing{padding-block:var(--space-section);gap:34px}
  .manufacturing h2{font-size:40px;margin-bottom:28px}
  .manufacturing p:not(.eyebrow){font-size:13px;margin:0 0 28px}
  .process{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .process li{min-height:205px}
  .process-label>span{font-size:12px}
  .sustainability{display:block;padding-block:var(--space-section)}
  .sustainability h2{font-size:33px}
  .sustainability p:not(.eyebrow){font-size:13px}
  .sustainability-pillars{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px 24px;margin:38px 0}
  .sustainability-pillars span{font-size:12px}
  .sustainability>.photo{width:100%;height:215px}
  .journal-careers{padding-top:var(--space-section)}
  .journal{padding-bottom:var(--space-section)}
  .news-filters{gap:12px 22px;margin-bottom:30px}
  .news-filters button{font-size:11px}
  .news-grid{gap:24px}
  .news-item{grid-template-columns:110px 1fr;gap:0 16px}
  .news-item>.photo{height:105px}
  .news-item>small{font-size:10px;margin:2px 0}
  .news-item>span:not(.photo){font-size:14px}
  .careers{display:flex;flex-direction:column;align-items:stretch;min-height:0;padding:var(--space-section) 0 0}
  .careers-content{order:1;width:100%;padding:0 0 36px}
  .careers h2{font-size:34px}
  .careers p:not(.eyebrow){font-size:13px;max-width:36ch}
  .careers>.photo{order:2;position:relative;top:auto;right:auto;width:100%;height:285px}
  .contact{min-height:0;padding-block:var(--space-section)}
  .contact h2{font-size:clamp(33px,8vw,42px)}
  .contact .button-row{gap:12px}
  .contact .button{font-size:11px;min-height:46px}
  .footer{padding-top:var(--space-section);padding-bottom:38px}
  .footer-main{gap:34px 22px;margin-bottom:55px}
}

/* Keep image grid items within their columns on narrow screens. */
@media(max-width:600px){
  .product{width:100%;grid-template-columns:35% minmax(0,1fr)}
  .product>.photo,.news-item>.photo{width:100%;min-width:0}
  .product-info,.news-item>small,.news-item>span:not(.photo){min-width:0}
  .news-item{width:100%;grid-template-columns:110px minmax(0,1fr)}
}

@media(max-width:360px){
  .company-strip{grid-template-columns:1fr}
  .company,.company:last-child{grid-column:auto;height:180px}
  .company-title strong{font-size:24px;max-width:none}
  .company-title small{max-width:190px}
}


/* Source: signature.css */
/* The Living Thread — a textile archive, arranged as an editorial journey. */
:root{
  --paper:#f0ebe0;
  --ink:#14241e;
  --forest:#10251e;
  --copper:#b99069;
  --line:#cfc7b9;
  --gutter:clamp(24px,4.6vw,86px);
}
body{background:var(--paper)}
.eyebrow{letter-spacing:.22em;font-size:clamp(10px,.7vw,12px)}
.button{letter-spacing:.025em}
.text-link{padding-bottom:8px}
.section-heading{letter-spacing:-.06em}

/* The first frame behaves like a campaign image, with live and selectable text. */
.header{height:94px;padding-inline:var(--gutter);color:#efece2;background:#091a14;border-bottom:1px solid rgba(234,223,203,.22)}
.header .brand>.photo{filter:invert(1);mix-blend-mode:screen}
.header-actions{color:#f4efe7}
.menu-button{border-color:rgba(244,239,231,.5)}
.header>nav>a{font-size:12px}
.header>nav small{font-size:9px;opacity:.65}
.header>nav>a:hover,.header>nav>a:focus-visible{color:#d7ab7e}
.hero{height:100svh;min-height:730px;max-height:1050px;padding:176px var(--gutter) 115px;background:#08140f;color:#f0e9da}
.hero-visual{z-index:0}
.hero-visual img{object-position:center center}
.hero::before{content:'';position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(90deg,rgba(5,17,13,.94),rgba(5,17,13,.77) 25%,rgba(5,17,13,.12) 57%,rgba(5,17,13,.04) 100%)}
.hero-copy{z-index:2;width:min(64%,860px)}
.hero-kicker{color:#d1b28c;letter-spacing:.23em;margin-bottom:clamp(42px,5.5vw,92px)!important;white-space:nowrap}
.hero-kicker span{padding-inline:13px;color:#efe6d5}
.hero-title{font-size:clamp(92px,9.6vw,177px);line-height:.81;letter-spacing:-.09em;max-width:none;margin-bottom:clamp(43px,5vw,80px);color:#f5f0e6}
.hero-title span:first-child{font-size:.52em;letter-spacing:-.045em;margin-bottom:.15em}
.hero-title span:nth-child(2){margin-left:-.05em}
.hero-title span:nth-child(3){padding-left:.22em}
.hero-description{max-width:410px;font-size:clamp(15px,1.05vw,19px);line-height:1.75;margin-bottom:27px;color:#e2dfd4;background:none;padding:0}
.hero .button.primary{background:#e8dfce;color:#14241e;border-color:#e8dfce}
.hero .button.primary:hover{background:#c7a47c;border-color:#c7a47c}
.hero .button.outline{color:#efece2;border-color:rgba(239,236,226,.55)}
.hero .button.outline:hover{background:rgba(239,236,226,.13)}
.hero-index{z-index:2;top:29%;right:var(--gutter);border-left-color:rgba(239,236,226,.45);color:#e9e5da}
.hero-index a{opacity:.75;transition:opacity .25s,transform .25s}
.hero-index a:hover{opacity:1;transform:translateX(4px)}
.hero-index a:first-child{color:#e9be90;opacity:1}
.hero-bottom{position:absolute;z-index:2;left:var(--gutter);right:var(--gutter);bottom:31px;display:flex;align-items:center;justify-content:space-between;gap:18px;border-top:1px solid rgba(240,233,218,.36);padding-top:17px;color:#ded6c8;font-size:10px;letter-spacing:.18em}

/* Chapter 01: a printed spread with one tactile close-up. */
.about{position:relative;background:#f3eee4;padding-top:clamp(150px,11vw,210px);padding-bottom:clamp(130px,10vw,190px);grid-template-columns:minmax(0,1.4fr) minmax(280px,.85fr) minmax(150px,.32fr);gap:clamp(28px,4vw,80px)}
.about::before{content:'01 / THE GROUP';position:absolute;left:var(--gutter);top:clamp(52px,5vw,88px);color:#9d7958;font-size:11px;font-weight:600;letter-spacing:.2em}
.about-copy h2{font-size:clamp(49px,4.4vw,82px);line-height:1.05;max-width:14ch;margin-bottom:clamp(35px,4vw,70px)}
.about-copy>p:not(.eyebrow){max-width:48ch;font-size:clamp(14px,.95vw,17px)}
.about>.photo{height:clamp(410px,32vw,590px);align-self:center}
.about>.photo img{transition:transform .7s}
.about>.photo:hover img{transform:scale(1.035)}
.about-facts{height:100%;border-color:#b5aa99;justify-content:flex-end;gap:clamp(40px,5vw,80px);padding-bottom:20px}
.about-facts strong{font-size:clamp(35px,3vw,56px)}
.about-facts span{max-width:18ch}

/* The group is arranged like five hanging material studies. */
.ecosystem{background:#172a23;color:#f4efe2;padding-top:clamp(125px,10vw,180px);padding-bottom:clamp(145px,11vw,195px)}
.ecosystem-intro{padding-bottom:clamp(50px,6vw,95px);grid-template-columns:minmax(0,1fr) minmax(260px,.52fr)}
.ecosystem-intro>.eyebrow{color:#c9a880}
.ecosystem-intro h2{font-size:clamp(48px,4.2vw,76px);line-height:1.08;max-width:18ch}
.ecosystem-intro>p:not(.eyebrow){color:#d5dbd0;max-width:45ch}
.ecosystem-intro>.text-link{color:#ece5d7}
.company-strip{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));height:clamp(530px,43vw,670px);gap:clamp(11px,1.3vw,22px);align-items:start}
.company{flex:none;width:100%;height:clamp(390px,32vw,500px);background:#263b31;transition:transform .45s}
.company:nth-child(2){margin-top:72px}
.company:nth-child(3){margin-top:23px}
.company:nth-child(4){margin-top:104px}
.company:nth-child(5){margin-top:46px}
.company:hover{flex:none;transform:translateY(-9px)}
.company>.photo{filter:grayscale(.18) brightness(.54)}
.company:hover>.photo{filter:grayscale(0) brightness(.75)}
.company-title{display:flex;flex-direction:column;justify-content:flex-end;padding:clamp(18px,1.55vw,28px);background:linear-gradient(180deg,transparent 25%,rgba(2,11,7,.67));text-shadow:0 2px 10px #000}
.company-title .serial{position:absolute;top:20px;left:clamp(18px,1.55vw,28px);font-size:clamp(24px,2vw,36px);color:#eedcc5}
.company-title strong{font-size:clamp(20px,1.55vw,29px);margin:0 0 10px}
.company-title small{max-width:20ch;font-size:clamp(10px,.8vw,13px)}
.company-open{right:19px;bottom:18px;color:#e9c29c}

/* Chapter 02: the core material gets its own gallery wall. */
.material{min-height:clamp(690px,55vw,850px);background:#dfd5c5;padding-block:clamp(110px,9vw,165px)}
.material>.material-image{width:58%;right:0;z-index:-2}
.material::after{background:linear-gradient(90deg,#e5daca 0%,#e5daca 19%,rgba(229,218,202,.95) 41%,rgba(229,218,202,.04) 74%)}
.material-content{width:58%;background:none}
.material .eyebrow{color:#856b52}
.material h2{font-size:clamp(105px,11vw,195px);line-height:.85;margin:34px 0 35px;letter-spacing:-.085em}
.material-intro{font-size:clamp(19px,1.4vw,25px);max-width:28ch;line-height:1.45}
.material-benefits{max-width:630px;margin:clamp(55px,5vw,85px) 0 clamp(45px,4.8vw,80px)}
.material-benefits svg{color:#7c6247}
.material-benefits span{max-width:16ch}
.material-note{background:#f1e9da;color:#62452b;top:clamp(100px,10vw,170px)}

/* The collection reads as a material ledger instead of four generic cards. */
.products{background:#f4f0e8;padding-block:clamp(125px,10vw,175px)}
.products .section-top{margin-bottom:clamp(45px,5vw,78px)}
.products .section-top h2{font-size:clamp(47px,4.2vw,72px)}
.product-grid{display:block;border-top:1px solid #bfb5a7}
.product{width:100%;min-height:185px;display:grid;grid-template-columns:8% 28% minmax(0,1fr);gap:clamp(20px,3vw,52px);align-items:center;border:0;border-bottom:1px solid #bfb5a7;overflow:visible;transition:background .25s}
.product:hover{background:#eae2d5}
.product-number{font-family:var(--serif);font-size:clamp(30px,3vw,54px);color:#a3896f;align-self:start;padding-top:28px}
.product>.photo{width:100%;height:142px;min-width:0;aspect-ratio:auto}
.product>.photo img{transition:transform .6s}
.product:hover>.photo img{transform:scale(1.06)}
.product-info{padding:20px 0;min-width:0;gap:24px}
.product-info strong{font-size:clamp(32px,3vw,52px);line-height:1.1;letter-spacing:-.045em}
.product-info small{font-size:clamp(12px,.85vw,15px);margin-top:15px}
.product-info svg{width:25px;height:25px;color:#a27752}

/* Four applications form an asymmetric editorial contact sheet. */
.applications{background:#e8e1d4}
.applications>.section-top{padding-top:clamp(110px,9vw,155px);margin-bottom:clamp(40px,4vw,68px)}
.applications .section-top h2{font-size:clamp(45px,4vw,68px)}
.application-grid{grid-template-columns:1.18fr .86fr .96fr;grid-template-rows:270px 270px;gap:clamp(12px,1.3vw,21px);padding-bottom:clamp(120px,10vw,175px)}
.application{height:auto;min-height:0}
.application:first-child{grid-row:1/3}
.application:last-child{grid-column:2/4}
.application>.photo{filter:grayscale(.1) brightness(.62)}
.application:hover>.photo{filter:grayscale(0) brightness(.82)}
.application>span:not(.photo){bottom:clamp(23px,2.4vw,43px);left:clamp(22px,2vw,38px)}
.application strong{font-size:clamp(24px,2vw,38px)}
.application small{font-size:clamp(11px,.9vw,14px)}
.application>svg{right:clamp(20px,2vw,36px)}

/* Industrial and human chapters retain the same material palette. */
.manufacturing{position:relative;overflow:hidden;background:#0b1c16;padding-block:clamp(135px,10vw,190px);grid-template-columns:25% minmax(0,1fr)}
.manufacturing::before{content:'03';position:absolute;left:var(--gutter);bottom:-.28em;font-family:var(--serif);font-size:clamp(250px,28vw,480px);line-height:1;color:transparent;-webkit-text-stroke:1px rgba(238,232,218,.09);pointer-events:none}
.manufacturing>div,.manufacturing>.process{position:relative;z-index:1}
.manufacturing .eyebrow{color:#cca981}
.manufacturing h2{font-size:clamp(45px,4vw,75px);line-height:1.1}
.process{gap:clamp(8px,1vw,16px)}
.process li{min-height:clamp(350px,28vw,480px)}
.process .photo{filter:grayscale(1) brightness(.52)}
.process-label{padding:clamp(14px,1.5vw,26px)}
.process-label b{font-size:clamp(28px,2.2vw,40px);color:#efdfc6}

.sustainability{background:#ede8dd;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-rows:auto auto;gap:clamp(42px,5vw,90px);padding-block:clamp(135px,10vw,190px)}
.sustainability-copy{grid-column:1;grid-row:1}
.sustainability h2{font-size:clamp(48px,4.2vw,78px);line-height:1.08;max-width:13ch}
.sustainability p:not(.eyebrow){max-width:46ch}
.sustainability-pillars{grid-column:1;grid-row:2;max-width:550px;gap:35px 45px}
.sustainability-pillars>div{align-items:flex-start;text-align:left;gap:9px}
.sustainability-pillars span{max-width:21ch}
.sustainability>.photo{display:block;grid-column:2;grid-row:1/3;width:100%;height:100%;min-height:560px;aspect-ratio:auto}

.journal-careers{background:#f5f1e9;padding-top:clamp(125px,10vw,180px)}
.journal{padding-bottom:clamp(110px,9vw,165px)}
.journal .section-top h2{font-size:clamp(49px,4.1vw,74px)}
.news-item:first-child>.photo{aspect-ratio:1.5}
.news-item>.photo{aspect-ratio:1.75}
.news-item>span:not(.photo){font-family:var(--serif);font-size:clamp(22px,1.7vw,32px);line-height:1.25;letter-spacing:-.035em}
.news-item>small{margin:21px 0 11px;text-transform:uppercase;letter-spacing:.1em}
.careers{min-height:clamp(500px,38vw,650px);padding-block:clamp(100px,8vw,145px)}
.careers h2{font-size:clamp(48px,4.2vw,78px);line-height:1.07}
.careers>.photo{height:calc(100% - 2 * clamp(100px,8vw,145px))}

.contact{min-height:clamp(390px,33vw,560px);background:#17241d;padding-block:clamp(85px,8vw,140px)}
.contact>.photo{filter:brightness(.25) sepia(.1)}
.contact::before{content:'';position:absolute;z-index:0;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(7,19,14,.82),rgba(7,19,14,.45))}
.contact>div{position:relative;z-index:1}
.contact h2{font-size:clamp(50px,5vw,93px);line-height:1.04;letter-spacing:-.06em}
.contact .button.primary{background:#dfd3bd;color:#10251e}
.contact .button.light{background:transparent;color:#f6f0e5;border:1px solid rgba(246,240,229,.6)}
.footer{background:#081711}

@media(max-width:1150px){
  .header>nav{gap:12px}
  .header>nav>a{font-size:10px}
  .hero{min-height:690px;padding-top:160px}
  .hero-title{font-size:clamp(82px,9.5vw,125px)}
  .hero-copy{width:70%}
  .hero-index{right:3vw}
  .about{grid-template-columns:1.1fr .9fr;gap:35px}
  .about-facts{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr);height:auto;border-left:0;border-top:1px solid var(--line);padding:28px 0 0;gap:20px}
  .company-strip{height:auto;grid-template-columns:repeat(6,minmax(0,1fr));gap:15px}
  .company,.company:nth-child(n){grid-column:span 2;margin-top:0;height:310px}
  .company:nth-child(n+4){grid-column:span 3}
  .material-content{width:65%}
  .material h2{font-size:clamp(90px,10vw,145px)}
  .application-grid{grid-template-rows:240px 240px}
  .manufacturing{grid-template-columns:1fr}
  .process li{min-height:270px}
  .sustainability>.photo{min-height:500px}
}

@media(max-width:900px){
  .header>nav{display:none}
  .hero-copy{width:80%}
  .hero-index{display:none}
  .hero-visual img{object-position:55% center}
  .hero::before{background:linear-gradient(90deg,rgba(5,17,13,.96),rgba(5,17,13,.58) 58%,rgba(5,17,13,.05))}
  .about{padding-top:150px}
  .about-copy h2{font-size:clamp(46px,6vw,70px)}
  .company-title strong{font-size:23px}
  .material{min-height:640px}
  .product{grid-template-columns:7% 31% minmax(0,1fr);min-height:155px}
  .product>.photo{height:115px}
  .product-info strong{font-size:clamp(27px,3vw,40px)}
  .sustainability{grid-template-columns:1fr 1fr}
  .sustainability>.photo{display:block;grid-column:2;grid-row:1/3;min-height:460px}
}

@media(max-width:600px){
  :root{--gutter:6vw}
  .header{height:76px;color:#f2eee4;border-bottom-color:rgba(242,238,228,.3)}
  .header-actions{color:#f2eee4}
  .header .brand>.photo{filter:invert(1);mix-blend-mode:screen}
  .menu-button{border-color:rgba(242,238,228,.65)}
  .hero{min-height:730px;height:100svh;max-height:none;padding:150px var(--gutter) 115px}
  .hero-visual img{object-position:57% center}
  .hero::before{background:linear-gradient(90deg,rgba(5,17,13,.89),rgba(5,17,13,.62) 69%,rgba(5,17,13,.28))}
  .hero-copy{width:100%}
  .hero-kicker{white-space:normal;font-size:9px;line-height:1.6;margin-bottom:65px!important;max-width:33ch}
  .hero-kicker span{padding-inline:4px}
  .hero-title{font-size:clamp(69px,17vw,100px);line-height:.84;margin-bottom:52px}
  .hero-title span:first-child{font-size:.58em}
  .hero-title span:nth-child(3){padding-left:.15em}
  .hero-description{font-size:13px;max-width:28ch;line-height:1.7;margin-bottom:28px;color:#f4ecdd;background:none;padding:0}
  .hero .button-row{max-width:330px}
  .hero .button{min-height:44px;padding:11px 12px;font-size:10px}
  .hero-bottom{bottom:24px;font-size:8px;letter-spacing:.1em}
  .hero-bottom span:nth-child(2){display:none}
  .about{display:block;padding-top:125px;padding-bottom:95px}
  .about::before{top:53px;font-size:10px}
  .about-copy h2{font-size:clamp(39px,10.4vw,52px);line-height:1.09;max-width:13ch;margin-bottom:30px}
  .about-copy>p:not(.eyebrow){font-size:13px;line-height:1.8}
  .about>.photo{width:100%;height:340px;margin-top:55px}
  .about-facts{margin-top:0;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
  .about-facts strong{font-size:clamp(26px,8vw,35px)}
  .about-facts span{font-size:9px}
  .ecosystem{padding-top:110px;padding-bottom:115px}
  .ecosystem-intro h2{font-size:clamp(40px,10vw,53px)}
  .ecosystem-intro>p:not(.eyebrow){font-size:13px}
  .company-strip{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
  .company,.company:nth-child(n){grid-column:auto;margin-top:0;height:270px}
  .company:last-child{grid-column:1/-1;height:260px}
  .company-title{padding:18px}
  .company-title .serial{left:18px;top:15px;font-size:25px}
  .company-title strong{font-size:20px}
  .company-title small{font-size:11px}
  .material{display:flex;flex-direction:column;min-height:0;padding:0 var(--gutter) 95px;background:#e5daca}
  .material::after{display:none}
  .material>.material-image{position:relative;width:calc(100% + 12vw);height:350px;margin:0 calc(-1 * var(--gutter)) 60px;z-index:0}
  .material-content{width:100%}
  .material h2{font-size:clamp(74px,17vw,100px);margin:24px 0 30px}
  .material-intro{font-size:18px}
  .material-benefits{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 18px;margin:45px 0}
  .material-benefits span{font-size:12px}
  .material-note{display:none}
  .products{padding-block:105px}
  .products .section-top h2{font-size:clamp(40px,9vw,52px)}
  .product-grid{border-top-color:#a89987}
  .product{position:relative;grid-template-columns:32% minmax(0,1fr);gap:15px;min-height:155px}
  .product-number{position:absolute;top:12px;left:calc(32% + 15px);font-size:12px;font-family:var(--sans);letter-spacing:.15em;padding:0}
  .product>.photo{grid-column:1;height:125px;width:100%}
  .product-info{grid-column:2;padding:30px 0 14px}
  .product-info strong{font-size:clamp(22px,5.5vw,30px)}
  .product-info small{font-size:10px;margin-top:8px}
  .product-info svg{width:18px}
  .applications>.section-top{padding-top:105px}
  .applications .section-top h2{font-size:clamp(38px,9vw,52px)}
  .application-grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(2,250px);padding-bottom:105px}
  .application,.application:first-child,.application:last-child{grid-column:auto;grid-row:auto;height:auto}
  .application strong{font-size:19px}
  .application small{font-size:10px}
  .manufacturing{padding-block:110px}
  .manufacturing h2{font-size:clamp(46px,11vw,60px)}
  .process{grid-template-columns:repeat(2,minmax(0,1fr))}
  .process li{min-height:220px}
  .sustainability{display:block;padding-block:110px}
  .sustainability h2{font-size:clamp(43px,10vw,57px)}
  .sustainability-pillars{margin:55px 0;gap:32px 20px}
  .sustainability>.photo{width:100%;height:300px;min-height:0}
  .journal-careers{padding-top:110px}
  .journal .section-top h2{font-size:clamp(43px,10vw,55px)}
  .news-item{width:100%;grid-template-columns:110px minmax(0,1fr)}
  .news-item>.photo{width:100%;height:110px;min-width:0}
  .news-item>small{font-size:9px;line-height:1.4;margin:3px 0 6px}
  .news-item>span:not(.photo){font-size:clamp(16px,4.3vw,21px)}
  .careers{padding-block:95px 0;min-height:0}
  .careers h2{font-size:clamp(43px,10vw,56px)}
  .careers>.photo{height:320px}
  .contact{min-height:570px;padding-block:95px}
  .contact h2{font-size:clamp(46px,11vw,64px)}
  .contact .button-row{gap:12px}
}

@media(max-width:360px){
  .hero-title{font-size:61px}
  .hero-kicker{margin-bottom:58px!important}
  .hero-bottom{font-size:7px}
  .company-strip{grid-template-columns:1fr}
  .company,.company:nth-child(n),.company:last-child{grid-column:auto;height:190px}
  .company-title strong{font-size:25px}
  .company-title small{max-width:23ch}
  .product{grid-template-columns:30% minmax(0,1fr)}
  .product-number{left:calc(30% + 15px)}
}

@media(prefers-reduced-motion:reduce){
  .company,.company>.photo,.product,.product img,.about>.photo img{transition:none!important}
}


/* Source: scroll-story.css */
/* Scroll is the primary control for the textile narrative. */
html{scroll-padding-top:94px;scroll-behavior:auto}
.header{position:fixed;z-index:40;left:0;right:0;top:0}
.hero-chapters{position:absolute;z-index:3;left:var(--gutter);top:29%;width:min(69%,880px);pointer-events:none}
.hero-chapter{position:absolute;left:0;top:0;opacity:0;visibility:hidden;transform:translateY(40px);color:#f7f0e4}
.hero-chapter>span{display:block;font-size:clamp(12px,.85vw,16px);font-weight:600;letter-spacing:.24em;color:#d7ae81;margin-bottom:42px}
.hero-chapter p{font-family:var(--serif);font-size:clamp(64px,6.8vw,132px);font-weight:400;line-height:.98;letter-spacing:-.065em;max-width:12ch}
.hero-chapter p span{display:block}
.hero-chapter small{display:block;margin-top:40px;font-size:11px;letter-spacing:.19em;color:#ead7bf}
.hero-progress{position:absolute;z-index:3;left:var(--gutter);bottom:87px;width:min(440px,42vw);display:flex;align-items:center;gap:17px;color:#ddcab1;font-size:11px;letter-spacing:.18em}
.hero-progress-track,.ecosystem-meter{display:block;position:relative;flex:1;height:1px;background:rgba(239,231,214,.35)}
.hero-progress-fill,.ecosystem-meter-fill{display:block;position:absolute;left:0;top:-1px;width:100%;height:3px;background:#cf9e6d;transform:scaleX(0);transform-origin:left center}
.hero-index a:first-child{color:inherit;opacity:.75}

.company-viewport{min-width:0;overflow-x:auto;scrollbar-width:thin;scrollbar-color:#aa8a68 transparent}
.ecosystem-scroll-cue{display:none}

@media(min-width:1024px){
  html[data-scroll-story=on] .hero-visual img{will-change:transform}
  html[data-scroll-story=on] .ecosystem{height:100svh;min-height:770px;max-height:1120px;padding-top:clamp(112px,12vh,145px);padding-bottom:36px;display:flex;flex-direction:column}
  html[data-scroll-story=on] .ecosystem-intro{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,.62fr);padding-bottom:clamp(30px,4vh,55px);flex:none}
  html[data-scroll-story=on] .ecosystem-intro h2{font-size:clamp(43px,3.8vw,67px);line-height:1.02}
  html[data-scroll-story=on] .company-viewport{flex:1;min-height:0;overflow:hidden}
  html[data-scroll-story=on] .company-strip{display:flex;width:max-content;height:100%;gap:clamp(16px,1.7vw,28px);align-items:flex-start;will-change:transform}
  html[data-scroll-story=on] .company,
  html[data-scroll-story=on] .company:nth-child(n){display:block;flex:none;width:clamp(295px,29vw,485px);height:calc(100% - 50px);margin-top:0}
  html[data-scroll-story=on] .company:nth-child(2){margin-top:35px}
  html[data-scroll-story=on] .company:nth-child(3){margin-top:12px}
  html[data-scroll-story=on] .company:nth-child(4){margin-top:50px}
  html[data-scroll-story=on] .company:nth-child(5){margin-top:22px}
  html[data-scroll-story=on] .company-title strong{font-size:clamp(26px,2.2vw,36px)}
  html[data-scroll-story=on] .ecosystem-scroll-cue{display:flex;align-items:center;gap:22px;color:#d8c5aa;font-size:11px;letter-spacing:.17em;padding-top:12px;flex:none}
  html[data-scroll-story=on] .ecosystem-meter{max-width:250px}
}

@media(max-width:1023px){
  .hero-chapters,.hero-progress{display:none}
  .company-viewport{overflow:visible}
  .ecosystem-scroll-cue{display:none}
}

@media(max-width:600px){
  html{scroll-padding-top:76px}
  .ecosystem{overflow:clip}
  .company-strip{display:block;height:auto}
  .company,.company:nth-child(n),.company:last-child{position:sticky;top:91px;display:block;width:100%;height:min(62svh,540px);min-height:390px;margin:0 0 27px;transform:none}
  .company:nth-child(1){z-index:1}
  .company:nth-child(2){z-index:2}
  .company:nth-child(3){z-index:3}
  .company:nth-child(4){z-index:4}
  .company:nth-child(5){z-index:5}
  .company:hover{transform:none}
  .company-title{justify-content:center;padding:28px;background:linear-gradient(90deg,rgba(4,18,12,.5),rgba(4,18,12,.12))}
  .company-title .serial{top:24px;left:28px;font-size:35px}
  .company-title strong{font-size:clamp(29px,8vw,42px)}
  .company-title small{font-size:13px;max-width:29ch}
  .company-open{right:28px;top:60%;bottom:auto}
}

@media(prefers-reduced-motion:reduce){
  .hero-chapters,.hero-progress{display:none}
  .company-viewport{overflow-x:auto!important}
  .company-strip{transform:none!important}
}
html[data-motion=reduce] .hero-chapters,
html[data-motion=reduce] .hero-progress{display:none}


/* Source: minimal-premium.css */
/* The Living Thread / Atelier edition — gallery-like space, restrained motion. */
:root{
  --paper:#f6f3ed;
  --ink:#18241e;
  --forest:#1b2922;
  --copper:#a68460;
  --line:#d9d3c8;
  --gutter:clamp(26px,5.2vw,100px);
}
body{background:var(--paper);color:var(--ink)}
.section-heading{letter-spacing:-.055em}
.eyebrow{color:#7d7467;letter-spacing:.23em;font-size:10px}
.button{border-radius:0;min-height:52px;padding-inline:25px;letter-spacing:.01em}
.button.primary{background:var(--forest);border-color:var(--forest);color:#f9f4ea}
.button.primary:hover{background:#314139;border-color:#314139}
.button.outline{border-color:#8c9389;color:var(--ink)}
.button.outline:hover{background:#e8e4db}
.text-link{border-bottom-color:#9b9e93}
.text-link:hover{color:#9b7450}

/* A quiet, permanent masthead with a single reading-progress stitch. */
.header{height:82px;background:#f6f3ed;color:var(--ink);border-bottom:1px solid #dcd6c9;gap:2vw}
.header .brand>.photo{filter:none;mix-blend-mode:multiply}
.header-actions{color:var(--ink)}
.header>nav{gap:clamp(15px,1.65vw,31px)}
.header>nav>a{font-size:11px}
.header>nav small{font-size:8px;opacity:.62}
.header>nav>a:hover,.header>nav>a:focus-visible{color:#9b7450}
.menu-button{border-color:#b9b4a8}
.reading-progress{position:absolute;left:0;bottom:-1px;width:100%;height:2px;background:#a7835c;transform:scaleX(0);transform-origin:left center;pointer-events:none}

/* The textile image is exhibited beside the statement, never buried behind it. */
.hero{height:100svh;min-height:730px;max-height:1050px;padding:clamp(146px,15vh,190px) var(--gutter) 100px;background:#f6f3ed;color:var(--ink)}
.hero::before{display:none}
.hero-visual{inset:118px var(--gutter) 95px auto;width:43.5%;height:auto;z-index:0;background:#0b1712;overflow:hidden}
.hero-visual img{object-position:56% center;filter:saturate(.68)}
.hero-visual::after{content:'';position:absolute;inset:14px;border:1px solid rgba(251,247,238,.46);pointer-events:none}
.hero-copy{width:57%;z-index:2}
.hero-kicker{color:#846a51;font-size:10px;letter-spacing:.24em;margin-bottom:clamp(38px,5vh,70px)!important}
.hero-kicker span{color:#9d9485}
.hero-title{font-size:clamp(81px,8.1vw,151px);line-height:.87;letter-spacing:-.095em;color:#1b2922;margin-bottom:clamp(30px,3.3vw,58px)}
.hero-title span:first-child{font-size:.5em;margin-bottom:.19em}
.hero-title span:nth-child(2){margin-left:-.05em}
.hero-title span:nth-child(3){padding-left:.16em}
.hero-description{max-width:390px;color:#4d5750;font-size:clamp(14px,1vw,17px);line-height:1.8;margin-bottom:30px}
.hero .button.primary{background:#1b2922;color:#f6f3ed;border-color:#1b2922}
.hero .button.primary:hover{background:#435148;border-color:#435148}
.hero .button.outline{color:#1b2922;border-color:#a9ada3}
.hero .button.outline:hover{background:#eae5db}
.hero-index{top:26%;right:calc(var(--gutter) + 22px);color:#f9f6eb;border-left-color:rgba(251,248,238,.5);font-size:10px}
.hero-index a:first-child{color:inherit}
.hero-index a:hover{color:#dcc19b}
.hero-bottom{color:#5d665c;border-top-color:#bfc0b7;bottom:32px}
.hero-chapters{top:28%;width:53%}
.hero-chapter{color:#1b2922}
.hero-chapter>span{color:#937251;margin-bottom:36px}
.hero-chapter p{font-size:clamp(60px,6.3vw,116px);max-width:11ch;line-height:1.04}
.hero-chapter small{color:#7b7469}
.hero-progress{color:#6d756b;bottom:81px}
.hero-progress-track{background:#b8b9ac}
.hero-progress-fill{background:#a7835c}

/* Each chapter is composed like a printed spread. */
.about{background:#fffdfa;padding-top:clamp(155px,11vw,220px);padding-bottom:clamp(145px,10vw,205px)}
.about::before{color:#9b7959}
.about-copy h2{font-size:clamp(50px,4.2vw,79px);max-width:13ch}
.about-copy>p:not(.eyebrow){color:#4e5751}
.about>.photo{height:clamp(440px,34vw,610px)}
.about>.photo img{filter:saturate(.7)}
.about-facts{border-color:#cbc3b6}
.about-facts strong{color:#29372e}

.ecosystem{background:#eae8e1;color:var(--ink)}
.ecosystem-intro>.eyebrow{color:#8d7459}
.ecosystem-intro h2{color:#1a2922}
.ecosystem-intro>p:not(.eyebrow){color:#515b53}
.ecosystem-intro>.text-link{color:#24362b}
.company{background:#193027}
.company>.photo{filter:grayscale(.45) brightness(.7)}
.company:hover>.photo{filter:grayscale(0) brightness(.82)}
.company-title{background:linear-gradient(180deg,transparent 42%,rgba(1,13,8,.78));text-shadow:0 2px 9px #07130e}
.company-title .serial{color:#f1e9db}
.company-open{color:#f5e0c4}
.ecosystem-scroll-cue{color:#766d60!important}
.ecosystem-meter{background:#bdb7aa}
.ecosystem-meter-fill{background:#9b7652}

/* One dark material interlude creates contrast without visual noise. */
.material{background:#182720;color:#f3efe4;min-height:clamp(720px,58vw,880px)}
.material>.material-image{width:54%;right:0}
.material>.material-image img{filter:saturate(.55)}
.material::after{background:linear-gradient(90deg,#182720 0%,#182720 26%,rgba(24,39,32,.97) 40%,rgba(24,39,32,.08) 75%)}
.material-content{width:54%}
.material .eyebrow{color:#c5ab88}
.material h2{color:#f5f0e6;font-size:clamp(105px,10.4vw,185px)}
.material-intro{color:#e7e4d9}
.material-benefits svg{color:#cbb494}
.material-benefits span{color:#e2e1d8}
.material .button.primary{background:#f2e9d8;border-color:#f2e9d8;color:#1a2922}
.material .button.outline{color:#f2e9d8;border-color:#b2b8a9}
.material-note{background:#eee7d9;color:#4d3e2e}

.products{background:#f7f4ee}
.product-grid,.product{border-color:#cac4b8}
.product{min-height:200px}
.product:hover{background:#eee9df}
.product-number{color:#a48868}
.product>.photo{height:150px}
.product-info strong{color:#253329}
.product-info svg{color:#967656}

.applications{background:#fffdfa}
.application>.photo{filter:grayscale(.22) brightness(.68)}
.application:hover>.photo{filter:grayscale(0) brightness(.82)}
.manufacturing{background:#17251f}
.manufacturing::before{opacity:.62}
.process .photo{filter:grayscale(1) brightness(.57)}
.sustainability{background:#efeee8}
.sustainability>.photo img{filter:saturate(.72)}
.journal-careers{background:#fffdfa}
.news-item>.photo img{filter:saturate(.72);transition:filter .4s,transform .6s}
.news-item:hover>.photo img{filter:saturate(1);transform:scale(1.025)}
.careers{border-color:#d5d0c5}
.careers-content{background:#fffdfa}
.contact{background:#192820}
.footer{background:#101d17}

@media(min-width:1024px){
  html[data-scroll-story=on] .ecosystem{min-height:790px;max-height:1120px}
  html[data-scroll-story=on] .company,
  html[data-scroll-story=on] .company:nth-child(n){width:clamp(340px,30vw,500px)}
}

@media(max-width:1150px){
  .hero-title{font-size:clamp(78px,8.2vw,113px)}
  .hero-visual{width:43%}
  .hero-index{display:none}
  .hero-copy{width:59%}
  .hero-chapters{width:57%}
  .hero-chapter p{font-size:clamp(57px,6.1vw,85px)}
}

@media(max-width:900px){
  .hero{height:auto;min-height:0;max-height:none;padding:132px var(--gutter) 48px;display:flex;flex-direction:column;overflow:hidden}
  .hero-copy{order:1;width:100%}
  .hero-kicker{margin-bottom:39px!important;white-space:normal}
  .hero-title{font-size:clamp(76px,10.3vw,112px);margin-bottom:31px}
  .hero-title span:nth-child(3){padding-left:.13em}
  .hero-description{margin-bottom:30px}
  .hero-visual{order:2;position:relative;inset:auto;width:100%;height:clamp(330px,49vw,530px);margin-top:58px}
  .hero-bottom{order:3;position:relative;left:auto;right:auto;bottom:auto;width:100%;margin-top:36px;padding-top:15px}
  .material{min-height:670px}
}

@media(max-width:600px){
  :root{--gutter:6vw}
  .header{height:72px;color:var(--ink)}
  .header-actions{color:var(--ink)}
  .header .brand>.photo{filter:none;mix-blend-mode:multiply}
  .menu-button{border-color:#b9b4a8}
  .hero{padding:113px var(--gutter) 36px}
  .hero-kicker{font-size:9px;letter-spacing:.15em;max-width:35ch;margin-bottom:38px!important}
  .hero-title{font-size:clamp(58px,16.7vw,90px);line-height:.89;margin-bottom:29px}
  .hero-title span:first-child{font-size:.56em}
  .hero-title span:nth-child(3){padding-left:.1em}
  .hero-description{font-size:13px;line-height:1.75;max-width:33ch}
  .hero .button-row{max-width:100%;gap:10px}
  .hero .button{font-size:10px;min-height:45px;padding:11px 13px}
  .hero-visual{height:clamp(300px,95vw,460px);margin-top:44px}
  .hero-visual::after{inset:9px}
  .hero-bottom{font-size:8px;margin-top:28px}
  .about{padding-block:115px 100px}
  .about-copy h2{font-size:clamp(38px,9vw,52px)}
  .about>.photo{height:340px}
  .ecosystem{padding-block:100px 110px}
  .ecosystem-intro h2{font-size:clamp(39px,9.5vw,53px)}
  .company,.company:nth-child(n),.company:last-child{top:85px}
  .company-title{background:linear-gradient(90deg,rgba(4,18,12,.6),rgba(4,18,12,.1))}
  .material{display:flex;flex-direction:column;padding:0 var(--gutter) 96px;min-height:0}
  .material::after{display:none}
  .material>.material-image{position:relative;right:auto;width:calc(100% + 12vw);height:360px;margin:0 calc(-1 * var(--gutter)) 65px;z-index:0}
  .material-content{width:100%}
  .material h2{font-size:clamp(78px,17vw,105px)}
  .material-benefits span{color:#e2e1d8}
  .material .button.outline{color:#f4eee1}
  .product{min-height:155px}
  .product>.photo{height:125px}
  .applications{background:#fffdfa}
  .careers-content{background:#fffdfa}
  .contact{background:#192820}
}

@media(max-width:360px){
  .hero-title{font-size:56px}
  .hero-kicker{margin-bottom:30px!important}
  .hero-visual{height:290px}
  .hero .button-row{flex-direction:column;align-items:flex-start}
}

@media(prefers-reduced-motion:reduce){.reading-progress{display:none}}
html[data-motion=reduce] .reading-progress{display:none}


/* Source: modern.css */
/* QH / Modern textile system. Typography and motion work as one editorial grid. */
:root{
  --paper:#f3f4ef;
  --ink:#111b16;
  --forest:#101e18;
  --copper:#d8ed8d;
  --line:#cdd2c7;
  --serif:'Be Vietnam Pro',Arial,sans-serif;
  --gutter:clamp(24px,5vw,94px);
}
body{background:var(--paper);color:var(--ink)}
h1,h2,h3,.section-heading,.company-title strong,.product-info strong,.application strong,.news-item>span:not(.photo),.about-facts strong{font-family:var(--sans);font-weight:600;letter-spacing:-.066em}
.section-heading{line-height:1.1}
.eyebrow{font-size:10px;letter-spacing:.2em;font-weight:600;color:#59675c}
.button{min-height:52px;font-weight:600;font-size:12px}
.button.primary{background:#121e18;border-color:#121e18;color:#f7f8f3}
.button.primary:hover{background:#334536;border-color:#334536}
.text-link{font-weight:600}
.header{background:#f3f4ef;border-bottom-color:#cfd4c9;color:#111b16}
.header .brand>.photo{filter:none;mix-blend-mode:multiply}
.header .brand>span{letter-spacing:-.07em}
.header>nav>a{font-weight:600}
.header-actions{color:#111b16}
.menu-button{border-color:#9da89b}
.reading-progress{background:#a4c850;height:3px}

/* A sharp contemporary masthead rather than a classic campaign poster. */
.hero{background:#f3f4ef;color:#111b16}
.hero-visual{inset:108px var(--gutter) 88px auto;width:44%;background:#0b1812}
.hero-visual img{filter:saturate(.6) contrast(1.08)}
.hero-visual::after{content:'QHG  /  TEXTILE STUDY 001';inset:auto auto 17px 20px;border:0;color:#e8eee3;font-family:var(--sans);font-size:9px;font-weight:600;letter-spacing:.19em}
.hero-copy{width:56%}
.hero-kicker{color:#55705a;font-size:10px;font-weight:600;letter-spacing:.16em;margin-bottom:clamp(38px,5.2vh,70px)!important}
.hero-kicker span{color:#7d8d78}
.hero-title{color:#111b16;font-size:clamp(88px,8.7vw,166px);font-weight:600;line-height:.91;letter-spacing:-.09em;margin-bottom:clamp(31px,3.2vw,53px)}
.hero-title span{display:block;overflow:hidden}
.hero-title span i{display:block;font-style:normal}
.hero-title span:first-child{font-size:.4em;letter-spacing:-.07em;margin:0 0 .38em}
.hero-title span:nth-child(2){margin-left:-.045em}
.hero-title span:nth-child(3){padding-left:0}
.hero-description{color:#39483d;max-width:380px;font-size:15px;line-height:1.75}
.hero .button.primary{background:#131e18;border-color:#131e18;color:#f7f8f3}
.hero .button.outline{background:transparent;border-color:#7c8b7e;color:#15231a}
.hero-index{display:none}
.hero-bottom{border-color:#c0cabe;color:#5b6a5e}
.hero-progress{color:#617161}
.hero-progress-track{background:#bdc8b9}
.hero-progress-fill{background:#9dc449}
.hero-chapter{color:#111b16}
.hero-chapter>span{color:#5e7e55;font-weight:600}
.hero-chapter p{font-size:clamp(62px,6.1vw,112px);font-weight:600;line-height:1.05;letter-spacing:-.075em;max-width:10ch}
.hero-chapter small{color:#617063;font-weight:600}

/* Crisp sectional rhythm and a material image treated as evidence. */
.about{background:#fafbf7}
.about::before{color:#6a8561}
.about-copy h2{font-size:clamp(52px,4.15vw,78px);letter-spacing:-.075em;line-height:1.07}
.about-copy>p:not(.eyebrow){color:#465549}
.about>.photo img{filter:saturate(.65)}
.about-facts{border-color:#c9d1c5}
.about-facts strong{font-size:clamp(34px,3vw,56px);color:#1e2c22}

.ecosystem{background:#e9ede5;color:#14231a}
.ecosystem-intro>.eyebrow{color:#607a57}
.ecosystem-intro h2{color:#14231a;letter-spacing:-.075em}
.ecosystem-intro>p:not(.eyebrow){color:#485a4b}
.ecosystem-intro>.text-link{color:#14231a}
.company,.company:nth-child(n){background:#fbfcf7}
.company>.photo{height:76%;filter:grayscale(.3) brightness(.84)}
.company:hover>.photo{filter:grayscale(0) brightness(.97)}
.company-title{position:absolute;top:76%;left:0;right:0;height:24%;display:grid;grid-template-columns:32px minmax(0,1fr);grid-template-rows:auto auto;align-content:center;column-gap:12px;padding:15px 49px 15px 20px;background:#fbfcf7;color:#132119;text-shadow:none}
.company-title .serial{position:static;grid-column:1;grid-row:1/3;font-family:var(--sans);font-size:12px;font-weight:600;line-height:1.5;color:#6b885f}
.company-title strong{grid-column:2;grid-row:1;font-size:clamp(20px,1.65vw,29px);line-height:1.1;margin:0}
.company-title small{grid-column:2;grid-row:2;font-size:clamp(10px,.75vw,13px);line-height:1.45;margin-top:5px;max-width:none;color:#526052}
.company-open{color:#43613d;right:20px;bottom:20px}
.ecosystem-scroll-cue{color:#577051!important}
.ecosystem-meter{background:#b9c8b1}
.ecosystem-meter-fill{background:#93bb47}

.material{background:#111f18;color:#f3f6eb}
.material::after{background:linear-gradient(90deg,#111f18 0%,#111f18 27%,rgba(17,31,24,.95) 42%,rgba(17,31,24,.1) 75%)}
.material>.material-image img{filter:saturate(.48) contrast(1.07)}
.material .eyebrow{color:#b5d787}
.material h2{font-size:clamp(100px,10.2vw,185px);letter-spacing:-.105em;color:#f8faf2}
.material-intro{color:#e5ece2}
.material-benefits svg{color:#bad880}
.material-benefits span{color:#e5ece2}
.material .button.primary{background:#d7ed8d;border-color:#d7ed8d;color:#15231a}
.material .button.outline{border-color:#9aaf9a;color:#edf3e9}
.material-note{background:#e5efdb;color:#1b2e1d}

.products{background:#f7f8f3}
.products .section-top h2{letter-spacing:-.075em}
.product-grid,.product{border-color:#c9d2c6}
.product:hover{background:#edf2e9}
.product-number{font-family:var(--sans);font-size:clamp(15px,1.2vw,21px);font-weight:600;letter-spacing:-.02em;color:#6a895d;padding-top:40px}
.product-info strong{font-size:clamp(30px,2.9vw,50px);letter-spacing:-.075em;color:#17271c}
.product-info svg{color:#638357}
.applications{background:#fafbf7}
.application strong{font-size:clamp(22px,1.8vw,34px);letter-spacing:-.055em}
.application>.photo{filter:grayscale(.16) brightness(.75)}
.application:hover>.photo{filter:grayscale(0) brightness(.9)}
.manufacturing{background:#111e18}
.manufacturing h2{letter-spacing:-.075em}
.manufacturing .eyebrow{color:#b6d985}
.process-label b{font-family:var(--sans);font-weight:600;font-size:clamp(18px,1.5vw,26px);color:#d9ecab}
.sustainability{background:#e9ede5}
.sustainability h2{letter-spacing:-.075em}
.journal-careers{background:#fafbf7}
.news-item>span:not(.photo){font-size:clamp(20px,1.55vw,30px);line-height:1.3}
.careers-content{background:#fafbf7}
.contact{background:#122219}
.contact h2{letter-spacing:-.075em}
.footer{background:#0c1912}
.footer-contacts{display:grid;gap:9px;margin:0 0 17px}
.footer-contacts p{line-height:1.5}
.footer-contacts span{display:block;color:#a9bdac;font-size:10px;font-weight:600;letter-spacing:.04em;margin-bottom:3px}
.footer-contacts a{font-size:11px;line-height:1.5;overflow-wrap:anywhere}
.footer-contacts a:hover{text-decoration:underline;text-underline-offset:3px}

@media(min-width:901px) and (max-height:800px){
  .hero{padding-top:120px}
  .hero-kicker{margin-bottom:30px!important}
  .hero-title{font-size:clamp(78px,7.7vw,128px);margin-bottom:24px}
  .hero-description{margin-bottom:22px}
}

@media(max-width:1150px){
  .hero-title{font-size:clamp(75px,8.4vw,112px)}
  .hero-copy{width:58%}
  .company-title strong{font-size:20px}
}

@media(max-width:900px){
  .hero-visual{inset:auto;width:100%;height:clamp(340px,49vw,530px)}
  .hero-copy{width:100%}
  .hero-title{font-size:clamp(72px,10vw,108px)}
  .hero-title span:nth-child(3){padding-left:0}
  .company-title strong{font-size:21px}
}

@media(max-width:600px){
  .header{height:72px}
  .hero{padding-top:113px}
  .hero-kicker{font-size:9px;letter-spacing:.13em}
  .hero-title{font-size:clamp(56px,15.7vw,82px);line-height:.97;letter-spacing:-.087em}
  .hero-title span:first-child{font-size:.45em;margin-bottom:.25em}
  .hero-description{font-size:13px}
  .hero-visual{height:clamp(310px,92vw,440px)}
  .about-copy h2{font-size:clamp(39px,8.8vw,53px)}
  .about-facts strong{font-size:clamp(18px,5.6vw,26px)}
  .ecosystem-intro h2{font-size:clamp(39px,9vw,54px)}
  .company,.company:nth-child(n),.company:last-child{height:min(62svh,540px);min-height:390px}
  .company>.photo{height:100%;filter:grayscale(.16) brightness(.7)}
  .company-title{inset:0;height:100%;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:28px;background:linear-gradient(90deg,rgba(6,21,13,.62),rgba(6,21,13,.08));color:#f8faf2;text-shadow:0 2px 12px #0a1a10}
  .company-title .serial{position:absolute;top:24px;left:28px;font-size:13px;color:#d8ed8d}
  .company-title strong{font-size:clamp(28px,7.5vw,39px)}
  .company-title small{font-size:12px;margin-top:8px;color:#f0f3e8;max-width:26ch}
  .company-open{right:26px;top:60%;bottom:auto;color:#f8faf2}
  .material::after{display:none}
  .material h2{font-size:clamp(73px,16vw,100px)}
  .product-number{position:absolute;top:13px;left:calc(32% + 15px);font-size:11px;padding:0}
  .product-info strong{font-size:clamp(20px,5vw,29px)}
  .news-item>span:not(.photo){font-size:clamp(16px,4.3vw,21px)}
}

@media(max-width:360px){
  .hero-title{font-size:54px}
  .material h2{font-size:60px}
  .product-number{left:calc(30% + 15px)}
}


/* Source: material-flow.css */
/* Let the textile image carry the whole material chapter, then dissolve into the collection. */
.material{
  min-height:clamp(760px,55vw,900px);
  padding-top:clamp(150px,12vw,220px);
  padding-bottom:clamp(155px,10vw,190px);
  background:#111f18;
  color:#f3f6eb;
}
.material>.material-image{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  z-index:-2;
}
.material>.material-image img{
  object-position:65% center;
  filter:saturate(.4) contrast(1.06);
}
.material::after{
  z-index:-1;
  background:linear-gradient(90deg,rgba(12,29,22,.98) 0%,rgba(12,29,22,.93) 26%,rgba(12,29,22,.72) 47%,rgba(12,29,22,.22) 75%,rgba(12,29,22,.08) 100%);
}
.material::before{
  content:'';
  position:absolute;
  inset:0;
  z-index:0;
  pointer-events:none;
  background:linear-gradient(180deg,#e9ede5 0%,transparent 13%,transparent 88%,#f7f8f3 100%);
}
.material-content{width:min(62%,820px);position:relative;z-index:1}
.material .eyebrow{color:#d4e9b2;margin-bottom:clamp(30px,4vw,62px)}
.material .eyebrow span{color:#a8ba9a;margin-left:18px}
.material h2{font-size:clamp(90px,10vw,182px);line-height:.9;margin:0 0 clamp(28px,3.5vw,58px);letter-spacing:-.105em}
.material-intro{font-size:clamp(17px,1.3vw,23px);max-width:33ch;line-height:1.55;color:#f1f4e9}
.material-benefits{max-width:700px;gap:clamp(16px,2.5vw,40px);margin:clamp(45px,5vw,78px) 0 clamp(40px,4.5vw,68px)}
.material-benefits>div{border-top:1px solid rgba(237,244,225,.45);padding-top:22px;gap:18px}
.material-benefits svg{color:#d7ed8d}
.material-benefits span{color:#f0f4e9}
.material .button.outline:hover{background:#e4eadb;border-color:#e4eadb;color:#14241a}
.material-note{z-index:1;top:30%;right:var(--gutter);padding:0 0 0 18px;background:none;color:#16231b;border-left:1px solid #334937;font-size:10px;line-height:1.9;font-weight:600;letter-spacing:.19em}
.material-next{position:absolute;left:var(--gutter);right:var(--gutter);bottom:30px;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:20px;padding-top:18px;border-top:1px solid #aab9a8;color:#203126;font-size:10px;font-weight:600;letter-spacing:.18em}
.material-next>span:last-child{display:inline-flex;align-items:center;gap:12px;letter-spacing:.02em;font-size:12px}
.material-next svg{transition:transform .2s}
.material-next:hover svg{transform:translateY(4px)}
.products{padding-top:clamp(54px,5.5vw,100px);background:#f7f8f3}

@media(max-width:1023px){
  .material{min-height:720px;padding-top:140px;padding-bottom:160px}
  .material::after{background:linear-gradient(90deg,rgba(12,29,22,.98) 0%,rgba(12,29,22,.93) 45%,rgba(12,29,22,.7) 75%,rgba(12,29,22,.25) 100%)}
  .material-content{width:75%}
  .material h2{font-size:clamp(95px,12vw,145px)}
  .material-note{display:none}
}

@media(max-width:600px){
  .material{display:flex;flex-direction:column;min-height:0;padding:0 var(--gutter) 0;background:#f7f8f3;color:#17271c}
  .material::before,.material::after{display:none}
  .material>.material-image{position:relative;inset:auto;right:auto;width:calc(100% + 2 * var(--gutter));height:clamp(300px,78vw,420px);margin:0 calc(-1 * var(--gutter)) 0;z-index:0;mask-image:linear-gradient(#000 0%,#000 67%,transparent 100%)}
  .material>.material-image img{object-position:62% center;filter:saturate(.5) contrast(1.03)}
  .material-content{width:100%;margin-top:-18px;z-index:1}
  .material .eyebrow{color:#58724d;margin-bottom:20px}
  .material .eyebrow span{color:#7f9976}
  .material h2{font-size:clamp(64px,15.5vw,94px);color:#17271c;margin:0 0 25px;letter-spacing:-.105em}
  .material-intro{font-size:16px;color:#354638;max-width:34ch}
  .material-benefits{grid-template-columns:repeat(2,minmax(0,1fr));gap:26px 22px;margin:48px 0 42px}
  .material-benefits>div{border-color:#bbcabb;padding-top:18px;gap:14px}
  .material-benefits svg{color:#5d8051}
  .material-benefits span{color:#334536;font-size:12px}
  .material .button.primary{background:#17271c;border-color:#17271c;color:#f7f8f3}
  .material .button.outline{border-color:#687e6b;color:#17271c}
  .material .button.outline:hover{background:#e4eadb;border-color:#687e6b;color:#17271c}
  .material-note{display:none}
  .material-next{position:relative;left:auto;right:auto;bottom:auto;margin-top:70px;padding:18px 0 0;border-color:#bcc9ba;color:#36523a}
  .material-next>span:last-child{font-size:11px}
  .products{padding-top:64px;border-top:0}
}

@media(max-width:360px){
  .material h2{font-size:60px}
  .material-next{align-items:flex-start;flex-direction:column;gap:10px}
}

@media(prefers-reduced-motion:reduce){.material-next svg{transition:none}}
html[data-motion=reduce] .material-next svg{transition:none}


/* Source: inner-pages.css */
/* Independent editorial pages, aligned with the modern homepage. */
.inner-site{--page-paper:#f4f6f0;--page-ink:#142019;--page-line:#cbd3c8;--page-lime:#b7d86c;background:var(--page-paper);color:var(--page-ink);font-family:var(--sans);font-size:14px;min-height:100svh}
.inner-site *{box-sizing:border-box}
.inner-site h1,.inner-site h2,.inner-site h3,.inner-site p{margin:0}
.inner-site h1,.inner-site h2,.inner-site h3{font-family:var(--sans);font-weight:600}
.inner-site a,.inner-site button{transition:color .2s ease,background .2s ease,border-color .2s ease,transform .2s ease}
.inner-site img{display:block;max-width:100%}
.inner-skip{position:fixed;left:20px;top:-100px;z-index:100;background:#fff;padding:14px 20px}
.inner-skip:focus{top:14px}
.inner-header{height:80px;background:#f6f8f3;border-bottom:1px solid var(--page-line);position:sticky;top:0;z-index:60;display:flex;align-items:center;gap:clamp(20px,2.4vw,40px);padding:0 var(--gutter)}
.inner-brand{display:flex;align-items:center;gap:10px;flex:none;white-space:nowrap;font-size:13px;font-weight:700;letter-spacing:-.055em;line-height:1.18}
.inner-brand img{width:32px;height:38px;object-fit:contain;mix-blend-mode:multiply}
.inner-brand small{display:block;font-size:7px;letter-spacing:.01em;margin-top:4px}
.inner-desktop-nav{display:flex;gap:clamp(15px,1.5vw,28px);margin-left:auto;align-items:center}
.inner-desktop-nav a{font-size:11px;font-weight:600;white-space:nowrap;padding:29px 0 25px;border-bottom:3px solid transparent}
.inner-desktop-nav a:hover,.inner-desktop-nav a[aria-current=page]{border-color:#9fc847;color:#385d2c}
.inner-header-actions{display:flex;align-items:center;gap:clamp(14px,1.7vw,26px)}
.inner-languages{display:flex;align-items:center;gap:7px;font-size:11px;font-weight:600;white-space:nowrap}
.inner-languages button{padding:6px 2px;opacity:.55}
.inner-languages button[aria-pressed=true]{opacity:1;text-decoration:underline;text-underline-offset:5px}
.inner-menu-button{width:42px;height:42px;border:1px solid #9ca89a;border-radius:50%;display:grid;place-items:center}
.inner-menu-button:hover{background:#e5eadf}
.inner-reading-line{position:absolute;left:0;bottom:-1px;height:3px;width:100%;background:#a3ca51;transform:scaleX(0);transform-origin:left center;pointer-events:none}
.inner-mobile-nav{display:none;position:fixed;inset:80px 0 0;background:#f5f7f1;z-index:55;padding:clamp(30px,5vw,70px) var(--gutter);overflow:auto}
.inner-mobile-nav.is-open{display:block}
.inner-mobile-nav a{display:flex;align-items:center;gap:20px;border-bottom:1px solid var(--page-line);font-size:clamp(25px,3.7vw,44px);font-weight:600;letter-spacing:-.05em;padding:15px 0}
.inner-mobile-nav a[aria-current=page]{color:#62884c}
.inner-mobile-nav a span{font-size:12px;letter-spacing:0;color:#72936a}
.inner-mobile-nav a svg{margin-left:auto}
.inner-site section[id],.inner-site div[id]{scroll-margin-top:128px}
.inner-hero{display:grid;grid-template-columns:minmax(0,1.06fr) minmax(0,.94fr);min-height:min(760px,calc(100svh - 80px));border-bottom:1px solid var(--page-line)}
.inner-hero-copy{padding:clamp(90px,10vw,170px) clamp(35px,5vw,90px) clamp(55px,5vw,90px) var(--gutter);display:flex;flex-direction:column;justify-content:space-between;min-width:0}
.inner-hero-copy>p{font-size:11px;font-weight:700;letter-spacing:.17em;color:#5f765b}
.inner-hero h1{font-size:clamp(65px,6.3vw,116px);letter-spacing:-.09em;line-height:.99;white-space:pre-line;max-width:11ch;margin:45px 0}
.inner-hero-bottom{display:flex;gap:25px;align-items:flex-end;justify-content:space-between;max-width:650px}
.inner-hero-bottom p{font-size:clamp(15px,1.1vw,18px);line-height:1.65;max-width:31ch;color:#44574a}
.inner-hero-bottom a{display:inline-flex;align-items:center;gap:12px;border-bottom:1px solid currentColor;white-space:nowrap;padding-bottom:7px;font-size:11px;font-weight:700}
.inner-hero-bottom a:hover{color:#557844}
.inner-hero-image{min-height:500px;position:relative;overflow:hidden;background:#0d1c14}
.inner-hero-image:after{content:'';position:absolute;inset:60% 0 0;background:linear-gradient(transparent,rgba(5,17,12,.45));pointer-events:none}
.inner-hero-image img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover}
.inner-hero-image span{position:absolute;left:25px;bottom:23px;z-index:1;color:#fff;font-size:10px;font-weight:700;letter-spacing:.18em}
.inner-hero--about .inner-hero-image img{object-position:55% center}
.inner-hero--products .inner-hero-image img{object-position:center}
.inner-hero--news .inner-hero-image img{object-position:center}
.inner-hero--contact .inner-hero-image img{object-position:center}
.inner-hero--news{grid-template-columns:minmax(0,1.17fr) minmax(0,.83fr)}
.inner-hero--sustainability{background:#14271b;color:#f4f8ef;border-bottom-color:#34493a}
.inner-hero--sustainability .inner-hero-copy>p{color:#c0dca3}
.inner-hero--sustainability .inner-hero-bottom p{color:#d6e1d0}
.inner-hero--sustainability .inner-hero-bottom a{color:#e6f3d1}
.inner-hero--careers{grid-template-columns:minmax(0,.94fr) minmax(0,1.06fr)}
.inner-hero--careers .inner-hero-image{grid-column:1;grid-row:1}
.inner-hero--careers .inner-hero-copy{grid-column:2;grid-row:1;padding-left:clamp(35px,5vw,90px);padding-right:var(--gutter)}
.inner-hero--careers .inner-hero-image img{object-position:60% center}
.inner-jumpbar{display:flex;align-items:center;gap:35px;padding:24px var(--gutter);border-bottom:1px solid var(--page-line);background:#f4f6f0}
.inner-jumpbar>span{font-size:10px;font-weight:700;letter-spacing:.17em;white-space:nowrap;color:#71816e}
.inner-jumpbar>div{display:flex;flex-wrap:wrap;gap:clamp(15px,2vw,34px)}
.inner-jumpbar a{font-size:11px;font-weight:600;white-space:nowrap}
.inner-jumpbar a:hover{color:#61894a}
.inner-jumpbar sup{font-size:8px;margin-right:5px;color:#849c76}
.inner-section{padding:clamp(85px,8vw,145px) var(--gutter);border-bottom:1px solid var(--page-line)}
.inner-tinted{background:#e9eee5}
.inner-section-head{max-width:970px;margin-bottom:clamp(45px,5vw,85px)}
.inner-number,.inner-small-index{display:block;color:#688463;font-size:10px;letter-spacing:.17em;font-weight:700;line-height:1.4}
.inner-section-head h2{font-size:clamp(47px,5vw,88px);line-height:1.08;letter-spacing:-.085em;margin:27px 0 0;max-width:14ch}
.inner-section-head>p{font-size:clamp(16px,1.55vw,23px);line-height:1.55;color:#4b5d4f;max-width:64ch;margin-top:35px}
.inner-introduction .inner-section-head h2{max-width:13ch}
.inner-intro-bottom{display:flex;justify-content:space-between;align-items:flex-end;gap:45px;border-top:1px solid var(--page-line);padding-top:35px}
.inner-intro-bottom p{font-size:clamp(17px,1.4vw,22px);line-height:1.65;max-width:54ch}
.inner-intro-bottom span{font-size:10px;letter-spacing:.17em;color:#74886e;white-space:nowrap}
.inner-two-column{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(25px,4vw,70px);border-top:1px solid var(--page-line)}
.inner-two-column article{padding-top:33px}
.inner-two-column article+article{border-left:1px solid var(--page-line);padding-left:clamp(25px,4vw,70px)}
.inner-two-column h3{font-size:clamp(27px,2.7vw,48px);letter-spacing:-.065em;line-height:1.18;max-width:15ch;margin:27px 0}
.inner-two-column p{font-size:clamp(14px,1.1vw,17px);line-height:1.75;color:#4c5e50;max-width:55ch}
.inner-values{margin-top:80px;padding:32px 0;border-top:1px solid var(--page-line);border-bottom:1px solid var(--page-line)}
.inner-values p{font-size:clamp(22px,2.3vw,36px);font-weight:600;line-height:1.35;letter-spacing:-.05em;margin-top:15px}
.inner-company-list{border-top:1px solid var(--page-line)}
.inner-company{display:grid;grid-template-columns:31% minmax(0,1fr);gap:clamp(35px,6vw,95px);padding:26px 0;border-bottom:1px solid var(--page-line);align-items:center}
.inner-company-image{height:clamp(200px,20vw,300px);overflow:hidden;background:#cbd3c8}
.inner-company-image img{width:100%;height:100%;object-fit:cover;filter:saturate(.68)}
.inner-company-copy h3{font-size:clamp(35px,4vw,70px);line-height:1.02;letter-spacing:-.075em;margin:18px 0 13px}
.inner-company-copy strong{font-size:15px;font-weight:600;color:#477348}
.inner-company-copy p{font-size:15px;line-height:1.75;color:#506052;max-width:67ch;margin-top:24px}
.inner-leadership{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid var(--page-line)}
.inner-leadership>div{padding:32px 20px 60px 0;border-right:1px solid var(--page-line)}
.inner-leadership>div+div{padding-left:25px}
.inner-leadership>div:last-child{border-right:0}
.inner-leadership span{font-size:11px;font-weight:700;color:#688463}
.inner-leadership h3{font-size:clamp(24px,2.2vw,37px);letter-spacing:-.06em;line-height:1.2;margin-top:70px}
.inner-leadership p{font-size:13px;color:#526253;margin-top:8px}
.inner-pending{margin-top:90px;border-top:1px solid var(--page-line);padding-top:23px;display:grid;grid-template-columns:25% 1fr;gap:30px}
.inner-pending span{font-size:11px;font-weight:700;letter-spacing:.13em;color:#65815e}
.inner-pending p{font-size:15px;line-height:1.65;max-width:70ch}
.inner-feature{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(55px,7vw,120px);align-items:center}
.inner-feature>div>p{font-size:clamp(15px,1.2vw,19px);line-height:1.75;color:#425447;max-width:59ch}
.inner-feature>.inner-section-head{margin:0}
.inner-feature>img{width:100%;height:clamp(500px,50vw,760px);object-fit:cover}
.inner-feature--reverse>img{order:0}
.inner-feature--reverse>div{order:1}
.inner-text-list{list-style:none;padding:0;margin:45px 0;border-top:1px solid var(--page-line)}
.inner-text-list li{border-bottom:1px solid var(--page-line);padding:17px 0;font-size:15px}
.inner-text-list li:before{content:'↗';color:#759b5f;margin-right:17px}
.inner-cta{display:inline-flex;align-items:center;justify-content:space-between;gap:30px;font-size:12px;font-weight:700;min-height:51px;padding:13px 0;border-bottom:1px solid currentColor;margin-top:25px}
.inner-cta:hover{color:#4d7541;gap:40px}
.inner-product-list{border-top:1px solid var(--page-line)}
.inner-product-row{display:grid;grid-template-columns:55px clamp(130px,18vw,260px) minmax(0,1fr) 25px;gap:clamp(25px,4vw,70px);align-items:center;padding:22px 0;border-bottom:1px solid var(--page-line)}
.inner-product-row:hover{background:#dfe8d9;padding-left:14px}
.inner-product-row img{width:100%;height:clamp(90px,10vw,145px);object-fit:cover}
.inner-product-row strong{font-size:clamp(26px,3vw,51px);letter-spacing:-.065em;line-height:1.1;display:block}
.inner-product-row small{font-size:13px;color:#526151;display:block;margin-top:10px;line-height:1.5}
.inner-applications{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}
.inner-applications article{border-top:1px solid var(--page-line);padding-top:14px}
.inner-applications img{width:100%;height:clamp(220px,25vw,420px);object-fit:cover;filter:saturate(.75)}
.inner-applications article>span{display:block;margin-top:22px;color:#6c8c62;font-size:10px;font-weight:700}
.inner-applications h3{font-size:clamp(20px,1.8vw,31px);letter-spacing:-.06em;margin:10px 0;line-height:1.15}
.inner-applications p{font-size:13px;line-height:1.6;color:#536253}
.inner-specifications .inner-section-head{margin-bottom:15px}
.inner-filter{display:flex;gap:9px;flex-wrap:wrap;margin:0 0 35px}
.inner-filter button,.inner-intent-tabs button{border:1px solid #aab9a5;font-size:12px;font-weight:600;padding:10px 17px;min-height:43px}
.inner-filter button[aria-pressed=true],.inner-intent-tabs button[aria-pressed=true]{background:#15251a;border-color:#15251a;color:#fff}
.inner-filter button:hover,.inner-intent-tabs button:hover{border-color:#3b6340}
.inner-story-list{border-top:1px solid var(--page-line)}
.inner-story-list article{display:grid;grid-template-columns:32% minmax(0,1fr);gap:clamp(30px,5vw,85px);padding:26px 0;border-bottom:1px solid var(--page-line);align-items:center}
.inner-story-list img{width:100%;height:clamp(200px,21vw,320px);object-fit:cover}
.inner-story-list h3{font-size:clamp(28px,3.2vw,57px);letter-spacing:-.07em;line-height:1.1;margin:20px 0}
.inner-story-list p{font-size:15px;line-height:1.7;color:#516252;max-width:67ch}
.inner-empty{border-top:1px solid var(--page-line);border-bottom:1px solid var(--page-line);padding:55px 0;display:flex;justify-content:space-between;gap:40px}
.inner-empty span,.inner-channel-notes span{font-size:11px;font-weight:700;letter-spacing:.12em;color:#64805c}
.inner-empty p{font-size:clamp(19px,2vw,28px);font-weight:600;line-height:1.4;letter-spacing:-.04em;max-width:34ch}
.inner-channel-notes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px}
.inner-channel-notes>div{border-top:1px solid var(--page-line);padding-top:25px;min-height:180px}
.inner-channel-notes p{font-size:15px;line-height:1.7;margin-top:35px;max-width:35ch}
.inner-pillar-list{border-top:1px solid var(--page-line)}
.inner-pillar-list article{display:grid;grid-template-columns:80px 35% minmax(0,1fr);gap:35px;align-items:start;border-bottom:1px solid var(--page-line);padding:35px 0}
.inner-pillar-list h3{font-size:clamp(29px,3vw,52px);letter-spacing:-.07em;line-height:1.1}
.inner-pillar-list p{font-size:15px;line-height:1.75;color:#4e5e4d;max-width:60ch}
.inner-three-column{grid-template-columns:repeat(3,minmax(0,1fr))}
.inner-three-column article+article{padding-left:30px}
.inner-three-column h3{font-size:clamp(24px,2.5vw,43px)}
.inner-opportunities .inner-section-head{margin-bottom:20px}
.inner-direct-links{display:grid;gap:14px;margin:35px 0}
.inner-direct-links a{display:inline-flex;align-items:center;gap:12px;font-weight:600;font-size:16px;width:fit-content;border-bottom:1px solid var(--page-line);padding-bottom:8px;overflow-wrap:anywhere}
.inner-direct-links a:hover{color:#547c45}
.inner-contact-grid{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(35px,7vw,110px);align-items:start}
.inner-contact-grid .inner-section-head h2{font-size:clamp(45px,4vw,70px)}
.inner-contact-grid .inner-section-head>p{font-size:16px}
.inner-intent-tabs{display:flex;gap:8px;flex-wrap:wrap}
.inner-form-panel{padding:clamp(25px,3vw,55px);background:#e8ede4;border:1px solid #d1d9cd}
.inner-form-panel form{display:grid;gap:24px}
.inner-form-panel label{display:grid;gap:8px;font-size:12px;font-weight:600}
.inner-form-panel input:not([type=checkbox]),.inner-form-panel select,.inner-form-panel textarea{display:block;width:100%;border:1px solid #b4c0b1;background:#f9fbf7;color:#17241a;padding:13px 15px;min-height:49px;border-radius:0;outline-offset:2px;font-size:13px}
.inner-form-panel textarea{resize:vertical;line-height:1.6}
.inner-form-two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
.inner-form-panel .inner-consent{display:flex;gap:11px;align-items:start;font-weight:400;line-height:1.55}
.inner-consent input{margin:3px 0 0;accent-color:#446b3d}
.inner-submit{display:inline-flex;align-items:center;justify-content:space-between;gap:20px;background:#13231a;color:#fff;padding:15px 20px;min-height:55px;font-weight:700;font-size:12px}
.inner-submit:hover{background:#33513a}
.inner-success{display:grid;gap:18px}
.inner-success h3{font-size:32px;letter-spacing:-.06em}
.inner-success p{font-size:14px;line-height:1.6}
.inner-success button{display:flex;align-items:center;gap:15px;width:fit-content;border-bottom:1px solid currentColor;padding:10px 0;font-weight:600}
.inner-contact-details{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 60px;border-top:1px solid var(--page-line)}
.inner-contact-details>div{border-bottom:1px solid var(--page-line);min-height:150px;padding:25px 0}
.inner-contact-details span{display:block;font-size:10px;font-weight:700;letter-spacing:.13em;color:#65815f;margin-bottom:25px}
.inner-contact-details p,.inner-contact-details a{font-size:clamp(18px,1.6vw,27px);font-weight:600;letter-spacing:-.04em;line-height:1.4;display:inline-flex;align-items:center;gap:12px;overflow-wrap:anywhere}
.inner-contact-details a:hover{color:#507844}
.inner-contact-note{font-size:12px;color:#617260;margin-top:24px}
.inner-closing{padding:clamp(90px,9vw,160px) var(--gutter);background:#122219;color:#f4f8ed}
.inner-closing>span{color:#b3d184;font-size:10px;font-weight:700;letter-spacing:.18em}
.inner-closing h2{white-space:pre-line;font-size:clamp(55px,7vw,118px);line-height:1.02;letter-spacing:-.09em;max-width:12ch;margin:50px 0}
.inner-closing .inner-cta{color:#d7ebae}
.inner-footer{background:#0d1b13;color:#f4f7ef;padding:clamp(65px,6vw,100px) var(--gutter) 30px;display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:45px}
.inner-footer .inner-brand{color:#fff}
.inner-footer .inner-brand img{filter:invert(1);mix-blend-mode:screen}
.inner-footer>div:first-child p{font-size:13px;color:#b6c3b5;margin-top:30px}
.inner-footer nav{display:grid;grid-template-columns:1fr 1fr;gap:12px 20px;align-content:start}
.inner-footer nav a{font-size:11px;font-weight:600}
.inner-footer nav a:hover,.inner-footer-contact a:hover{color:#cce7a1}
.inner-footer-contact{display:flex;flex-direction:column;align-items:flex-start;gap:12px}
.inner-footer-contact a{font-size:12px;font-weight:600;overflow-wrap:anywhere}
.inner-footer-contact span{font-size:10px;color:#a6b6a6;line-height:1.6;max-width:26ch;margin-top:15px}
.inner-footer-bottom{grid-column:1/-1;border-top:1px solid #415146;padding-top:25px;margin-top:30px;display:flex;justify-content:space-between;font-size:10px;color:#a9b9ab}

@media(max-width:1190px){
  .inner-desktop-nav{display:none}
  .inner-header-actions{margin-left:auto}
  .inner-hero h1{font-size:clamp(65px,7.8vw,100px)}
}
@media(max-width:900px){
  .inner-hero{min-height:0;grid-template-columns:1fr}
  .inner-hero--news,.inner-hero--careers{grid-template-columns:1fr}
  .inner-hero--careers .inner-hero-copy{grid-column:1;grid-row:1;padding-left:var(--gutter);padding-right:var(--gutter)}
  .inner-hero--careers .inner-hero-image{grid-column:1;grid-row:2}
  .inner-hero-copy{padding-top:90px;padding-bottom:55px;min-height:520px}
  .inner-hero h1{font-size:clamp(65px,9vw,105px)}
  .inner-hero-image{min-height:420px;height:55vw}
  .inner-jumpbar{display:block}
  .inner-jumpbar>div{margin-top:15px}
  .inner-feature{gap:35px}
  .inner-feature>img{height:520px}
  .inner-three-column{grid-template-columns:1fr}
  .inner-three-column article+article{border-left:0;border-top:1px solid var(--page-line);padding-left:0}
  .inner-contact-grid{grid-template-columns:1fr}
}
@media(max-width:650px){
  .inner-header{height:72px}
  .inner-brand{font-size:11px}
  .inner-brand img{width:28px;height:34px}
  .inner-mobile-nav{top:72px}
  .inner-site section[id],.inner-site div[id]{scroll-margin-top:83px}
  .inner-hero-copy{min-height:540px;padding:60px var(--gutter) 45px}
  .inner-hero h1{font-size:clamp(51px,13vw,75px);max-width:11ch;margin:38px 0;letter-spacing:-.085em}
  .inner-hero-bottom{display:block}
  .inner-hero-bottom p{font-size:15px;max-width:34ch}
  .inner-hero-bottom a{margin-top:26px}
  .inner-hero-image{height:360px;min-height:0}
  .inner-jumpbar{padding:21px var(--gutter)}
  .inner-jumpbar>div{display:grid;grid-template-columns:1fr 1fr;gap:13px}
  .inner-jumpbar a{white-space:normal;font-size:11px}
  .inner-section{padding:75px var(--gutter)}
  .inner-section-head{margin-bottom:45px}
  .inner-section-head h2{font-size:clamp(42px,10vw,63px);margin-top:23px}
  .inner-section-head>p{font-size:16px;margin-top:25px}
  .inner-intro-bottom{display:block}
  .inner-intro-bottom p{font-size:16px}
  .inner-intro-bottom span{display:block;margin-top:35px}
  .inner-two-column{grid-template-columns:1fr}
  .inner-two-column article+article{border-left:0;border-top:1px solid var(--page-line);padding-left:0}
  .inner-two-column h3{font-size:34px}
  .inner-values{margin-top:55px}
  .inner-values p{font-size:26px}
  .inner-company{grid-template-columns:1fr;gap:25px;padding:30px 0 40px}
  .inner-company-image{height:270px}
  .inner-company-copy h3{font-size:42px}
  .inner-company-copy p{font-size:14px;margin-top:15px}
  .inner-leadership{grid-template-columns:1fr}
  .inner-leadership>div,.inner-leadership>div+div{border-right:0;border-bottom:1px solid var(--page-line);padding:25px 0}
  .inner-leadership h3{font-size:32px;margin-top:28px}
  .inner-pending{display:block;margin-top:60px}
  .inner-pending p{margin-top:20px}
  .inner-feature{grid-template-columns:1fr}
  .inner-feature>img{height:350px}
  .inner-feature--reverse>div{order:0}
  .inner-feature--reverse>img{order:1}
  .inner-product-row{grid-template-columns:34px 88px minmax(0,1fr) 17px;gap:12px;padding:16px 0}
  .inner-product-row img{height:100px}
  .inner-product-row strong{font-size:22px}
  .inner-product-row small{font-size:10px}
  .inner-applications{grid-template-columns:1fr 1fr;gap:35px 13px}
  .inner-applications img{height:220px}
  .inner-applications h3{font-size:20px}
  .inner-applications p{font-size:11px}
  .inner-story-list article{grid-template-columns:1fr;gap:23px}
  .inner-story-list img{height:250px}
  .inner-story-list h3{font-size:34px}
  .inner-empty{display:block;padding:35px 0}
  .inner-empty p{margin-top:26px;font-size:23px}
  .inner-channel-notes{grid-template-columns:1fr;gap:35px}
  .inner-channel-notes>div{min-height:0;padding-bottom:25px}
  .inner-channel-notes p{margin-top:20px}
  .inner-pillar-list article{grid-template-columns:35px 1fr;gap:13px;padding:27px 0}
  .inner-pillar-list h3{font-size:28px}
  .inner-pillar-list p{grid-column:2;font-size:14px}
  .inner-form-two{grid-template-columns:1fr;gap:20px}
  .inner-contact-details{grid-template-columns:1fr}
  .inner-contact-details>div{min-height:110px}
  .inner-contact-details span{margin-bottom:15px}
  .inner-contact-details p,.inner-contact-details a{font-size:21px}
  .inner-closing{padding:80px var(--gutter)}
  .inner-closing h2{font-size:clamp(50px,11vw,72px)}
  .inner-footer{grid-template-columns:1fr 1fr;gap:55px 22px}
  .inner-footer>div:first-child{grid-column:1/-1}
  .inner-footer-contact{grid-column:1/-1}
}
@media(max-width:360px){
  .inner-hero h1{font-size:49px}
  .inner-applications img{height:170px}
  .inner-product-row{grid-template-columns:26px 74px minmax(0,1fr) 14px;gap:9px}
  .inner-product-row strong{font-size:19px}
}
@media(prefers-reduced-motion:reduce){
  .inner-site a,.inner-site button{transition:none!important}
  .inner-site{scroll-behavior:auto}
}


/* Source: atelier-edition.css */
/* The Living Thread — atelier edition. One quiet system across the homepage and inner pages. */
:root{
  --paper:#f2eee6;
  --ink:#20241f;
  --forest:#14211b;
  --copper:#ad9271;
  --line:#d6cfc3;
  --muted:#625f57;
  --serif:'Playfair Display',Georgia,serif;
  --gutter:clamp(24px,5vw,96px);
}
body{background:var(--paper);color:var(--ink)}
.eyebrow{font-size:10px;font-weight:500;letter-spacing:.24em;color:#766e62}
.section-heading,h1,h2,h3,.company-title strong,.product-info strong,.application strong,.news-item>span:not(.photo),.about-facts strong{font-family:var(--serif);font-weight:400;letter-spacing:-.055em}
.section-heading{line-height:1.1}
.button{font-size:11px;font-weight:500;letter-spacing:.025em;min-height:51px;padding:13px 24px;border-radius:0}
.button.primary{background:#18251e;border-color:#18251e;color:#f2eee6}
.button.primary:hover{background:#3a493d;border-color:#3a493d}
.button.outline{border-color:#7e8278}
.text-link{font-size:11px;font-weight:500;letter-spacing:.02em;border-bottom-color:#aaa498}
.text-link:hover{color:#886b4e}
.reading-progress{height:1px;background:#a98c68}

/* Quiet navigation makes room for the image below. */
.header{height:82px;background:#f2eee6;color:#1d2720;border-bottom:1px solid #d7d0c3}
.header .brand>span{font-size:13px;font-weight:600;letter-spacing:-.055em}
.header .brand small{font-size:7px;font-weight:400;letter-spacing:.05em}
.header>nav>a{font-size:10px;font-weight:500;letter-spacing:.01em}
.header>nav small{font-size:8px;opacity:.55;letter-spacing:0}
.header>nav>a:hover,.header>nav>a:focus-visible{color:#8e6c4d}
.header-actions{color:#1d2720}
.menu-button{border-color:#b8afa1}
.menu-button:hover{background:#e7e1d5}

/* The image is the stage. The letters are part of its negative space. */
.hero{height:100svh;min-height:730px;max-height:1080px;padding:clamp(168px,18vh,238px) var(--gutter) 115px;background:#0d1712;color:#f4eee3}
.hero-visual{inset:0;width:100%;height:100%;z-index:0;background:#0d1712}
.hero-visual img{object-position:center center;filter:saturate(.72) brightness(.95)}
.hero-visual::after{display:none}
.hero::before{display:block;z-index:1;background:linear-gradient(90deg,rgba(7,17,13,.96) 0%,rgba(7,17,13,.89) 24%,rgba(7,17,13,.58) 47%,rgba(7,17,13,.08) 83%),linear-gradient(0deg,rgba(5,13,10,.55),transparent 30%)}
.hero-copy{width:min(68%,970px);z-index:2}
.hero-kicker{color:#c7b59c;font-size:10px;font-weight:500;letter-spacing:.24em;margin-bottom:clamp(45px,6vh,88px)!important}
.hero-kicker span{color:#8b897e}
.hero-title{font-family:var(--serif);font-weight:400;font-size:clamp(85px,8.3vw,158px);line-height:.99;letter-spacing:-.08em;color:#f4eee3;max-width:1000px;margin:0 0 clamp(48px,5vh,75px)}
.hero-title span{overflow:visible}
.hero-title span:first-child{font-family:var(--sans);font-size:.17em;font-weight:500;line-height:1.1;letter-spacing:.34em;margin:0 0 1.35em .15em}
.hero-title span:nth-child(2){font-style:italic;margin-left:-.055em}
.hero-title span:nth-child(3){padding-left:.32em}
.hero-title--vi{font-size:clamp(72px,6.5vw,120px);line-height:1.08;letter-spacing:-.075em}
.hero-title--vi span:nth-child(3){padding-left:.12em}
.hero-description{max-width:430px;color:#e3dbcd;font-size:clamp(14px,1.03vw,17px);font-weight:400;line-height:1.8;margin-bottom:26px}
.hero .button.primary{background:#e9dfce;border-color:#e9dfce;color:#1d2820}
.hero .button.primary:hover{background:#cbb99e;border-color:#cbb99e}
.hero .button.outline{color:#f1eadd;border-color:rgba(241,234,221,.55);background:transparent}
.hero .button.outline:hover{background:rgba(241,234,221,.12)}
.hero-bottom{color:#c6bbab;border-top-color:rgba(229,221,207,.28);font-size:9px;letter-spacing:.2em}
.hero-progress{color:#d9c9af}
.hero-progress-track{background:rgba(220,209,191,.42)}
.hero-progress-fill{background:#c5a781}
.hero-chapters{top:27%;width:min(62%,900px)}
.hero-chapter{color:#f3ebde}
.hero-chapter>span{color:#c5a781;font-weight:500;margin-bottom:clamp(36px,5vh,68px)}
.hero-chapter p{font-family:var(--serif);font-size:clamp(66px,6.6vw,125px);font-weight:400;line-height:1.04;letter-spacing:-.06em;max-width:10ch}
.hero-chapter small{color:#cbbfab;font-weight:400;letter-spacing:.21em;margin-top:27px}

/* Printed spread: one intimate image, a measured statement, and minimal proof. */
.about{background:#f2eee6;padding-top:clamp(150px,12vw,235px);padding-bottom:clamp(150px,12vw,235px);grid-template-columns:minmax(0,1.45fr) minmax(290px,.8fr) minmax(150px,.26fr);gap:clamp(32px,4.4vw,85px)}
.about::before{color:#a48a69}
html[lang="vi"] .about::before{content:'01 / TẬP ĐOÀN'}
.about-copy .eyebrow{margin-bottom:35px}
.about-copy h2{font-size:clamp(49px,4.45vw,88px);line-height:1.11;letter-spacing:-.065em;max-width:13ch;margin-bottom:clamp(36px,4vw,70px)}
.about-copy>p:not(.eyebrow){font-size:clamp(14px,1vw,17px);line-height:1.9;color:#55564e;max-width:51ch;margin-bottom:27px}
.about>.photo{height:clamp(480px,39vw,700px);align-self:center}
.about>.photo img{filter:saturate(.65)}
.about-facts{border-color:#cfc5b6;gap:55px;justify-content:flex-end}
.about-facts strong{font-size:clamp(37px,3.2vw,62px);color:#25352b}
.about-facts span{font-size:11px;color:#6c685f}

/* Five houses are presented as an image sequence, not a card catalogue. */
.ecosystem{background:#1b2922;color:#eee8dc}
.ecosystem-intro>.eyebrow{color:#c3a986}
.ecosystem-intro h2{font-family:var(--serif);font-weight:400;font-size:clamp(50px,4.1vw,83px);line-height:1.08;letter-spacing:-.06em;color:#eee8dc}
.ecosystem-intro>p:not(.eyebrow){font-size:clamp(13px,.95vw,16px);line-height:1.8;color:#c9cec4;max-width:48ch}
.ecosystem-intro>.text-link{color:#e5dccc;border-color:#9a9e91}
html[data-scroll-story=on] .ecosystem{padding-top:clamp(125px,12vh,170px)}
html[data-scroll-story=on] .ecosystem-intro{grid-template-columns:minmax(0,1.15fr) minmax(280px,.5fr);padding-bottom:clamp(35px,5vh,66px)}
html[data-scroll-story=on] .ecosystem-intro h2{font-size:clamp(52px,4.2vw,84px)}
html[data-scroll-story=on] .company-strip{gap:clamp(12px,1.15vw,22px)}
html[data-scroll-story=on] .company,html[data-scroll-story=on] .company:nth-child(n){width:clamp(295px,29vw,470px);height:calc(100% - 35px)}
.company,.company:nth-child(n){background:#14211b;color:#f5efe4}
.company>.photo{height:100%;filter:saturate(.5) brightness(.78)}
.company:hover>.photo{filter:saturate(.8) brightness(.91)}
.company-title{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:flex-end;height:100%;padding:clamp(24px,2vw,36px);background:linear-gradient(180deg,rgba(4,13,8,.07) 27%,rgba(4,13,8,.84) 100%);color:#f6f0e6;text-shadow:none}
.company-title .serial{position:absolute;left:clamp(24px,2vw,36px);top:24px;display:block;font-family:var(--sans);font-size:11px;font-weight:500;letter-spacing:.18em;color:#f2e5d1}
.company-title strong{display:block;font-family:var(--serif);font-size:clamp(34px,2.6vw,52px);font-weight:400;line-height:1.08;letter-spacing:-.05em;margin:0 0 12px;max-width:14ch}
.company-title small{display:block;color:#dbd6cb;font-size:11px;line-height:1.5;max-width:25ch}
.company-open{color:#eee4d2;right:25px;bottom:27px}
.ecosystem-scroll-cue{color:#b7b6aa!important}
.ecosystem-meter{background:#637267}
.ecosystem-meter-fill{background:#c5a781}

/* Material chapter returns to light; the close-up itself supplies the texture. */
.material{background:#e9e4da;color:#252a24;min-height:clamp(760px,56vw,930px);padding-top:clamp(155px,12vw,225px);padding-bottom:clamp(150px,10vw,190px)}
.material>.material-image{inset:0;width:100%;height:100%}
.material>.material-image img{object-position:65% center;filter:saturate(.45) contrast(1.03)}
.material::before{display:none}
.material::after{background:linear-gradient(90deg,#e9e4da 0%,rgba(233,228,218,.98) 27%,rgba(233,228,218,.82) 45%,rgba(233,228,218,.12) 78%)}
.material-content{width:min(63%,825px)}
.material .eyebrow{color:#8e785c;margin-bottom:clamp(36px,4vw,66px)}
.material h2{font-family:var(--serif);font-size:clamp(104px,11vw,205px);font-weight:400;letter-spacing:-.075em;line-height:.94;color:#202a23;margin:0 0 32px}
.material-intro{color:#40473e;font-size:clamp(18px,1.35vw,24px);max-width:32ch;line-height:1.55}
.material-benefits{margin:clamp(49px,5vw,78px) 0 clamp(43px,4vw,66px)}
.material-benefits>div{border-color:#aeb3a7}
.material-benefits svg{color:#8a785e}
.material-benefits span{color:#414a40;font-size:11px}
.material .button.primary{background:#1e2c23;border-color:#1e2c23;color:#f1ece2}
.material .button.outline{color:#1f2b23;border-color:#788276}
.material-note{background:none;color:#505c4e;border-color:#808c79}
.material-next{color:#38473a;border-color:#aab3a7}

/* Material ledger: confident type, quiet rules, carefully cropped swatches. */
.products{background:#f2eee6;padding-top:clamp(135px,11vw,220px);padding-bottom:clamp(140px,11vw,210px)}
.products .section-top{margin-bottom:clamp(54px,5vw,92px)}
.products .section-top h2,.applications .section-top h2{font-family:var(--serif);font-size:clamp(53px,4.5vw,89px);font-weight:400;letter-spacing:-.06em;line-height:1.06}
.product-grid,.product{border-color:#c9c0b2}
.product{min-height:clamp(190px,13.5vw,260px);transition:background .25s}
.product:hover{background:#e8e0d4}
.product-number{font-family:var(--sans);font-size:11px;font-weight:500;letter-spacing:.13em;color:#9d8566;padding-top:29px}
.product>.photo{height:clamp(135px,11vw,205px)}
.product-info strong{font-family:var(--serif);font-size:clamp(31px,3.05vw,57px);font-weight:400;letter-spacing:-.055em;color:#243127}
.product-info small{font-size:11px;color:#737066}
.product-info svg{color:#8b7354}

.applications{background:#e9e3d8}
.applications .section-top{padding-top:clamp(115px,9vw,180px);padding-bottom:clamp(42px,4vw,75px)}
.application-grid{grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:none;grid-auto-rows:clamp(400px,31vw,590px);gap:clamp(12px,1vw,21px);padding-bottom:clamp(115px,9vw,180px)}
.application,.application:first-child,.application:last-child{grid-column:auto;grid-row:auto;height:100%;min-width:0;min-height:0;background:#19231c}
.application>.photo{filter:saturate(.57) brightness(.73)}
.application:hover>.photo{filter:saturate(.85) brightness(.88)}
.application>span:not(.photo){left:clamp(25px,2vw,40px);bottom:clamp(30px,2.5vw,50px);max-width:calc(100% - 75px)}
.application strong{font-family:var(--serif);font-size:clamp(29px,2.2vw,44px);font-weight:400;letter-spacing:-.04em}
.application small{font-size:11px;letter-spacing:.04em}

/* Production is a shadowed studio sequence. */
.manufacturing{background:#19261f;color:#f1eade;padding-top:clamp(120px,9vw,180px);padding-bottom:clamp(120px,9vw,180px)}
.manufacturing h2{font-family:var(--serif);font-size:clamp(55px,5vw,97px);font-weight:400;line-height:1.03;letter-spacing:-.055em}
.manufacturing p:not(.eyebrow){font-size:14px;line-height:1.8;color:#c5cec2}
.manufacturing .eyebrow{color:#c8ad87}
.process{gap:clamp(10px,.9vw,17px)}
.process li{min-height:clamp(380px,28vw,530px)}
.process .photo{filter:grayscale(1) brightness(.57)}
.process-label b{font-family:var(--serif);font-size:38px;font-weight:400}
.process-label>span{font-size:11px;color:#f5eee3}

.sustainability{background:#f2eee6;padding-top:clamp(140px,10vw,200px);padding-bottom:clamp(140px,10vw,200px)}
.sustainability h2{font-family:var(--serif);font-size:clamp(50px,4.2vw,82px);font-weight:400;letter-spacing:-.055em;line-height:1.07}
.sustainability p:not(.eyebrow){font-size:14px;line-height:1.8;color:#5b5f54}
.sustainability-pillars svg{color:#806e55}
.sustainability-pillars span{color:#4f5a4d}
.sustainability>.photo img{filter:saturate(.63)}
.journal-careers{background:#eae4d9;padding-top:clamp(110px,8vw,165px);padding-bottom:clamp(110px,8vw,165px)}
.journal h2,.careers h2{font-family:var(--serif);font-size:clamp(47px,3.6vw,72px);font-weight:400;letter-spacing:-.055em;line-height:1.1}
.news-item>span:not(.photo){font-family:var(--serif);font-size:clamp(18px,1.35vw,26px);font-weight:400;letter-spacing:-.03em}
.news-filters button[aria-pressed=true]{color:#7e654b;border-color:#7e654b}
.careers-content{background:#eae4d9}
.contact{background:#1c2a22;color:#f0eadd;padding-top:clamp(120px,9vw,185px);padding-bottom:clamp(120px,9vw,185px)}
.contact h2{font-family:var(--serif);font-size:clamp(56px,5.3vw,105px);font-weight:400;line-height:1.06;letter-spacing:-.06em}
.contact p{color:#d6d4c8}
.contact .button.primary{background:#e9dfcd;color:#1e2a22;border-color:#e9dfcd}
.footer{background:#111b16;color:#d8d6cb}
.footer h3{font-family:var(--sans);font-size:10px;font-weight:500;letter-spacing:.18em;text-transform:uppercase}
.footer a:hover,.footer button:hover{color:#d0ad81}

/* Interior pages share the same typography and temperature without copying the hero. */
.inner-site{--page-paper:#f2eee6;--page-ink:#20241f;--page-line:#d2c9bb;--page-lime:#ad9271;background:var(--page-paper);color:var(--page-ink)}
.inner-site h1,.inner-site h2,.inner-site h3{font-family:var(--serif);font-weight:400}
.inner-header{background:#f2eee6;border-color:#d2c9bb}
.inner-desktop-nav a{font-weight:500;border-bottom-width:1px}
.inner-desktop-nav a:hover,.inner-desktop-nav a[aria-current=page]{border-color:#9a7757;color:#765b40}
.inner-reading-line{height:1px;background:#a98c68}
.inner-menu-button{border-color:#b8afa1}
.inner-mobile-nav{background:#f2eee6}
.inner-mobile-nav a{font-family:var(--serif);font-weight:400}
.inner-hero{border-color:#d2c9bb;min-height:min(810px,calc(100svh - 80px))}
.inner-hero-copy>p,.inner-number,.inner-small-index{color:#9b8060;font-weight:500}
.inner-hero h1{font-family:var(--serif);font-size:clamp(67px,6.7vw,127px);font-weight:400;letter-spacing:-.07em;line-height:1.04}
.inner-hero-bottom p{color:#5a5c53}
.inner-hero-bottom a{font-weight:500}
.inner-hero--sustainability{background:#1c2a22;color:#eee8dc}
.inner-hero--sustainability .inner-hero-copy>p{color:#c5a781}
.inner-jumpbar{background:#eae4d9;border-color:#d2c9bb}
.inner-jumpbar a{font-weight:500}
.inner-jumpbar sup{color:#9b8060}
.inner-section{border-color:#d2c9bb}
.inner-tinted{background:#eae4d9}
.inner-section-head h2{font-family:var(--serif);font-size:clamp(50px,5.1vw,96px);font-weight:400;letter-spacing:-.06em;line-height:1.1}
.inner-two-column h3,.inner-company-copy h3,.inner-leadership h3{font-family:var(--serif);font-weight:400;letter-spacing:-.05em}
.inner-company-copy strong{color:#816c51}

/* Keep the editorial composition intact on shorter laptop screens. */
@media (min-width:1024px) and (max-height:800px){
  .hero{min-height:700px;padding-top:125px;padding-bottom:76px}
  .hero-kicker{margin-bottom:28px!important}
  .hero-title{font-size:clamp(79px,7.3vw,116px);line-height:.94;margin-bottom:24px}
  .hero-title--vi{font-size:clamp(68px,6.1vw,91px);line-height:1.02}
  .hero-title span:first-child{margin-bottom:.8em}
  .hero-description{font-size:13px;line-height:1.6;margin-bottom:19px}
  .hero .button{min-height:46px}
  .hero-chapters{top:24%}
  .hero-chapter>span{margin-bottom:21px}
  .hero-chapter p{font-size:clamp(59px,5.6vw,86px)}
  .hero-chapter small{margin-top:20px}
}

@media(max-width:1023px){
  .hero{height:auto;min-height:840px;max-height:none;padding-top:150px}
  .hero-visual{position:absolute;inset:0;width:100%;height:100%;margin:0}
  .hero-visual img{object-position:62% center}
  .hero::before{background:linear-gradient(90deg,rgba(7,17,13,.91),rgba(7,17,13,.61) 58%,rgba(7,17,13,.16)),linear-gradient(0deg,rgba(5,13,10,.6),transparent 50%)}
  .hero-copy{width:min(80%,680px)}
  .hero-title{font-size:clamp(78px,10vw,125px)}
  .hero-title--vi{font-size:clamp(64px,8vw,104px)}
  .about{grid-template-columns:minmax(0,1fr) minmax(250px,.85fr)}
  .about-facts{grid-column:1/-1;flex-direction:row;border-left:0;border-top:1px solid #cfc5b6;padding:25px 0 0}
  .about>.photo{height:clamp(390px,46vw,600px)}
  .material-content{width:70%}
  .material h2{font-size:clamp(98px,12vw,150px)}
  .application-grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:none;grid-auto-rows:390px}
}

@media(max-width:600px){
  :root{--gutter:24px}
  .header{height:70px;padding-inline:var(--gutter)}
  .header .brand>span{font-size:11px}
  .header .brand small{font-size:6px}
  .menu-button{width:37px;height:37px}
  .hero{display:block;min-height:790px;height:100svh;max-height:none;padding:135px var(--gutter) 86px;color:#f4eee3;background:#0d1712}
  .hero-visual{position:absolute;inset:0;width:100%;height:100%;margin:0}
  .hero-visual img{object-position:58% center;opacity:1;filter:saturate(.65) brightness(.55)}
  .hero::before{background:linear-gradient(180deg,rgba(6,16,12,.84) 0%,rgba(6,16,12,.48) 54%,rgba(6,16,12,.82) 100%)}
  .hero-copy{width:100%;position:relative;z-index:2}
  .hero-kicker{font-size:8px;white-space:normal;line-height:1.7;margin-bottom:72px!important;letter-spacing:.2em}
  .hero-title{font-size:clamp(67px,15vw,87px);line-height:.9;color:#f4eee3;margin-bottom:48px}
  .hero-title--vi{font-size:clamp(48px,12vw,64px);line-height:1.03;letter-spacing:-.075em}
  .hero-title span:first-child{font-size:.18em;margin-bottom:1.65em}
  .hero-title span:nth-child(3){padding-left:.18em}
  .hero-description{font-size:13px;line-height:1.7;color:#e9e0d3;max-width:290px;background:none;padding:0;margin:0 0 27px}
  .hero .button-row{max-width:320px;gap:9px}
  .hero .button{min-height:45px;font-size:10px}
  .hero-bottom{position:absolute;left:var(--gutter);right:var(--gutter);bottom:24px;width:auto;margin:0;color:#d7cbb9;border-color:rgba(229,221,207,.34)}
  .hero-bottom span:last-child{display:none}
  .about{display:block;padding:112px var(--gutter) 115px}
  .about::before{top:47px}
  .about-copy .eyebrow{margin-bottom:24px}
  .about-copy h2{font-size:clamp(42px,11vw,62px);line-height:1.12;margin-bottom:30px}
  .about-copy>p:not(.eyebrow){font-size:13px;line-height:1.8}
  .about>.photo{height:360px;width:100%;margin:64px 0 0}
  .about-facts{display:flex;flex-direction:row;justify-content:space-between;gap:12px;margin-top:28px;padding-top:25px}
  .about-facts strong{font-size:29px}
  .about-facts span{font-size:9px}
  .ecosystem{padding-top:100px;padding-bottom:100px;background:#1b2922;color:#eee8dc}
  .ecosystem-intro{padding:0 var(--gutter) 48px}
  .ecosystem-intro h2{font-size:clamp(42px,10.2vw,59px);color:#eee8dc}
  .ecosystem-intro>p:not(.eyebrow){font-size:13px;color:#c9cec4}
  .ecosystem-intro>.text-link{color:#eee8dc}
  .company-viewport{padding:0 var(--gutter)}
  .company,.company:nth-child(n),.company:last-child{height:min(60svh,530px);min-height:380px;margin-bottom:20px;background:#14211b}
  .company>.photo{height:100%;filter:saturate(.55) brightness(.75)}
  .company-title{position:absolute;inset:0;height:100%;display:flex;align-items:flex-start;justify-content:flex-end;padding:28px;background:linear-gradient(180deg,rgba(4,13,8,.05) 30%,rgba(4,13,8,.85));color:#f6f0e6}
  .company-title .serial{left:28px;top:25px;font-size:11px;color:#e4d6bf}
  .company-title strong{font-size:clamp(33px,9vw,48px)}
  .company-title small{font-size:12px;color:#e2dbcd}
  .company-open{top:auto;bottom:31px;right:27px}
  .material{display:flex;flex-direction:column;min-height:0;padding:0 var(--gutter) 0;background:#e9e4da;color:#252a24}
  .material>.material-image{position:relative;width:calc(100% + 2 * var(--gutter));height:350px;margin:0 calc(-1 * var(--gutter));mask-image:none}
  .material>.material-image img{object-position:65% center}
  .material::after{display:none}
  .material-content{width:100%;margin:0;padding:60px 0 0}
  .material .eyebrow{color:#8e785c;margin-bottom:22px}
  .material h2{font-size:clamp(66px,18vw,91px);color:#202a23;margin:0 0 26px}
  .material-intro{font-size:17px;color:#40473e}
  .material-benefits{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;margin:46px 0 40px}
  .material-benefits>div{border-color:#aeb3a7}
  .material-benefits span{font-size:11px;color:#414a40}
  .material .button.primary{background:#1e2c23;border-color:#1e2c23;color:#f1ece2}
  .material .button.outline{color:#1f2b23;border-color:#788276}
  .material-next{margin-top:73px;color:#38473a;border-color:#aab3a7}
  .products{padding-top:115px;padding-bottom:115px;background:#f2eee6}
  .products .section-top{display:block;margin-bottom:42px}
  .products .section-top h2,.applications .section-top h2{font-size:clamp(43px,10vw,58px)}
  .products .section-top>.text-link{margin-top:26px;max-width:none}
  .product{display:grid;grid-template-columns:30px minmax(0,1fr);gap:13px;min-height:0;padding:24px 0}
  .product-number{padding-top:4px}
  .product>.photo{grid-column:2;height:150px;width:100%;aspect-ratio:auto}
  .product-info{grid-column:2;padding:0}
  .product-info strong{font-size:29px}
  .product-info small{font-size:10px}
  .applications{background:#e9e3d8}
  .applications .section-top{padding-top:105px;padding-bottom:40px}
  .application-grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:none;grid-auto-rows:260px;gap:9px;padding:0 var(--gutter) 105px}
  .application>span:not(.photo){max-width:calc(100% - 28px)}
  .application>span:not(.photo){left:14px;bottom:18px}
  .application strong{font-size:22px}
  .application small{font-size:9px}
  .application>svg{right:13px;top:13px;bottom:auto}
  .manufacturing{padding-top:115px;padding-bottom:115px}
  .manufacturing h2{font-size:55px}
  .process{grid-template-columns:repeat(2,minmax(0,1fr))}
  .process li{min-height:220px}
  .process-label b{font-size:31px}
  .sustainability{padding-top:115px;padding-bottom:115px}
  .sustainability h2{font-size:45px}
  .journal-careers{padding-top:105px;padding-bottom:105px}
  .journal h2,.careers h2{font-size:44px}
  .news-item>span:not(.photo){font-size:17px}
  .careers-content{background:#eae4d9}
  .contact{padding-top:105px;padding-bottom:105px}
  .contact h2{font-size:clamp(44px,11vw,60px)}
  .footer{padding-top:95px;padding-bottom:35px}
  .inner-hero h1{font-size:clamp(56px,14vw,78px)}
  .inner-section-head h2{font-size:clamp(44px,11vw,65px)}
}

@media(prefers-reduced-motion:reduce){.hero-visual img,.company>.photo,.application>.photo{transition:none}}
html[data-motion=reduce] .hero-visual img,html[data-motion=reduce] .company>.photo,html[data-motion=reduce] .application>.photo{transition:none}