/* Option 3: page-scoped architectural material stories. Shared chrome is untouched. */
@layer kuciUnifiedSans {
  #main.al3 :is(h1,h2,h3), #main.al3 :is(h1,h2,h3) * { font-weight: 600 !important; }
}
#main.al3 { --al-ink:#292727; --al-muted:#605d5a; --al-line:#d9d4cf; --al-accent:#a31a73; background:#faf9f7; color:var(--al-ink); max-width:none; width:100%; margin:0; padding:0; }
#main.al3 * { box-sizing:border-box; }
#main.al3 :is(section,article,figure,nav,div) { min-width:0; }
#main.al3 :is(h1,h2,h3,p,figure) { margin:0; }
#main.al3 .al3-wrap { width:calc(100% - 96px); max-width:1344px; margin-inline:auto; }
#main.al3 .kc6-breadcrumb { padding:22px 0 0; font-size:12px; background:none; }
#main.al3 .al3-intro { display:block; padding-block:60px 36px; }
#main.al3 .al3-eyebrow { font-size:12px; letter-spacing:.14em; text-transform:uppercase; color:var(--al-muted); margin-bottom:18px; }
#main.al3 h1 { font-size:clamp(40px,5.7vw,84px); line-height:1.08; letter-spacing:-.045em; max-width:none; margin:0 0 20px; color:var(--al-ink); }
#main.al3 .al3-lead { font-size:clamp(17px,1.5vw,22px); line-height:1.55; max-width:720px; color:#45413e; }
#main.al3 .al3-text-link { display:inline-flex; align-items:center; gap:12px; min-height:44px; width:fit-content; color:var(--al-accent); font-size:17px; font-weight:600; text-decoration:none; border:0; background:none; }
#main.al3 .al3-intro .al3-text-link { margin-top:16px; }
#main.al3 .al3-text-link:hover { text-decoration:underline; text-underline-offset:5px; }
#main.al3 a:focus-visible, #main.al3 summary:focus-visible { outline:2px solid var(--al-accent); outline-offset:5px; }
#main.al3 .al3-hero { margin:0; padding:0; width:100%; }
#main.al3 .al3-hero img { display:block; width:100%; height:clamp(340px,44vw,680px); object-fit:cover; object-position:center 53%; border-radius:0; }
#main.al3 .al3-caption { display:block !important; font-size:12px; line-height:1.6; padding:13px 0 17px; color:#625d58; }
#main.al3 .al3-jump { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:8px 28px; border-block:1px solid var(--al-line); padding-block:7px; }
#main.al3 .al3-jump-links { display:flex; gap:28px; flex-wrap:wrap; }
#main.al3 .al3-jump a, #main.al3 .al3-collections summary { font-size:13px; color:#403b37; text-decoration:none; padding-block:12px; min-height:44px; }
#main.al3 .al3-jump-links a { display:inline-flex; align-items:center; }
#main.al3 .al3-collections { position:relative; }
#main.al3 .al3-collections summary { cursor:pointer; }
#main.al3 .al3-collections nav { position:absolute; right:0; z-index:5; background:#fff; border:1px solid var(--al-line); padding:12px 20px; width:290px; }
#main.al3 .al3-collections nav a { display:block; }
#main.al3 .al3-stories { padding:18px 0 0; }
#main.al3 .al3-story { display:grid; grid-template-columns:1.58fr 1fr; gap:56px; align-items:center; padding:34px 0; border-bottom:1px solid var(--al-line); scroll-margin-top:110px; }
#main.al3 .al3-story:nth-of-type(even) { grid-template-columns:1fr 1.58fr; }
#main.al3 .al3-story:nth-of-type(even) .al3-photo { grid-column:2; grid-row:1; }
#main.al3 .al3-story:nth-of-type(even) .al3-copy { grid-column:1; grid-row:1; }
#main.al3 .al3-photo img { display:block; width:100%; aspect-ratio:1.97; object-fit:cover; height:auto; border-radius:0; }
#main.al3 .al3-copy h2 { font-size:clamp(28px,3.5vw,50px); line-height:1.12; letter-spacing:-.035em; color:var(--al-ink); margin-bottom:24px; max-width:19ch; }
#main.al3 .al3-copy h2 span { display:inline; }
#main.al3 .al3-description { display:flex; align-items:flex-start; gap:24px; margin:0 0 14px; }
#main.al3 .al3-detail { display:block; width:112px; height:112px; flex:0 0 112px; overflow:hidden; }
#main.al3 .al3-description img { display:block; width:100%; height:100%; object-fit:cover; border-radius:0; transform:scale(3); transform-origin:70% 45%; }
#main.al3 .al3-detail-wood img { transform-origin:90% 50%; }
#main.al3 .al3-detail-perforated img { transform-origin:10% 35%; }
#main.al3 .al3-detail-screen img { transform-origin:75% 40%; }
#main.al3 .al3-detail-ceiling img { transform-origin:50% 10%; }
#main.al3 .al3-description p { font-size:18px; line-height:1.6; max-width:290px; color:#514b47; }
#main.al3 .al3-reference { margin-top:10px; border:0; background:transparent; }
#main.al3 .al3-reference summary { font-size:12px; color:#625c56; cursor:pointer; min-height:36px; padding-block:9px; }
#main.al3 .al3-reference[open] { padding-bottom:12px; }
#main.al3 .al3-reference dl { font-size:13px; line-height:1.6; margin:8px 0; }
#main.al3 .al3-reference dt { font-weight:600; text-transform:capitalize; }
#main.al3 .al3-reference dd { margin:0; }
#main.al3 .al3-reference a { color:var(--al-accent); font-size:13px; text-underline-offset:4px; display:inline-block; padding-block:6px; }
#main.al3 .al3-bottom { padding-block:36px 22px; }
#main.al3 .al3-process { display:grid; grid-template-columns:repeat(3,1fr) auto; align-items:center; gap:26px; }
#main.al3 .al3-process p { font-size:15px; line-height:1.5; padding-right:22px; border-right:1px solid var(--al-line); }
#main.al3 .al3-process p b { color:var(--al-accent); font-size:13px; display:block; margin-bottom:6px; }
#main.al3 .al3-button { display:inline-flex; align-items:center; justify-content:center; min-height:50px; padding:14px 24px; font-size:14px; line-height:1.5; font-weight:600; color:white; background:var(--al-accent); border:1px solid var(--al-accent); border-radius:0; text-decoration:none; }
#main.al3 .al3-button:hover { background:#821258; }
#main.al3 .al3-selection { margin-top:30px; border-block:1px solid var(--al-line); padding-block:12px; scroll-margin-top:110px; }
#main.al3 .al3-selection summary { font-size:14px; cursor:pointer; padding-block:8px; }
#main.al3 .al3-selection h2 { font-size:22px; margin:12px 0; }
#main.al3 .al3-selection dl { display:grid; grid-template-columns:repeat(3,1fr); gap:28px; font-size:14px; line-height:1.6; }
#main.al3 .al3-selection dt { font-weight:600; }
#main.al3 .al3-selection dd { margin:8px 0; color:var(--al-muted); }
#main.al3 .al3-selection p { font-size:13px; line-height:1.6; margin-block:18px; color:var(--al-muted); }
#main.al3 .al3-related { display:flex; align-items:center; justify-content:space-between; gap:24px; flex-wrap:wrap; padding-top:22px; }
#main.al3 .al3-related h2 { font-size:15px; letter-spacing:0; }
#main.al3 .al3-related nav { display:flex; flex-wrap:wrap; gap:24px; }
#main.al3 .al3-related a { font-size:13px; color:#514b47; display:inline-block; padding-block:10px; text-underline-offset:4px; }
@media(min-width:1600px) { #main.al3 .al3-hero { max-width:1600px; margin-inline:auto; } }
@media(max-width:900px) {
 #main.al3 .al3-wrap { width:calc(100% - 48px); }
 #main.al3 .al3-story { gap:28px; }
 #main.al3 .al3-description { gap:16px; }
 #main.al3 .al3-detail { width:64px; height:72px; flex-basis:64px; }
 #main.al3 .al3-description p { font-size:14px; }
 #main.al3 .al3-process { grid-template-columns:repeat(3,1fr); }
 #main.al3 .al3-process .al3-button { grid-column:1/-1; }
}
@media(max-width:620px) {
 #main.al3 .al3-wrap { width:calc(100% - 40px); }
 #main.al3 .kc6-breadcrumb { font-size:10px; line-height:1.8; }
 #main.al3 .al3-intro { padding-block:32px 26px; }
 #main.al3 .al3-eyebrow { font-size:10px; margin-bottom:14px; }
 #main.al3 h1 { font-size:43px; line-height:1.07; max-width:350px; margin-bottom:18px; }
 #main.al3 .al3-lead { font-size:16px; }
 #main.al3 .al3-hero img { height:300px; object-position:60% center; }
 #main.al3 .al3-caption { font-size:11px; padding-block:12px; }
 #main.al3 .al3-jump { gap:0; }
 #main.al3 .al3-jump-links { justify-content:space-between; width:100%; gap:10px; }
 #main.al3 .al3-collections { width:100%; border-top:1px solid var(--al-line); }
 #main.al3 .al3-collections nav { position:static; width:100%; margin-bottom:10px; }
 #main.al3 .al3-stories { padding-top:4px; }
 #main.al3 .al3-story, #main.al3 .al3-story:nth-of-type(even) { grid-template-columns:1fr; gap:24px; padding-block:28px; }
 #main.al3 .al3-story:nth-of-type(even) .al3-photo, #main.al3 .al3-story:nth-of-type(even) .al3-copy { grid-column:auto; grid-row:auto; }
 #main.al3 .al3-photo img { aspect-ratio:1.55; }
 #main.al3 .al3-copy h2 { font-size:29px; line-height:1.15; margin-bottom:18px; max-width:340px; }
 #main.al3 .al3-description p { font-size:15px; }
 #main.al3 .al3-detail { width:76px; height:76px; flex-basis:76px; }
 #main.al3 .al3-text-link { font-size:16px; }
 #main.al3 .al3-process { gap:14px; }
 #main.al3 .al3-process p { font-size:12px; padding-right:10px; }
 #main.al3 .al3-selection dl { grid-template-columns:1fr; gap:12px; }
 #main.al3 .al3-related { gap:10px; }
 #main.al3 .al3-related nav { gap:8px 18px; }
}
@media(prefers-reduced-motion:reduce) { #main.al3 { scroll-behavior:auto; } }