/* One type scale and alignment system. Brand colours come from brand-theme.css. */
:root{--editorial-title:clamp(36px,3.7vw,56px);--editorial-section:clamp(28px,2.6vw,38px);--editorial-space:clamp(48px,6vw,88px)}
html[lang=zh-CN] body{font-family:Manrope,'PingFang SC','Microsoft YaHei',sans-serif}
body{line-height:1.7;letter-spacing:0}
h1,h2,h3,p{margin-top:0}
html[lang=zh-CN] :is(h1,h2,h3){letter-spacing:0;font-weight:700}
:is(button,.button,.text-link,.quote-button,.desktop-nav a){text-transform:none;letter-spacing:0}
.hero-copy{display:flex;flex-direction:column;align-items:flex-start}
.hero-copy>*{margin-left:0;margin-right:0}
html .hero h1,html[lang=zh-CN] .hero h1,html[lang=es] .hero h1{
  font-size:clamp(48px,min(4.75vw,8.2svh),78px);font-weight:750;
  line-height:1.09;letter-spacing:-.045em;margin:0;max-width:100%;text-wrap:initial
}
html[lang=zh-CN] .hero h1{font-size:clamp(50px,min(4.6vw,8svh),76px);font-weight:700;line-height:1.22;letter-spacing:-.025em}
html[lang=es] .hero h1{font-size:clamp(42px,min(4.2vw,7.5svh),70px)}
.hero h1>span{white-space:normal}
.hero h1>span:empty{display:none}
html .hero-description,html[lang=zh-CN] .hero-description{
  font-size:clamp(17px,1.3vw,21px);font-weight:400;line-height:1.7;letter-spacing:0;
  max-width:32em;margin:25px 0 34px;text-wrap:pretty
}
.hero-actions{width:100%;max-width:510px;gap:16px}
html[data-view=home] .hero-actions .button,html[lang=zh-CN] .hero-actions .button{
  min-height:52px;padding:14px 20px;font-size:14px;font-weight:600;line-height:1.5;
  letter-spacing:0;border-radius:4px;white-space:normal;flex:1
}
.hero-actions .button span{max-width:none}
.button,.quote-button{border-radius:4px;font-weight:600;text-transform:none}
.site-header .quote-button{min-height:48px;padding:11px 18px 11px 21px;gap:17px;border:1px solid var(--action-bg);border-radius:10px;background:var(--action-bg);color:#fff;font-weight:600;box-shadow:inset 0 1px 0 #ffffff1c,0 2px 5px #00493f12;transition:background 180ms var(--ui-ease),box-shadow 180ms var(--ui-ease),border-color 180ms var(--ui-ease)}
.site-header .quote-button .icon{width:25px;height:25px;padding:5px;border-radius:50%;background:none;color:#fff;stroke-width:1.5}
.site-header .quote-button:hover{background:var(--action-hover);border-color:var(--action-hover);color:#fff;box-shadow:inset 0 1px 0 #ffffff1c,0 3px 8px #00493f1c}
.site-header .quote-button:focus-visible{outline:2px solid var(--brand-ink);outline-offset:4px}
.hero :focus-visible{outline-color:#fff}
.text-link{font-weight:600;border-bottom:0;gap:12px}
.text-link:hover{gap:12px;text-decoration:underline;text-underline-offset:5px}
.text-link .icon{height:15px;width:15px}
@media(min-width:1101px){
 html[data-view=home] .site-header{padding-inline:clamp(64px,10vw,240px)}
 .header-top{gap:32px}
 .header-actions{flex:1;margin-left:0;gap:24px}
 .header-utility[data-search]{margin-right:auto;width:clamp(180px,23vw,340px);min-height:42px;padding:4px 5px 4px 19px;border:1px solid var(--line);border-radius:28px;flex-direction:row-reverse;justify-content:space-between;font-size:14px!important;color:var(--muted)}
 .header-utility[data-search]{border-color:#bbd2cd;color:#365d56}
 .header-utility[data-search] .icon{width:32px;height:32px;padding:7px;stroke:#fff;background:var(--action-bg);border-radius:50%;transition:background 180ms var(--ui-ease)}
 .header-utility[data-search]:hover .icon{background:var(--action-hover)}
 .desktop-nav{gap:clamp(26px,3.2vw,50px)}
 .desktop-nav a{font-size:15px!important}
}
.inner-page.section-shell{max-width:1440px;padding-bottom:var(--editorial-space)}
.breadcrumbs{font-size:13px;padding:26px 0 34px;line-height:1.5}
.inner-page .page-heading{max-width:900px;padding-bottom:42px;margin:0}
html .inner-page .page-heading h1,html[lang=zh-CN] .inner-page .page-heading h1,html .product-detail h1{
  font-size:var(--editorial-title);font-weight:700;line-height:1.18;letter-spacing:-.035em;margin:0 0 24px
}
html[lang=zh-CN] .inner-page .page-heading h1{letter-spacing:-.02em;line-height:1.28}
.page-lead{max-width:48em;font-size:18px;font-weight:400;line-height:1.75;margin:0;color:var(--muted)}
.section-heading{align-items:flex-start;gap:40px;margin:0 0 32px}
html :is(.section-heading h2,.film-intro h2,.factory-profile-grid h2,.factory-film h2,.product-specs>h2),
html[lang=zh-CN] :is(.section-heading h2,.film-intro h2,.factory-profile-grid h2,.factory-film h2,.product-specs>h2){
  font-size:var(--editorial-section);font-weight:700;line-height:1.3;letter-spacing:-.025em;margin:0
}
.section-heading>p,.section-description,.film-side{max-width:560px;font-size:16px;line-height:1.8}
.section-heading p,.section-description p{margin:0}
.section-description .text-link{margin-top:16px}
.film-intro{display:block;max-width:none;margin:0 0 24px;text-align:left}
.film-side{display:flex;flex-direction:column;align-items:flex-start;gap:4px;margin-top:10px;max-width:760px}
.film-side p{margin:0 0 4px}
.home-collection .section-heading .eyebrow,.home-support .section-heading .eyebrow,
.studio-teaser-copy>.eyebrow,.footer-invitation .eyebrow{display:none}
.home-product h3,.support-card h3{font-size:22px;font-weight:650;line-height:1.4;letter-spacing:-.02em}
.support-card p{font-size:16px;line-height:1.75}
.studio-teaser-copy h2{font-size:var(--editorial-section);font-weight:700;line-height:1.3;letter-spacing:-.025em}
.studio-teaser-copy>p:not(.eyebrow){font-size:17px;line-height:1.8;max-width:32em}
.factory-masthead{grid-template-columns:1fr 1fr;gap:7%;align-items:center;padding-bottom:52px}
.factory-masthead .page-heading{padding:0}
.factory-photo{margin:0;min-width:0}
.factory-photo img{border-radius:6px}
.factory-photo figcaption{font-size:13px;margin-top:12px;color:var(--muted)}
.factory-facts{background:transparent;border-block:1px solid var(--line);border-radius:0;gap:0}
.factory-facts>div{padding:30px 34px;gap:12px}
.factory-facts>div:first-child{padding-left:0}
.factory-facts>div+div{border-left:1px solid var(--line)}
.factory-facts strong{font-size:40px;font-weight:700;line-height:1.1;font-variant-numeric:tabular-nums;color:var(--ink)}
.factory-facts span{font-size:15px}
.factory-profile-grid{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:8%;padding:var(--editorial-space) 0 0}
.factory-profile-grid>div>p:not(.eyebrow){font-size:17px;line-height:1.9;margin:24px 0 0}
.company-details>div{grid-template-columns:110px minmax(0,1fr);gap:24px;padding:19px 0;font-size:16px;line-height:1.7}
.company-details dt{font-weight:400}
.source-disclosure{margin:26px 0 0;padding:0;font-size:13px}
.source-disclosure summary{min-height:36px;display:list-item}
.source-disclosure a{display:inline-block;margin:8px 24px 0 0}
.factory-process,.factory-film{padding-top:var(--editorial-space)}
.factory-film>div>.eyebrow{display:none}
.factory-film>div>p:not(.eyebrow){font-size:17px;line-height:1.8;margin:22px 0 0}
.process-links{grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid var(--line);gap:0}
.process-links>a{padding:26px 22px 26px 0;border-bottom:1px solid var(--line)}
.process-links h3{font-size:20px;font-weight:650;line-height:1.4;margin:0 0 12px}
.process-links p{font-size:15px;line-height:1.7}
.process-panel{padding:40px;border-radius:6px;gap:48px}
.process-copy>.eyebrow{display:none}
.process-copy h2{font-size:30px;font-weight:700;line-height:1.3;letter-spacing:-.02em;margin:0 0 20px}
.process-copy>p:not(.eyebrow){font-size:17px;line-height:1.85}
.specification-section,.studio-process{padding-top:var(--editorial-space)}
.specification-grid h3,.workflow-grid h3{font-size:20px;font-weight:650;line-height:1.4}
.specification-grid p,.workflow-grid p{font-size:16px;line-height:1.8}
.products-masthead{align-items:end;gap:40px;padding-bottom:36px}
.products-masthead .page-heading{padding:0}
.catalog-assistance{border-left:1px solid var(--line);padding-left:28px}
.catalog-assistance .text-link{font-size:14px;min-height:38px}
.catalog-card{border-radius:6px}
.catalog-info{padding:30px}
.catalog-info h2{font-size:28px;font-weight:700;line-height:1.35;letter-spacing:-.025em}
.catalog-info>p{font-size:16px;line-height:1.8}
.product-type{font-size:13px;font-weight:500;letter-spacing:0}
.image-note{font-size:11px;padding:5px 9px}
.evidence-navigation{gap:14px 30px;margin:0 0 40px;padding:12px 0;font-size:14px}
.evidence-navigation a{font-weight:600}
.public-documents+.public-documents,.references-section{padding-top:var(--editorial-space)}
.certificate-card{border-radius:6px}
.certificate-copy{padding:30px}
.certificate-copy>.eyebrow{display:none}
.certificate-copy h3{font-size:24px;line-height:1.4;font-weight:650;margin:0 0 16px}
.certificate-copy>p:not(.document-status):not(.quiet-note){font-size:16px;line-height:1.75}
.certificate-details{font-size:14px}
.certificate-details>div{gap:18px}
.document-status{font-size:12px;line-height:1.6}
.document-links{gap:18px}
.document-links a{font-size:13px}
.document-notes{margin-top:18px;color:var(--muted);font-size:13px;line-height:1.75}
.document-notes summary{cursor:pointer;min-height:32px}
.document-notes .quiet-note{font-size:13px;margin:12px 0}
.brand-reference-grid{grid-template-columns:repeat(5,minmax(0,1fr))}
.brand-reference{padding:24px 18px}
.brand-reference figcaption{font-size:13px}
.project-document-help{margin-top:48px;padding:26px 30px;border-radius:6px;align-items:center}
.project-document-help h3{font-size:20px;margin:0}
.resource-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.resource-card{display:flex;flex-direction:column;align-items:flex-start;padding:30px;border:1px solid var(--line);border-radius:6px;background:#fff;gap:0}
.resource-card.sand,.resource-card.sky,.resource-card.mint{background:#fff;border-top:3px solid var(--brand-ink)}
.resource-card>.eyebrow{display:none}
.resource-card h2{font-size:24px;line-height:1.4;font-weight:700;letter-spacing:-.025em;margin:0 0 16px}
.resource-card>p:not(.eyebrow){font-size:16px;line-height:1.75;margin:0 0 28px}
.resource-card>.text-link{margin-top:auto}
.faq-section{max-width:none;padding-top:var(--editorial-space)}
.faq-section>.section-heading{margin-bottom:24px}
.faq-list{max-width:100%;margin-top:26px}
.faq-list summary{padding:24px 0;font-size:18px;font-weight:600;line-height:1.6}
.faq-list details>p{max-width:72ch;font-size:16px;line-height:1.85;margin:0;padding:0 34px 24px 0}
.resource-help{background:transparent;border-top:1px solid var(--line);padding:32px 0 0;border-radius:0;margin-top:48px}
.resource-help h3{font-size:24px;font-weight:650;margin:0}
.showroom-feature h2{font-size:var(--editorial-section);font-weight:700;line-height:1.3}
.showroom-feature .eyebrow{display:none}
.gallery-card strong{font-size:20px;font-weight:650;line-height:1.4}
.gallery-card small{font-size:12px;letter-spacing:0}
.page-heading .eyebrow{display:none}
.design-controls legend,.finder-form legend,.project-form legend{font-size:20px;font-weight:650;line-height:1.4}
.field-label{font-size:15px;font-weight:500}
.field-label :is(input,textarea,select){font-size:16px;font-weight:400;border-radius:4px}
.quiet-note{font-size:13px;line-height:1.75}
.footer-invitation h2{font-size:clamp(28px,3vw,42px);font-weight:700;line-height:1.3}
.footer-columns h3{font-size:14px;font-weight:600}
.footer-columns>div>a{font-size:14px;line-height:1.65}
/* Sioen reference composition: lower-left copy, tall lead image and offset
   secondary images. The shallow arc joins an intentionally empty transition. */
html[data-view=home]{--home-composition-height:clamp(480px,calc(82svh - 130px),680px);--home-header-space:86px}
/* Reserve the complete first screen for the hero and its empty transition.
   The next content section starts in the next row, not inside that whitespace. */
html[data-view=home] #home-view:not([hidden]){display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(calc(100svh - var(--home-header-space)),auto) auto auto}
html[data-view=home] .hero{align-self:start}
@media(min-width:1101px){html[data-view=home]{--home-header-space:calc(var(--home-header-top) + var(--home-header-nav))}}
html[data-view=home] .hero-inner{max-width:1440px;min-height:0;height:var(--home-composition-height);padding:0 var(--gutter);grid-template-columns:minmax(0,.95fr) minmax(0,1.3fr);grid-template-rows:minmax(0,1fr);gap:42px;align-items:stretch}
.hero-copy{align-self:center;transform:translateY(20px);padding:0;max-width:510px;margin-left:clamp(24px,calc(9.5vw - max(0px,(100vw - 1440px)/2)),115px)}
html .hero h1,html[lang=zh-CN] .hero h1{font-size:clamp(46px,4.3vw,68px)}
html[lang=es] .hero h1{font-size:clamp(40px,3.8vw,61px)}
html .hero-description,html[lang=zh-CN] .hero-description{margin:25px 0 0;font-size:clamp(17px,1.25vw,20px);max-width:30em}
html[data-view=home] .material-story{width:100%;max-width:none;height:100%;min-height:0;max-height:none;align-self:stretch;justify-self:stretch;grid-template-columns:1.6fr 1fr;grid-template-rows:minmax(0,1fr) minmax(0,.35fr);column-gap:26px;row-gap:26px}
.hero .tile-fiber{grid-column:1;grid-row:1;margin:0;border-radius:0 0 15px 15px}
.hero .tile-fiber img{object-position:50% 44%}
.hero .tile-tote{grid-column:2;grid-row:1;align-self:end;height:45%;border-radius:13px}
.hero .tile-tote img{object-fit:contain;object-position:center;background:#ece9e1}
.hero .detail-pair{grid-column:1 / -1;grid-row:2;grid-template-columns:1fr 1.65fr;gap:26px;min-height:0}
.hero .detail-pair .visual-tile{border-radius:13px 13px 0 0}
.hero .tile-white img{object-position:50% 40%}
.hero .tile-detail img{object-position:50% 45%}
.hero .tile-caption{font-size:13px;padding:36px 16px 16px}
html[data-view=home] .hero-curve{height:clamp(90px,8vw,145px);bottom:-1px}
.film-section{width:100%;max-width:1680px;padding:clamp(32px,3.8vw,56px) var(--gutter) 0}
/* Inner pages are composed as information groups rather than scattered labels. */
:root{--editorial-title:clamp(32px,3.25vw,48px);--editorial-section:clamp(26px,2.35vw,34px);--editorial-space:clamp(44px,4.5vw,68px)}
.inner-page.section-shell{max-width:1320px;padding-inline:clamp(24px,4.5vw,64px)}
.inner-page .section-heading{display:flex;flex-direction:column;align-items:flex-start;gap:12px;margin-bottom:26px}
.inner-page .section-heading>p,.inner-page .section-description{max-width:720px;margin:0}
.inner-page .section-heading>.text-link{margin-top:0}
.inner-page .page-heading h1{margin-bottom:18px}
.inner-page .page-lead{font-size:17px;max-width:43em}
.inner-page .breadcrumbs{padding:23px 0 26px}
.factory-masthead{background:var(--brand-ink);color:#fff;border-radius:12px;overflow:hidden;gap:0;grid-template-columns:1fr 1fr;padding:0;min-height:330px}
.factory-masthead .page-heading{padding:40px 44px}
.factory-masthead .page-heading h1,.factory-masthead .page-lead{color:#fff}
.factory-masthead .page-lead{font-size:17px;line-height:1.8;max-width:29em}
.factory-photo{height:100%;min-height:330px;border-radius:48% 0 0 0;overflow:hidden}
.factory-photo img{width:100%;height:100%;min-height:330px;object-fit:cover;border-radius:0}
.factory-photo figcaption{display:none}
.factory-facts{margin-top:24px;background:#fff;border:1px solid var(--line);border-radius:8px;overflow:hidden}
.factory-facts>div,.factory-facts>div:first-child{padding:24px 28px}
.factory-facts strong{font-size:34px}.factory-facts span{font-size:14px}
.factory-profile-grid{display:block;padding-top:54px}
.profile-introduction{max-width:760px}
.factory-profile-grid .profile-introduction>p{font-size:16px;line-height:1.85;margin:14px 0 0}
.profile-dossier{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);margin-top:26px;background:#fff;border:1px solid var(--line);border-radius:10px;overflow:hidden}
.profile-production{margin:0;min-width:0;position:relative;min-height:350px}
.profile-production img{display:block;width:100%;height:100%;position:absolute;inset:0;object-fit:cover;object-position:38% center}
.company-details{margin:0;padding:8px 30px}
.company-details>div{grid-template-columns:86px minmax(0,1fr);gap:20px;padding:17px 0;font-size:15px;line-height:1.75}
.company-details>div:first-child{border-top:0}.company-details>div:last-child{border-bottom:0}
.factory-process{border:0;margin:0;padding-top:54px}
.process-links{border:0;gap:18px;grid-template-columns:repeat(4,minmax(0,1fr))}
.process-links>a{padding:0;border:1px solid var(--line);border-radius:9px;background:#fff;display:block;overflow:hidden;transition:border-color .2s}
.process-links>a:hover{border-color:var(--brand-ink)}
.process-links>a+a{padding:0;border-left:1px solid var(--line)}
.factory-process .process-links>a{padding:0!important}
.process-drawing{height:158px;display:flex;align-items:center;justify-content:center;background:var(--surface);color:#486760;--diagram-fill:#d5e4df}
.process-drawing svg{width:88%;height:100%}
.drawing-printing,.drawing-artwork,.drawing-making,.drawing-specification,.drawing-inspection,.drawing-sample-check{background:var(--surface);color:#486760;--diagram-fill:#d5e4df}
.process-links .process-link-copy{position:relative;padding:21px 20px 25px}
.process-links h3{font-size:19px;margin:0 0 9px;padding-right:10px}
.process-links p{font-size:14px;line-height:1.7;margin:0;padding-right:15px;color:var(--muted)}
.process-links .process-link-copy>.icon{position:absolute;right:15px;bottom:23px;width:15px;height:15px}
.factory-film{display:grid;grid-template-columns:.65fr 1fr;gap:45px;padding-top:54px;align-items:center;margin-top:0}
.factory-film .film-still{margin:0;border-radius:10px}
.capabilities-page>.page-heading,.products-masthead,.quality-page>.page-heading{padding:34px 38px;background:#e9f0ed;border-radius:10px;border:1px solid #dde7e2;margin-bottom:30px;max-width:none}
.capabilities-page .process-explorer{display:grid;grid-template-columns:205px minmax(0,1fr);gap:24px;align-items:start}
.process-tabs{display:flex;flex-direction:column;gap:8px;padding:6px 0;border:0;margin:0}
.process-tabs button{font-size:16px;line-height:1.5;text-align:left;justify-content:flex-start;padding:16px 18px;border:1px solid transparent;border-radius:6px;white-space:normal;background:transparent}
.process-tabs button[aria-selected=true]{background:var(--brand-ink);color:#fff;border-color:var(--brand-ink)}
.process-panel{background:#fff;border:1px solid var(--line);border-radius:10px;padding:0;gap:0;grid-template-columns:1.1fr .9fr;overflow:hidden;min-height:375px}
.process-copy{padding:30px}
.process-copy h2{font-size:27px;line-height:1.35;margin-bottom:16px}
.process-copy>p:not(.eyebrow){font-size:15px;line-height:1.85}
.process-copy ul{margin:20px 0 23px;padding-left:18px}.process-copy li{font-size:14px;line-height:1.7;margin:7px 0}
.process-image{min-height:320px;height:100%;border-radius:0}
.process-image img{height:100%;width:100%;object-fit:cover;border-radius:0}
.process-diagram{display:flex;align-items:center;justify-content:center}.process-diagram svg{width:100%;height:auto}
.specification-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;background:#fff;border:1px solid var(--line);border-radius:9px;overflow:hidden}
.specification-grid>div{padding:25px;border:0}.specification-grid>div+div{border-left:1px solid var(--line)}
.specification-grid h3{font-size:19px;margin:0 0 10px}.specification-grid p{font-size:15px;line-height:1.7;margin:0}
.products-masthead{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:32px;align-items:center}
.products-masthead .page-heading{padding:0;max-width:750px}
.catalog-assistance{padding:0 0 0 30px;margin:0;border-color:#cbdad3;display:flex;flex-direction:column;gap:5px}
#product-results{gap:28px}
.catalog-card{border:1px solid var(--line);background:#fff;overflow:hidden;border-radius:10px}
.catalog-image{background:#eff1ed}
.catalog-image img{aspect-ratio:1.55;object-fit:contain;border-radius:0}
.catalog-info{padding:24px 26px}.catalog-info h2{font-size:26px;margin:8px 0 12px}.catalog-info>p{margin:0 0 20px;font-size:15px}
.card-actions{border-top:1px solid var(--line);padding-top:17px;justify-content:space-between;gap:12px}.card-actions .text-link{font-size:14px}
@media(min-width:1101px){
 .catalog-card.product-row{display:grid;grid-template-columns:43% minmax(0,1fr);align-items:stretch;gap:0;border:1px solid var(--line)}
 .product-row .catalog-image{width:100%;max-width:100%;aspect-ratio:auto;height:100%;min-height:300px;display:flex;align-items:center;justify-content:center;min-width:0;position:relative;border-radius:0}
 .product-row .catalog-image img{width:100%;height:100%;aspect-ratio:auto;object-fit:contain;position:absolute;inset:0}
 .product-row .catalog-info{padding:23px;min-height:300px;display:flex;flex-direction:column;align-items:flex-start}
 .product-row .catalog-info h2{font-size:23px;line-height:1.4}
 .product-row .catalog-info>p{font-size:14px;line-height:1.75}
 .product-row .card-actions{margin-top:auto;width:100%;flex-wrap:wrap;gap:10px;font-size:13px}
 .product-row .compare-toggle{font-size:12px;padding:7px 10px}
}
.product-detail{gap:45px;align-items:center}.product-detail-image{border-radius:10px;overflow:hidden}
.product-detail-copy .page-lead{font-size:17px}.product-specs{display:grid;grid-template-columns:230px minmax(0,1fr);gap:35px;border-top:1px solid var(--line);padding-top:34px}
.product-specs dl{margin:0}.product-specs>h2{font-size:27px}.product-specs>div{min-width:0}
.resources-page>.page-heading{padding:8px 0 30px;max-width:900px}
.resource-cards{gap:22px}
.resource-card.sand,.resource-card.sky,.resource-card.mint{display:flex;padding:0;gap:0;border:1px solid var(--line);border-radius:10px;overflow:hidden;background:#fff;align-items:stretch}
.resource-cover{height:190px;display:flex;align-items:center;justify-content:center;border-bottom:1px solid #173b3510;flex-shrink:0}
.resource-cover svg{width:85%;height:100%}
.resource-copy{display:flex;flex-direction:column;align-items:flex-start;padding:25px;flex:1}
.resource-copy h2{font-size:23px;line-height:1.4;margin:0 0 12px;letter-spacing:0}
.resource-copy>p{font-size:15px;line-height:1.75;margin:0 0 22px;color:var(--muted)}
.resource-copy>.text-link{margin-top:auto;font-size:14px}
.faq-section{display:grid;grid-template-columns:240px minmax(0,1fr);gap:52px;margin-top:58px;padding-top:38px;border-top:1px solid var(--line);align-items:start}
.faq-sidebar h2{font-size:29px;line-height:1.4;margin:0 0 22px}
.faq-sidebar .category-filters{display:flex;flex-direction:column;align-items:stretch;gap:6px}
.faq-sidebar .category-filters button{padding:10px 14px;font-size:15px;border:0;border-radius:5px;text-align:left;background:transparent;color:var(--muted)}
.faq-sidebar .category-filters button[aria-pressed=true]{background:#deebe5;color:var(--brand-ink);font-weight:600}
.faq-section .faq-list{margin:0;background:#fff;border:1px solid var(--line);border-radius:9px;padding:0 26px;min-width:0}
.faq-list details:last-child{border-bottom:0}.faq-list summary{font-size:17px;padding:22px 0}.faq-list details>p{font-size:15px}
.resource-help{padding:25px 30px;background:#e9f0ed;border:0;border-radius:9px;margin-top:38px}.resource-help h3{font-size:22px;line-height:1.5}
.evidence-navigation{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;padding:0;border:1px solid var(--line);border-radius:8px;overflow:hidden;margin-bottom:38px;background:#fff}
.evidence-navigation a{display:flex;align-items:center;justify-content:center;padding:15px;font-size:14px;text-align:center;min-height:56px}
.evidence-navigation a+a{border-left:1px solid var(--line)}
.certificate-card{background:#fff;border:1px solid var(--line);overflow:hidden;border-radius:10px;grid-template-columns:minmax(240px,.7fr) minmax(0,1.3fr)}
.certificate-image{padding:28px;background:#edf0ec;max-height:460px;min-height:280px}
.certificate-image img{max-height:385px;object-fit:contain}
.certificate-copy{padding:30px}.certificate-copy>p:not(.document-status):not(.quiet-note){font-size:15px}
.patent-grid{gap:24px}.patent-grid .certificate-card{display:flex;flex-direction:column}
.patent-grid .certificate-image{height:295px;min-height:0}.patent-grid .certificate-image img{height:100%;max-height:250px}
.brand-reference-grid{border:1px solid var(--line);border-radius:10px;overflow:hidden;background:#fff}
.brand-reference{min-height:136px;padding:20px}.brand-logo{height:68px}
.showroom-feature{grid-template-columns:1.1fr 1fr;border-radius:12px;overflow:hidden;margin-bottom:32px}
.showroom-feature>div:first-child{min-height:320px}.showroom-feature>div:last-child{padding:35px 40px}
.showroom-feature h2{font-size:31px}.showroom-feature p:not(.eyebrow){font-size:16px;line-height:1.8}
.gallery-grid{gap:25px}.gallery-card img{aspect-ratio:1.35;object-fit:cover}.gallery-card strong{font-size:19px}
.samples-page .sample-layout,.contact-page .contact-layout{gap:38px}
.sample-visual>img{max-height:330px;object-fit:cover;border-radius:10px}
.sample-visual h2{font-size:28px}.sample-visual>p{font-size:16px}
.project-form{background:#fff;border:1px solid var(--line);border-radius:10px;padding:30px}
.contact-aside{padding:30px;background:#edf2ee;border-radius:10px;align-self:start}
.design-display{background:#edf2ee;border:1px solid var(--line);border-radius:10px}
.design-controls{padding:26px;background:#fff;border:1px solid var(--line);border-radius:10px;min-width:0}
.upload-zone input[type=file]{width:100%;max-width:100%;min-width:0}
.design-controls fieldset:last-of-type{margin-bottom:22px}.workflow-grid{background:#fff;padding:25px;border-radius:9px;border:1px solid var(--line)}
@media(max-width:1100px){
 .hero-copy{margin-left:20px}
 .process-links{grid-template-columns:repeat(2,minmax(0,1fr))}
 .process-panel{padding:30px;gap:30px}
 .resource-card{padding:25px}
 .process-panel{grid-template-columns:1fr}.process-image{min-height:230px;height:230px}.process-diagram svg{height:210px}
 .profile-dossier{grid-template-columns:.7fr 1.3fr}.company-details{padding-inline:22px}
}
@media(max-width:850px){
 html[data-view=home]{--home-header-space:82px}
 html[data-view=home] .hero-inner{height:auto;grid-template-columns:1fr;grid-template-rows:auto auto;padding:48px var(--gutter) 0;gap:40px}
 .hero-copy{transform:none;max-width:610px;margin-left:0}
 html[data-view=home] .material-story{height:520px;max-height:none;grid-template-rows:minmax(0,1fr) minmax(0,.38fr);gap:20px}
 .hero .tile-fiber{border-radius:13px}.hero .tile-tote{height:60%}
 .hero .detail-pair{gap:20px}
 html[data-view=home] .hero-curve{height:85px}
 html .hero h1,html[lang=zh-CN] .hero h1{font-size:clamp(48px,8.5vw,68px)}
 html[lang=es] .hero h1{font-size:clamp(42px,7.8vw,62px)}
 .hero-description{max-width:32em}
 .factory-masthead,.factory-profile-grid{grid-template-columns:1fr;gap:32px}
 .factory-facts>div{padding:24px 20px}.factory-facts strong{font-size:32px}
 .resource-cards{grid-template-columns:1fr}.resource-card{padding:28px}
 .resource-card>p:not(.eyebrow){max-width:60ch;margin-bottom:18px}
 .brand-reference-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
 .section-heading{gap:24px}
 .design-workspace{grid-template-columns:minmax(0,1fr)}
 .factory-masthead{grid-template-columns:1fr 1fr;gap:0}.factory-masthead .page-heading{padding:30px}.factory-photo,.factory-photo img{min-height:310px}
 .profile-dossier{grid-template-columns:1fr}.profile-production{min-height:240px}.profile-production img{object-position:center 52%}
 .process-links{grid-template-columns:repeat(2,minmax(0,1fr))}
 .factory-film{gap:26px;grid-template-columns:1fr 1.1fr}
 .specification-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.specification-grid>div{border-bottom:1px solid var(--line)}
 .products-masthead{grid-template-columns:1fr}.catalog-assistance{flex-direction:row;flex-wrap:wrap;border:0;padding:0;gap:24px}
 .resource-cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.resource-cover{height:155px}.resource-copy{padding:19px}.resource-copy h2{font-size:20px}
 .faq-section{grid-template-columns:180px minmax(0,1fr);gap:25px}.faq-sidebar h2{font-size:26px}
 .certificate-card{grid-template-columns:.8fr 1.2fr}.certificate-copy{padding:24px}
 .product-specs{grid-template-columns:1fr;gap:18px}
}
@media(max-width:540px){
 html[data-view=home]{--home-header-space:78px}
 html[data-view=home] .hero-inner{padding-top:40px;gap:34px}
 html[data-view=home] .material-story{height:385px;gap:14px}
 .hero .detail-pair{gap:14px}
 html[data-view=home] .hero-curve{height:55px}
 .film-section{padding-top:32px}
 html .hero h1,html[lang=zh-CN] .hero h1{font-size:clamp(42px,11.2vw,57px);line-height:1.2}
 html[lang=es] .hero h1{font-size:clamp(36px,10vw,50px);line-height:1.13}
 html .hero-description,html[lang=zh-CN] .hero-description{font-size:16px;line-height:1.75;margin:23px 0 28px}
 html[data-view=home] .hero-actions .button,html[lang=zh-CN] .hero-actions .button{padding:12px 13px;font-size:13px;gap:12px;min-height:50px}
 .page-lead{font-size:16px;line-height:1.8}
 .inner-page .page-heading{padding-bottom:30px}
 .factory-facts>div{padding:20px 12px}.factory-facts strong{font-size:27px}.factory-facts span{font-size:12px}
 .company-details>div{grid-template-columns:84px minmax(0,1fr);font-size:14px;gap:16px}
 .factory-profile-grid>div>p:not(.eyebrow){font-size:16px;margin-top:20px}
 .process-panel{padding:25px 20px}.process-copy h2{font-size:26px}
 .process-links>a{padding:22px 14px 22px 0}.process-links h3{font-size:18px}
 .catalog-info{padding:24px}.catalog-info h2{font-size:24px}
 .brand-reference-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .certificate-copy{padding:24px}.certificate-copy h3{font-size:22px}
 .resource-card{padding:24px}.resource-card h2{font-size:23px}
 .faq-list summary{font-size:17px;padding:22px 0}
 .project-document-help{padding:24px;gap:16px;align-items:flex-start;flex-direction:column}
 .inner-page.section-shell{padding-inline:20px}.inner-page .page-lead{font-size:16px}.inner-page .page-heading{padding-bottom:28px}
 .factory-masthead{grid-template-columns:1fr}.factory-masthead .page-heading{padding:30px 26px}.factory-photo{border-radius:36% 0 0 0;min-height:220px;height:220px}.factory-photo img{min-height:0;height:220px}
 .factory-facts>div,.factory-facts>div:first-child{padding:18px 11px}.factory-facts strong{font-size:25px}.factory-facts span{font-size:12px}
 .factory-profile-grid,.factory-process,.factory-film{padding-top:38px}.profile-dossier{margin-top:22px}.profile-production{min-height:205px}
 .company-details{padding:4px 20px}.company-details>div{grid-template-columns:74px minmax(0,1fr);font-size:14px;gap:13px;padding:15px 0}
 .process-links{gap:12px}.process-drawing{height:112px}.process-links .process-link-copy{padding:16px 13px 25px}.process-links h3{font-size:17px}.process-links p{font-size:13px;padding:0}.process-links .process-link-copy>.icon{display:none}
 .factory-film{grid-template-columns:1fr;gap:22px}
 .capabilities-page>.page-heading,.products-masthead,.quality-page>.page-heading{padding:26px 23px}
 .capabilities-page .process-explorer{grid-template-columns:1fr;gap:18px}.process-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.process-tabs button{padding:12px;font-size:14px}
 .process-copy{padding:24px}.process-copy h2{font-size:24px}.process-image{height:240px}
 .specification-grid>div{padding:19px}.specification-grid h3{font-size:18px}.specification-grid p{font-size:14px}
 .catalog-info{padding:22px}.catalog-info h2{font-size:24px}.catalog-image img{aspect-ratio:1.35}.card-actions{flex-wrap:wrap}
 .catalog-assistance{gap:16px}.catalog-assistance .text-link{font-size:13px}
 .resource-cards{grid-template-columns:1fr;gap:16px}.resource-card.sand,.resource-card.sky,.resource-card.mint{display:grid;grid-template-columns:108px minmax(0,1fr)}
 .resource-cover{height:100%;min-height:180px;border:0}.resource-cover svg{width:135%;max-width:none;flex-shrink:0}.resource-cover{overflow:hidden}
 .resource-copy{padding:20px}.resource-copy h2{font-size:20px}.resource-copy p{font-size:14px;margin-bottom:16px}.resource-copy .text-link{font-size:13px}
 .faq-section{grid-template-columns:1fr;gap:18px;margin-top:34px;padding-top:28px}.faq-sidebar h2{font-size:26px;margin-bottom:17px}.faq-sidebar .category-filters{flex-direction:row;flex-wrap:wrap;gap:5px}.faq-sidebar .category-filters button{padding:8px 11px;font-size:14px}
 .faq-section .faq-list{padding:0 18px}.faq-list summary{font-size:16px}.resource-help{padding:22px}.resource-help h3{font-size:22px;margin-bottom:20px}
 .evidence-navigation{grid-template-columns:repeat(2,minmax(0,1fr))}.evidence-navigation a{font-size:13px;padding:11px}.evidence-navigation a:nth-child(3){border-left:0}.evidence-navigation a:nth-child(n+3){border-top:1px solid var(--line)}
 .certificate-card{grid-template-columns:1fr}.certificate-image{height:310px;min-height:0}.certificate-image img{height:100%;max-height:265px}
 .showroom-feature{grid-template-columns:1fr}.showroom-feature>div:first-child{min-height:0;height:230px}.showroom-feature>div:last-child{padding:26px}.showroom-feature h2{font-size:27px}
 .design-controls,.project-form,.contact-aside{padding:22px}.workflow-grid{padding:20px}
}
