/*
Theme Name: ALU PANEL WORKS - 中东工程建材
Theme URI: https://example.com/site-cd06c979-materials-middle-east-facade
Author: WordPress Site Factory
Description: Complete generated block theme for ALU PANEL WORKS. Visual preset: 中东工程建材.
Version: 2.0.1
Requires at least: 6.4
Requires PHP: 7.4
Text Domain: site-cd06c979-materials-middle-east-facade
*/
:root { color-scheme: light; }
* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; color: #18211d; background: #f7faf8; font-family: Inter, "PingFang SC", "Microsoft YaHei", system-ui, sans-serif; font-size: 14px; -webkit-font-smoothing: antialiased; }
a { color: inherit; text-decoration: none; }
.showroom-bar { position: sticky; z-index: 50; top: 0; height: 58px; display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; gap: 20px; padding: 0 24px; color: #173b2e; background: rgba(249,252,250,.95); border-bottom: 1px solid #dce5df; backdrop-filter: blur(14px); }
.showroom-bar > a:first-child { justify-self: start; font-size: 13px; }
.showroom-bar > div { display: flex; align-items: baseline; gap: 10px; }
.showroom-bar span { color: #718078; font-size: 12px; }
.select-template { justify-self: end; padding: 9px 14px; border-radius: 8px; color: white; background: #1f5d48; font-size: 13px; font-weight: 800; }
.preview-root { --accent:#8b5e3c; --ink:#202622; --surface:#e9ede8; --paper:#fff; --line:color-mix(in srgb,var(--ink) 15%,transparent); min-height:100vh; overflow:hidden; color:var(--ink); background:var(--paper); }
.preview-root main { display:flex; flex-direction:column; }
.site-hero { order:10; }
.signal-strip { order:20; }
.collection-section { order:30; }
.capability-section { order:40; }
.process-section { order:50; }
.project-section { order:60; }
.quote-section { order:70; }
.journal-section { order:80; }
.faq-section { order:90; }
.contact-section { order:100; }
.announcement { min-height:34px; display:flex; align-items:center; justify-content:center; gap:18px; padding:7px 20px; color:var(--paper); background:var(--ink); font-size:10px; font-weight:800; letter-spacing:.12em; text-transform:uppercase; }
.announcement span { opacity:.55; font-weight:500; letter-spacing:.04em; text-transform:none; }
.site-nav { height:80px; display:grid; grid-template-columns:1fr auto 1fr; align-items:center; gap:28px; padding:0 clamp(28px,5vw,72px); border-bottom:1px solid var(--line); }
.site-brand { font:800 19px/1 Georgia,"Times New Roman",serif; letter-spacing:.075em; }
.site-nav nav { display:flex; gap:32px; font-size:12px; }
.site-nav nav a { position:relative; padding:8px 0; }
.site-nav nav a::after { content:""; position:absolute; right:0; bottom:2px; left:0; height:1px; background:var(--accent); transform:scaleX(0); transition:.2s; }
.site-nav nav a:hover::after { transform:scaleX(1); }
.nav-cta { justify-self:end; padding:10px 17px; border:1px solid currentColor; font-size:11px; font-weight:800; letter-spacing:.03em; }
.site-hero { min-height:clamp(680px,78vh,820px); display:grid; grid-template-columns:minmax(0,1.02fr) minmax(0,.98fr); gap:clamp(34px,5vw,78px); padding:clamp(30px,4vw,58px) clamp(28px,4vw,64px); }
.hero-copy { min-width:0; display:flex; flex-direction:column; justify-content:center; align-items:flex-start; }
.site-kicker,.section-head>div>span { color:var(--accent); font-size:10px; font-weight:900; letter-spacing:.2em; text-transform:uppercase; }
.hero-copy h1 { max-width:720px; margin:20px 0 22px; overflow-wrap:anywhere; text-wrap:balance; line-break:strict; font:700 clamp(46px,5.35vw,84px)/1.055 Georgia,"Songti SC","STSong",serif; letter-spacing:-.035em; }
.hero-copy>p { max-width:560px; margin:0; opacity:.7; font-size:14px; line-height:1.9; text-wrap:pretty; }
.hero-actions { display:flex; gap:12px; margin-top:32px; }
.hero-actions a { min-width:92px; padding:12px 18px; border:1px solid var(--line); text-align:center; font-size:11px; font-weight:800; }
.hero-actions a:first-child { color:var(--paper); border-color:var(--accent); background:var(--accent); }
.hero-note { display:flex; align-items:center; gap:9px; margin-top:auto; padding-top:44px; opacity:.52; font-size:8px; letter-spacing:.14em; }
.hero-note i { width:34px; height:1px; background:currentColor; }
.hero-image,.capability-image,.project-art,.card-art { background-color:color-mix(in srgb,var(--surface) 75%,var(--accent)); background-repeat:no-repeat; background-size:cover; }
.hero-image { min-height:570px; position:relative; overflow:hidden; }
.hero-image::after { content:""; position:absolute; inset:0; border:1px solid rgba(255,255,255,.13); }
.hero-image>span { position:absolute; z-index:2; right:18px; bottom:16px; color:white; font-size:9px; letter-spacing:.15em; }
.hero-image>b { position:absolute; z-index:2; top:18px; left:18px; padding:7px 9px; color:white; background:rgba(0,0,0,.25); font-size:9px; letter-spacing:.12em; backdrop-filter:blur(8px); }
.signal-strip { display:grid; grid-template-columns:repeat(4,1fr); border-block:1px solid var(--line); background:var(--surface); }
.signal-strip>div { min-height:112px; display:flex; align-items:center; gap:15px; padding:23px clamp(22px,4vw,48px); border-right:1px solid var(--line); }
.signal-strip>div:last-child { border-right:0; }
.signal-strip strong { color:var(--accent); font:700 23px/1 Georgia,"Songti SC",serif; }
.signal-strip span { max-width:100px; opacity:.65; font-size:11px; line-height:1.5; }
.collection-section,.process-section,.journal-section { padding:clamp(78px,8vw,122px) clamp(28px,6vw,92px); }
.section-head { display:grid; grid-template-columns:minmax(0,1.3fr) minmax(240px,.55fr); align-items:end; gap:clamp(30px,7vw,110px); margin-bottom:54px; }
.section-head h2,.capability-copy h2,.quote-section blockquote,.faq-section h2,.contact-section h2 { max-width:820px; margin:15px 0 0; text-wrap:balance; line-break:strict; font:700 clamp(34px,4vw,60px)/1.14 Georgia,"Songti SC","STSong",serif; letter-spacing:-.025em; }
.section-head>p { margin:0; opacity:.62; font-size:14px; line-height:1.85; }
.collection-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:clamp(14px,2vw,28px); }
.collection-card { min-width:0; }
.card-art { aspect-ratio:.9; position:relative; display:flex; align-items:flex-end; justify-content:space-between; padding:19px; overflow:hidden; color:white; }
.art-2 { background-image:radial-gradient(circle at 70% 24%,color-mix(in srgb,var(--accent) 70%,white),transparent 25%),repeating-linear-gradient(125deg,color-mix(in srgb,var(--ink) 88%,#222) 0 19px,color-mix(in srgb,var(--surface) 72%,#111) 19px 38px); }
.card-art::after { content:""; position:absolute; inset:0; background:linear-gradient(180deg,transparent 55%,rgba(0,0,0,.38)); }
.card-art span,.card-art em { z-index:1; font-size:10px; font-style:normal; letter-spacing:.15em; }
.card-art span { width:42px; height:42px; display:grid; place-items:center; border:1px solid rgba(255,255,255,.55); border-radius:50%; }
.card-copy { padding:20px 2px 0; }
.card-copy small,.project-grid small,.journal-grid small { color:var(--accent); font-size:9px; font-weight:800; letter-spacing:.16em; text-transform:uppercase; }
.card-copy h3 { margin:9px 0 15px; font:700 23px/1.25 Georgia,"Songti SC",serif; }
.card-copy a { display:flex; justify-content:space-between; padding-top:13px; border-top:1px solid var(--line); font-size:11px; font-weight:800; }
.capability-section { min-height:700px; display:grid; grid-template-columns:1.05fr .95fr; background:var(--surface); }
.capability-image { min-height:560px; position:relative; margin:clamp(24px,4vw,58px) 0 clamp(24px,4vw,58px) clamp(24px,4vw,58px); }
.capability-image span { position:absolute; bottom:20px; left:20px; color:white; font-size:9px; letter-spacing:.18em; }
.capability-copy { display:flex; flex-direction:column; justify-content:center; padding:clamp(52px,7vw,106px); }
.capability-copy h2 { font-size:clamp(36px,3.8vw,56px); }
.capability-copy>p { margin:24px 0; opacity:.66; font-size:14px; line-height:1.9; }
.capability-copy ul { display:grid; gap:0; margin:8px 0 28px; padding:0; list-style:none; }
.capability-copy li { display:flex; gap:13px; padding:15px 0; border-bottom:1px solid var(--line); font-size:13px; }
.capability-copy li i { color:var(--accent); font-style:normal; }
.capability-copy>a { align-self:flex-start; padding-bottom:7px; border-bottom:1px solid currentColor; font-size:12px; font-weight:800; }
.process-section { background:var(--paper); }
.process-grid { display:grid; grid-template-columns:repeat(4,1fr); border-top:1px solid var(--line); }
.process-grid article { min-height:220px; padding:26px 26px 22px 0; border-bottom:1px solid var(--line); }
.process-grid article+article { padding-left:28px; border-left:1px solid var(--line); }
.process-grid span { color:var(--accent); font-size:10px; }
.process-grid h3 { margin:54px 0 10px; font:700 21px Georgia,"Songti SC",serif; }
.process-grid p { margin:0; opacity:.6; font-size:12px; line-height:1.7; }
.project-section { padding:clamp(78px,8vw,122px) clamp(28px,6vw,92px); color:var(--paper); background:var(--ink); }
.section-head.light>a { align-self:end; justify-self:end; padding-bottom:7px; border-bottom:1px solid currentColor; font-size:11px; }
.project-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); align-items:start; gap:clamp(20px,3vw,42px); }
.project-grid article { min-width:0; padding-top:0; }
.project-grid article:nth-child(2) { padding-top:0; }
.project-art,.project-grid article:nth-child(2) .project-art { width:100%; aspect-ratio:1.24; position:relative; }
.project-art span { position:absolute; right:18px; bottom:16px; color:white; font-size:10px; }
.project-grid article>div:last-child { padding-top:20px; }
.project-grid h3 { margin:9px 0 10px; font:700 clamp(24px,2.7vw,38px)/1.2 Georgia,"Songti SC",serif; }
.project-grid p { max-width:550px; margin:0; opacity:.58; font-size:12px; line-height:1.8; }
.quote-section { min-height:530px; display:grid; place-content:center; justify-items:center; padding:78px 24px; text-align:center; background:var(--surface); }
.quote-section>span { color:var(--accent); font:100px/1 Georgia,serif; }
.quote-section blockquote { max-width:1040px; margin:-20px 0 28px; }
.quote-section p { margin:0; opacity:.58; font-size:11px; letter-spacing:.13em; }
.journal-section { background:var(--paper); }
.journal-grid { display:grid; grid-template-columns:repeat(3,1fr); border-top:1px solid var(--line); }
.journal-grid article { position:relative; min-height:330px; padding:28px 28px 28px 0; border-bottom:1px solid var(--line); }
.journal-grid article+article { padding-left:28px; border-left:1px solid var(--line); }
.journal-index { margin-bottom:46px; color:var(--accent); font:700 28px Georgia,serif; }
.journal-grid h3 { max-width:350px; margin:14px 0; font:700 22px/1.28 Georgia,"Songti SC",serif; }
.journal-grid p { margin:0; opacity:.59; font-size:12px; line-height:1.75; }
.journal-grid a { position:absolute; bottom:28px; font-size:11px; font-weight:800; }
.faq-section { display:grid; grid-template-columns:.8fr 1.2fr; gap:clamp(50px,9vw,135px); padding:clamp(78px,8vw,122px) clamp(28px,6vw,92px); background:var(--surface); }
.faq-section h2 { font-size:clamp(36px,4vw,62px); }
.faq-section>div:first-child>p { max-width:480px; opacity:.62; line-height:1.85; }
.faq-list { border-top:1px solid var(--line); }
.faq-list details { border-bottom:1px solid var(--line); }
.faq-list summary { display:flex; justify-content:space-between; gap:24px; padding:22px 0; cursor:pointer; font:700 17px/1.5 Georgia,"Songti SC",serif; list-style:none; }
.faq-list summary::-webkit-details-marker { display:none; }
.faq-list details[open] summary span { transform:rotate(45deg); }
.faq-list summary span { color:var(--accent); transition:.2s; }
.faq-list details p { max-width:650px; margin:0 0 24px; opacity:.62; font-size:13px; line-height:1.8; }
.contact-section { display:grid; grid-template-columns:1fr .78fr; gap:clamp(50px,9vw,130px); padding:clamp(78px,8vw,122px) clamp(28px,6vw,92px); color:var(--paper); background:var(--ink); }
.contact-section h2 { max-width:760px; }
.contact-section>div>p { max-width:610px; margin:26px 0; opacity:.62; line-height:1.85; }
.contact-meta { display:flex; flex-wrap:wrap; gap:12px 30px; margin-top:50px; font-size:12px; }
.contact-section form { display:grid; gap:14px; padding:32px; color:var(--ink); background:var(--paper); }
.contact-section label { display:grid; gap:7px; font-size:10px; font-weight:800; letter-spacing:.1em; }
.contact-section input,.contact-section textarea { width:100%; padding:13px 0; border:0; border-bottom:1px solid var(--line); color:var(--ink); background:transparent; outline:none; font:13px inherit; resize:vertical; }
.contact-section button { display:flex; justify-content:space-between; padding:15px 17px; border:0; color:var(--paper); background:var(--accent); font-weight:800; cursor:pointer; }
.contact-section form small { opacity:.52; font-size:9px; }
footer { display:grid; grid-template-columns:2fr repeat(3,1fr); gap:50px; padding:70px clamp(24px,6vw,96px) 24px; color:var(--paper); background:color-mix(in srgb,var(--ink) 90%,#000); }
footer>div { display:flex; flex-direction:column; align-items:flex-start; gap:12px; }
.footer-brand strong { font:800 24px Georgia,serif; letter-spacing:.08em; }
.footer-brand p { max-width:380px; margin:6px 0; opacity:.5; font-size:12px; line-height:1.8; }
footer b { margin-bottom:7px; color:var(--accent); font-size:10px; letter-spacing:.14em; }
footer a { opacity:.62; font-size:11px; }
.footer-bottom { grid-column:1/-1; display:grid!important; grid-template-columns:1fr auto 1fr; align-items:center!important; margin-top:40px; padding-top:24px; border-top:1px solid rgba(255,255,255,.13); opacity:.48; font-size:9px; }
.footer-bottom span:last-child { justify-self:end; }

/* 十五套模板使用十五种结构语义；同一行业的五套不共用一条页面路径。 */

/* 传统文化 01：知识索引型 */
.preview-root[data-layout="ink"] .hero-image { margin:2.5vw; min-height:540px; }
.preview-root[data-layout="ink"] .collection-section { order:25; }
.preview-root[data-layout="ink"] .journal-section { order:35; }
.preview-root[data-layout="ink"] .collection-grid { border-top:1px solid var(--line); }
.preview-root[data-layout="ink"] .collection-card { padding-top:18px; border-top:3px solid var(--accent); }

/* 传统文化 02：活动品牌型，海报式首屏加横向活动条目。 */
.preview-root[data-layout="crimson"] .site-hero { grid-template-columns:minmax(360px,.78fr) minmax(0,1.22fr); gap:0; padding:0; background:var(--surface); }
.preview-root[data-layout="crimson"] .hero-copy { padding:clamp(54px,7vw,110px); background:var(--accent); color:white; }
.preview-root[data-layout="crimson"] .hero-image { min-height:760px; }
.preview-root[data-layout="crimson"] .hero-actions a { border-color:rgba(255,255,255,.55); }
.preview-root[data-layout="crimson"] .project-section { order:22; }
.preview-root[data-layout="crimson"] .collection-section { order:32; }
.preview-root[data-layout="crimson"] .quote-section { order:42; }
.preview-root[data-layout="crimson"] .capability-section { order:52; }
.preview-root[data-layout="crimson"] .collection-grid { grid-template-columns:1fr; }
.preview-root[data-layout="crimson"] .collection-card { display:grid; grid-template-columns:240px minmax(0,1fr); align-items:center; gap:34px; border-bottom:1px solid var(--line); padding-bottom:24px; }
.preview-root[data-layout="crimson"] .card-art { width:240px; aspect-ratio:1.35; }
.preview-root[data-layout="crimson"] .card-copy { padding:0; }

/* 传统文化 03：课程路径型，先展示学习路径，再进入内容库。 */
.preview-root[data-layout="academy"] .site-hero { min-height:650px; grid-template-columns:minmax(0,1.3fr) minmax(330px,.7fr); background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px); background-size:64px 64px; }
.preview-root[data-layout="academy"] .hero-copy h1 { font-family:"Microsoft YaHei",sans-serif; font-weight:900; }
.preview-root[data-layout="academy"] .hero-image { min-height:480px; box-shadow:22px 22px 0 var(--accent); }
.preview-root[data-layout="academy"] .process-section { order:22; }
.preview-root[data-layout="academy"] .journal-section { order:32; }
.preview-root[data-layout="academy"] .collection-section { order:42; }
.preview-root[data-layout="academy"] .card-art { aspect-ratio:1.35; }
.preview-root[data-layout="academy"] .process-grid article { background:color-mix(in srgb,var(--surface) 64%,var(--paper)); }

/* 传统文化 04：沉浸展览型，展览先于知识说明。 */
.preview-root[data-layout="museum"] .site-nav { background:color-mix(in srgb,var(--paper) 94%,#000); }
.preview-root[data-layout="museum"] .site-hero,.preview-root[data-layout="active"] .site-hero,.preview-root[data-layout="buildcore"] .site-hero { position:relative; min-height:760px; display:flex; align-items:flex-end; color:white; }
.preview-root[data-layout="museum"] .hero-image,.preview-root[data-layout="active"] .hero-image,.preview-root[data-layout="buildcore"] .hero-image { position:absolute; inset:0; min-height:0; }
.preview-root[data-layout="museum"] .hero-image::before,.preview-root[data-layout="active"] .hero-image::before,.preview-root[data-layout="buildcore"] .hero-image::before { content:""; position:absolute; z-index:1; inset:0; background:linear-gradient(90deg,rgba(0,0,0,.76),rgba(0,0,0,.05)); }
.preview-root[data-layout="museum"] .hero-copy,.preview-root[data-layout="active"] .hero-copy,.preview-root[data-layout="buildcore"] .hero-copy { z-index:2; width:min(720px,78%); min-height:635px; justify-content:flex-end; padding-bottom:34px; }
.preview-root[data-layout="museum"] .project-section { order:21; }
.preview-root[data-layout="museum"] .collection-section { order:31; }
.preview-root[data-layout="museum"] .quote-section { order:41; }
.preview-root[data-layout="museum"] .journal-section { order:51; }
.preview-root[data-layout="museum"] .capability-section { order:61; }

/* 传统文化 05：生活杂志型，内容更新先于机构能力。 */
.preview-root[data-layout="seasons"] section { margin-inline:clamp(10px,2vw,30px); }
.preview-root[data-layout="seasons"] .hero-image,.preview-root[data-layout="seasons"] .card-art { border-radius:180px 180px 18px 18px; }
.preview-root[data-layout="seasons"] .journal-section { order:22; }
.preview-root[data-layout="seasons"] .collection-section { order:32; }
.preview-root[data-layout="seasons"] .quote-section { order:42; }
.preview-root[data-layout="seasons"] .project-section { order:52; }

/* 服装 01：极简型录型 */
.preview-root[data-layout="atelier"] .site-hero { min-height:720px; grid-template-columns:1fr 1fr; border-bottom:1px solid var(--line); }
.preview-root[data-layout="atelier"] .hero-copy h1 { font-family:Arial,Helvetica,sans-serif; font-weight:500; letter-spacing:-.07em; }
.preview-root[data-layout="atelier"] .collection-section { order:22; }
.preview-root[data-layout="atelier"] .capability-section { order:32; }
.preview-root[data-layout="atelier"] .project-section { order:42; }
.preview-root[data-layout="atelier"] .collection-card { border:1px solid var(--line); }
.preview-root[data-layout="atelier"] .card-copy { padding:20px; }

/* 服装 02：时尚编辑型，图片在左，故事和大片优先。 */
.preview-root[data-layout="moda"] .site-hero { grid-template-columns:1.15fr .85fr; padding:0; gap:0; }
.preview-root[data-layout="moda"] .hero-copy { order:2; padding:clamp(55px,7vw,110px); background:var(--surface); }
.preview-root[data-layout="moda"] .hero-image { order:1; min-height:780px; }
.preview-root[data-layout="moda"] .project-section { order:22; }
.preview-root[data-layout="moda"] .collection-section { order:32; }
.preview-root[data-layout="moda"] .quote-section { order:42; }
.preview-root[data-layout="moda"] .journal-section { order:52; }
.preview-root[data-layout="moda"] .collection-grid { grid-template-columns:1fr; }
.preview-root[data-layout="moda"] .collection-card { display:grid; grid-template-columns:minmax(280px,.72fr) minmax(0,1fr); align-items:center; gap:clamp(28px,6vw,90px); }
.preview-root[data-layout="moda"] .card-art { aspect-ratio:1.4; }

/* 服装 03：工厂能力型，生产能力和流程先于产品。 */
.preview-root[data-layout="knitlab"] .site-hero { min-height:auto; grid-template-columns:1fr; gap:0; padding:0; background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px); background-size:64px 64px; }
.preview-root[data-layout="knitlab"] .hero-image { order:1; min-height:540px; }
.preview-root[data-layout="knitlab"] .hero-copy { order:2; min-height:350px; padding:60px clamp(28px,7vw,110px); }
.preview-root[data-layout="knitlab"] .hero-copy h1 { max-width:1000px; font-size:clamp(44px,5vw,76px); }
.preview-root[data-layout="knitlab"] .capability-section { order:22; }
.preview-root[data-layout="knitlab"] .process-section { order:32; }
.preview-root[data-layout="knitlab"] .collection-section { order:42; }
.preview-root[data-layout="knitlab"] .card-art { aspect-ratio:1; }

/* 服装 04：性能产品型，沉浸首屏加产品和参数。 */
.preview-root[data-layout="active"] .hero-copy h1 { font-family:Impact,"Arial Black",sans-serif; text-transform:uppercase; }
.preview-root[data-layout="active"] .collection-section { order:22; }
.preview-root[data-layout="active"] .capability-section { order:32; }
.preview-root[data-layout="active"] .process-section { order:42; }
.preview-root[data-layout="active"] .card-art { aspect-ratio:1.25; }

/* 服装 05：品牌故事型，居中品牌宣言后进入精品系列。 */
.preview-root[data-layout="maison"] .site-hero { grid-template-columns:1fr; justify-items:center; padding:70px clamp(28px,7vw,110px); text-align:center; }
.preview-root[data-layout="maison"] .hero-copy { align-items:center; min-height:400px; }
.preview-root[data-layout="maison"] .hero-copy h1 { max-width:1050px; }
.preview-root[data-layout="maison"] .hero-image { width:min(1080px,100%); min-height:620px; }
.preview-root[data-layout="maison"] .hero-note { display:none; }
.preview-root[data-layout="maison"] .quote-section { order:22; }
.preview-root[data-layout="maison"] .collection-section { order:32; }
.preview-root[data-layout="maison"] .capability-section { order:42; }

/* 建材 01：产品规格型 */
.preview-root[data-layout="stonegrid"] .hero-image { margin:2.5vw; min-height:540px; }
.preview-root[data-layout="stonegrid"] .collection-section { order:22; }
.preview-root[data-layout="stonegrid"] .capability-section { order:32; }
.preview-root[data-layout="stonegrid"] .project-section { order:42; }
.preview-root[data-layout="stonegrid"] .collection-card { padding:18px; border:1px solid var(--line); }
.preview-root[data-layout="stonegrid"] .card-art { aspect-ratio:1; }

/* 建材 02：自然空间型 */
.preview-root[data-layout="timber"] section { margin-inline:clamp(10px,2vw,30px); }
.preview-root[data-layout="timber"] .hero-image,.preview-root[data-layout="timber"] .card-art { border-radius:180px 180px 18px 18px; }
.preview-root[data-layout="timber"] .quote-section { order:22; }
.preview-root[data-layout="timber"] .project-section { order:32; }
.preview-root[data-layout="timber"] .collection-section { order:42; }
.preview-root[data-layout="timber"] .capability-section { order:52; }

/* 建材 03：工程能力型 */
.preview-root[data-layout="buildcore"] .hero-copy h1 { font-family:Impact,"Arial Black",sans-serif; text-transform:uppercase; }
.preview-root[data-layout="buildcore"] .capability-section { order:22; }
.preview-root[data-layout="buildcore"] .process-section { order:32; }
.preview-root[data-layout="buildcore"] .collection-section { order:42; }
.preview-root[data-layout="buildcore"] .card-art { aspect-ratio:1.25; }

/* 建材 04：项目案例型 */
.preview-root[data-layout="archsurface"] .site-hero { grid-template-columns:1.15fr .85fr; }
.preview-root[data-layout="archsurface"] .hero-copy { order:2; }
.preview-root[data-layout="archsurface"] .hero-image { order:1; }
.preview-root[data-layout="archsurface"] .project-section { order:22; }
.preview-root[data-layout="archsurface"] .collection-section { order:32; }
.preview-root[data-layout="archsurface"] .capability-section { order:42; }
.preview-root[data-layout="archsurface"] .collection-grid { grid-template-columns:1fr; }
.preview-root[data-layout="archsurface"] .collection-card { display:grid; grid-template-columns:minmax(280px,.7fr) minmax(0,1fr); align-items:center; gap:clamp(28px,6vw,90px); }
.preview-root[data-layout="archsurface"] .card-art { aspect-ratio:1.4; }

/* 建材 05：高端展厅型，背景大图配独立信息面板。 */
.preview-root[data-layout="luxpanel"] .site-nav { background:color-mix(in srgb,var(--paper) 94%,#000); }
.preview-root[data-layout="luxpanel"] .site-hero { position:relative; min-height:800px; display:flex; align-items:center; padding:clamp(30px,6vw,90px); }
.preview-root[data-layout="luxpanel"] .hero-image { position:absolute; inset:0; min-height:0; }
.preview-root[data-layout="luxpanel"] .hero-image::before { content:""; position:absolute; inset:0; background:linear-gradient(90deg,rgba(0,0,0,.7),rgba(0,0,0,.08)); }
.preview-root[data-layout="luxpanel"] .hero-copy { z-index:2; width:min(600px,52%); min-height:560px; padding:clamp(40px,5vw,72px); color:var(--ink); background:color-mix(in srgb,var(--paper) 94%,transparent); backdrop-filter:blur(12px); }
.preview-root[data-layout="luxpanel"] .collection-section { order:22; }
.preview-root[data-layout="luxpanel"] .project-section { order:32; }
.preview-root[data-layout="luxpanel"] .quote-section { order:42; }
.preview-root[data-layout="luxpanel"] .capability-section { order:52; }

/* 建材 06：全屋定制目录型，复现紧凑品牌栏、深色介绍区和连续产品画册的节奏。 */
.preview-root[data-layout="wholehouse"] { color:#2d1b17; background:#f7f3ec; }
.preview-root[data-layout="wholehouse"] .wh-utility { min-height:38px; display:flex; align-items:center; justify-content:space-between; gap:24px; padding:7px clamp(24px,7vw,112px); color:#2c1714; background:#bc8e81; font:10px/1.4 Georgia,"Times New Roman",serif; }
.preview-root[data-layout="wholehouse"] .wh-utility>div { display:flex; align-items:center; gap:18px; }
.preview-root[data-layout="wholehouse"] .wh-utility a { padding:7px 14px; color:#fff; background:#7b1819; font:bold 9px/1 Inter,sans-serif; letter-spacing:.08em; }
.preview-root[data-layout="wholehouse"] .wh-nav { min-height:82px; display:grid; grid-template-columns:230px 1fr 120px; align-items:center; gap:30px; padding:0 clamp(24px,6vw,96px); border-bottom:1px solid #d6cbc3; background:#fff; }
.preview-root[data-layout="wholehouse"] .wh-brand { color:#8e251f; font:700 25px/1 Georgia,"Times New Roman",serif; letter-spacing:.08em; }
.preview-root[data-layout="wholehouse"] .wh-nav nav { display:flex; justify-content:center; gap:clamp(18px,2.4vw,38px); }
.preview-root[data-layout="wholehouse"] .wh-nav nav a { color:#2d1b17; font:700 11px/1.4 Georgia,"Songti SC",serif; letter-spacing:.04em; }
.preview-root[data-layout="wholehouse"] .wh-language { justify-self:end; padding:10px 13px; color:#fff; background:#4a211b; font-size:10px; font-weight:800; }
.preview-root[data-layout="wholehouse"] .wholehouse-home { display:block; background:#efe0db; }
.preview-root[data-layout="wholehouse"] .wh-intro { padding:34px 24px 38px; text-align:center; background:#fff; }
.preview-root[data-layout="wholehouse"] .wh-intro h1 { margin:0; font:700 clamp(30px,3vw,48px)/1.12 Georgia,"Songti SC",serif; letter-spacing:-.02em; }
.preview-root[data-layout="wholehouse"] .wh-intro p { max-width:900px; margin:9px auto 0; color:#7b6760; font-size:12px; line-height:1.7; }
.preview-root[data-layout="wholehouse"] .wh-about { display:grid; grid-template-columns:minmax(180px,.48fr) minmax(320px,1fr) minmax(360px,1.15fr); align-items:center; gap:clamp(28px,4vw,64px); padding:clamp(48px,6vw,92px) clamp(28px,7vw,112px); color:#fff6ed; background-color:#4a1112; background-image:repeating-linear-gradient(135deg,rgba(255,255,255,.018) 0 1px,transparent 1px 30px); }
.preview-root[data-layout="wholehouse"] .wh-about aside { overflow:hidden; border-radius:0 30px 30px 0; color:#fff; background:#b68176; }
.preview-root[data-layout="wholehouse"] .wh-about aside h2 { margin:0; padding:20px 22px; border-bottom:1px solid rgba(255,255,255,.35); font:700 18px Georgia,"Songti SC",serif; }
.preview-root[data-layout="wholehouse"] .wh-about aside a { display:grid; grid-template-columns:30px 1fr; align-items:center; min-height:56px; gap:8px; padding:10px 18px; border-bottom:1px solid rgba(255,255,255,.27); font-size:10px; line-height:1.4; }
.preview-root[data-layout="wholehouse"] .wh-about aside a:last-child { border-bottom:0; }
.preview-root[data-layout="wholehouse"] .wh-about aside span { width:24px; height:24px; display:grid; place-items:center; border-radius:50%; color:#73463f; background:#fff; font-size:8px; font-weight:900; }
.preview-root[data-layout="wholehouse"] .wh-about-copy>span { color:#c79b55; font-size:9px; font-weight:900; letter-spacing:.16em; }
.preview-root[data-layout="wholehouse"] .wh-about-copy h2 { margin:10px 0 14px; font:700 clamp(26px,2.6vw,42px)/1.16 Georgia,"Songti SC",serif; }
.preview-root[data-layout="wholehouse"] .wh-about-copy i,.preview-root[data-layout="wholehouse"] .wh-request i,.preview-root[data-layout="wholehouse"] .wh-contact>i { width:54px; height:2px; display:block; margin:18px 0; background:#c79b55; }
.preview-root[data-layout="wholehouse"] .wh-about-copy p { margin:12px 0; color:#eadbd3; font-size:12px; line-height:1.85; }
.preview-root[data-layout="wholehouse"] .wh-about-gallery { display:grid; grid-template-columns:repeat(3,1fr); gap:14px; }
.preview-root[data-layout="wholehouse"] .wh-about-gallery>div { min-height:265px; background-position:center; background-size:cover; box-shadow:inset 0 0 0 1px rgba(199,155,85,.75); }
.preview-root[data-layout="wholehouse"] .wh-style-section { margin:0 clamp(24px,7vw,112px); background:#f8f1ed; box-shadow:0 8px 25px rgba(65,31,24,.08); }
.preview-root[data-layout="wholehouse"] .wh-style-tabs { display:grid; grid-template-columns:repeat(4,1fr); border-bottom:1px solid #c9b7ae; }
.preview-root[data-layout="wholehouse"] .wh-style-tabs span { padding:15px 8px; border-right:1px solid #c9b7ae; text-align:center; font:700 12px Georgia,"Songti SC",serif; }
.preview-root[data-layout="wholehouse"] .wh-style-tabs span:last-child { border-right:0; }
.preview-root[data-layout="wholehouse"] .wh-style-grid { display:grid; grid-template-columns:repeat(4,1fr); }
.preview-root[data-layout="wholehouse"] .wh-style-grid article { padding:18px 12px 13px; border-right:1px solid #c9b7ae; }
.preview-root[data-layout="wholehouse"] .wh-style-grid article:last-child { border-right:0; }
.preview-root[data-layout="wholehouse"] .wh-style-grid header { display:flex; align-items:baseline; gap:9px; padding:0 8px 13px; }
.preview-root[data-layout="wholehouse"] .wh-style-grid header strong { color:#a66f63; font:700 30px Georgia,serif; border-bottom:2px solid currentColor; }
.preview-root[data-layout="wholehouse"] .wh-style-grid header span { font:15px Georgia,"Songti SC",serif; }
.preview-root[data-layout="wholehouse"] .wh-style-grid article>div:not(.wh-card-footer) { aspect-ratio:.83; background-position:center; background-size:cover; box-shadow:inset 0 0 0 5px #fff,inset 0 0 0 6px #bfa49b; }
.preview-root[data-layout="wholehouse"] .wh-card-footer { display:flex; justify-content:space-between; padding:10px 5px 0; font-size:9px; }
.preview-root[data-layout="wholehouse"] .wh-card-footer span { color:#8d756d; }
.preview-root[data-layout="wholehouse"] #projects { padding:12px 0 2px; }
.preview-root[data-layout="wholehouse"] .wh-category { margin:12px 0; padding:0 clamp(24px,7vw,112px) 30px; background:#d8b9b0; }
.preview-root[data-layout="wholehouse"] .wh-category-title { display:grid; grid-template-columns:1fr auto 1fr; align-items:center; gap:18px; padding:15px 0 13px; }
.preview-root[data-layout="wholehouse"] .wh-category-title span { height:1px; background:rgba(75,35,29,.35); }
.preview-root[data-layout="wholehouse"] .wh-category-title h2 { margin:0; font:700 16px Georgia,"Songti SC",serif; letter-spacing:.03em; }
.preview-root[data-layout="wholehouse"] .wh-scene-grid { display:grid; gap:14px; }
.preview-root[data-layout="wholehouse"] .wh-count-4 { grid-template-columns:repeat(4,1fr); }
.preview-root[data-layout="wholehouse"] .wh-count-3 { grid-template-columns:repeat(3,1fr); }
.preview-root[data-layout="wholehouse"] .wh-count-2 { grid-template-columns:repeat(2,1fr); }
.preview-root[data-layout="wholehouse"] .wh-scene-card { min-height:230px; position:relative; display:flex; align-items:flex-end; justify-content:space-between; padding:13px; color:#fff; background-position:center; background-size:cover; box-shadow:inset 0 0 0 5px #f7efeb,inset 0 0 0 6px #b99287; }
.preview-root[data-layout="wholehouse"] .wh-scene-card::after { content:""; position:absolute; inset:45% 6px 6px; background:linear-gradient(transparent,rgba(30,9,8,.62)); }
.preview-root[data-layout="wholehouse"] .wh-scene-card span,.preview-root[data-layout="wholehouse"] .wh-scene-card b { z-index:1; font-size:9px; }
.preview-root[data-layout="wholehouse"] .wh-category>a { display:block; width:max-content; margin:18px 0 0 auto; padding-bottom:4px; border-bottom:1px solid currentColor; font-size:9px; font-weight:800; letter-spacing:.1em; }
.preview-root[data-layout="wholehouse"] .wh-request { padding:clamp(74px,8vw,120px) 24px; text-align:center; background:#f8f5f0; }
.preview-root[data-layout="wholehouse"] .wh-request>span { color:#9b6e3a; font-size:9px; font-weight:900; letter-spacing:.18em; }
.preview-root[data-layout="wholehouse"] .wh-request h2,.preview-root[data-layout="wholehouse"] .wh-contact h2 { margin:10px 0 0; font:500 clamp(32px,3.2vw,50px) Georgia,"Songti SC",serif; }
.preview-root[data-layout="wholehouse"] .wh-request>i,.preview-root[data-layout="wholehouse"] .wh-contact>i { margin:20px auto; }
.preview-root[data-layout="wholehouse"] .wh-request>p { max-width:680px; margin:0 auto 42px; color:#7b6b64; font-size:12px; line-height:1.8; }
.preview-root[data-layout="wholehouse"] .wh-request form { width:min(900px,100%); display:grid; gap:14px; margin:auto; padding:42px; text-align:left; background:#fff; box-shadow:0 18px 50px rgba(63,35,27,.12); }
.preview-root[data-layout="wholehouse"] .wh-request form>div { display:grid; grid-template-columns:1fr 1fr; gap:18px; }
.preview-root[data-layout="wholehouse"] .wh-request label { display:grid; gap:8px; color:#5f4e48; font-size:9px; font-weight:900; letter-spacing:.08em; }
.preview-root[data-layout="wholehouse"] .wh-request input,.preview-root[data-layout="wholehouse"] .wh-request select,.preview-root[data-layout="wholehouse"] .wh-request textarea { width:100%; padding:13px; border:1px solid #eee7e2; color:#382824; background:#f8f5f2; font:12px Inter,sans-serif; }
.preview-root[data-layout="wholehouse"] .wh-request button { padding:15px; border:0; color:#fff; background:#81191a; font-size:10px; font-weight:900; letter-spacing:.12em; box-shadow:0 8px 18px rgba(105,18,20,.22); }
.preview-root[data-layout="wholehouse"] .wh-request small { text-align:center; color:#94837c; font-size:9px; }
.preview-root[data-layout="wholehouse"] .wh-contact { padding:80px 24px 90px; text-align:center; background:#f8f5f0; }
.preview-root[data-layout="wholehouse"] .wh-contact>div { width:min(960px,100%); display:grid; grid-template-columns:repeat(3,1fr); gap:40px; margin:44px auto 0; }
.preview-root[data-layout="wholehouse"] .wh-contact article { display:grid; gap:8px; justify-items:center; }
.preview-root[data-layout="wholehouse"] .wh-contact article b { color:#a22b2d; }
.preview-root[data-layout="wholehouse"] .wh-contact article strong { font:700 15px Georgia,"Songti SC",serif; }
.preview-root[data-layout="wholehouse"] .wh-contact article span { color:#88756e; font-size:11px; }
.preview-root[data-layout="wholehouse"] .wh-footer { grid-template-columns:1.8fr repeat(3,1fr); color:#efe3d8; background:#35100f; }

/* 建材 07：工艺叙事型，深色木作画册与窄栏文字形成手工品牌感。 */
.preview-root[data-layout="craftfolio"] .announcement,.preview-root[data-layout="craftfolio"] .site-nav { color:var(--ink); background:var(--paper); }
.preview-root[data-layout="craftfolio"] .site-hero { min-height:760px; grid-template-columns:.74fr 1.26fr; gap:0; padding:clamp(28px,4vw,62px); background:var(--paper); }
.preview-root[data-layout="craftfolio"] .hero-copy { padding:clamp(36px,5vw,78px); border:1px solid color-mix(in srgb,var(--accent) 45%,transparent); border-right:0; }
.preview-root[data-layout="craftfolio"] .hero-copy h1 { font-family:Georgia,"Times New Roman",serif; font-weight:400; letter-spacing:-.035em; }
.preview-root[data-layout="craftfolio"] .hero-image { min-height:680px; box-shadow:inset 0 0 0 12px color-mix(in srgb,var(--paper) 78%,transparent); }
.preview-root[data-layout="craftfolio"] .signal-strip { border-color:color-mix(in srgb,var(--accent) 30%,transparent); background:var(--paper); }
.preview-root[data-layout="craftfolio"] .capability-section { order:22; grid-template-columns:.9fr 1.1fr; }
.preview-root[data-layout="craftfolio"] .capability-copy { padding:clamp(70px,9vw,150px); }
.preview-root[data-layout="craftfolio"] .collection-section { order:32; background:color-mix(in srgb,var(--surface) 88%,#000); }
.preview-root[data-layout="craftfolio"] .collection-card { border-top:1px solid color-mix(in srgb,var(--accent) 38%,transparent); }
.preview-root[data-layout="craftfolio"] .project-section { order:42; }
.preview-root[data-layout="craftfolio"] .project-grid { grid-template-columns:1fr; gap:58px; }
.preview-root[data-layout="craftfolio"] .project-grid article { grid-template-columns:minmax(320px,1.1fr) minmax(260px,.9fr); gap:clamp(34px,6vw,100px); align-items:center; }
.preview-root[data-layout="craftfolio"] .project-art { aspect-ratio:1.5; }

/* 建材 08：项目画册型，左侧整幅案例图与右侧项目说明形成建筑作品集。 */
.preview-root[data-layout="projectbook"] .site-hero { min-height:820px; grid-template-columns:1.12fr .88fr; gap:0; padding:0; }
.preview-root[data-layout="projectbook"] .hero-image { order:1; min-height:820px; }
.preview-root[data-layout="projectbook"] .hero-copy { order:2; padding:clamp(48px,6vw,92px); border-left:1px solid var(--line); }
.preview-root[data-layout="projectbook"] .hero-copy h1 { max-width:720px; overflow-wrap:normal; word-break:normal; hyphens:none; font-family:Inter,"PingFang SC",sans-serif; font-size:clamp(44px,4.2vw,70px); line-height:1.02; }
.preview-root[data-layout="projectbook"] .project-section { order:22; color:var(--ink); background:var(--paper); }
.preview-root[data-layout="projectbook"] .project-section .section-head.light { color:var(--ink); }
.preview-root[data-layout="projectbook"] .project-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
.preview-root[data-layout="projectbook"] .project-grid article { display:block; }
.preview-root[data-layout="projectbook"] .project-art { aspect-ratio:1.42; }
.preview-root[data-layout="projectbook"] .collection-section { order:32; }
.preview-root[data-layout="projectbook"] .collection-grid { grid-template-columns:1fr; }
.preview-root[data-layout="projectbook"] .collection-card { display:grid; grid-template-columns:minmax(340px,.9fr) minmax(0,1.1fr); gap:clamp(36px,7vw,110px); align-items:center; border-top:1px solid var(--line); padding-top:28px; }
.preview-root[data-layout="projectbook"] .card-art { aspect-ratio:1.45; }
.preview-root[data-layout="projectbook"] .capability-section { order:42; }

.preview-error { min-height:70vh; display:grid; place-content:center; justify-items:center; }
@media(max-width:900px){
  .preview-root[data-layout="wholehouse"] .wh-nav { grid-template-columns:1fr auto; }
  .preview-root[data-layout="wholehouse"] .wh-nav nav { display:none; }
  .preview-root[data-layout="wholehouse"] .wh-about { grid-template-columns:1fr 1.4fr; }
  .preview-root[data-layout="wholehouse"] .wh-about-gallery { grid-column:1/-1; }
  .preview-root[data-layout="wholehouse"] .wh-about-gallery>div { min-height:310px; }
  .preview-root[data-layout="wholehouse"] .wh-style-grid { grid-template-columns:repeat(2,1fr); }
  .preview-root[data-layout="wholehouse"] .wh-style-grid article:nth-child(2) { border-right:0; }
  .preview-root[data-layout="wholehouse"] .wh-style-grid article:nth-child(-n+2) { border-bottom:1px solid #c9b7ae; }
  .preview-root[data-layout="wholehouse"] .wh-count-4,.preview-root[data-layout="wholehouse"] .wh-count-3 { grid-template-columns:repeat(2,1fr); }
  .preview-root[data-layout="wholehouse"] .wh-footer { grid-template-columns:1.5fr 1fr 1fr; }
  .preview-root[data-layout="wholehouse"] .wh-footer>div:nth-child(4) { display:none; }
  .showroom-bar { grid-template-columns:1fr auto; }
  .showroom-bar>div { display:none; }
  .site-nav { grid-template-columns:1fr auto; }
  .site-nav nav { display:none; }
  .site-hero,.capability-section,.faq-section,.contact-section { grid-template-columns:1fr; }
  .hero-copy { order:1!important; padding:60px 0 20px; }
  .hero-image { order:2!important; min-height:540px; margin:0!important; }
  .preview-root[data-layout="museum"] .site-hero,.preview-root[data-layout="active"] .site-hero,.preview-root[data-layout="buildcore"] .site-hero,.preview-root[data-layout="luxpanel"] .site-hero,.preview-root[data-layout="projectbook"] .site-hero { min-height:760px; }
  .preview-root[data-layout="museum"] .hero-copy,.preview-root[data-layout="active"] .hero-copy,.preview-root[data-layout="buildcore"] .hero-copy { width:100%; min-height:640px; }
  .preview-root[data-layout="luxpanel"] .hero-copy { width:100%; min-height:560px; }
  .preview-root[data-layout="luxpanel"] .hero-image { position:absolute; min-height:0; }
  .signal-strip,.process-grid { grid-template-columns:repeat(2,1fr); }
  .collection-grid,.journal-grid { grid-template-columns:1fr; }
  .collection-card,.preview-root[data-layout="moda"] .collection-card:nth-child(2),.preview-root[data-layout="active"] .collection-card,.preview-root[data-layout="buildcore"] .collection-card { transform:none; }
  .preview-root[data-layout="crimson"] .collection-card,.preview-root[data-layout="moda"] .collection-card,.preview-root[data-layout="archsurface"] .collection-card,.preview-root[data-layout="projectbook"] .collection-card { display:block; }
  .preview-root[data-layout="wholehouse"] .collection-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .preview-root[data-layout="craftfolio"] .project-grid article { display:block; }
  .preview-root[data-layout="crimson"] .card-art { width:100%; aspect-ratio:1.35; }
  .card-art { aspect-ratio:1.35; }
  .capability-image { min-height:520px; margin:24px; }
  .project-grid { grid-template-columns:1fr; }
  .project-grid article:nth-child(2) { padding-top:0; }
  .journal-grid article+article { padding-left:0; border-left:0; }
  footer { grid-template-columns:1fr 1fr; }
  .footer-brand { grid-column:1/-1; }
}

/* 服装母版 06：NOIR 独立时装画册。独立结构，不复用通用长页骨架。 */
.preview-root[data-layout="noir-editorial"] { --noir:#161514; --noir-paper:#f3f0ea; --noir-stone:#d8d1c8; --noir-wine:#741d2a; color:var(--noir); background:var(--noir-paper); font-family:"PingFang SC","Microsoft YaHei",Arial,sans-serif; }
.preview-root[data-layout="noir-editorial"] .noir-home { display:block; }
.noir-ticker { min-height:34px; display:grid; grid-template-columns:1fr auto 1fr; align-items:center; padding:0 clamp(22px,3.5vw,58px); color:#f7f3ec; background:var(--noir); font-size:9px; letter-spacing:.17em; }
.noir-ticker span:nth-child(2) { color:#aaa39a; }
.noir-ticker a { justify-self:end; }
.noir-nav { height:92px; display:grid; grid-template-columns:1fr auto 1fr; align-items:center; padding:0 clamp(22px,4.5vw,74px); border-bottom:1px solid rgba(22,21,20,.18); background:var(--noir-paper); }
.noir-logo { font:700 22px/1 Georgia,"Times New Roman",serif; letter-spacing:.08em; }
.noir-logo span { display:block; margin-top:3px; color:var(--noir-wine); font:700 8px/1 Arial,sans-serif; letter-spacing:.32em; }
.noir-nav nav { display:flex; gap:clamp(24px,3vw,48px); font-size:11px; letter-spacing:.08em; }
.noir-nav nav a { position:relative; padding:10px 0; }
.noir-nav nav a::after { content:""; position:absolute; right:0; bottom:3px; left:0; height:1px; background:var(--noir-wine); transform:scaleX(0); transform-origin:left; transition:.25s; }
.noir-nav nav a:hover::after { transform:scaleX(1); }
.noir-menu { justify-self:end; display:flex; align-items:center; gap:14px; font-size:10px; letter-spacing:.12em; }
.noir-menu b { width:34px; height:34px; display:grid; place-items:center; border:1px solid var(--noir); border-radius:50%; font-size:12px; }
.noir-hero { min-height:calc(100vh - 184px); position:relative; display:grid; grid-template-columns:minmax(0,1.42fr) minmax(380px,.58fr); overflow:hidden; color:#f7f3ec; background:var(--noir); }
.noir-hero-image { min-height:740px; background-size:cover; background-repeat:no-repeat; filter:saturate(.72) contrast(1.02); }
.noir-hero-image::after { content:""; position:absolute; inset:0 29% 0 0; background:linear-gradient(90deg,rgba(15,14,13,.1),transparent 55%); pointer-events:none; }
.noir-hero-copy { position:relative; z-index:2; display:flex; flex-direction:column; justify-content:center; align-items:flex-start; padding:clamp(54px,7vw,110px) clamp(32px,6vw,96px); border-left:1px solid rgba(255,255,255,.18); }
.noir-hero-copy>span,.noir-manifesto span,.noir-collection header span,.noir-look-copy>span,.noir-material-copy>span,.noir-atelier-copy>span,.noir-quote>span,.noir-contact>div>span { color:#a9a097; font-size:9px; font-weight:700; letter-spacing:.22em; text-transform:uppercase; }
.noir-hero-copy h1 { margin:36px 0 42px; font:500 clamp(72px,8.5vw,142px)/.73 Georgia,"Times New Roman",serif; letter-spacing:-.07em; }
.noir-hero-copy h1 i { margin-left:-.05em; color:var(--noir-wine); font-weight:400; }
.noir-hero-copy p { max-width:390px; margin:0; font:500 clamp(22px,2.1vw,34px)/1.55 Georgia,"Songti SC",serif; }
.noir-hero-copy>a { width:100%; display:flex; justify-content:space-between; margin-top:auto; padding:17px 0 9px; border-bottom:1px solid rgba(255,255,255,.5); font-size:11px; letter-spacing:.08em; }
.noir-hero-side { position:absolute; z-index:3; bottom:28px; left:22px; display:flex; gap:26px; color:#eee8df; font-size:8px; letter-spacing:.2em; writing-mode:vertical-rl; transform:rotate(180deg); }
.noir-manifesto { min-height:610px; display:grid; grid-template-columns:.72fr 1.28fr; gap:clamp(50px,10vw,170px); padding:clamp(90px,11vw,170px) clamp(28px,7vw,112px); border-bottom:1px solid rgba(22,21,20,.2); }
.noir-manifesto>div:first-child { display:flex; flex-direction:column; justify-content:space-between; border-top:1px solid var(--noir); padding-top:17px; }
.noir-manifesto>div:first-child b { font:500 clamp(32px,4vw,60px)/1.18 Georgia,"Songti SC",serif; }
.noir-manifesto h2 { max-width:900px; margin:0; text-wrap:balance; font:500 clamp(46px,5vw,78px)/1.17 Georgia,"Songti SC",serif; letter-spacing:-.045em; }
.noir-manifesto p { max-width:620px; margin:44px 0 24px; color:#625d57; font-size:14px; line-height:2; }
.noir-manifesto a { display:inline-block; padding-bottom:7px; border-bottom:1px solid currentColor; color:var(--noir-wine); font-size:11px; }
.noir-collection { padding:clamp(90px,10vw,156px) clamp(28px,5vw,80px); }
.noir-collection>header { display:grid; grid-template-columns:1.25fr .55fr; align-items:end; gap:clamp(42px,10vw,170px); margin-bottom:76px; }
.noir-collection h2,.noir-look-copy h2,.noir-material-copy h2,.noir-atelier-copy h2,.noir-contact h2 { margin:18px 0 0; text-wrap:balance; font:500 clamp(42px,5vw,76px)/1.08 Georgia,"Songti SC",serif; letter-spacing:-.045em; }
.noir-collection header p { margin:0; color:#665f59; font-size:13px; line-height:1.95; }
.noir-chapters { display:grid; grid-template-columns:1.08fr .84fr .84fr; align-items:start; gap:clamp(18px,2.5vw,40px); }
.noir-chapters article:nth-child(2) { padding-top:110px; }
.noir-chapters article:nth-child(3) { padding-top:42px; }
.noir-chapter-image { aspect-ratio:.77; position:relative; overflow:hidden; background-size:cover; background-repeat:no-repeat; filter:saturate(.7); }
.noir-chapters article:nth-child(2) .noir-chapter-image { aspect-ratio:.88; }
.noir-chapters article:nth-child(3) .noir-chapter-image { aspect-ratio:.72; }
.noir-chapter-image span { position:absolute; top:15px; left:15px; width:37px; height:37px; display:grid; place-items:center; border:1px solid rgba(255,255,255,.72); border-radius:50%; color:white; font-size:9px; }
.noir-chapters article>div:last-child { display:grid; grid-template-columns:1fr auto; gap:7px 18px; padding:18px 0; border-bottom:1px solid var(--noir); }
.noir-chapters h3 { margin:0; font:600 19px Georgia,serif; letter-spacing:.04em; }
.noir-chapters p { grid-row:2; margin:0; color:#6c655e; font-size:11px; }
.noir-chapters a { grid-row:1/3; grid-column:2; align-self:center; font-size:10px; }
.noir-lookbook { min-height:970px; display:grid; grid-template-columns:1.08fr .92fr; grid-template-rows:auto auto; color:#f5f0e8; background:var(--noir); }
.noir-look-main { grid-row:1/3; min-height:970px; position:relative; background-size:cover; background-repeat:no-repeat; filter:saturate(.68); }
.noir-look-main span,.noir-look-detail span { position:absolute; right:17px; bottom:17px; color:white; font-size:8px; letter-spacing:.18em; }
.noir-look-copy { display:flex; flex-direction:column; justify-content:center; align-items:flex-start; padding:clamp(56px,7vw,110px); }
.noir-look-copy h2 { font-size:clamp(40px,4vw,66px); }
.noir-look-copy p { max-width:540px; margin:32px 0; color:#aaa39a; line-height:2; }
.noir-look-copy a { padding-bottom:8px; border-bottom:1px solid currentColor; color:#d7cfc5; font-size:11px; letter-spacing:.07em; }
.noir-look-detail { min-height:350px; position:relative; margin:0 clamp(42px,7vw,110px) clamp(42px,6vw,90px); background-size:cover; background-repeat:no-repeat; filter:saturate(.55); }
.noir-material { display:grid; grid-template-columns:.88fr 1.12fr; min-height:820px; background:#d7d0c7; }
.noir-material-copy { display:flex; flex-direction:column; justify-content:center; padding:clamp(58px,8vw,128px); }
.noir-material-copy h2 { max-width:560px; }
.noir-material-copy>p { max-width:590px; margin:34px 0 45px; color:#5e5751; line-height:2; }
.noir-material dl { margin:0; border-top:1px solid rgba(22,21,20,.35); }
.noir-material dl>div { display:grid; grid-template-columns:42px 1fr; gap:15px; padding:18px 0; border-bottom:1px solid rgba(22,21,20,.25); }
.noir-material dt { color:var(--noir-wine); font:600 11px Georgia,serif; }
.noir-material dd { display:flex; justify-content:space-between; gap:25px; margin:0; }
.noir-material dd b { font:600 13px Georgia,serif; letter-spacing:.12em; }
.noir-material dd span { color:#6d655f; font-size:11px; }
.noir-material-image { min-height:820px; background-size:cover; background-position:center; filter:saturate(.62); }
.noir-atelier { display:grid; grid-template-columns:1.18fr .82fr; min-height:880px; background:var(--noir-paper); }
.noir-atelier-image { min-height:880px; background-size:cover; filter:saturate(.62); }
.noir-atelier-copy { display:flex; flex-direction:column; justify-content:center; padding:clamp(60px,7vw,112px); }
.noir-atelier-copy>p { margin:34px 0; color:#635d57; line-height:2; }
.noir-atelier-copy>div { display:grid; grid-template-columns:repeat(3,1fr); margin:20px 0 44px; border-block:1px solid rgba(22,21,20,.28); }
.noir-atelier-copy>div span { display:flex; flex-direction:column; gap:8px; padding:22px 12px 22px 0; color:#6a635d; font-size:9px; }
.noir-atelier-copy>div span+span { padding-left:18px; border-left:1px solid rgba(22,21,20,.22); }
.noir-atelier-copy>div b { color:var(--noir); font:500 28px Georgia,serif; }
.noir-atelier-copy>a { align-self:flex-start; padding-bottom:7px; border-bottom:1px solid currentColor; color:var(--noir-wine); font-size:11px; }
.noir-quote { min-height:660px; display:grid; place-content:center; justify-items:center; padding:80px 24px; color:#f3eee7; background:var(--noir-wine); text-align:center; }
.noir-quote>span { color:#d4bfc0; }
.noir-quote blockquote { margin:48px 0 35px; text-wrap:balance; font:500 clamp(48px,6vw,94px)/1.18 Georgia,"Songti SC",serif; letter-spacing:-.04em; }
.noir-quote p { color:#d4bfc0; font-size:10px; letter-spacing:.14em; }
.noir-contact { display:grid; grid-template-columns:1fr .86fr; gap:clamp(55px,10vw,170px); padding:clamp(90px,10vw,155px) clamp(28px,7vw,112px); color:#f4efe8; background:var(--noir); }
.noir-contact h2 { max-width:740px; }
.noir-contact>div>p { max-width:580px; margin:32px 0 52px; color:#aaa39a; line-height:1.95; }
.noir-contact>div>div { display:flex; flex-wrap:wrap; gap:14px 28px; color:#d6cec4; font-size:11px; }
.noir-contact form { display:grid; gap:18px; padding:36px; color:var(--noir); background:var(--noir-paper); }
.noir-contact form>div { display:grid; grid-template-columns:1fr 1fr; gap:18px; }
.noir-contact label { display:grid; gap:8px; font-size:9px; font-weight:700; letter-spacing:.12em; }
.noir-contact input,.noir-contact textarea,.noir-contact select { width:100%; padding:13px 0; border:0; border-bottom:1px solid rgba(22,21,20,.28); border-radius:0; color:var(--noir); background:transparent; outline:0; font:12px inherit; }
.noir-contact textarea { resize:vertical; }
.noir-contact button { display:flex; justify-content:space-between; margin-top:7px; padding:16px 18px; border:0; color:white; background:var(--noir-wine); font-weight:700; cursor:pointer; }
.noir-contact small { color:#777068; font-size:8px; }
.noir-footer { display:grid; grid-template-columns:1fr 1.5fr auto; align-items:start; gap:55px; padding:65px clamp(28px,5vw,80px) 26px; color:var(--noir); background:var(--noir-paper); border-top:1px solid rgba(22,21,20,.22); }
.noir-footer>p { max-width:520px; margin:0; color:#6b645d; font-size:11px; line-height:1.8; }
.noir-footer nav { display:flex; gap:22px; font-size:10px; }
.noir-footer>div { grid-column:1/-1; width:100%; display:grid; grid-template-columns:1fr auto 1fr; padding-top:26px; border-top:1px solid rgba(22,21,20,.2); color:#777068; font-size:8px; letter-spacing:.13em; }
.noir-footer>div span:last-child { justify-self:end; }

@media(max-width:980px) {
  .noir-hero { grid-template-columns:1.15fr .85fr; }
  .noir-hero-copy { padding-inline:40px; }
  .noir-hero-copy h1 { font-size:clamp(68px,10vw,100px); }
  .noir-collection>header { grid-template-columns:1fr .7fr; }
  .noir-lookbook { min-height:800px; }
  .noir-look-main { min-height:800px; }
  .noir-material-copy,.noir-atelier-copy { padding:65px 45px; }
}

@media(max-width:700px) {
  .noir-ticker { grid-template-columns:1fr auto; min-height:31px; padding:0 16px; }
  .noir-ticker span:nth-child(2) { display:none; }
  .noir-nav { height:70px; grid-template-columns:1fr auto; padding:0 18px; }
  .noir-nav nav { display:none; }
  .noir-menu span { display:none; }
  .noir-menu b { width:32px; height:32px; }
  .noir-hero { min-height:auto; display:grid; grid-template-columns:1fr; grid-template-rows:67vh auto; }
  .noir-hero-image { min-height:0; background-position:58% center!important; }
  .noir-hero-image::after { inset:0; background:linear-gradient(180deg,transparent 55%,rgba(22,21,20,.32)); }
  .noir-hero-copy { min-height:520px; padding:54px 22px 34px; border:0; }
  .noir-hero-copy h1 { margin:30px 0 36px; font-size:clamp(68px,23vw,105px); }
  .noir-hero-copy p { font-size:24px; }
  .noir-hero-copy>a { margin-top:72px; }
  .noir-hero-side { display:none; }
  .noir-manifesto { min-height:auto; grid-template-columns:1fr; gap:70px; padding:86px 22px; }
  .noir-manifesto>div:first-child { min-height:200px; }
  .noir-manifesto h2 { font-size:43px; }
  .noir-collection { padding:86px 20px; }
  .noir-collection>header { grid-template-columns:1fr; gap:30px; margin-bottom:50px; }
  .noir-collection h2,.noir-look-copy h2,.noir-material-copy h2,.noir-atelier-copy h2,.noir-contact h2 { font-size:42px; }
  .noir-chapters { display:block; }
  .noir-chapters article,.noir-chapters article:nth-child(2),.noir-chapters article:nth-child(3) { padding:0 0 54px; }
  .noir-chapter-image,.noir-chapters article:nth-child(2) .noir-chapter-image,.noir-chapters article:nth-child(3) .noir-chapter-image { aspect-ratio:.82; }
  .noir-lookbook { min-height:auto; grid-template-columns:1fr; grid-template-rows:auto; }
  .noir-look-main { grid-row:auto; min-height:650px; background-position:center 16%!important; }
  .noir-look-copy { padding:76px 22px; }
  .noir-look-detail { min-height:280px; margin:0 22px 50px; }
  .noir-material,.noir-atelier { grid-template-columns:1fr; min-height:auto; }
  .noir-material-copy { padding:80px 22px; }
  .noir-material-image { min-height:480px; grid-row:1; }
  .noir-material dd { display:block; }
  .noir-material dd span { display:block; margin-top:6px; }
  .noir-atelier-image { min-height:560px; }
  .noir-atelier-copy { padding:80px 22px; }
  .noir-atelier-copy>div span { padding-right:6px; }
  .noir-quote { min-height:590px; padding:80px 20px; }
  .noir-quote blockquote { font-size:48px; }
  .noir-contact { grid-template-columns:1fr; gap:60px; padding:86px 20px; }
  .noir-contact form { padding:25px 20px; }
  .noir-contact form>div { grid-template-columns:1fr; }
  .noir-footer { grid-template-columns:1fr; gap:28px; padding:55px 20px 22px; }
  .noir-footer nav { flex-wrap:wrap; }
  .noir-footer>div { grid-template-columns:1fr; gap:8px; }
  .noir-footer>div span:last-child { justify-self:start; }
}
@media(max-width:600px){
  .preview-root[data-layout="wholehouse"] .wh-utility { justify-content:center; text-align:center; }
  .preview-root[data-layout="wholehouse"] .wh-utility>div { display:none; }
  .preview-root[data-layout="wholehouse"] .wh-nav { min-height:68px; padding:0 18px; }
  .preview-root[data-layout="wholehouse"] .wh-brand { font-size:19px; }
  .preview-root[data-layout="wholehouse"] .wh-intro { padding:30px 20px; }
  .preview-root[data-layout="wholehouse"] .wh-intro h1 { font-size:29px; }
  .preview-root[data-layout="wholehouse"] .wh-about { grid-template-columns:1fr; padding:44px 20px; }
  .preview-root[data-layout="wholehouse"] .wh-about-gallery { grid-column:auto; grid-template-columns:1fr 1fr; }
  .preview-root[data-layout="wholehouse"] .wh-about-gallery>div { min-height:240px; }
  .preview-root[data-layout="wholehouse"] .wh-about-gallery>div:last-child { display:none; }
  .preview-root[data-layout="wholehouse"] .wh-style-section { margin:0 12px; }
  .preview-root[data-layout="wholehouse"] .wh-style-tabs { grid-template-columns:repeat(2,1fr); }
  .preview-root[data-layout="wholehouse"] .wh-style-tabs span:nth-child(2) { border-right:0; }
  .preview-root[data-layout="wholehouse"] .wh-style-grid { grid-template-columns:1fr; }
  .preview-root[data-layout="wholehouse"] .wh-style-grid article { border-right:0; border-bottom:1px solid #c9b7ae; }
  .preview-root[data-layout="wholehouse"] .wh-style-grid article>div:not(.wh-card-footer) { aspect-ratio:1.25; }
  .preview-root[data-layout="wholehouse"] .wh-category { padding-inline:14px; }
  .preview-root[data-layout="wholehouse"] .wh-count-4,.preview-root[data-layout="wholehouse"] .wh-count-3,.preview-root[data-layout="wholehouse"] .wh-count-2 { grid-template-columns:1fr; }
  .preview-root[data-layout="wholehouse"] .wh-scene-card { min-height:250px; }
  .preview-root[data-layout="wholehouse"] .wh-request form { padding:24px 18px; }
  .preview-root[data-layout="wholehouse"] .wh-request form>div { grid-template-columns:1fr; }
  .preview-root[data-layout="wholehouse"] .wh-contact>div { grid-template-columns:1fr; }
  .preview-root[data-layout="wholehouse"] .wh-footer { grid-template-columns:1fr 1fr; }
  .preview-root[data-layout="wholehouse"] .wh-footer .footer-brand { grid-column:1/-1; }
  .showroom-bar { padding:0 14px; }
  .showroom-bar>a:first-child { font-size:0; }
  .showroom-bar>a:first-child::after { content:"← 模板"; font-size:12px; }
  .announcement { display:none; }
  .site-nav { height:70px; padding:0 18px; }
  .nav-cta { display:none; }
  .site-hero { min-height:auto; padding:18px; }
  .hero-copy h1 { font-size:clamp(39px,11.5vw,54px); line-height:1.08; word-break:break-word; }
  .hero-image { min-height:420px; }
  .preview-root[data-layout="wholehouse"] .site-hero { padding:52px 20px 34px; }
  .preview-root[data-layout="wholehouse"] .hero-copy h1 { font-size:clamp(38px,10.8vw,50px); }
  .preview-root[data-layout="wholehouse"] .collection-grid { grid-template-columns:1fr; }
  .signal-strip { grid-template-columns:1fr 1fr; }
  .signal-strip>div { min-height:100px; padding:20px; }
  .section-head { grid-template-columns:1fr; }
  .collection-section,.process-section,.journal-section,.project-section,.faq-section,.contact-section { padding:72px 20px; }
  .capability-image { min-height:390px; margin:16px; }
  .capability-copy { padding:62px 22px; }
  .process-grid { grid-template-columns:1fr; }
  .process-grid article+article { padding-left:0; border-left:0; }
  .process-grid article { min-height:190px; }
  .process-grid h3 { margin-top:42px; }
  .quote-section { min-height:520px; padding:70px 20px; }
  .contact-section form { padding:22px; }
  footer { grid-template-columns:1fr 1fr; gap:35px; padding:60px 20px 20px; }
  .footer-bottom { grid-template-columns:1fr; gap:8px; }
  .footer-bottom span:last-child { justify-self:start; }
}

/* NOIR v2：统一后半页网格与图片比例，保证宽屏标题不被裁切。 */
.noir-hero-copy { min-width:0; }
.noir-hero-copy h1 { max-width:100%; font-size:clamp(68px,6.1vw,108px); line-height:.8; letter-spacing:-.065em; }

@media(min-width:701px) {
  .noir-manifesto,.noir-collection,.noir-material,.noir-atelier,.noir-contact { width:min(100%,1680px); margin-inline:auto; }
  .noir-manifesto { min-height:520px; grid-template-columns:.62fr 1.38fr; gap:clamp(60px,8vw,130px); padding-block:110px; }
  .noir-manifesto>div:first-child { min-height:260px; }
  .noir-manifesto h2 { max-width:780px; font-size:clamp(42px,4.1vw,66px); line-height:1.2; }
  .noir-manifesto p { max-width:650px; margin-top:32px; }

  .noir-collection { padding-block:110px 125px; }
  .noir-collection>header { grid-template-columns:minmax(0,1fr) minmax(300px,420px); margin-bottom:56px; }
  .noir-collection h2 { font-size:clamp(42px,4.1vw,66px); line-height:1.12; }
  .noir-chapters { grid-template-columns:repeat(3,minmax(0,1fr)); gap:clamp(22px,2.4vw,38px); }
  .noir-chapters article,.noir-chapters article:nth-child(2),.noir-chapters article:nth-child(3) { padding-top:0; }
  .noir-chapter-image,.noir-chapters article:nth-child(2) .noir-chapter-image,.noir-chapters article:nth-child(3) .noir-chapter-image { aspect-ratio:.82; }

  .noir-lookbook { min-height:0; grid-template-columns:minmax(0,1.08fr) minmax(380px,.92fr); grid-template-rows:auto; gap:clamp(55px,7vw,118px); align-items:center; padding:110px max(5vw,calc((100vw - 1680px)/2)); }
  .noir-look-main { grid-row:auto; min-height:0; aspect-ratio:1.03; }
  .noir-look-copy { padding:0; }
  .noir-look-copy h2 { max-width:620px; font-size:clamp(40px,3.6vw,60px); line-height:1.13; }
  .noir-look-detail { display:none; }

  .noir-material,.noir-atelier { min-height:0; grid-template-columns:minmax(380px,.9fr) minmax(0,1.1fr); gap:clamp(55px,7vw,110px); align-items:center; padding:110px clamp(32px,6vw,100px); }
  .noir-material-copy,.noir-atelier-copy { padding:0; }
  .noir-material-copy h2,.noir-atelier-copy h2 { font-size:clamp(40px,3.7vw,62px); line-height:1.12; }
  .noir-material-image,.noir-atelier-image { min-height:0; aspect-ratio:1.18; }
  .noir-atelier { grid-template-columns:minmax(0,1.08fr) minmax(380px,.92fr); border-top:1px solid rgba(22,21,20,.18); }
  .noir-atelier-image { aspect-ratio:1.2; }
  .noir-atelier-copy>p { margin-block:28px; }

  .noir-quote { min-height:500px; }
  .noir-quote blockquote { margin-block:38px 28px; font-size:clamp(46px,5.2vw,78px); }
  .noir-contact { grid-template-columns:minmax(0,1fr) minmax(430px,.76fr); gap:clamp(65px,9vw,140px); padding-block:115px; }
  .noir-contact h2 { font-size:clamp(42px,4vw,66px); }
}

@media(min-width:1500px) {
  .noir-hero { grid-template-columns:minmax(0,1.48fr) minmax(500px,.52fr); }
  .noir-hero-copy { padding-inline:64px; }
  .noir-hero-copy h1 { font-size:104px; }
}

/* NOIR desktop hero: keep the cinematic frame visibly inside wide screens. */
@media(min-width:981px) {
  .preview-root[data-layout="noir-editorial"] .noir-hero {
    width:min(calc(100% - clamp(32px,4vw,64px)),1800px);
    min-height:calc(100vh - 210px);
    margin:clamp(16px,1.5vw,26px) auto 0;
  }
}

/* 服装 07：FIELD NOTE 生活方式目录型。 */
.preview-root[data-layout="field-journal"] { --field-ink:#171914; --field-paper:#f7f5ef; --field-soft:#e6e2d8; --field-olive:#5b6844; color:var(--field-ink); background:var(--field-paper); font-family:Arial,"PingFang SC","Microsoft YaHei",sans-serif; }
.preview-root[data-layout="field-journal"] .field-home { display:block; }
.field-notice { min-height:30px; position:relative; display:flex; align-items:center; justify-content:center; padding:6px 24px; border-bottom:1px solid rgba(23,25,20,.18); background:#fff; font-size:9px; letter-spacing:.04em; }
.field-notice span { position:absolute; right:28px; color:#68705d; }
.field-nav { min-height:84px; display:grid; grid-template-columns:1fr auto 1fr; align-items:center; padding:0 clamp(24px,3vw,52px); background:#fff; border-bottom:1px solid rgba(23,25,20,.15); }
.field-nav nav,.field-nav>div { display:flex; align-items:center; gap:clamp(16px,2vw,32px); font-size:10px; }
.field-nav>div { justify-self:end; }
.field-logo { display:flex; flex-direction:column; align-items:center; font:700 23px/1 Georgia,"Times New Roman",serif; letter-spacing:.11em; }
.field-logo span { margin-top:5px; color:#66705b; font:600 7px/1 Arial,sans-serif; letter-spacing:.28em; }
.field-hero { width:calc(100% - 20px); min-height:calc(100vh - 192px); position:relative; display:flex; align-items:flex-end; margin:10px auto 0; padding:clamp(34px,4.5vw,76px); overflow:hidden; color:white; background-size:cover; background-repeat:no-repeat; }
.field-hero::after { content:""; position:absolute; inset:0; background:linear-gradient(180deg,transparent 48%,rgba(12,15,9,.62)); }
.field-hero>div { z-index:1; max-width:620px; }
.field-hero span,.field-new header span,.field-story span,.field-look-copy>span,.field-season>div>span,.field-note>span,.field-contact>div>span { font-size:9px; font-weight:700; letter-spacing:.18em; }
.field-hero h1 { max-width:720px; margin:15px 0 13px; font:500 clamp(44px,5vw,78px)/1.06 Georgia,"Songti SC",serif; letter-spacing:-.045em; }
.field-hero p { margin:0 0 26px; font-size:13px; }
.field-hero a,.field-story a,.field-look-copy a,.field-season a { display:inline-block; padding:11px 15px; color:var(--field-ink); background:white; font-size:10px; font-weight:700; }
.field-hero small { position:absolute; z-index:1; right:30px; bottom:32px; font-size:8px; letter-spacing:.17em; writing-mode:vertical-rl; }
.field-new { padding:clamp(82px,8vw,126px) clamp(20px,3vw,48px); background:#fff; }
.field-new>header { display:grid; grid-template-columns:1fr minmax(260px,420px) auto; align-items:end; gap:clamp(30px,6vw,100px); margin-bottom:46px; }
.field-new h2,.field-look h2,.field-season h2,.field-contact h2 { margin:10px 0 0; font:500 clamp(35px,3.5vw,56px)/1.08 Georgia,"Songti SC",serif; letter-spacing:-.035em; }
.field-new header p { margin:0; color:#666b5f; font-size:12px; line-height:1.8; }
.field-new header>a { padding-bottom:6px; border-bottom:1px solid currentColor; font-size:10px; }
.field-products { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:2px; }
.field-products article { min-width:0; }
.field-product-image,.field-look-thumb { display:block; aspect-ratio:.53; position:relative; background-repeat:no-repeat; background-size:400% 100%; }
.field-product-1 { background-position:0 center; }
.field-product-2 { background-position:33.333% center; }
.field-product-3 { background-position:66.667% center; }
.field-product-4 { background-position:100% center; }
.field-product-image>span { position:absolute; top:12px; left:12px; padding:5px 7px; background:white; font-size:7px; font-weight:700; letter-spacing:.1em; }
.field-products article>div { display:grid; grid-template-columns:1fr auto; gap:5px 20px; padding:14px 5px 0; }
.field-products h3 { margin:0; font-size:11px; font-weight:700; }
.field-products article>div>span { color:#777b71; font-size:9px; }
.field-products article>div>b { grid-row:1/3; grid-column:2; font-size:10px; font-weight:500; }
.field-story { min-height:clamp(700px,78vh,900px); position:relative; display:flex; align-items:flex-start; padding:clamp(45px,6vw,96px); color:white; background-size:cover; background-repeat:no-repeat; }
.field-story::after { content:""; position:absolute; inset:0; background:linear-gradient(90deg,rgba(17,20,15,.5),transparent 58%); }
.field-story>div { z-index:1; max-width:560px; }
.field-story h2 { margin:18px 0 22px; font:500 clamp(42px,4.3vw,68px)/1.12 Georgia,"Songti SC",serif; letter-spacing:-.045em; }
.field-story p { max-width:480px; margin:0 0 28px; font-size:13px; line-height:1.9; }
.field-look { display:grid; grid-template-columns:minmax(340px,.72fr) minmax(0,1.28fr); background:var(--field-paper); }
.field-look-copy { display:flex; flex-direction:column; justify-content:center; align-items:flex-start; padding:clamp(70px,8vw,130px); }
.field-look-copy p { max-width:470px; margin:25px 0 34px; color:#62665c; line-height:1.9; }
.field-look-copy a,.field-season a { padding:0 0 7px; border-bottom:1px solid currentColor; background:transparent; }
.field-look-image { min-height:760px; background-size:cover; background-repeat:no-repeat; }
.field-look-products { grid-column:1/-1; display:grid; grid-template-columns:repeat(3,1fr); border-top:1px solid rgba(23,25,20,.17); }
.field-look-products article { min-width:0; display:grid; grid-template-columns:170px 1fr; gap:22px; padding:24px; border-right:1px solid rgba(23,25,20,.17); }
.field-look-products article:last-child { border-right:0; }
.field-look-thumb { aspect-ratio:.72; }
.field-look-products p { display:flex; flex-direction:column; align-items:flex-start; gap:8px; margin:0; padding-top:8px; }
.field-look-products b { font:500 17px Georgia,"Songti SC",serif; }
.field-look-products span { color:#71766a; font-size:9px; }
.field-look-products em { margin-top:auto; font-size:10px; font-style:normal; }
.field-season { display:grid; grid-template-columns:1.12fr .88fr; min-height:780px; background:#fff; }
.field-season-image { min-height:780px; background-size:cover; background-repeat:no-repeat; }
.field-season>div:last-child { display:flex; flex-direction:column; justify-content:center; align-items:flex-start; padding:clamp(70px,8vw,132px); }
.field-season>div>p { max-width:570px; margin:30px 0; color:#65695f; font-size:13px; line-height:2; }
.field-season dl { width:100%; margin:0 0 38px; border-top:1px solid rgba(23,25,20,.25); }
.field-season dl>div { display:grid; grid-template-columns:48px 1fr; padding:16px 0; border-bottom:1px solid rgba(23,25,20,.2); }
.field-season dt { color:var(--field-olive); font-size:9px; }
.field-season dd { margin:0; font-size:11px; }
.field-note { min-height:510px; display:grid; place-content:center; justify-items:center; padding:70px 24px; color:white; background:var(--field-olive); text-align:center; }
.field-note blockquote { margin:38px 0 24px; font:500 clamp(44px,5vw,76px)/1.2 Georgia,"Songti SC",serif; letter-spacing:-.035em; }
.field-note p { margin:0; color:#dbe0d2; font-size:9px; letter-spacing:.14em; }
.field-contact { display:grid; grid-template-columns:1fr minmax(420px,.72fr); gap:clamp(60px,9vw,150px); align-items:center; padding:clamp(85px,9vw,140px) clamp(28px,7vw,112px); background:var(--field-soft); }
.field-contact>div>p { max-width:530px; margin:22px 0 0; color:#666b5f; line-height:1.85; }
.field-contact form { display:grid; grid-template-columns:1fr auto; align-items:end; gap:16px; }
.field-contact label { display:grid; gap:10px; font-size:9px; font-weight:700; letter-spacing:.1em; }
.field-contact input { width:100%; padding:14px 0; border:0; border-bottom:1px solid rgba(23,25,20,.45); background:transparent; outline:0; }
.field-contact button { height:43px; padding:0 20px; border:0; color:white; background:var(--field-ink); font-size:10px; font-weight:700; }
.field-contact small { grid-column:1/-1; color:#767b6f; font-size:8px; }
.field-footer { grid-template-columns:2fr 1fr 1fr; color:var(--field-ink); background:#fff; }
.field-footer .field-logo { align-items:flex-start; }
.field-footer>div>p { max-width:480px; margin:22px 0 0; color:#6d7167; font-size:11px; line-height:1.8; }
.field-footer nav { display:flex; flex-direction:column; gap:12px; }
.field-footer nav b { color:var(--field-olive); }
.field-footer-bottom { grid-column:1/-1; display:grid!important; grid-template-columns:1fr auto 1fr; margin-top:38px; padding-top:20px; border-top:1px solid rgba(23,25,20,.2); color:#73776e; font-size:8px; letter-spacing:.08em; }
.field-footer-bottom span:last-child { justify-self:end; }

@media(min-width:981px) {
  .preview-root[data-layout="field-journal"] .field-story,
  .preview-root[data-layout="field-journal"] .field-look,
  .preview-root[data-layout="field-journal"] .field-season {
    width:min(calc(100% - clamp(32px,4vw,64px)),1800px);
    margin-inline:auto;
  }
  .preview-root[data-layout="field-journal"] .field-story { margin-top:clamp(18px,2vw,32px); }
  .preview-root[data-layout="field-journal"] .field-look,
  .preview-root[data-layout="field-journal"] .field-season { margin-top:clamp(20px,2.2vw,36px); }
}

@media(max-width:980px) {
  .field-nav nav { gap:14px; }
  .field-nav>div a:not(:last-child) { display:none; }
  .field-new>header { grid-template-columns:1fr auto; }
  .field-new header p { display:none; }
  .field-products { grid-template-columns:repeat(2,1fr); gap:40px 2px; }
  .field-look { grid-template-columns:1fr 1.2fr; }
  .field-look-copy { padding:70px 45px; }
  .field-look-image { min-height:620px; }
  .field-look-products article { grid-template-columns:110px 1fr; padding:18px; }
  .field-season>div:last-child { padding:70px 45px; }
}

@media(max-width:700px) {
  .field-notice { justify-content:flex-start; padding-inline:16px; }
  .field-notice span { display:none; }
  .field-nav { min-height:70px; grid-template-columns:1fr auto; padding:0 16px; }
  .field-nav nav { display:none; }
  .field-nav .field-logo { align-items:flex-start; font-size:18px; }
  .field-nav>div { font-size:9px; }
  .field-hero { width:calc(100% - 16px); min-height:72vh; margin-top:8px; padding:28px 20px; background-position:61% center!important; }
  .field-hero h1 { font-size:42px; }
  .field-hero small { display:none; }
  .field-new { padding:72px 12px; }
  .field-new>header { grid-template-columns:1fr; gap:18px; margin-bottom:32px; }
  .field-new header>a { justify-self:start; }
  .field-products { grid-template-columns:repeat(2,minmax(0,1fr)); gap:34px 2px; }
  .field-product-image { aspect-ratio:.54; }
  .field-products article>div { display:block; padding-top:10px; }
  .field-products article>div>* { display:block; margin-bottom:5px; }
  .field-story { min-height:640px; padding:44px 20px; background-position:36% center!important; }
  .field-story h2 { font-size:43px; }
  .field-look { grid-template-columns:1fr; }
  .field-look-copy { padding:72px 20px; }
  .field-look-image { min-height:590px; }
  .field-look-products { grid-template-columns:1fr; }
  .field-look-products article { grid-template-columns:120px 1fr; border-right:0; border-bottom:1px solid rgba(23,25,20,.17); }
  .field-season { grid-template-columns:1fr; min-height:0; }
  .field-season-image { min-height:480px; background-position:58% center!important; }
  .field-season>div:last-child { padding:72px 20px; }
  .field-note { min-height:480px; }
  .field-note blockquote { font-size:42px; }
  .field-contact { grid-template-columns:1fr; gap:46px; padding:76px 20px; }
  .field-contact form { grid-template-columns:1fr; }
  .field-contact button { width:100%; }
  .field-footer { grid-template-columns:1fr 1fr; gap:34px; padding:55px 20px 22px; }
  .field-footer>div:first-child { grid-column:1/-1; }
  .field-footer-bottom { grid-template-columns:1fr; gap:8px; }
  .field-footer-bottom span:last-child { justify-self:start; }
}

/* 服装 08：LOOP 自动轮播商品型。 */
.preview-root[data-layout="loop-catalog"] { --loop-blue:#1749d1; --loop-ink:#16191f; --loop-paper:#fafafa; --loop-soft:#e8e9ec; color:var(--loop-ink); background:var(--loop-paper); font-family:Arial,"PingFang SC","Microsoft YaHei",sans-serif; }
.preview-root[data-layout="loop-catalog"] .loop-home { display:block; }
.loop-notice { min-height:34px; display:grid; grid-template-columns:1fr auto 1fr; align-items:center; padding:0 clamp(20px,3vw,52px); color:white; background:var(--loop-ink); font-size:8px; letter-spacing:.15em; }
.loop-notice b { font-weight:500; }
.loop-notice a { justify-self:end; }
.loop-nav { min-height:86px; display:grid; grid-template-columns:1fr auto 1fr; align-items:center; padding:0 clamp(20px,3vw,52px); border-bottom:1px solid rgba(22,25,31,.18); background:white; }
.loop-logo { display:flex; flex-direction:column; font:900 20px/1 Arial,sans-serif; letter-spacing:-.04em; }
.loop-logo span { margin-top:4px; color:var(--loop-blue); font:700 7px/1 Arial,sans-serif; letter-spacing:.25em; }
.loop-nav nav { display:flex; gap:clamp(24px,3vw,48px); font-size:10px; font-weight:700; letter-spacing:.06em; }
.loop-nav>div { justify-self:end; display:flex; gap:25px; font-size:9px; }
.loop-hero { width:min(calc(100% - 24px),1880px); min-height:calc(100vh - 150px); display:grid; grid-template-columns:minmax(0,1.42fr) minmax(430px,.58fr); margin:12px auto 0; }
.loop-hero-image { min-height:700px; background-size:cover; background-repeat:no-repeat; }
.loop-hero-copy { display:flex; flex-direction:column; justify-content:center; align-items:flex-start; padding:clamp(52px,6vw,96px); color:white; background:var(--loop-blue); }
.loop-hero-copy>span,.loop-new header span,.loop-campaign-copy>span,.loop-about>span,.loop-contact>div>span { font-size:8px; font-weight:700; letter-spacing:.19em; }
.loop-hero-copy h1 { margin:34px 0; font:900 clamp(64px,6vw,104px)/.82 Arial Black,Arial,sans-serif; letter-spacing:-.08em; }
.loop-hero-copy h1 i { color:#d9ff45; font-style:normal; }
.loop-hero-copy p { max-width:420px; margin:0; font-size:20px; font-weight:700; line-height:1.45; }
.loop-hero-copy>a { width:100%; display:flex; justify-content:space-between; margin-top:auto; padding:16px 0 8px; border-bottom:1px solid white; font-size:10px; }
.loop-ribbon { display:flex; justify-content:space-around; gap:30px; padding:20px 28px; overflow:hidden; color:white; background:#b1293b; font-size:9px; font-weight:800; letter-spacing:.14em; white-space:nowrap; }
.loop-new { padding:clamp(82px,8vw,128px) 0; background:white; overflow:hidden; }
.loop-new>header { display:grid; grid-template-columns:1fr minmax(280px,440px); gap:50px; align-items:end; padding:0 clamp(24px,5vw,82px); margin-bottom:48px; }
.loop-new h2,.loop-campaign h2,.loop-about h2,.loop-contact h2 { margin:12px 0 0; font:800 clamp(38px,4vw,64px)/1.04 Arial,"PingFang SC",sans-serif; letter-spacing:-.055em; }
.loop-new header p { margin:0; color:#666b74; font-size:12px; line-height:1.8; }
.loop-carousel { width:100%; overflow:hidden; cursor:default; }
.loop-track { width:max-content; display:flex; animation:loop-catalog-scroll 42s linear infinite; will-change:transform; }
.loop-carousel:hover .loop-track,.loop-carousel:focus-within .loop-track { animation-play-state:paused; }
.loop-row { display:flex; gap:16px; padding-right:16px; }
.loop-product { width:clamp(190px,18vw,300px); flex:0 0 auto; }
.loop-product>a { display:block; }
.loop-product-image { aspect-ratio:.54; position:relative; background-repeat:no-repeat; background-size:400% 100%; }
.loop-crop-1 { background-position:0 center; }
.loop-crop-2 { background-position:33.333% center; }
.loop-crop-3 { background-position:66.667% center; }
.loop-crop-4 { background-position:100% center; }
.loop-product-image span { position:absolute; top:11px; left:11px; padding:5px 7px; color:white; background:var(--loop-blue); font-size:7px; font-weight:800; letter-spacing:.1em; }
.loop-product>a>div:last-child { display:grid; grid-template-columns:1fr auto; gap:5px 18px; padding:14px 3px 0; }
.loop-product h3 { margin:0; font-size:11px; }
.loop-product p { margin:0; color:#777c84; font-size:9px; }
.loop-product b { grid-row:1/3; grid-column:2; font-size:10px; font-weight:500; }
@keyframes loop-catalog-scroll { to { transform:translateX(-50%); } }
.wh-pending-contact{padding:28px;border:1px solid rgba(24,24,24,.18);background:rgba(255,255,255,.38)}.wh-pending-contact strong{display:block;margin-bottom:8px;letter-spacing:.12em}.wh-pending-contact p{margin:0!important}
.preview-root[data-layout="outdoor-aluminum"]{--outdoor-earth:#a86a3d;--outdoor-paper:#f7f1e8;background:var(--outdoor-paper)}
@media(max-width:600px){
  .preview-root[data-template-layout="outdoor-aluminum"]{overflow-x:hidden}
  .preview-root[data-template-layout="outdoor-aluminum"] .wh-utility strong{max-width:100%;overflow-wrap:anywhere;text-align:center}
  .preview-root[data-template-layout="outdoor-aluminum"] .wh-nav{grid-template-columns:minmax(0,1fr)!important}
  .preview-root[data-template-layout="outdoor-aluminum"] .wh-nav nav,
  .preview-root[data-template-layout="outdoor-aluminum"] .wh-language{display:none}
  .preview-root[data-template-layout="outdoor-aluminum"] .wh-intro h1{font-size:clamp(25px,8vw,32px);overflow-wrap:anywhere;word-break:normal}
  .preview-root[data-template-layout="outdoor-aluminum"] .wh-intro p,
  .preview-root[data-template-layout="outdoor-aluminum"] .wh-about>*{min-width:0;overflow-wrap:anywhere}
  .preview-root[data-template-layout="outdoor-aluminum"] .wh-about-copy h2{font-size:29px;overflow-wrap:anywhere}
}
.loop-campaign { width:min(calc(100% - clamp(32px,4vw,64px)),1800px); display:grid; grid-template-columns:minmax(390px,.68fr) minmax(0,1.32fr); margin:0 auto; background:var(--loop-soft); }
.loop-campaign-copy { display:flex; flex-direction:column; justify-content:center; align-items:flex-start; padding:clamp(68px,7vw,118px); }
.loop-campaign-copy p { max-width:480px; margin:28px 0 35px; color:#60656e; font-size:13px; line-height:1.9; }
.loop-campaign-copy a { padding-bottom:7px; border-bottom:2px solid var(--loop-blue); color:var(--loop-blue); font-size:10px; font-weight:800; }
.loop-campaign-image { min-height:760px; background-size:cover; background-repeat:no-repeat; }
.loop-categories { width:min(calc(100% - clamp(32px,4vw,64px)),1800px); display:grid; grid-template-columns:repeat(3,1fr); gap:12px; margin:12px auto 0; }
.loop-categories article { min-height:520px; position:relative; display:flex; align-items:flex-end; padding:24px; overflow:hidden; color:white; background-size:cover; background-repeat:no-repeat; }
.loop-categories article::after { content:""; position:absolute; inset:50% 0 0; background:linear-gradient(transparent,rgba(0,0,0,.62)); }
.loop-categories span { z-index:1; font-size:10px; font-weight:800; letter-spacing:.1em; }
.loop-about { padding:clamp(95px,10vw,165px) clamp(28px,8vw,130px); color:white; background:var(--loop-ink); }
.loop-about h2 { max-width:1050px; color:white; font-size:clamp(46px,5.6vw,88px); }
.loop-about>p { max-width:700px; margin:32px 0 70px; color:#aeb2ba; font-size:13px; line-height:1.9; }
.loop-about>div { display:grid; grid-template-columns:auto 1fr auto 1fr auto 1fr; align-items:end; gap:16px 32px; padding-top:28px; border-top:1px solid rgba(255,255,255,.25); }
.loop-about>div b { color:#d9ff45; font:800 28px Arial,sans-serif; }
.loop-about>div span { color:#b9bdc4; font-size:9px; }
.loop-contact { display:grid; grid-template-columns:1fr minmax(430px,.72fr); gap:clamp(60px,9vw,150px); align-items:center; padding:clamp(85px,9vw,140px) clamp(28px,7vw,112px); background:#d9ff45; }
.loop-contact>div>p { margin:20px 0 0; }
.loop-contact form { display:grid; grid-template-columns:1fr auto; gap:14px; }
.loop-contact input { min-width:0; padding:14px 0; border:0; border-bottom:2px solid var(--loop-ink); background:transparent; outline:0; }
.loop-contact button { padding:0 20px; border:0; color:white; background:var(--loop-ink); font-size:10px; font-weight:800; }
.loop-contact small { grid-column:1/-1; font-size:8px; }
.loop-footer { grid-template-columns:1fr 1.4fr 1fr; color:white; background:var(--loop-blue); }
.loop-footer .loop-logo span { color:#d9ff45; }
.loop-footer>p { max-width:550px; margin:0; color:#dbe2ff; font-size:11px; line-height:1.8; }
.loop-footer nav { display:flex; justify-content:flex-end; gap:22px; font-size:10px; }
.loop-footer>div { grid-column:1/-1; display:flex; justify-content:space-between; padding-top:24px; border-top:1px solid rgba(255,255,255,.3); font-size:8px; letter-spacing:.1em; }

@media (prefers-reduced-motion:reduce) { .loop-track { animation-play-state:paused; } }

@media(max-width:980px) {
  .loop-hero { grid-template-columns:1.15fr .85fr; }
  .loop-hero-copy { padding:50px 38px; }
  .loop-hero-copy h1 { font-size:70px; }
  .loop-product { width:240px; }
  .loop-campaign { grid-template-columns:1fr 1.2fr; }
  .loop-campaign-copy { padding:70px 45px; }
  .loop-campaign-image { min-height:620px; }
  .loop-categories article { min-height:400px; }
}

@media(max-width:700px) {
  .loop-notice { grid-template-columns:1fr auto; padding:0 15px; }
  .loop-notice b { display:none; }
  .loop-nav { min-height:70px; grid-template-columns:1fr auto; padding:0 16px; }
  .loop-nav nav { display:none; }
  .loop-nav>div a:first-child { display:none; }
  .loop-hero { width:calc(100% - 16px); min-height:auto; grid-template-columns:1fr; margin-top:8px; }
  .loop-hero-image { min-height:58vh; background-position:40% center!important; }
  .loop-hero-copy { min-height:470px; padding:46px 22px 30px; }
  .loop-hero-copy h1 { margin:28px 0; font-size:66px; }
  .loop-hero-copy p { font-size:18px; }
  .loop-ribbon { justify-content:flex-start; }
  .loop-new { padding:75px 0; }
  .loop-new>header { grid-template-columns:1fr; gap:18px; padding:0 20px; }
  .loop-product { width:180px; }
  .loop-row { gap:10px; padding-right:10px; }
  .loop-campaign { width:calc(100% - 20px); grid-template-columns:1fr; }
  .loop-campaign-copy { padding:70px 22px; }
  .loop-campaign-image { min-height:490px; grid-row:1; background-position:38% center!important; }
  .loop-categories { width:calc(100% - 20px); grid-template-columns:1fr; gap:10px; }
  .loop-categories article { min-height:380px; }
  .loop-about { padding:82px 20px; }
  .loop-about h2 { font-size:46px; }
  .loop-about>div { grid-template-columns:auto 1fr; }
  .loop-contact { grid-template-columns:1fr; gap:45px; padding:75px 20px; }
  .loop-contact form { grid-template-columns:1fr; }
  .loop-contact button { height:44px; }
  .loop-footer { grid-template-columns:1fr; gap:30px; padding:55px 20px 22px; }
  .loop-footer nav { justify-content:flex-start; flex-wrap:wrap; }
  .loop-footer>div { display:grid; gap:8px; }
}
.preview-root[data-layout="apparel-campaign"],.preview-root[data-layout="materials-campaign"],.preview-root[data-layout="culture-campaign"]{color:#111;background:#fff;font-family:Arial,"Microsoft YaHei",sans-serif;overflow-x:clip}
.cc-notice{display:flex;justify-content:center;gap:32px;padding:12px 24px;background:#111;color:white;font-size:11px;letter-spacing:.1em}.cc-notice a{text-decoration:underline;text-underline-offset:4px}
.cc-nav{display:flex;align-items:center;gap:30px;justify-content:space-between;padding:24px 4%;background:white;border-bottom:1px solid #ddd}.cc-brand{font-size:22px;font-weight:900;letter-spacing:-.04em;max-width:32%}.cc-brand small{display:block;font-size:8px;letter-spacing:.18em;margin-top:6px;font-weight:400}.cc-nav nav{display:flex;gap:26px;font-size:13px;font-weight:700}.cc-nav a:hover{text-decoration:underline;text-underline-offset:6px}.cc-nav-contact{font-size:12px;white-space:nowrap}
.cc-hero{position:relative;height:clamp(450px,42vw,720px);background:#252525;overflow:hidden}.cc-slide{position:absolute;inset:0;background-size:cover;opacity:0;animation:cc-hero-cycle 21s infinite}.cc-slide-1{animation-delay:7s}.cc-slide-2{animation-delay:14s}.cc-hero:hover .cc-slide,.cc-hero:focus-within .cc-slide{animation-play-state:paused}.cc-hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.72),rgba(0,0,0,.12) 72%)}.cc-hero-copy{position:absolute;left:5%;bottom:17%;max-width:660px;width:52%;color:#fff}.cc-hero-copy small{letter-spacing:.2em;font-size:11px}.cc-hero-copy h1{font-size:clamp(30px,4.1vw,68px);line-height:1.15;margin:18px 0;letter-spacing:-.04em;overflow-wrap:anywhere}.cc-hero-copy p{font-size:14px;line-height:1.9;max-width:480px;margin:0 0 30px}.cc-button{display:inline-flex;align-items:center;justify-content:space-between;gap:36px;background:white;color:#111!important;border:1px solid #111;padding:15px 24px;font-size:13px;font-weight:700;box-shadow:4px 4px 0 transparent;transition:box-shadow .2s}.cc-button:hover{box-shadow:4px 4px 0 var(--accent)}.cc-button b{font-size:22px;font-weight:400}.cc-hero-index{position:absolute;bottom:24px;left:5%;right:5%;display:flex;align-items:center;gap:16px;color:white;font-size:9px;pointer-events:none}.cc-hero-index i{height:2px;width:90px;background:rgba(255,255,255,.5)}
@keyframes cc-hero-cycle{0%,30%{opacity:1;visibility:visible;z-index:2}33.333%,99.9%{opacity:0;visibility:hidden;z-index:0}100%{opacity:1;visibility:visible;z-index:2}}
.cc-shortcuts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin:0 4%;border-bottom:1px solid #ddd}.cc-shortcuts a{display:flex;align-items:center;gap:15px;padding:25px 15px;font-weight:700;font-size:13px}.cc-shortcuts span{color:#777;font-size:10px;font-weight:400}.cc-shortcuts b{margin-left:auto;font-weight:400}.cc-shortcuts a:hover{background:#f4f4f4}
.cc-section{padding:64px 4%}.cc-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:28px}.cc-heading small,.cc-story-copy>small,.cc-contact small{font-size:10px;letter-spacing:.16em;color:#666}.cc-heading h2{font-size:clamp(23px,2.3vw,36px);line-height:1.25;letter-spacing:-.04em;margin:9px 0 0}.cc-heading>a{font-size:12px;text-decoration:underline;text-underline-offset:5px;white-space:nowrap}.cc-heading>span{font-size:10px;color:#777}.cc-focus-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.cc-focus{min-width:0}.cc-focus-art{aspect-ratio:4/5;background-size:cover;position:relative;background-color:#eee}.cc-focus-art span{position:absolute;bottom:16px;left:16px;color:white;font-size:11px}.cc-focus h3{font-size:19px;margin:18px 0 8px}.cc-focus p{font-size:12px;line-height:1.7;margin:0 0 16px;color:#666}.cc-focus b{font-size:12px;text-decoration:underline;text-underline-offset:5px}.cc-focus:hover .cc-focus-art{filter:brightness(.94)}
.cc-new{padding-top:20px}.cc-carousel{overflow:hidden;max-width:100%;padding-bottom:8px}.cc-track{display:flex;width:max-content;animation:cc-product-cycle 42s linear infinite}.cc-row{display:flex;gap:16px;padding-right:16px}.cc-carousel:hover .cc-track,.cc-carousel:focus-within .cc-track{animation-play-state:paused}.cc-product{width:clamp(210px,23vw,340px);min-width:0;display:block}.cc-product-art{position:relative;aspect-ratio:1;background-size:cover;background-color:#eee}.cc-product-art span{position:absolute;bottom:0;left:0;padding:8px 12px;font-size:9px;background:white}.cc-product-art i{position:absolute;right:12px;top:12px;font-size:18px;font-style:normal;background:white;width:30px;height:30px;display:grid;place-items:center}.cc-product>small{display:block;color:#777;font-size:10px;margin-top:18px}.cc-product h3{font-size:14px;margin:8px 0}.cc-product p{font-size:11px;color:#777;line-height:1.7}.cc-product>b{font-size:10px}.cc-product:hover h3{text-decoration:underline}@keyframes cc-product-cycle{to{transform:translateX(-50%)}}
.cc-story{display:grid;grid-template-columns:1.2fr 1fr;margin:22px 4% 0;min-width:0;background:#f2f2f2}.cc-story-art{background-size:cover;min-height:430px}.cc-story-copy{padding:clamp(28px,4vw,70px);align-self:center;min-width:0}.cc-story-copy h2{font-size:clamp(26px,3vw,46px);line-height:1.25;letter-spacing:-.04em;margin:15px 0 25px}.cc-story-copy p{font-size:13px;line-height:1.9;color:#666;margin-bottom:20px}.cc-story-copy .cc-button{margin-top:12px}
.cc-category-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.cc-category-grid>a{position:relative;aspect-ratio:1.25;background-size:cover}.cc-category-grid>a:before{content:'';position:absolute;inset:0;background:linear-gradient(transparent 45%,rgba(0,0,0,.55))}.cc-category-grid span{position:absolute;bottom:24px;left:24px;right:24px;color:white;font-size:22px;font-weight:700;display:flex;justify-content:space-between}.cc-collection{padding-top:20px}.cc-series-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:16px;align-items:start}.cc-series-feature{position:relative;min-height:440px;background-size:cover;align-self:stretch}.cc-series-feature:before{content:'';position:absolute;inset:0;background:linear-gradient(transparent,rgba(0,0,0,.7))}.cc-series-feature>div{position:absolute;bottom:30px;left:30px;right:30px;color:white}.cc-series-feature small{font-size:10px;letter-spacing:.14em}.cc-series-feature h3{font-size:28px;line-height:1.3;margin:14px 0 22px}.cc-series-feature span{font-size:12px}.cc-series-item{min-width:0}.cc-series-item>div{aspect-ratio:4/5;background-size:cover;background-color:#eee}.cc-series-item small{display:block;margin-top:18px;color:#888;font-size:10px}.cc-series-item h3{font-size:16px;margin:9px 0}.cc-series-item p{font-size:11px;color:#777}.cc-series-item b{font-size:11px}.cc-guide-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.cc-guide-grid article{min-width:0}.cc-guide-grid article>div{aspect-ratio:1.6;background-size:cover}.cc-guide-grid small{display:block;margin-top:20px;font-size:10px;color:#777}.cc-guide-grid h3{font-size:20px;margin:12px 0}.cc-guide-grid p{font-size:12px;line-height:1.85;color:#777}.cc-guide-grid a{font-size:12px;text-decoration:underline;text-underline-offset:4px}.cc-faq{padding-top:0}.cc-faq details{border-top:1px solid #ddd}.cc-faq summary{list-style:none;padding:22px 0;font-size:14px;cursor:pointer;display:flex;justify-content:space-between}.cc-faq details p{max-width:800px;color:#777;line-height:1.8;font-size:13px;padding-bottom:16px}
.cc-contact{display:flex;align-items:center;justify-content:space-between;gap:35px;background:var(--accent);padding:55px 5%}.cc-contact h2{font-size:clamp(24px,3vw,42px);line-height:1.3;margin:12px 0}.cc-contact p{font-size:13px;margin:15px 0 0}.cc-contact .cc-button{flex-shrink:0;background:#111;color:white!important}.cc-contact small{color:#444}.preview-root .cc-footer{display:grid;grid-template-columns:1.3fr 1fr 1fr 1fr;gap:35px;background:white;color:#111;padding:55px 5% 20px}.cc-footer strong{font-size:24px}.cc-footer p{max-width:290px;color:#777;font-size:12px;line-height:1.85}.cc-footer nav{display:grid;align-content:start;gap:13px;font-size:12px}.cc-footer nav b{font-size:14px;margin-bottom:8px}.cc-footer nav span{color:#999;font-size:10px}.cc-footer-bottom{grid-column:1/-1;display:flex;justify-content:space-between;border-top:1px solid #ddd;font-size:10px;color:#888;padding-top:22px;margin-top:20px}
@media(max-width:1000px){.cc-nav{gap:15px}.cc-nav nav{gap:12px;font-size:11px}.cc-brand{font-size:18px}.cc-focus h3{font-size:16px}.cc-series-feature{min-height:340px}.cc-series-feature h3{font-size:23px}.cc-story-art{min-height:350px}}
@media(max-width:700px){.cc-notice{font-size:9px;gap:12px;letter-spacing:0}.cc-nav{flex-wrap:wrap;padding:20px 5%;gap:18px}.cc-brand{max-width:75%;font-size:20px}.cc-nav nav{order:3;width:100%;overflow:auto;gap:23px;padding-top:4px;white-space:nowrap;font-size:12px}.cc-nav-contact{font-size:11px}.cc-hero{height:530px}.cc-hero-copy{width:88%;max-width:none;bottom:16%}.cc-hero-copy h1{font-size:36px;max-width:330px}.cc-hero-copy p{font-size:12px;max-width:290px}.cc-hero-shade{background:linear-gradient(transparent,rgba(0,0,0,.75))}.cc-shortcuts{grid-template-columns:repeat(2,minmax(0,1fr));margin:0 5%}.cc-shortcuts a{font-size:12px;padding:20px 6px}.cc-section{padding:40px 5%}.cc-heading{gap:14px;align-items:start}.cc-heading>a{font-size:10px;padding-top:25px}.cc-heading h2{font-size:23px}.cc-heading small{font-size:8px}.cc-heading>span{max-width:80px;text-align:right;line-height:1.7}.cc-focus-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:26px 12px}.cc-focus h3{font-size:16px;margin-top:14px}.cc-focus p{font-size:10px;margin-bottom:12px}.cc-focus b{font-size:10px}.cc-new{padding-top:8px}.cc-product{width:210px}.cc-story{grid-template-columns:1fr;margin:10px 5%}.cc-story-art{min-height:0;aspect-ratio:1.2}.cc-story-copy{padding:30px 24px}.cc-story-copy h2{font-size:29px}.cc-story-copy p{font-size:12px}.cc-category-grid{gap:10px;grid-template-columns:1fr}.cc-category-grid>a{aspect-ratio:1.7}.cc-category-grid span{font-size:23px}.cc-series-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 12px}.cc-series-feature{grid-column:1/-1;min-height:320px}.cc-series-item h3{font-size:14px}.cc-series-item p{font-size:10px}.cc-guide-grid{grid-template-columns:1fr;gap:35px}.cc-guide-grid h3{font-size:19px}.cc-faq{padding-top:0}.cc-contact{align-items:flex-start;flex-direction:column;gap:24px;padding:38px 5%}.cc-contact h2{font-size:28px}.preview-root .cc-footer{grid-template-columns:repeat(2,minmax(0,1fr));gap:35px 20px;padding:40px 5% 25px}.cc-footer>div:first-child{grid-column:1/-1}.cc-footer nav{font-size:11px;overflow-wrap:anywhere}.cc-footer-bottom{gap:16px;font-size:9px}}
@media(prefers-reduced-motion:reduce){.cc-track{animation:none}.cc-slide{animation:none;visibility:hidden;opacity:0}.cc-slide-0{visibility:visible;opacity:1}}

.cc-footer nav b{color:#111}.cc-product-art{aspect-ratio:4/5}

/* 工具资源站：软集目录型 */
.preview-root[data-layout="tools-resource"]{--tr-ink:#102b35;--tr-muted:#64767b;--tr-mint:#c6f36b;--tr-green:#326046;--tr-paper:#f7f9f5;--tr-line:#e0e7e1;--tr-white:#fff;width:100%;max-width:100%;overflow-x:hidden;background:var(--tr-paper);color:var(--tr-ink);font-family:"Noto Sans SC","Microsoft YaHei","PingFang SC",sans-serif;font-size:15px;line-height:1.8}
.preview-root[data-layout="tools-resource"] *{box-sizing:border-box}.preview-root[data-layout="tools-resource"] a{color:inherit;text-decoration:none}.preview-root[data-layout="tools-resource"] button,.preview-root[data-layout="tools-resource"] input{font:inherit}.tr-wrap{width:min(1180px,100%);padding-inline:28px;margin-inline:auto}.tr-header{background:#fff;border-bottom:1px solid var(--tr-line)}.tr-head{height:84px;display:flex;align-items:center;gap:42px}.tr-brand{display:flex;align-items:center;gap:12px;white-space:nowrap}.tr-mark{width:36px;height:36px;display:grid;place-items:center;background:var(--tr-ink);border-radius:11px;color:var(--tr-mint);font-weight:900;font-size:23px;transform:rotate(-6deg)}.tr-brand strong{font-size:23px;letter-spacing:1px}.tr-brand small{display:block;font-size:10px;letter-spacing:2px;color:var(--tr-muted);line-height:1}.tr-head nav{display:flex;gap:28px;align-items:center;margin-left:auto}.tr-head nav a{font-size:14px;color:#53666c}.tr-head nav a:hover{color:#153c2c}.tr-head .tr-nav-cta{background:var(--tr-ink);color:#fff;padding:10px 19px;border-radius:8px}.tr-hero{position:relative;overflow:hidden;background:var(--tr-ink);color:#fff}.tr-hero:before{content:"";position:absolute;width:630px;height:630px;border:1px solid #ffffff0c;border-radius:50%;right:-100px;top:-260px}.tr-hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:1.15fr 1fr;gap:64px;padding-top:68px;padding-bottom:65px;align-items:center}.tr-eyebrow{font-size:11px;letter-spacing:2px;color:var(--tr-green);font-weight:700}.tr-eyebrow:before{content:"";width:7px;height:7px;background:currentColor;border-radius:50%;display:inline-block;margin-right:7px}.tr-hero .tr-eyebrow{color:var(--tr-mint)}.tr-hero h1{font-size:48px;line-height:1.35;letter-spacing:-1px;margin:20px 0}.tr-hero h1 em{font-style:normal;color:var(--tr-mint)}.tr-hero p{color:#b7c8cd;max-width:460px;line-height:1.9;margin:0 0 25px}.tr-search{display:flex;gap:10px;max-width:500px;background:#fff;border-radius:11px;padding:7px;align-items:center}.tr-search>span{color:#718387;padding-left:10px}.tr-search input{border:0;min-width:0;flex:1;padding:8px;color:var(--tr-ink);background:transparent;outline:0}.tr-search button{border:0;cursor:pointer;background:var(--tr-mint);color:var(--tr-ink);padding:11px 22px;font-weight:700;border-radius:7px}.tr-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(1px,1px,1px,1px)}.tr-hot{display:flex;flex-wrap:wrap;gap:7px 14px;font-size:12px;color:#a6bcc3;margin-top:15px}.tr-hot a{color:#dce8e9}.tr-hero-art{position:relative;min-height:330px}.tr-orbit{position:absolute;width:315px;height:315px;border:1px solid #ffffff19;border-radius:50%;left:63px;top:4px}.tr-orbit:after{content:"";position:absolute;inset:33px;border:1px dashed #ffffff15;border-radius:50%}.tr-float-card{position:absolute;border:1px solid #ffffff21;border-radius:17px;background:#20404b;box-shadow:0 20px 45px #0002;padding:21px 25px;width:258px}.tr-float-card.tr-wps{left:4px;top:34px;transform:rotate(-7deg)}.tr-float-card.tr-tg{right:0;top:149px;transform:rotate(6deg);background:#f8fbf6;color:var(--tr-ink)}.tr-float-top{display:flex;gap:14px;align-items:center}.tr-app-icon{width:58px;height:58px;display:grid;place-items:center;border-radius:15px;flex-shrink:0;background:#fff0ee;color:#e2494a;font-size:19px;font-weight:900;letter-spacing:-1px}.tr-app-icon.tr-telegram{background:#e4f3ff;color:#218ec9;font-size:31px}.tr-float-card strong{font-size:19px}.tr-float-card small{display:block;font-size:11px;opacity:.65}.tr-line{height:5px;background:#ffffff21;border-radius:4px;margin:18px 0 9px}.tr-tg .tr-line{background:#dde9e6}.tr-float-foot{display:flex;justify-content:space-between;font-size:11px;opacity:.8}.tr-art-label{position:absolute;right:22px;top:21px;background:var(--tr-mint);color:var(--tr-ink);padding:9px 15px;border-radius:25px;font-size:12px;transform:rotate(8deg)}.tr-art-note{position:absolute;left:29px;bottom:2px;font-size:11px;letter-spacing:2px;color:#91abae}.tr-trust{display:flex;gap:32px;padding:20px 0;border-bottom:1px solid var(--tr-line);font-size:12px;color:var(--tr-muted)}.tr-trust span:before{content:"✓";color:var(--tr-green);margin-right:9px;font-weight:900}.tr-section{padding-top:54px;padding-bottom:12px}.tr-section-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:25px;gap:20px}.tr-section-head h2{font-size:28px;margin:4px 0 0;letter-spacing:-.5px}.tr-section-head p{margin:0;font-size:13px;color:var(--tr-muted)}.tr-section-head>a{font-size:13px;color:var(--tr-green)}.tr-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.tr-resource-card{border:1px solid var(--tr-line);border-radius:17px;padding:28px;background:#fff;position:relative;transition:transform .2s,box-shadow .2s}.tr-resource-card:hover{transform:translateY(-3px);box-shadow:0 12px 30px #102b3509}.tr-card-top{display:flex;align-items:center;gap:16px}.tr-card-top h3{margin:0;font-size:23px}.tr-card-top small{color:var(--tr-muted);font-size:12px}.tr-pill{position:absolute;top:28px;right:28px;font-size:11px;background:#f0f5ed;color:var(--tr-green);padding:4px 11px;border-radius:20px}.tr-resource-card p{color:var(--tr-muted);font-size:14px;margin:20px 0}.tr-chips{display:flex;flex-wrap:wrap;gap:6px}.tr-chips span{background:#f4f6f3;color:#52646a;border:1px solid #edf0ea;font-size:11px;padding:3px 9px;border-radius:5px}.tr-card-bottom{display:flex;gap:18px;align-items:center;border-top:1px solid var(--tr-line);margin-top:23px;padding-top:21px}.tr-btn{display:inline-flex;align-items:center;justify-content:center;gap:18px;padding:11px 20px;background:var(--tr-ink);color:#fff!important;border-radius:8px;font-size:13px;font-weight:600}.tr-text-link{color:var(--tr-green)!important;font-size:13px}.tr-language{margin-top:35px;display:grid;grid-template-columns:1fr auto;align-items:center;gap:20px;background:#eaf2e1;border:1px solid #dce8d2;padding:25px 30px;border-radius:14px}.tr-language h3{margin:0;font-size:21px}.tr-language p{margin:5px 0 0;color:#627264;font-size:13px}.tr-language>div:last-child{display:flex;gap:10px;flex-wrap:wrap}.tr-language a{background:#fff;border:1px solid #d3dfcb;padding:10px 16px;border-radius:8px;font-size:13px}.tr-guides{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.tr-guides article{background:#fff;border:1px solid var(--tr-line);border-radius:13px;padding:23px}.tr-guides article>span{font-size:11px;letter-spacing:1px;color:var(--tr-green)}.tr-guides h3{font-size:17px;margin:16px 0 9px;line-height:1.6}.tr-guides p{font-size:13px;color:var(--tr-muted);margin:0 0 18px}.tr-guides a{font-size:12px;color:var(--tr-green)}.tr-faq{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px;margin:70px 0;padding:55px;background:var(--tr-ink);color:#fff;border-radius:20px}.tr-faq h2{font-size:30px;margin:10px 0}.tr-faq>div:first-child p{color:#b7c8cd}.tr-faq details{border-bottom:1px solid #ffffff24;padding:17px 0}.tr-faq summary{display:flex;justify-content:space-between;gap:20px;cursor:pointer;font-weight:700;list-style:none}.tr-faq details p{color:#b7c8cd;font-size:13px;margin:12px 0 0}.tr-about{display:grid;grid-template-columns:1fr 1.1fr;gap:60px;border-top:1px solid var(--tr-line);padding:38px 0 46px}.tr-about h2{font-size:24px;margin:0 0 10px}.tr-about p{color:var(--tr-muted);font-size:13px;margin:0}.tr-about>div:last-child{display:grid;grid-template-columns:1fr 1fr;gap:22px}.tr-about article strong{font-size:14px;display:block;margin-bottom:6px}.tr-footer{background:var(--tr-ink);color:#bdd0d5;padding:30px 0}.tr-footer>.tr-wrap{display:flex;justify-content:space-between;gap:30px;align-items:center}.tr-footer .tr-brand strong{color:#fff;font-size:20px}.tr-footer p{font-size:11px;margin:7px 0 0;max-width:650px}.tr-footer>.tr-wrap>div:last-child{display:flex;gap:20px;font-size:12px}
@media(max-width:900px){.tr-head{gap:20px}.tr-head nav{gap:15px}.tr-hero-grid{gap:25px}.tr-hero h1{font-size:38px}.tr-hero-art{transform:scale(.88);transform-origin:center}.tr-pill{position:static;display:inline-block;margin-top:15px}.tr-guides{grid-template-columns:repeat(2,minmax(0,1fr))}.tr-guides article:last-child{grid-column:1/-1}}
@media(max-width:700px){.tr-wrap{padding-inline:20px}.tr-head{height:72px}.tr-head nav{display:none}.tr-brand strong{font-size:21px}.tr-hero-grid{grid-template-columns:minmax(0,1fr);gap:18px;padding-top:39px;padding-bottom:30px}.tr-hero-grid>div{min-width:0}.tr-hero h1{font-size:36px;margin:15px 0}.tr-hero p{max-width:100%;font-size:13px;overflow-wrap:anywhere}.tr-search{width:100%}.tr-search input{width:0}.tr-hero-art{width:340px;max-width:100%;margin:auto;min-height:290px;transform:scale(.9)}.tr-float-card{width:218px;padding:17px}.tr-float-card.tr-tg{right:8px;top:130px}.tr-orbit{left:17px;width:280px;height:280px}.tr-art-note{bottom:0;left:10px}.tr-art-label{right:8px;top:10px}.tr-trust{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 14px;font-size:10px;padding:16px 0}.tr-trust span:before{margin-right:4px}.tr-section{padding-top:34px}.tr-section-head{align-items:start}.tr-section-head h2{font-size:24px}.tr-section-head>a,.tr-section-head>p{display:none}.tr-cards,.tr-guides{grid-template-columns:minmax(0,1fr);gap:15px}.tr-resource-card{padding:23px}.tr-pill{position:absolute;right:20px;top:23px;margin:0}.tr-card-top h3{font-size:20px}.tr-card-top .tr-app-icon{width:49px;height:49px}.tr-language{grid-template-columns:minmax(0,1fr);padding:23px;margin-top:25px}.tr-language h3{font-size:19px}.tr-language a{flex:1;white-space:nowrap;text-align:center;padding:9px 12px}.tr-guides article:last-child{grid-column:auto}.tr-faq{grid-template-columns:minmax(0,1fr);gap:25px;margin:45px 0;padding:30px 22px}.tr-about{grid-template-columns:minmax(0,1fr);gap:24px;padding:30px 0}.tr-footer>.tr-wrap{align-items:start;flex-direction:column;gap:17px}.tr-footer>.tr-wrap>div:last-child{flex-wrap:wrap}.tr-search button{padding:10px 16px}.tr-hero .tr-eyebrow{font-size:10px}}
/* Middle East facade: project-led B2B architecture template */
.preview-root[data-layout="middle-east-facade"]{--me-navy:#071c25;--me-navy-2:#0b2b37;--me-gold:#c9a45f;--me-sand:#e8dfcf;--me-cream:#f6f0e5;--me-ink:#13262d;--me-line:rgba(7,28,37,.16);overflow-x:clip;color:var(--me-ink);background:var(--me-cream);font-family:Inter,"Helvetica Neue",Arial,sans-serif}
.preview-root[data-layout="middle-east-facade"] *{box-sizing:border-box}
.preview-root[data-layout="middle-east-facade"] a{color:inherit;text-decoration:none}
.preview-root[data-layout="middle-east-facade"] button,.preview-root[data-layout="middle-east-facade"] input,.preview-root[data-layout="middle-east-facade"] select{font:inherit}
.me-site{min-width:0;background:var(--me-cream)}
.me-utility{height:30px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(24px,4vw,72px);color:#dce7e9;background:var(--me-navy);font-size:8px;font-weight:700;letter-spacing:.16em}
.me-utility>div{display:flex;align-items:center;gap:18px}.me-utility a{padding-bottom:2px;border-bottom:1px solid rgba(255,255,255,.35)}.me-utility button,.me-footer button{padding:0;border:0;color:inherit;background:transparent;cursor:pointer;font-size:9px}.me-utility button[aria-pressed="true"],.me-footer button[aria-pressed="true"]{color:var(--me-gold)}
.me-nav{height:76px;display:grid;grid-template-columns:minmax(180px,1fr) auto minmax(240px,1fr);align-items:center;gap:30px;padding:0 clamp(24px,4vw,72px);border-bottom:1px solid var(--me-line);background:#fbf8f1}
.me-logo{display:inline-flex;flex-direction:column;width:max-content}.me-logo strong{font-size:19px;letter-spacing:.22em}.me-logo span{margin-top:5px;color:#788084;font-size:6px;letter-spacing:.18em}
.me-nav nav{display:flex;gap:34px;font-size:8px;font-weight:800;letter-spacing:.1em}.me-nav nav a{padding:34px 0 30px;border-bottom:2px solid transparent}.me-nav nav a:hover{border-bottom-color:var(--me-gold)}
.me-nav-actions{justify-self:end;display:flex;align-items:center;gap:22px;font-size:8px;font-weight:800;letter-spacing:.08em}.me-quote{padding:15px 20px;color:#071c25!important;background:var(--me-gold)}
.me-hero{min-height:660px;position:relative;display:grid;align-items:end;padding:clamp(46px,6vw,92px) clamp(24px,5.5vw,88px);color:#fff;background-image:linear-gradient(90deg,rgba(4,24,33,.94) 0%,rgba(4,24,33,.79) 35%,rgba(4,24,33,.16) 73%,rgba(4,24,33,.08)),var(--me-image);background-position:center;background-size:cover}
.me-hero-copy{position:relative;z-index:1;max-width:680px}.me-hero-copy>span,.me-systems header span,.me-support-copy>span,.me-applications header span,.me-finishes>div>span,.me-resources header span,.me-rfq>div>span{color:var(--me-gold);font-size:8px;font-weight:900;letter-spacing:.2em}
.me-hero h1{max-width:610px;margin:24px 0 20px;font-size:clamp(54px,6vw,88px);font-weight:500;line-height:.92;letter-spacing:-.065em}.me-hero p{max-width:550px;margin:0;color:rgba(255,255,255,.75);font-size:13px;line-height:1.75}
.me-hero-copy>div{display:flex;gap:12px;margin-top:34px}.me-hero-copy>div a{min-width:154px;padding:15px 20px;text-align:center;font-size:8px;font-weight:900;letter-spacing:.09em}.me-hero-copy>div a:first-child{color:var(--me-navy);background:var(--me-gold)}.me-hero-copy>div a:last-child{border:1px solid rgba(255,255,255,.55)}
.me-hero-status{position:absolute;right:38px;bottom:28px;display:flex;align-items:center;gap:10px;font-size:7px;letter-spacing:.12em}.me-hero-status i{width:8px;height:8px;border-radius:50%;background:#42bf72;box-shadow:0 0 0 4px rgba(66,191,114,.16)}
.me-system-strip{display:grid;grid-template-columns:repeat(4,1fr);margin-top:-1px;padding:0 clamp(24px,5.5vw,88px);color:#e7edef;background:var(--me-navy)}.me-system-strip a{min-height:78px;display:grid;grid-template-columns:auto 1fr;align-content:center;gap:8px 14px;padding:16px 20px;border-right:1px solid rgba(255,255,255,.12)}.me-system-strip a:first-child{border-left:1px solid rgba(255,255,255,.12)}.me-system-strip span{color:var(--me-gold);font-size:7px}.me-system-strip b{font-size:8px;letter-spacing:.07em}.me-system-strip em{grid-column:2;color:#81939a;font-size:6px;font-style:normal}
.me-role-strip{min-height:100px;display:grid;grid-template-columns:.65fr repeat(4,1fr);align-items:stretch;padding:0 clamp(24px,5.5vw,88px);border-bottom:1px solid var(--me-line);background:#fbf8f1}.me-role-strip>span{align-self:center;color:#b89a61;font-size:7px;font-weight:900;letter-spacing:.16em}.me-role-strip a{position:relative;display:flex;flex-direction:column;justify-content:center;padding:20px 28px;border-left:1px solid var(--me-line)}.me-role-strip b{font-size:8px;letter-spacing:.08em}.me-role-strip small{margin-top:8px;color:#849096;font-size:7px}.me-role-strip i{position:absolute;right:18px;top:50%;color:var(--me-gold);font-style:normal}
.me-systems{padding:clamp(74px,8vw,126px) clamp(24px,5.5vw,88px);background:var(--me-cream)}
.me-systems>header,.me-applications>header,.me-resources>header{display:grid;grid-template-columns:1.25fr .75fr;gap:80px;align-items:end;margin-bottom:54px}.me-systems h2,.me-support h2,.me-applications h2,.me-finishes h2,.me-resources h2,.me-rfq h2{margin:20px 0 0;font-size:clamp(38px,4.4vw,68px);font-weight:500;line-height:.98;letter-spacing:-.055em}.me-systems header p,.me-applications header p,.me-resources header p{max-width:410px;margin:0 0 3px;color:#627177;font-size:11px;line-height:1.75}
.me-system-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.me-system-cards article{display:grid;grid-template-rows:auto auto auto 1fr auto;padding-bottom:22px;border:1px solid var(--me-line);background:#fbf8f1}.me-system-cards article>div{aspect-ratio:1.45;background-position:center;background-size:cover}.me-system-cards article>span{margin:18px 20px 0;color:var(--me-gold);font-size:7px}.me-system-cards h3{margin:12px 20px 0;font-size:11px;letter-spacing:.04em}.me-system-cards p{margin:10px 20px;color:#778286;font-size:8px;line-height:1.6}.me-system-cards a{display:flex;justify-content:space-between;margin:22px 20px 0;padding-top:14px;border-top:1px solid var(--me-line);font-size:7px;font-weight:900;letter-spacing:.07em}.me-system-cards a b{color:var(--me-gold)}.me-systems>footer{display:flex;justify-content:space-between;margin-top:20px;color:#7e888c;font-size:8px}.me-systems>footer a{color:var(--me-ink);font-weight:900}
.me-support{display:grid;grid-template-columns:.93fr 1.07fr;gap:70px;padding:clamp(74px,8vw,122px) clamp(24px,5.5vw,88px);color:#e7edef;background:var(--me-navy)}.me-support-copy>p{max-width:520px;color:#9badb4;font-size:11px;line-height:1.78}.me-support ol{padding:0;margin:36px 0;list-style:none}.me-support li{display:grid;grid-template-columns:38px 160px 1fr;gap:14px;align-items:center;padding:17px 0;border-top:1px solid rgba(255,255,255,.12)}.me-support li:last-child{border-bottom:1px solid rgba(255,255,255,.12)}.me-support li span{color:var(--me-gold);font-size:7px}.me-support li b{font-size:8px;letter-spacing:.08em}.me-support li small{color:#82979f;font-size:7px}.me-support-copy>div{display:flex;gap:14px}.me-support-copy>div a{padding:14px 18px;border:1px solid rgba(255,255,255,.3);font-size:7px;font-weight:900}.me-support-copy>div a:first-child{color:var(--me-navy);border-color:var(--me-gold);background:var(--me-gold)}
.me-support figure{align-self:center;margin:0;background:var(--me-navy-2)}.me-support figure>div{aspect-ratio:1.45;background-position:center;background-size:cover}.me-support figcaption{position:relative;display:flex;flex-direction:column;padding:20px 22px 24px}.me-support figcaption span{color:var(--me-gold);font-size:7px}.me-support figcaption b{margin-top:8px;font-size:9px}.me-support figcaption a{position:absolute;right:22px;bottom:24px;color:#bac8cd;font-size:7px}
.me-applications{padding:clamp(74px,8vw,126px) clamp(24px,5.5vw,88px);background:#fbf8f1}.me-application-layout{display:grid;grid-template-columns:.92fr 1.08fr;gap:68px}.me-application-layout figure{min-height:520px;position:relative;margin:0;background-position:center;background-size:cover}.me-application-layout figcaption{position:absolute;left:0;bottom:0;padding:14px 18px;color:#fff;background:rgba(7,28,37,.78);font-size:7px;letter-spacing:.08em}.me-application-layout>div>a:not(.me-view-all){display:grid;grid-template-columns:34px 180px 1fr 20px;align-items:center;gap:12px;padding:24px 0;border-top:1px solid var(--me-line)}.me-application-layout>div>a:nth-last-child(2){border-bottom:1px solid var(--me-line)}.me-application-layout a span{color:var(--me-gold);font-size:7px}.me-application-layout a b{font-size:8px;letter-spacing:.06em}.me-application-layout a small{color:#7c898e;font-size:8px}.me-application-layout a i{color:var(--me-gold);font-style:normal}.me-view-all{display:block;margin-top:25px;text-align:right;font-size:7px;font-weight:900}
.me-finishes{display:grid;grid-template-columns:.9fr 1.1fr;gap:90px;padding:clamp(74px,8vw,120px) clamp(24px,5.5vw,88px);background:var(--me-cream)}.me-finishes>div>p{max-width:480px;color:#65747a;font-size:10px;line-height:1.8}.me-swatches{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.me-swatches i{height:92px;position:relative;background:var(--swatch)}.me-swatches small{position:absolute;left:0;top:106px;color:#59686e;font-size:6px;font-style:normal;letter-spacing:.07em}.me-finish-board dl{margin:50px 0 24px}.me-finish-board dl div{display:flex;justify-content:space-between;gap:30px;padding:14px 0;border-bottom:1px solid var(--me-line)}.me-finish-board dt{font-size:7px;font-weight:900;letter-spacing:.06em}.me-finish-board dd{margin:0;color:#718087;font-size:8px}.me-finish-board>a{display:block;padding:17px;text-align:center;color:#fff;background:var(--me-navy);font-size:7px;letter-spacing:.1em}
.me-resources{padding:clamp(74px,8vw,118px) clamp(24px,5.5vw,88px);background:#fbf8f1}.me-resources>div{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.me-resources article{min-height:190px;display:flex;flex-direction:column;padding:24px;border:1px solid var(--me-line);background:var(--me-cream)}.me-resources article>span{color:var(--me-gold);font-size:7px}.me-resources article h3{margin:30px 0 8px;font-size:10px}.me-resources article p{margin:0;color:#758288;font-size:8px}.me-resources article a{display:flex;justify-content:space-between;margin-top:auto;padding-top:20px;border-top:1px solid var(--me-line);font-size:7px;font-weight:900}.me-resources article a b{color:var(--me-gold)}
.me-rfq{display:grid;grid-template-columns:.95fr 1.05fr;gap:90px;padding:clamp(74px,8vw,118px) clamp(24px,5.5vw,88px);background:#d9c39a}.me-rfq>div>p{max-width:510px;color:#596066;font-size:10px;line-height:1.75}.me-rfq>div>div{display:flex;gap:22px;margin-top:34px;font-size:8px;font-weight:900}.me-rfq>div>div a{padding-bottom:5px;border-bottom:1px solid rgba(7,28,37,.35)}.me-rfq form{display:grid;grid-template-columns:1fr 1fr;gap:24px 26px;align-content:center}.me-rfq label{display:grid;gap:9px;font-size:7px;font-weight:900;letter-spacing:.07em}.me-rfq input,.me-rfq select{width:100%;padding:10px 0;border:0;border-bottom:1px solid rgba(7,28,37,.28);border-radius:0;outline:0;background:transparent;font-size:9px}.me-rfq button{padding:16px;border:0;color:#fff;background:var(--me-navy);cursor:pointer;font-size:8px;font-weight:900;letter-spacing:.08em}.me-rfq small{align-self:center;color:#6c695f;font-size:7px}
.me-footer{display:grid;grid-template-columns:1fr auto auto;gap:48px;align-items:start;padding:46px clamp(24px,5.5vw,88px) 30px;color:#e0e8ea;background:var(--me-navy)}.me-footer p{grid-column:1/-1;margin:20px 0 0;padding-top:20px;border-top:1px solid rgba(255,255,255,.1);color:#758a92;font-size:7px}.me-footer>div:first-child>p{grid-column:auto;margin:18px 0 0;padding:0;border:0;color:#7f959d;font-size:7px}.me-footer nav{display:flex;gap:34px;padding-top:5px;font-size:7px;font-weight:800}.me-footer>div:nth-child(3){display:flex;gap:12px;color:#fff}
.me-site[dir="rtl"]{text-align:right}.me-site[dir="rtl"] .me-nav,.me-site[dir="rtl"] .me-rfq,.me-site[dir="rtl"] .me-support,.me-site[dir="rtl"] .me-finishes{direction:rtl}.me-site[dir="rtl"] .me-logo{align-items:flex-end}.me-site[dir="rtl"] .me-role-strip i,.me-site[dir="rtl"] .me-support figcaption a{right:auto;left:18px}

@media(max-width:1050px){.me-nav{grid-template-columns:1fr auto}.me-nav nav{display:none}.me-nav-actions>a:first-child{display:none}.me-role-strip{grid-template-columns:repeat(4,1fr)}.me-role-strip>span{display:none}.me-support,.me-finishes,.me-rfq{gap:44px}.me-application-layout{gap:40px}.me-application-layout>div>a:not(.me-view-all){grid-template-columns:30px 150px 1fr 20px}}
@media(max-width:760px){.me-utility{padding:0 16px}.me-utility>span{font-size:6px}.me-utility>div>a{display:none}.me-nav{height:68px;padding:0 16px}.me-nav-actions{gap:0}.me-nav-actions>a:first-child{display:none}.me-quote{padding:12px 14px}.me-hero{min-height:610px;align-items:end;padding:54px 20px;background-image:linear-gradient(180deg,rgba(4,24,33,.16),rgba(4,24,33,.92) 70%),var(--me-image);background-position:64% center}.me-hero h1{font-size:clamp(48px,15vw,68px)}.me-hero p{font-size:12px}.me-hero-copy>div{display:grid}.me-hero-status{display:none}.me-system-strip{grid-template-columns:1fr 1fr;padding:0}.me-system-strip a{min-height:70px;border-bottom:1px solid rgba(255,255,255,.12)}.me-role-strip{grid-template-columns:1fr 1fr;padding:0}.me-role-strip a{min-height:92px}.me-role-strip a:nth-child(odd){border-right:1px solid var(--me-line)}.me-systems>header,.me-applications>header,.me-resources>header{grid-template-columns:1fr;gap:22px}.me-system-cards{grid-template-columns:1fr}.me-systems>footer{display:grid;gap:12px}.me-support,.me-applications,.me-finishes,.me-rfq{grid-template-columns:1fr}.me-support figure{grid-row:1}.me-support li{grid-template-columns:34px 115px 1fr}.me-application-layout{grid-template-columns:1fr}.me-application-layout figure{min-height:430px}.me-application-layout>div>a:not(.me-view-all){grid-template-columns:30px 1fr 20px}.me-application-layout a small{display:none}.me-finishes{gap:55px}.me-swatches{gap:7px}.me-swatches i{height:64px}.me-swatches small{top:76px;font-size:5px}.me-resources>div{grid-template-columns:1fr}.me-rfq form{grid-template-columns:1fr}.me-footer{grid-template-columns:1fr;gap:25px}.me-footer nav{flex-wrap:wrap;gap:22px}.me-footer p{grid-column:auto}}
@media(max-width:420px){.me-logo strong{font-size:16px}.me-logo span{display:none}.me-quote{font-size:6px}.me-hero-copy>div a{width:100%}.me-support-copy>div,.me-rfq>div>div{display:grid}.me-support li{grid-template-columns:30px 1fr}.me-support li small{grid-column:2}.me-finishes h2{font-size:36px}.me-finish-board dd{text-align:right}.me-system-strip b{font-size:7px}}

.preview-root{--template-image-0:url('/wp-content/themes/site-cd06c979-materials-middle-east-facade/assets/materials-me-facade-hero-v2.webp');--template-image-1:url('/wp-content/themes/site-cd06c979-materials-middle-east-facade/assets/materials-me-facade-detail.png');--template-image-2:url('/wp-content/themes/site-cd06c979-materials-middle-east-facade/assets/materials-me-facade-perforated.jpg');--template-image-3:url('/wp-content/themes/site-cd06c979-materials-middle-east-facade/assets/materials-me-facade-project.jpg');--template-image-4:url('/wp-content/themes/site-cd06c979-materials-middle-east-facade/assets/materials-me-facade-entrance.jpg');--template-image-5:url('/wp-content/themes/site-cd06c979-materials-middle-east-facade/assets/materials-me-facade-canopy.jpg')}

.wp-site-blocks{min-height:100vh}.wp-site-blocks>.preview-root{margin:0;max-width:none}.wp-site-blocks>.wp-block-template-part{margin:0}.theme-footer{grid-template-columns:1fr auto;padding:34px clamp(24px,6vw,96px)}

/* Middle East facade: readable type scale for real desktop and mobile browsing. */
.me-utility{height:36px;font-size:10px}.me-utility button,.me-footer button{font-size:11px}
.me-nav{height:84px}.me-logo strong{font-size:21px}.me-logo span{font-size:8px}
.me-nav nav{font-size:12px}.me-nav nav a{padding:36px 0 32px}.me-nav-actions{font-size:11px}
.me-hero-copy>span,.me-systems header span,.me-support-copy>span,.me-applications header span,.me-finishes>div>span,.me-resources header span,.me-rfq>div>span{font-size:11px}
.me-hero p{font-size:16px;line-height:1.72}.me-hero-copy>div a{font-size:11px}.me-hero-status{font-size:10px}
.me-system-strip span{font-size:10px}.me-system-strip b{font-size:12px}.me-system-strip em{font-size:10px;line-height:1.45}
.me-role-strip>span{font-size:10px}.me-role-strip b{font-size:12px}.me-role-strip small{font-size:10px;line-height:1.45}
.me-systems header p,.me-applications header p,.me-resources header p{font-size:15px;line-height:1.7}
.me-system-cards article>span{font-size:10px}.me-system-cards h3{font-size:16px}.me-system-cards p{font-size:13px;line-height:1.65}.me-system-cards a{font-size:11px}.me-systems>footer{font-size:11px}
.me-support-copy>p{font-size:15px;line-height:1.75}.me-support li span{font-size:10px}.me-support li b{font-size:13px}.me-support li small{font-size:11px;line-height:1.45}.me-support-copy>div a{font-size:11px}
.me-support figcaption span{font-size:10px}.me-support figcaption b{font-size:13px}.me-support figcaption a{font-size:10px}
.me-application-layout figcaption{font-size:10px}.me-application-layout a span{font-size:10px}.me-application-layout a b{font-size:13px}.me-application-layout a small{font-size:12px;line-height:1.45}.me-view-all{font-size:11px}
.me-finishes>div>p{font-size:14px;line-height:1.75}.me-swatches small{font-size:9px}.me-finish-board dt{font-size:11px}.me-finish-board dd{font-size:12px}.me-finish-board>a{font-size:11px}
.me-resources article>span{font-size:10px}.me-resources article h3{font-size:15px}.me-resources article p{font-size:12px;line-height:1.55}.me-resources article a{font-size:11px}
.me-rfq>div>p{font-size:14px;line-height:1.75}.me-rfq>div>div{font-size:11px}.me-rfq label{font-size:11px}.me-rfq input,.me-rfq select{font-size:14px}.me-rfq button{font-size:12px}.me-rfq small{font-size:10px;line-height:1.45}
.me-footer p,.me-footer>div:first-child>p{font-size:10px;line-height:1.55}.me-footer nav{font-size:11px}
@media(max-width:760px){.me-utility>span{font-size:9px}.me-hero p{font-size:15px}.me-swatches small{font-size:8px}.me-system-strip em{font-size:9px}.me-role-strip small{font-size:10px}}