/* V4: a visual overview with one accessible detail layer. */
/* V6: actual media, quantified value, and a single detail layer. */
.feature-entry.factory-entry { grid-template-columns:minmax(320px,.9fr) 1.1fr 44px; }
.factory-entry .feature-entry-image { height:290px; }
.sustainability-wordmark { display:flex;align-items:center;justify-content:center;min-height:220px;padding:24px;color:#fff;background:#17354a;font-size:38px;font-weight:500;line-height:1.05;letter-spacing:-.02em; }
.card-media.wall-photo>img { object-fit:contain;background:#ecf0f1;padding:12px 8px 28px; }
.project-media-grid { display:grid;grid-template-columns:1.25fr 1fr;gap:24px; }
.project-media-grid .project-main { grid-row:span 2;min-height:650px; }
.project-media-grid .project-site,.project-media-grid .project-video { min-height:315px; }
.project-media-grid .project-site strong,.project-media-grid .project-video strong { font-size:36px; }
.project-media-grid .project-main>img { object-position:46% center; }
.project-media-grid .photo-credit { max-width:calc(100% - 48px); }
.metrics-status { display:flex;justify-content:space-between;gap:20px;border-bottom:1px solid var(--line);padding-bottom:20px;margin-bottom:24px;color:var(--muted);font-size:13px; }
.metrics-status>span:first-child { color:var(--blue);font-weight:500; }
.value-metrics { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:var(--line);border:1px solid var(--line); }
.metric-card { position:relative;text-align:left;background:var(--bg);padding:32px 30px 36px;color:var(--ink); }
.metric-card>.entry-kicker { margin-bottom:22px;color:var(--muted);font-size:12px;letter-spacing:.055em; }
.metric-card>strong { display:block;color:var(--blue);font-weight:500;font-size:clamp(58px,5.8vw,84px);line-height:1.05;letter-spacing:-.045em;font-variant-numeric:tabular-nums; }
.metric-card>strong>span { font-size:.5em;letter-spacing:-.03em; }
.metric-label { display:block;font-size:22px;font-weight:500;line-height:1.2;margin-top:24px;max-width:24ch;padding-right:25px; }
.metric-explanation { display:block;font-size:15px;color:var(--muted);line-height:1.5;margin-top:12px;max-width:29ch;padding-right:10px; }
.metric-card>.plus { position:absolute;right:22px;bottom:30px;color:var(--blue);width:28px;height:28px;font-size:20px; }
.value-links { display:grid;grid-template-columns:repeat(4,1fr);gap:24px;margin-top:32px; }
.value-links>button { color:var(--ink);display:flex;justify-content:space-between;align-items:center;gap:16px;text-align:left;font-size:17px;border-top:1px solid var(--line);padding:22px 0; }
.value-links>button>span { font-size:24px;color:var(--blue); }
.metric-detail { border-bottom:1px solid var(--line);padding:16px 0 32px; }
.metric-detail>strong { display:block;font-size:clamp(64px,8vw,100px);line-height:1;letter-spacing:-.04em;font-weight:500;color:var(--blue); }
#detail-body .metric-detail h3 { font-size:26px;margin:20px 0 12px; }
.factory-facts,.wall-performance { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:var(--line);border:1px solid var(--line);margin:30px 0; }
.factory-facts>div,.wall-performance>div { background:var(--surface);padding:24px; }
.factory-facts strong,.wall-performance strong { font-size:32px;font-weight:500;line-height:1.2;color:var(--blue);display:block; }
.factory-facts span,.wall-performance span { display:block;font-size:14px;color:var(--muted);margin-top:12px; }
.film-player { background:var(--surface);padding-bottom:20px; }
.film-player video { display:block;width:100%;aspect-ratio:960/544;max-height:65vh;background:#071118; }
.film-player .btn { margin:20px 20px 0; }
.film-player video::cue { background:rgba(0,0,0,.8);color:#fff;font-size:15px; }
.film-chapters { display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin:28px 0; }
.film-chapters>div { border-top:1px solid var(--line);padding-top:18px; }
.film-chapters span { font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:var(--blue);display:block;margin-bottom:10px; }
.film-chapters strong { font-size:18px;font-weight:500;display:block; }
@media(max-width:1000px) {
 .feature-entry.factory-entry { grid-template-columns:240px 1fr 36px; }
 .project-media-grid { gap:16px; }
 .project-media-grid .image-entry-copy { left:24px;right:24px; }
 .metric-card { padding:28px 22px; }
 .metric-explanation { padding-right:22px; }
 .value-links { grid-template-columns:1fr 1fr; }
}
@media(max-width:700px) {
 .feature-entry.factory-entry { grid-template-columns:1fr 36px; }
 .factory-entry .feature-entry-image { height:210px; }
 .sustainability-wordmark { grid-column:1/-1;margin:0 -22px;min-height:150px;justify-content:flex-start;line-height:1.05;padding:24px; }
 .project-media-grid { grid-template-columns:1fr;gap:20px; }
 .project-media-grid .project-main { grid-row:auto;min-height:430px; }
 .project-media-grid .project-site,.project-media-grid .project-video { min-height:340px; }
 .project-media-grid .project-site strong,.project-media-grid .project-video strong { font-size:32px; }
 .project-media-grid .photo-credit { font-size:12px;left:18px;max-width:calc(100% - 36px); }
 .metrics-status { flex-direction:column;gap:8px; }
 .value-metrics { grid-template-columns:1fr; }
 .metric-card { padding:28px; }
 .metric-card>strong { font-size:76px; }
 .metric-label { margin-top:18px; }
 .metric-explanation { max-width:28ch;padding-right:20px; }
 .value-links { gap:0 20px; }
 .value-links>button { font-size:15px; }
 .factory-facts,.wall-performance,.film-chapters { grid-template-columns:1fr;gap:1px; }
 .film-chapters { gap:18px; }
 .film-player .btn { margin:16px 12px 0; }
 .film-player video::cue { font-size:12px; }
}
.visual-story,.visual-products { background:var(--bg); }
.visual-tech,.visual-values { background:var(--surface); }
.story-tiles,.product-entries { display:grid;grid-template-columns:1.3fr 1fr;gap:24px; }
.image-entry { position:relative;display:block;text-align:left;min-height:480px;overflow:hidden;color:white;background:var(--night);width:100%; }
.image-entry>img { position:absolute;inset:0;width:100%;height:100%;object-fit:cover; }
.image-entry::after { content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(12,26,34,.1) 5%,rgba(12,26,34,.25) 30%,rgba(12,26,34,.9) 100%); }
.image-entry-copy { position:absolute;inset:auto 32px 28px;z-index:1; }
.entry-kicker { display:block;font-size:12px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;margin-bottom:16px; }
.image-entry-copy>strong { display:block;font-size:clamp(2.5rem,4vw,4rem);font-weight:500;line-height:1.05;letter-spacing:-.025em; }
.entry-action { display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:24px;border-top:1px solid #ffffff60;padding-top:18px;font-size:16px; }
.entry-action b,.plus { display:grid;place-items:center;flex-shrink:0;width:36px;height:36px;border:1px solid currentColor;border-radius:50%;font-size:24px;font-weight:400; }
.photo-credit { position:absolute;z-index:1;top:20px;left:24px;font-size:12px;background:#10202dd9;padding:4px 10px; }
.origin-line { display:flex;align-items:center;justify-content:space-between;gap:24px;border-bottom:1px solid var(--line);padding:28px 0;font-size:12px;letter-spacing:.06em; }
.origin-line strong { display:block;font-size:24px;font-weight:500;letter-spacing:0; }
.browse-label { display:flex;justify-content:space-between;gap:16px;font-size:13px;padding-bottom:20px;border-bottom:1px solid var(--line);margin-bottom:24px; }
.browse-label>span:first-child { text-transform:uppercase;letter-spacing:.1em; }
.tech-entries,.value-entries { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px 24px; }
.visual-card { width:100%;text-align:left;display:flex;flex-direction:column;background:var(--bg);color:var(--ink);border:1px solid var(--line); }
.card-media { display:block;position:relative;aspect-ratio:1.38;overflow:hidden;background:#e8ecec;width:100%; }
.card-media>img { width:100%;height:100%;object-fit:cover; }
.diagram-media { background:white; }
.diagram-media>img { object-fit:contain; padding:28px 12px 42px; }
.media-tag { position:absolute;bottom:14px;left:16px;right:12px;font-size:12px;line-height:1.5;text-transform:uppercase;letter-spacing:.06em;color:#1b3345;background:#fffffff0;padding:4px 8px;width:fit-content; }
.card-copy { display:block;position:relative;padding:24px 64px 24px 24px;flex:1; }
.card-copy>strong { display:block;font-size:24px;line-height:1.15;font-weight:500;letter-spacing:-.015em; }
.card-copy>span:not(.entry-kicker) { display:block;font-size:16px;color:var(--muted);margin-top:12px; }
.card-copy .plus { position:absolute;right:18px;top:24px;color:var(--blue); }
.card-copy .entry-kicker { color:var(--blue);font-size:12px; }
.overview-note { font-size:13px;max-width:100ch;margin-top:24px; }
.assembly-preview { background:#e8eded; }
.mini-wall { display:flex;align-items:center;justify-content:center;height:100%;padding-bottom:24px;transform:skewY(-13deg);gap:13px; }
.mini-wall i { display:block;width:42px;height:57%;background:#b5c0c8;border:1px solid #526878;box-shadow:8px 6px 0 #728595; }
.mini-wall i:first-child,.mini-wall i:last-child { width:18px;background:#faf8f0; }
.mini-wall i:nth-child(2) { background:repeating-linear-gradient(0deg,#627789 0 7px,#c7d0d8 7px 51px); }
.interior-preview .mini-wall i:nth-child(3) { background:repeating-linear-gradient(90deg,#d7c59c 0 5px,#efe3bf 5px 10px); }
.exterior-preview .mini-wall i:nth-child(2) { background:#60826b; }
.exterior-preview .mini-wall i:nth-child(3) { background:repeating-linear-gradient(45deg,#dbc995 0 5px,#efe3bf 5px 10px); }
.exterior-preview .mini-wall i:nth-child(4) { width:58px;background:#98a5af; }
.compliance-art { padding:30px;color:#e8f2ff;background:#163246; }
.compliance-art>span:first-child { display:block;font-size:clamp(32px,3.6vw,52px);line-height:1.03;letter-spacing:-.02em; }
.code-pair { display:block;margin-top:22px;font-size:11px;letter-spacing:.1em; }
.code-pair b { padding-inline:12px;font-weight:400; }
.product-entries { grid-template-columns:1fr 1fr; }
.product-entries .image-entry { min-height:440px; }
.edition-entry { display:flex;align-items:center;justify-content:space-between;gap:24px;width:100%;text-align:left;border-bottom:1px solid var(--line);padding:28px 0;color:var(--ink); }
.edition-entry>span { font-size:13px; }
.edition-entry strong { font-size:28px;font-weight:500; }
.edition-entry i { color:var(--muted);font-style:normal;padding-inline:12px; }
.edition-entry b { margin-left:18px;font-size:24px;font-weight:400; }
/* V5: three product editions, still one overview and one detail layer. */
.edition-cards { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px; }
.edition-card .card-media { aspect-ratio:1.55;background:#f4f7f8;display:flex;align-items:center; }
.edition-card .card-media>img { object-fit:contain;height:auto; }
.edition-card .card-copy { padding:24px 24px 16px; }
.edition-card .card-copy>strong { font-size:38px; }
.edition-card .card-copy .plus { top:51px; }
.edition-card .entry-kicker { padding-right:0;letter-spacing:.07em; }
.edition-foot { display:block;padding:16px 24px 22px;font-size:13px;border-top:1px solid var(--line);color:var(--muted); }
.product-type-label { margin-top:52px; }
.feature-entry { display:grid;grid-template-columns:260px 1fr 44px;align-items:center;gap:32px;width:100%;text-align:left;color:var(--ink);border:1px solid var(--line);background:var(--bg);margin-top:32px;padding-right:32px;overflow:hidden; }
.feature-entry-image { display:block;height:210px;overflow:hidden; }
.feature-entry-image>img { width:100%;height:100%;object-fit:cover; }
.feature-entry-copy { display:block;padding:24px 0; }
.feature-entry-copy>strong { display:block;font-size:30px;line-height:1.13;font-weight:500;letter-spacing:-.02em; }
.feature-entry-copy>span:last-child { display:block;color:var(--muted);margin-top:14px;font-size:16px; }
.feature-entry .entry-kicker { margin-bottom:12px;color:var(--blue); }
.feature-entry .plus { color:var(--blue); }
.digital-entry .feature-entry-image>img { object-fit:contain;background:#fff; }
.product-detail-hero { display:grid;grid-template-columns:1.05fr 1fr;gap:32px;align-items:center;margin-bottom:32px; }
.product-detail-hero .detail-figure { margin:0; }
.product-detail-hero .detail-lede { margin-top:12px; }
.interior-gallery { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:28px 0; }
.interior-gallery figure { margin:0; }
.interior-gallery img { width:100%;aspect-ratio:1.55;object-fit:cover; }
.interior-gallery figcaption { font-size:15px;padding-top:10px;color:var(--ink); }
.comfort-grid { display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:1px;background:var(--line);border:1px solid var(--line);margin:28px 0; }
.comfort-grid>div { background:var(--surface);padding:22px 16px; }
.comfort-grid b { display:block;color:var(--blue);font-size:13px;margin-bottom:18px;font-weight:500; }
.comfort-grid strong { display:block;font-weight:500;font-size:17px; }
.comfort-grid span { display:block;color:var(--muted);font-size:14px;line-height:1.45;margin-top:10px; }
.assessment-path { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin:28px 0; }
.assessment-path>div { padding:24px;background:var(--surface);border-top:3px solid var(--blue); }
.assessment-path small { font-size:12px;letter-spacing:.07em;text-transform:uppercase;color:var(--blue); }
#detail-body .assessment-path h3 { font-size:23px;margin:14px 0 10px; }
.assessment-path p { font-size:15px; }
.green-criteria { margin:28px 0; }
.green-criteria article { display:grid;grid-template-columns:160px 1fr 1fr;gap:24px;padding:22px 0;border-bottom:1px solid var(--line);align-items:start; }
#detail-body .green-criteria h3 { font-size:20px;margin:0; }
.green-criteria p { font-size:15px; }
.green-criteria p>span { display:block;color:var(--blue);font-size:12px;text-transform:uppercase;letter-spacing:.08em;margin-bottom:8px; }
.detail-source { font-size:13px;color:var(--muted); }
#detail-body a:not(.text-link) { text-decoration:underline;text-underline-offset:3px; }
@media(max-width:1000px) {
 .edition-cards { gap:16px; }
 .edition-card .entry-kicker { font-size:12px;letter-spacing:.03em; }
 .feature-entry { grid-template-columns:220px 1fr 36px;gap:24px;padding-right:24px; }
 .comfort-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
}
@media(max-width:700px) {
 .edition-cards,.product-detail-hero,.interior-gallery,.assessment-path { grid-template-columns:1fr;gap:24px; }
 .edition-card .entry-kicker { font-size:12px; }
 .edition-card .card-media { aspect-ratio:1.7; }
 .feature-entry { grid-template-columns:1fr 36px;gap:0 18px;padding:0 22px 22px; }
 .feature-entry-image { grid-column:1/-1;height:180px;margin:0 -22px; }
 .feature-entry-copy { padding:22px 0 0; }
 .feature-entry-copy>strong { font-size:26px; }
 .feature-entry .plus { align-self:end; }
 .feature-entry .entry-kicker { font-size:12px;letter-spacing:.03em; }
 .product-type-label { margin-top:40px; }
 .comfort-grid { grid-template-columns:1fr 1fr; }
 .comfort-grid>div:last-child { grid-column:1/-1; }
 .green-criteria article { grid-template-columns:1fr;gap:14px; }
 .interior-gallery img { aspect-ratio:1.6; }
}
.visual-projects { padding-top:0; }
.project-entry { text-align:left;display:grid;grid-template-columns:1fr 1.3fr 1fr;gap:40px;background:#17354a;color:#fff;width:100%;padding:48px; }
.project-entry-id { font-size:12px;letter-spacing:.1em;line-height:1.7;color:#bad1e1; }
.project-entry>strong { font-size:clamp(2.5rem,4.4vw,4.5rem);font-weight:500;line-height:1.03; }
.project-entry-area { font-size:clamp(2.5rem,4vw,4rem);font-weight:500;line-height:1.1; }
.project-entry-area small { font-size:24px; }
.project-entry-area em { display:block;font-size:13px;font-style:normal;font-weight:400;line-height:1.5;margin-top:12px;color:#bad1e1; }
.project-entry-bottom { display:flex;justify-content:space-between;gap:24px;grid-column:1/-1;border-top:1px solid #ffffff55;padding-top:24px;font-size:15px; }
.project-entry-bottom b { font-size:24px;font-weight:400;margin-left:16px; }
.value-entries .card-media { aspect-ratio:1.7; }
.value-entries .card-copy { min-height:154px; }
.value-entries .plus { top:auto;bottom:24px; }
.visual-values .section-heading { margin-bottom:40px; }
button[data-detail] { cursor:pointer; }
button[data-detail]:hover .plus,button[data-detail]:hover .entry-action b { background:var(--blue);border-color:var(--blue);color:var(--bg); }
button[data-detail]:focus-visible { outline:3px solid var(--blue);outline-offset:5px; }
html.detail-open { overflow:hidden; }
#detail-dialog { margin:auto;width:min(1120px,calc(100vw - 64px));max-height:calc(100dvh - 64px);padding:0;border:0;background:var(--bg);color:var(--ink);overflow:auto;overscroll-behavior:contain;box-shadow:0 24px 120px #0007; }
#detail-dialog::backdrop { background:rgba(9,24,36,.76);backdrop-filter:blur(5px); }
.detail-toolbar { position:sticky;top:0;z-index:5;display:flex;justify-content:space-between;align-items:center;background:var(--bg);padding:12px 32px;border-bottom:1px solid var(--line);gap:16px; }
.detail-toolbar>span { font-size:12px;letter-spacing:.1em;color:var(--muted); }
#close-detail { display:flex;align-items:center;gap:16px;min-height:44px;font-size:15px;color:var(--ink); }
#close-detail span { font-size:30px;font-weight:400; }
.detail-inner { padding:40px 48px 48px; }
.detail-inner>.eyebrow { margin-bottom:12px; }
#detail-title { max-width:24ch;font-size:clamp(2.2rem,3.3vw,3.2rem);margin-bottom:28px; }
#detail-title:focus { outline:none; }
#detail-body p { max-width:78ch; }
#detail-body>p { margin:20px 0; }
#detail-body h3 { margin:30px 0 16px; }
#detail-body .detail-lede { font-size:22px;line-height:1.45;color:var(--ink);max-width:63ch; }
.detail-figure { margin:24px 0; }
.detail-figure>img { display:block;width:100%;max-height:520px;object-fit:contain;background:#fff; }
.detail-figure.photo>img { object-fit:cover;max-height:460px; }
.detail-figure figcaption { font-size:12px;line-height:1.5;color:var(--muted);margin-top:10px; }
.detail-cols { display:grid;grid-template-columns:1fr 1fr;gap:32px; }
.detail-points { display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin:28px 0; }
.detail-points article { border-top:1px solid var(--line);padding-top:18px; }
#detail-body .detail-points h3 { font-size:20px;margin:0 0 12px; }
.detail-points p { font-size:16px; }
.detail-note { border-left:3px solid var(--blue);padding:16px 20px;background:var(--surface);font-size:14px;margin-top:24px; }
.si-principle { display:grid;grid-template-columns:1fr 1fr;gap:2px;background:var(--line);margin-top:28px; }
.si-principle>div { padding:28px;background:var(--surface); }
.si-principle b { font-size:52px;line-height:1;color:var(--blue);font-weight:500; }
.si-principle strong { display:block;font-size:24px;font-weight:500;margin:12px 0; }
.si-principle span { font-size:16px;color:var(--muted); }
.assembly-detail { display:grid;grid-template-columns:.9fr 1.1fr;gap:36px;padding:32px;background:var(--surface);margin:28px 0;align-items:center; }
.assembly-section { display:flex;align-items:stretch;min-height:340px;gap:6px;perspective:900px; }
.assembly-section>span { flex:1;border:1px solid #879ba9;background:#ccd5d9;position:relative;display:flex;justify-content:center;padding-top:18px;transform:skewY(-9deg);color:#153348;font-size:16px; }
.assembly-section>span:nth-child(odd) { background:#f4eee0; }
.assembly-section>span.cavity { background:repeating-linear-gradient(180deg,#92a4b1 0 7px,#e4ebef 7px 76px); }
.assembly-section>span.insulation { background:repeating-linear-gradient(45deg,#e4d7a8 0 4px,#f5ebc7 4px 10px); }
.assembly-section>span.membrane { flex:.4;background:#668772;color:#fff; }
.assembly-legend { list-style:none;padding:0;margin:0;counter-reset:layers; }
.assembly-legend li { counter-increment:layers;border-bottom:1px solid var(--line);padding:12px 0;display:grid;grid-template-columns:24px 1fr;gap:12px; }
.assembly-legend li::before { content:counter(layers,decimal-leading-zero);font-size:12px;color:var(--blue);padding-top:3px; }
.assembly-legend strong { display:block;font-size:17px;font-weight:500; }
.assembly-legend small { display:block;color:var(--muted);font-size:14px; }
.diagram-direction { font-size:12px;letter-spacing:.08em;text-transform:uppercase;display:flex;justify-content:space-between;margin-top:24px; }
.evidence-table { width:100%;border-collapse:collapse;font-size:15px;margin:20px 0; }
.evidence-table th,.evidence-table td { border-bottom:1px solid var(--line);padding:14px 12px;text-align:left;vertical-align:top; }
.evidence-table th { color:var(--ink);font-weight:500;background:var(--surface); }
.evidence-table td { color:var(--muted); }
.evidence-scroll { overflow:auto; }
#detail-body .tech-panel { border:0;padding:0;min-height:0;margin:24px 0; }
#detail-body .story-narrative { margin-top:0;grid-template-columns:1fr 1fr; }
#detail-body .story-narrative .small-title { display:none; }
#detail-body .digital-chain { grid-template-columns:repeat(3,1fr);margin:32px 0; }
#detail-body .factory-story { margin:32px 0;gap:28px; }
#detail-body .factory-copy p { margin-top:16px;font-size:16px; }
#detail-body .mission { margin:0; }
#detail-body .mission-message h2 { font-size:32px; }
#detail-body .mission-pillars { padding:24px; }
#detail-body .product-showcase { gap:32px; }
#detail-body .product-showcase img { height:360px; }
#detail-body .product-description h3 { margin-top:0; }
#detail-body .edition-grid { margin-top:0; }
#detail-body .project-data { padding:0; }
#detail-body .standards-panel { display:block; }
#detail-body .standards-list { margin-top:20px; }
#detail-body .evidence-grid { grid-template-columns:1fr;gap:12px; }
#detail-body .evidence-grid article { padding:20px;background:var(--surface); }
#detail-body .evidence-grid h3 { margin:12px 0; }
#detail-body .evidence-heading { grid-template-columns:1fr;gap:12px; }
#detail-body .evidence-heading h3 { display:none; }
#detail-body .standards-intro h3 { margin-top:0; }
@media(prefers-reduced-motion:no-preference) {
 .image-entry>img,.visual-card .card-media>img { transition:transform .5s ease; }
 .image-entry:hover>img,.visual-card:hover .card-media>img { transform:scale(1.035); }
}
@media(max-width:1000px) {
 .tech-entries,.value-entries { grid-template-columns:repeat(2,minmax(0,1fr)); }
 .origin-line { flex-wrap:wrap; }
 .project-entry { grid-template-columns:1fr 1fr;gap:28px; }
 .project-entry-id { grid-column:1/-1; }
 .edition-entry { flex-wrap:wrap; }
}
@media(max-width:700px) {
 .story-tiles,.product-entries { grid-template-columns:1fr;gap:20px; }
 .image-entry,.product-entries .image-entry { min-height:400px; }
 .image-entry-copy { inset:auto 24px 24px; }
 .origin-line { gap:16px; }
 .origin-line>span { font-size:10px; }
 .origin-line>button { width:100%; }
 .origin-line strong { font-size:22px; }
 .browse-label { flex-direction:column;gap:6px; }
 .tech-entries,.value-entries { grid-template-columns:1fr;gap:24px; }
 .card-media { aspect-ratio:1.5; }
 .card-copy { padding:22px 65px 24px 22px; }
 .card-copy>strong { font-size:24px; }
 .compliance-art>span:first-child { font-size:46px; }
 .edition-entry { flex-direction:column;align-items:flex-start;gap:12px; }
 .edition-entry strong { font-size:24px; }
 .edition-entry i { padding-inline:6px; }
 .project-entry { grid-template-columns:1fr;padding:28px; }
 .project-entry-area { font-size:44px; }
 .project-entry-bottom { flex-direction:column; }
 .visual-projects .section-heading p { max-width:36ch; }
 #detail-dialog { width:100vw;max-width:100vw;max-height:100dvh;height:100dvh;margin:0; }
 .detail-toolbar { padding:8px 20px; }
 .detail-toolbar>span { font-size:10px;letter-spacing:.03em; }
 .detail-inner { padding:28px 22px 40px; }
 #detail-title { font-size:34px; }
 #detail-body .detail-lede { font-size:20px; }
 .detail-cols,.detail-points,.si-principle,.assembly-detail { grid-template-columns:1fr;gap:20px; }
 .assembly-detail { padding:20px; }
 .assembly-section { min-height:230px; }
 .assembly-legend li { padding:12px 0; }
 .detail-figure>img { max-height:none; }
 #detail-body .digital-chain { grid-template-columns:1fr 1fr; }
 #detail-body .story-narrative,#detail-body .factory-story,#detail-body .product-showcase { grid-template-columns:1fr; }
 #detail-body .mission { grid-template-columns:1fr; }
 #detail-body .mission-pillars { grid-template-columns:1fr; }
 #detail-body .tech-panel { padding:0; }
 .evidence-table { font-size:13px; }
 .evidence-table th,.evidence-table td { padding:12px 7px; }
}