/* AGL Architectural Panels (catalogue r12e, Oct 27): category, façade system
   and design pages. Library classes carry most of the look; these are the
   page-unique blocks (.pn-*) and the panel-proportioned slab viewer. */

/* Shared section shells */
.pn-in{max-width:var(--agl-page-max);margin:0 auto}
.pn-forms,.pn-install.day,.pn-wall{background:var(--agl-day-50);color:var(--agl-ink);padding:96px var(--agl-inline)}
.pn-bend,.pn-apps,.pn-spec,.pn-install:not(.day){background:var(--agl-noir-950);color:var(--agl-ivory);padding:96px var(--agl-inline)}
.pn-h2{font-family:var(--agl-display);font-weight:500;font-size:clamp(30px,3.4vw,46px);line-height:1.08;margin:16px 0 22px}
.pn-h2 em{font-style:italic;color:var(--agl-gold)}
.day .pn-h2 em,.pn-forms .pn-h2 em,.pn-wall .pn-h2 em{color:var(--agl-gold-ink)}
.pn-h3{font-family:var(--agl-display);font-weight:500;font-size:22px;line-height:1.2;margin:0 0 10px}
.pn-lead{font-size:18px;font-weight:300;line-height:1.6;max-width:60ch;margin:0 0 18px}
.pn-body{max-width:72ch;line-height:1.75;font-weight:300}
.pn-small{font-size:13px;line-height:1.7;opacity:.75;max-width:80ch;margin-top:22px}
.pn-two{display:grid;grid-template-columns:1fr 1fr;gap:28px 56px;margin-top:34px}
.pn-two p{line-height:1.75;font-weight:300}
.pn-more{display:inline-block;margin-top:10px;font-size:11px;letter-spacing:.18em;text-transform:uppercase;font-weight:500;color:var(--agl-gold);text-decoration:none;border-bottom:1px solid currentColor;padding-bottom:3px}
.day .pn-more,.pn-forms .pn-more,.pn-wall .pn-more{color:var(--agl-gold-ink)}
.pn-label{margin-top:34px;font-size:11px;letter-spacing:.22em;text-transform:uppercase;color:var(--agl-gold-ink);font-weight:500}

/* Hero additions */
.pn-herostat{display:flex;align-items:baseline;gap:14px;margin:22px 0 8px}
.pn-herostat b{font-family:var(--agl-display);font-weight:500;font-size:clamp(34px,4vw,52px);color:var(--agl-gold)}
.pn-herostat span{font-size:11px;letter-spacing:.2em;text-transform:uppercase}
.pn-heroline{max-width:52ch;font-weight:300;opacity:.9;margin:0 0 8px}
.s-hero .eyebrow a{color:inherit;text-decoration:none}

/* Three forms */
.pn-formgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;margin-top:10px}
.pn-form h3{font-family:var(--agl-display);font-weight:500;font-size:24px;margin:18px 0 8px}
.pn-form p{color:var(--agl-ink-2);line-height:1.7;font-size:15px}
.pn-formimg{display:block;position:relative;aspect-ratio:4/3;overflow:hidden;background:var(--agl-day-100)}
.pn-formimg img{width:100%;height:100%;object-fit:cover;display:block}
.pn-formnotes{display:grid;grid-template-columns:1fr 1fr;gap:12px 56px;margin-top:38px;border-top:1px solid var(--agl-hairline-day);padding-top:24px}
.pn-formnotes p{color:var(--agl-ink-2);line-height:1.7;font-size:15px}
.pn-formnotes b{color:var(--agl-ink);font-weight:500}

/* Collection grid */
.pn-gridline{max-width:62ch;color:var(--agl-ink-2);line-height:1.7;margin:14px 0 0}
.pn-famintro{max-width:72ch;font-family:var(--agl-display);font-size:20px;line-height:1.5;margin:-14px 0 34px;color:var(--agl-ink)}
.pn-cards .pil-cardbody{display:flex;flex-direction:column;gap:6px}
.pn-cardlead{font-size:14px;line-height:1.55;color:var(--agl-ink-2)}
.pn-cardgo{margin-top:6px;font-size:10.5px;letter-spacing:.18em;text-transform:uppercase;font-weight:500;color:var(--agl-gold-ink)}
.pil-more[hidden]{display:none}

/* Finishes, textures and spec lists */
.pn-fin .ptiles .ptop b{font-family:var(--agl-display);font-weight:500;font-size:26px}
.pn-tex{display:grid;gap:0;margin:18px 0 0;border-top:1px solid var(--agl-hairline-day)}
.pn-tex>div{display:grid;grid-template-columns:130px 1fr;gap:16px;padding:11px 0;border-bottom:1px solid var(--agl-hairline-day)}
.pn-tex--wide>div{grid-template-columns:200px 1fr}
.pn-tex dt{font-size:11px;letter-spacing:.18em;text-transform:uppercase;font-weight:500}
.pn-tex dd{margin:0;line-height:1.6;font-weight:300}
.pn-tex a{color:inherit;text-decoration:underline;text-decoration-color:var(--agl-gold-ink);text-underline-offset:3px}
.pn-bend .pn-tex,.pn-bend .pn-tex>div{border-color:var(--agl-hairline)}
.pn-formats{max-width:80ch;line-height:1.7;margin:0 0 26px}
.pn-formats b,.pn-perf b{display:block;font-size:10px;letter-spacing:.2em;text-transform:uppercase;font-weight:500;color:var(--agl-gold-ink);margin-bottom:4px}
.pn-types{margin-bottom:34px}
.pn-types th[scope="row"]{white-space:nowrap;padding-right:28px;font-weight:500;text-align:left;vertical-align:top}
.pn-perf{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(5,1fr);gap:1px;background:var(--agl-hairline-day-soft);border:1px solid var(--agl-hairline-day-soft)}
.pn-perf li{background:var(--agl-day-50);padding:18px 16px;font-size:13.5px;line-height:1.55;color:var(--agl-ink-2)}

/* Installation toggle */
.pn-toggle{border-block:1px solid var(--agl-hairline-day)}
.pn-toggle summary{display:flex;justify-content:space-between;align-items:center;padding:26px 0;cursor:pointer;list-style:none}
.pn-toggle summary::-webkit-details-marker{display:none}
.pn-toggle summary:focus-visible{outline:2px solid var(--agl-gold-ink);outline-offset:4px}
.pn-togglehint{font-size:26px;line-height:1;color:var(--agl-gold-ink);transition:transform var(--agl-t-base) var(--agl-ease)}
.pn-toggle[open] .pn-togglehint{transform:rotate(45deg)}
.pn-togglebody{padding:4px 0 44px}
.pn-togglebody p{line-height:1.75;font-weight:300;max-width:72ch}
.pn-pull{font-family:var(--agl-display);font-size:22px;margin:20px 0}
.pn-steps{list-style:none;padding:0;margin:26px 0;display:flex;flex-wrap:wrap;gap:10px}
.pn-steps li{border:1px solid var(--agl-hairline-day);padding:12px 16px;font-size:13px;letter-spacing:.04em}
.pn-install:not(.day) .pn-steps li{border-color:var(--agl-hairline)}
.pn-steps span{color:var(--agl-gold-ink);font-size:10px;letter-spacing:.2em;margin-right:10px;font-weight:500}
.pn-install:not(.day) .pn-steps span{color:var(--agl-gold)}

/* Applications */
.pn-applist{display:grid;grid-template-columns:repeat(2,1fr);gap:0 56px;margin-top:26px;border-top:1px solid var(--agl-hairline)}
.pn-app{padding:24px 0;border-bottom:1px solid var(--agl-hairline)}
.pn-app h3{font-family:var(--agl-display);font-weight:500;font-size:22px;margin:0 0 6px}
.pn-appline{font-weight:300;opacity:.9;margin:0 0 10px}
.pn-appmeta{font-size:13.5px;line-height:1.6;margin:4px 0;color:var(--agl-stone-300)}
.pn-appmeta span{display:inline-block;min-width:118px;font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:var(--agl-gold);font-weight:500}
.pn-appmeta a{color:var(--agl-ivory);text-decoration:underline;text-decoration-color:var(--agl-gold-deep);text-underline-offset:3px}

/* Wallpaper & murals */
.pn-wallgrid{display:grid;grid-template-columns:2fr 1fr 1fr;grid-template-rows:auto auto;gap:14px;margin:34px 0 10px}
.pn-wallimg{position:relative;display:block;overflow:hidden;aspect-ratio:4/3;background:var(--agl-day-100)}
.pn-wallimg--lg{grid-row:span 2;aspect-ratio:auto}
.pn-wallimg img{width:100%;height:100%;object-fit:cover;display:block}

/* How to specify */
.pn-specsteps{list-style:none;padding:0;margin:30px 0 0;display:grid;grid-template-columns:repeat(4,1fr);gap:28px}
.pn-specsteps span{font-family:var(--agl-display);font-size:34px;color:var(--agl-gold)}
.pn-specsteps h3{font-family:var(--agl-display);font-weight:500;font-size:20px;margin:8px 0}
.pn-specsteps p{font-weight:300;line-height:1.65;color:var(--agl-stone-300);font-size:14.5px}
.pn-work{list-style:none;padding:0;margin:44px 0 0;display:grid;grid-template-columns:repeat(2,1fr);gap:0 56px;border-top:1px solid var(--agl-hairline)}
.pn-work li{padding:16px 0;border-bottom:1px solid var(--agl-hairline);font-weight:300;line-height:1.6;color:var(--agl-stone-300)}
.pn-work b{display:block;color:var(--agl-ivory);font-weight:500;margin-bottom:2px}
.s-cta .ctaalt a{color:inherit}

/* Façade build-up */
.pn-buildup{list-style:none;padding:0;margin:30px 0 40px;display:flex;flex-wrap:wrap;gap:0}
.pn-buildup li{flex:1 1 0;min-width:120px;padding:52px 14px 14px;border-left:1px solid var(--agl-hairline);font-size:11px;letter-spacing:.18em;text-transform:uppercase;position:relative}
.pn-buildup li::before{content:"";position:absolute;left:14px;right:14px;top:16px;height:20px;background:linear-gradient(90deg,var(--agl-noir-800),var(--agl-noir-850))}
.pn-buildup li:last-child{border-right:1px solid var(--agl-hairline)}
.pn-buildup li:last-child::before{background:linear-gradient(90deg,var(--agl-gold-deep),var(--agl-gold))}

/* Design page */
.mat-hero--panels .slabframe{width:min(300px,100%);aspect-ratio:1200/2800}
.mat-hero--panels .slabframe--scene{width:min(480px,100%);aspect-ratio:4/5;cursor:default}
.mat-hero--panels .agl-credit{z-index:3}
.pn-library{margin-top:30px;max-width:72ch;font-size:14.5px;line-height:1.7;color:var(--agl-ink-2);border-top:1px solid var(--agl-hairline-day);padding-top:18px}
.spectable--panels th[scope="row"]{text-align:left;font-weight:500;padding-right:28px;white-space:nowrap;vertical-align:top}
.spectable--panels a{color:inherit;text-decoration:underline;text-decoration-color:var(--agl-gold-ink);text-underline-offset:3px}

@media (max-width:920px){
	.pn-formgrid,.pn-two,.pn-formnotes,.pn-applist,.pn-work{grid-template-columns:1fr}
	.pn-specsteps{grid-template-columns:1fr 1fr}
	.pn-perf{grid-template-columns:1fr 1fr}
	.pn-wallgrid{grid-template-columns:1fr 1fr}
	.pn-wallimg--lg{grid-column:span 2;grid-row:auto;aspect-ratio:16/10}
}
@media (max-width:560px){
	.pn-forms,.pn-install,.pn-wall,.pn-bend,.pn-apps,.pn-spec{padding:72px var(--agl-section-x-mobile,20px)}
	.pn-specsteps{grid-template-columns:1fr}
	.pn-tex>div,.pn-tex--wide>div{grid-template-columns:1fr;gap:4px}
	.pn-types th[scope="row"]{white-space:normal}
	.pn-buildup li{flex-basis:50%}
	.mat-hero--panels .slabframe{width:min(240px,70vw)}
}
.pn-fin{color:var(--agl-ink)}
.pn-fin .pn-two p,.pn-fin .pn-small{color:var(--agl-ink-2)}
.panels-pillar .agl-credit,.mat-hero--panels .agl-credit,.lifestage .agl-credit,.pil-cardimg .agl-credit{max-width:86%;text-align:right}
.pn-wallimg--lg img{position:absolute;inset:0}

/* Oct 27 rework (Vince's review): anchored extras, textures, glass, bending, sizes, installation */
.pn-extrak,.pn-glassk{display:block;font-size:10px;letter-spacing:.22em;text-transform:uppercase;font-weight:500;color:var(--agl-gold-ink);margin-bottom:10px}
.pn-bend .pn-extrak{color:var(--agl-gold)}
.pn-extras{display:grid;grid-template-columns:1fr 1fr 1.25fr;gap:1px;margin-top:44px;background:var(--agl-hairline-day-soft);border:1px solid var(--agl-hairline-day-soft)}
.pn-extra{background:#fff;padding:28px 28px 30px}
.pn-extra h3{font-family:var(--agl-display);font-weight:500;font-size:22px;line-height:1.2;margin:0 0 8px}
.pn-extra p{color:var(--agl-ink-2);line-height:1.7;font-size:15px;margin:0}
.pn-extra--gal{background:var(--agl-noir-950);color:var(--agl-ivory);display:flex;flex-direction:column;align-items:flex-start;justify-content:center}
.pn-extra--gal .pn-extrak{color:var(--agl-gold)}
.pn-extra--gal h3{margin-bottom:18px}
.pn-extra--gal .agl-btn--primary{background:var(--agl-ivory);color:var(--agl-ink);border-color:var(--agl-ivory)}

.pn-texhead{display:grid;grid-template-columns:minmax(0,320px) 1fr;gap:20px 56px;align-items:end;margin-top:64px;padding-top:40px;border-top:1px solid var(--agl-hairline-day)}
.pn-texhead p{margin:0;color:var(--agl-ink-2);line-height:1.7;max-width:64ch}
.pn-texgrid{display:grid;grid-template-columns:repeat(8,1fr);gap:22px;margin-top:30px}
.pn-texitem{display:flex;flex-direction:column;align-items:center;text-align:center;gap:6px}
.pn-texdot{width:100%;max-width:120px;aspect-ratio:1;border-radius:50%;overflow:hidden;box-shadow:0 0 0 1px var(--agl-hairline-day),0 10px 24px rgba(22,20,15,.12);margin-bottom:8px}
.pn-texdot img{width:100%;height:100%;object-fit:cover;display:block}
.pn-texname{font-family:var(--agl-display);font-size:18px}
.pn-texdesigns{font-size:12.5px;line-height:1.5;color:var(--agl-ink-2)}
.pn-texdesigns a{color:inherit;text-decoration:underline;text-decoration-color:var(--agl-gold-ink);text-underline-offset:3px}

.pn-glass{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:1px;margin-top:64px;background:var(--agl-hairline-day-soft);border:1px solid var(--agl-hairline-day-soft)}
.pn-glassintro{background:var(--agl-day-50);padding:30px 30px 32px}
.pn-glassintro p{color:var(--agl-ink-2);line-height:1.7;margin:0}
.pn-glasscard{background:var(--agl-day-50);padding:30px 28px}
.pn-glasscard b,.pn-type b{display:block;font-family:var(--agl-display);font-weight:500;font-size:40px;line-height:1;margin:4px 0 14px}
.pn-glasscard b small,.pn-type b small{font-size:16px;color:var(--agl-ink-2)}
.pn-glasscard ul{list-style:none;padding:0;margin:0;font-size:14px;line-height:1.6;color:var(--agl-ink-2)}
.pn-glasscard li{padding:6px 0;border-top:1px solid var(--agl-hairline-day-soft)}
.pn-glasscard--lit{background:radial-gradient(120% 90% at 80% 10%,rgba(200,183,138,.22),transparent 60%),var(--agl-noir-950);color:var(--agl-ivory)}
.pn-glasscard--lit .pn-glassk{color:var(--agl-gold)}
.pn-glasscard--lit b small,.pn-glasscard--lit ul{color:var(--agl-stone-300)}
.pn-glasscard--lit li{border-color:var(--agl-hairline)}

.pn-bendin{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center}
.pn-bendmedia img{width:100%;aspect-ratio:4/5;object-fit:cover;display:block}
.pn-bendrow{display:grid;grid-template-columns:44px 1fr;gap:14px;padding:20px 0;border-top:1px solid var(--agl-hairline)}
.pn-bendrow p{margin:0;line-height:1.7;font-weight:300;color:var(--agl-stone-300)}
.pn-bendno{font-family:var(--agl-display);font-size:22px;color:var(--agl-gold)}

.pn-size{background:var(--agl-day-50);color:var(--agl-ink);padding:96px var(--agl-inline)}
.pn-sub{font-size:11px;letter-spacing:.22em;text-transform:uppercase;font-weight:500;color:var(--agl-ink-2);margin:48px 0 18px;padding-top:24px;border-top:1px solid var(--agl-hairline-day)}
.pn-fmtgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:28px;align-items:end}
.pn-fmt{display:flex;flex-direction:column;align-items:flex-start;gap:4px}
.pn-fmtshape{display:block;height:210px;background:linear-gradient(160deg,var(--agl-day-200),var(--agl-day-100));border:1px solid var(--agl-hairline-day);margin-bottom:14px}
.pn-fmtshape--glass{background:linear-gradient(160deg,rgba(200,183,138,.35),rgba(200,183,138,.08))}
.pn-fmt b{font-family:var(--agl-display);font-weight:500;font-size:24px}
.pn-fmt span:last-child{font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--agl-ink-2)}
.pn-typegrid{display:grid;grid-template-columns:repeat(5,1fr);gap:1px;background:var(--agl-hairline-day-soft);border:1px solid var(--agl-hairline-day-soft)}
.pn-type{background:#fff;padding:24px 22px}
.pn-typew{display:block;font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--agl-gold-ink);margin-bottom:10px}
.pn-type p{font-size:13.5px;line-height:1.6;color:var(--agl-ink-2);margin:0}
.pn-perfgrid{display:grid;grid-template-columns:repeat(5,1fr);gap:28px 22px}
.pn-perfitem{display:flex;flex-direction:column;gap:6px}
.pn-perfitem svg{width:30px;height:30px;color:var(--agl-gold-ink);margin-bottom:6px}
.pn-perfk{font-size:11px;letter-spacing:.18em;text-transform:uppercase;font-weight:500}
.pn-perfv{font-size:14px;line-height:1.55;color:var(--agl-ink-2)}

.pn-insthead{display:grid;grid-template-columns:1.2fr 1fr;gap:56px;align-items:end}
.pn-instfacts{display:grid;grid-template-columns:1fr 1fr;gap:22px}
.pn-instfacts>div{border-top:2px solid var(--agl-gold-ink);padding-top:14px}
.pn-instfacts b{display:block;font-family:var(--agl-display);font-weight:500;font-size:44px;line-height:1}
.pn-instfacts b small{font-size:18px;color:var(--agl-ink-2)}
.pn-instfacts span{font-size:13.5px;color:var(--agl-ink-2);line-height:1.5}
.pn-instfacts .pn-pull{grid-column:1/-1;margin:6px 0 0}
.pn-steps--line{display:grid;grid-template-columns:repeat(5,1fr);gap:0;margin:44px 0 36px;counter-reset:s}
.pn-steps--line li{border:0;border-top:1px solid var(--agl-hairline-day);padding:16px 12px 0 0;position:relative;font-family:var(--agl-display);font-size:19px;letter-spacing:0}
.pn-steps--line li::before{content:"";position:absolute;top:-5px;left:0;width:9px;height:9px;border-radius:50%;background:var(--agl-gold-ink)}
.pn-steps--line span{display:block;margin:0 0 4px}
.pn-toggle{background:#fff;border:1px solid var(--agl-hairline-day);padding:0 26px}
.pn-toggle summary{padding:22px 0}
.pn-togglelabel{font-family:var(--agl-display);font-size:22px;display:flex;flex-direction:column;gap:6px}
.pn-togglelabel small{font-family:var(--agl-body);font-size:12.5px;color:var(--agl-ink-2);letter-spacing:.02em}
.pn-togglehint{width:40px;height:40px;border:1px solid var(--agl-gold-ink);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:22px;flex:none}
.pn-toggle:hover{border-color:rgba(22,20,15,.35)}

@media (max-width:920px){
	.pn-extras,.pn-glass,.pn-bendin,.pn-insthead,.pn-texhead{grid-template-columns:1fr}
	.pn-texgrid{grid-template-columns:repeat(4,1fr)}
	.pn-fmtgrid{grid-template-columns:1fr 1fr}
	.pn-typegrid{grid-template-columns:1fr 1fr}
	.pn-perfgrid{grid-template-columns:1fr 1fr}
	.pn-steps--line{grid-template-columns:1fr 1fr 1fr;row-gap:24px}
}
@media (max-width:560px){
	.pn-size{padding:72px var(--agl-section-x-mobile,20px)}
	.pn-texgrid{grid-template-columns:1fr 1fr}
	.pn-typegrid{grid-template-columns:1fr}
	.pn-steps--line{grid-template-columns:1fr 1fr}
	.pn-toggle{padding:0 18px}
}

/* Oct 27, round 2: photos in finishes, glass, bending, steps, substrates */
.pn-fintile{padding-top:0;overflow:hidden}
.pn-finimg{display:block;margin:0 -26px 22px;aspect-ratio:3/2;overflow:hidden}
.pn-finimg img,.pn-glassimg img,.pn-stepimg img,.pn-subimg img{width:100%;height:100%;object-fit:cover;display:block}
.pn-glassimg{display:block;margin:-30px -28px 22px;aspect-ratio:4/3;overflow:hidden}
.pn-bendmedia{display:grid;grid-template-columns:1.6fr 1fr;gap:14px;align-items:end}
.pn-bendmedia .pn-bendbig img{aspect-ratio:4/5}
.pn-bendmedia .pn-bendsmall img{aspect-ratio:3/4}
.pn-steps--line li{padding-top:0;border-top:0}
.pn-steps--line li::before{display:none}
.pn-stepimg{display:block;aspect-ratio:4/3;overflow:hidden;margin:0 0 12px;background:#fff;border-bottom:2px solid var(--agl-gold-ink)}
.pn-steps--line li:last-child .pn-stepimg img{object-fit:contain}
.pn-steps--line{gap:14px}
.pn-subgrid{display:grid;grid-template-columns:repeat(6,1fr);gap:18px}
.pn-subimg{display:block;aspect-ratio:1;overflow:hidden;margin-bottom:12px}
.pn-subitem b{font-family:var(--agl-display);font-weight:500;font-size:19px;display:block;margin-bottom:4px}
.pn-subitem p{font-size:13px;line-height:1.55;color:var(--agl-ink-2);margin:0}
@media (max-width:920px){.pn-subgrid{grid-template-columns:repeat(3,1fr)}.pn-bendmedia{grid-template-columns:1fr 1fr}}
@media (max-width:560px){.pn-subgrid{grid-template-columns:1fr 1fr}}

/* Oct 27, round 3 (Vince's review): notes, boxes, jump bar, types, formats, steps, apps, wallpaper, specify */
.pn-jump{background:var(--agl-noir-950);border-bottom:1px solid var(--agl-hairline);position:relative;z-index:2}
.pn-jumpin{max-width:var(--agl-page-max);margin:0 auto;padding:0 var(--agl-inline);display:flex;gap:4px 28px;flex-wrap:wrap;justify-content:center}
.pn-jump a{color:var(--agl-stone-300);text-decoration:none;font-size:10.5px;letter-spacing:.2em;text-transform:uppercase;font-weight:500;padding:16px 0;border-bottom:1px solid transparent;transition:color var(--agl-t-base) var(--agl-ease),border-color var(--agl-t-base) var(--agl-ease)}
.pn-jump a:hover,.pn-jump a:focus-visible{color:var(--agl-gold);border-bottom-color:var(--agl-gold)}
[id]{scroll-margin-top:96px}

.pn-note{display:flex;gap:14px;align-items:flex-start;margin:26px 0 0;padding:16px 20px;background:#fff;border:1px solid var(--agl-hairline-day-soft);border-left:2px solid var(--agl-gold-ink);font-size:14px;line-height:1.65;color:var(--agl-ink-2);max-width:none}
.pn-note svg{width:20px;height:20px;flex:none;color:var(--agl-gold-ink);margin-top:1px}
.pn-note--dark{background:rgba(255,255,255,.03);border-color:var(--agl-hairline);border-left-color:var(--agl-gold);color:var(--agl-stone-300)}
.pn-note--dark svg{color:var(--agl-gold)}
.pn-box{background:#fff;border:1px solid var(--agl-hairline-day-soft);padding:28px}
.pn-texhead{display:block;margin-top:60px;padding-top:36px}

.pn-glassintro{display:flex;flex-direction:column}
.pn-glasslist{margin-top:auto;padding-top:24px}
.pn-glasslistk{display:block;font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:var(--agl-ink-2);margin-bottom:10px}
.pn-chips{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:14px}
.pn-chip{font-size:12px;padding:6px 11px;border:1px solid var(--agl-hairline-day);color:var(--agl-ink);text-decoration:none;background:#fff;transition:border-color var(--agl-t-base) var(--agl-ease),background var(--agl-t-base) var(--agl-ease)}
.pn-chip:hover{border-color:var(--agl-gold-ink);background:var(--agl-day-100)}

.pn-sizetop{display:grid;grid-template-columns:1fr 1.25fr;gap:24px;align-items:stretch}
.pn-sizetop .pn-sub,.pn-sub--perf{margin-top:0;padding-top:0;border-top:0}
.pn-sub--perf{margin:48px 0 18px}
.pn-fmtrow{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;align-items:end;padding-bottom:6px;border-bottom:1px solid var(--agl-hairline-day)}
.pn-fmt{display:flex;flex-direction:column;align-items:center;text-align:center;gap:2px}
.pn-fmtstage{height:190px;width:100%;display:flex;align-items:flex-end;justify-content:center;margin-bottom:12px}
.pn-fmtshape{display:block;height:auto;width:auto;margin:0;background:linear-gradient(160deg,var(--agl-day-200),var(--agl-day-100));border:1px solid var(--agl-hairline-day)}
.pn-fmt b{font-family:var(--agl-display);font-weight:500;font-size:19px;line-height:1.2}
.pn-fmtk{font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--agl-ink-2)}
.pn-fmtbox .pn-note{margin-top:20px}

.pn-typebox{display:flex;flex-direction:column}
.pn-typegrid{grid-template-columns:repeat(5,1fr);flex:1}
.pn-type{position:relative;display:flex;flex-direction:column;align-items:flex-start;text-align:left;font:inherit;color:inherit;border:0;cursor:pointer;background:#fff;padding:22px 18px 46px;min-height:220px;overflow:hidden}
.pn-typename{font-size:10px;letter-spacing:.2em;text-transform:uppercase;font-weight:500;color:var(--agl-gold-ink)}
.pn-typenum{font-family:var(--agl-display);font-weight:500;font-size:54px;line-height:1;margin:16px 0 6px}
.pn-typenum small{font-size:18px;color:var(--agl-ink-2)}
.pn-typew{font-size:13px;color:var(--agl-ink-2)}
.pn-typemore{position:absolute;left:18px;bottom:16px;width:22px;height:22px;border:1px solid var(--agl-gold-ink);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;color:var(--agl-gold-ink);transition:transform var(--agl-t-base) var(--agl-ease)}
.pn-typebody{position:absolute;inset:0;padding:22px 18px;background:var(--agl-noir-950);color:var(--agl-ivory);font-size:13.5px;line-height:1.6;opacity:0;transform:translateY(8px);transition:opacity var(--agl-t-base) var(--agl-ease),transform var(--agl-t-base) var(--agl-ease);display:flex;align-items:flex-end}
.pn-type:hover .pn-typebody,.pn-type:focus-visible .pn-typebody,.pn-type[aria-expanded="true"] .pn-typebody{opacity:1;transform:none}
.pn-type:focus-visible{outline:2px solid var(--agl-gold-ink);outline-offset:-2px}

.pn-perftiles{grid-template-columns:repeat(5,1fr)}
.pn-perftiles .ptile,.pn-worktiles .ptile{padding:24px 22px 26px}
.pn-perftiles .ptop,.pn-worktiles .ptop{margin-bottom:16px}
.pn-perftiles .ptile svg,.pn-worktiles .ptile svg{margin-bottom:0}

.pn-facsplit .s-split__body .agl-btn{width:auto;display:inline-flex}

.pn-instfacts{display:grid;grid-template-columns:1fr 1fr;gap:0;padding:0}
.pn-instfact{padding:24px 26px;border-bottom:1px solid var(--agl-hairline-day-soft)}
.pn-instfact+.pn-instfact{border-left:1px solid var(--agl-hairline-day-soft)}
.pn-instfact b{display:block;font-family:var(--agl-display);font-weight:500;font-size:52px;line-height:1;color:var(--agl-ink)}
.pn-instfact b small{font-size:20px;color:var(--agl-ink-2)}
.pn-instfact span{display:block;margin-top:8px;font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--agl-ink-2);line-height:1.5}
.pn-instfacts .pn-pull{grid-column:1/-1;margin:0;padding:18px 26px;font-size:20px;background:var(--agl-day-100);border-left:2px solid var(--agl-gold-ink)}
.pn-steps--line li{cursor:default;outline:0}
.pn-stepimg{position:relative;border-bottom:2px solid var(--agl-hairline-day);transition:border-color var(--agl-t-base) var(--agl-ease)}
.pn-stepimg img{transition:transform .8s var(--agl-ease)}
.pn-steps--line li:hover .pn-stepimg img,.pn-steps--line li:focus .pn-stepimg img{transform:scale(1.05)}
.pn-steps--line li:hover .pn-stepimg,.pn-steps--line li:focus .pn-stepimg{border-bottom-color:var(--agl-gold-ink)}
.pn-steps--line li:hover .pn-stepname{color:var(--agl-gold-ink)}
.pn-stepno{display:block;font-size:10px;letter-spacing:.2em;color:var(--agl-gold-ink);font-weight:500;margin:4px 0 2px}
.pn-stepname{font-family:var(--agl-display);font-size:20px;transition:color var(--agl-t-base) var(--agl-ease)}
/* Full, faint scrim on small photos so the credit reads without a box */
.pn-stepimg .agl-credit,.pn-subitem .agl-credit,.pn-wallthumb .agl-credit{left:0;right:0;max-width:none;padding:22px 9px 6px;background:linear-gradient(180deg,rgba(11,11,10,0),rgba(11,11,10,.42));color:rgba(244,242,237,.85);font-size:9px}

.pn-appshead{display:grid;grid-template-columns:1fr 1fr;gap:20px 56px;align-items:end;margin-bottom:12px}
.pn-appshead .pn-lead{margin:0}
.pn-applist{grid-template-columns:repeat(2,1fr);gap:1px;background:var(--agl-hairline);border:1px solid var(--agl-hairline);border-top:1px solid var(--agl-hairline);margin-top:34px}
.pn-app{display:grid;grid-template-columns:150px 1fr;gap:22px;padding:22px;background:var(--agl-noir-950);border:0;color:inherit;text-decoration:none;transition:background var(--agl-t-base) var(--agl-ease)}
.pn-app:hover{background:var(--agl-noir-900)}
.pn-appimg{display:block;aspect-ratio:1;overflow:hidden;background:var(--agl-noir-850)}
.pn-appimg img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .8s var(--agl-ease)}
.pn-app:hover .pn-appimg img{transform:scale(1.05)}
.pn-appbody h3{font-family:var(--agl-display);font-weight:500;font-size:22px;margin:2px 0 6px}
.pn-app--link .pn-more{margin-top:8px}

.pn-wallhead{display:grid;grid-template-columns:1fr 1fr;gap:20px 56px;align-items:end}
.pn-wallhead .pn-lead{margin-bottom:0}
.pn-wallintro p{color:var(--agl-ink-2);line-height:1.7;margin:0 0 10px}
.pn-wallview{display:grid;grid-template-columns:1fr 200px;gap:14px;margin:34px 0 28px}
.pn-wallstage{position:relative;aspect-ratio:16/9;overflow:hidden;background:var(--agl-day-100)}
.pn-wallslide{position:absolute;inset:0;margin:0;opacity:0;transition:opacity .6s var(--agl-ease)}
.pn-wallslide.on{opacity:1}
.pn-wallslide img{width:100%;height:100%;object-fit:cover;display:block}
.pn-wallslide figcaption{position:absolute;left:20px;bottom:18px;font-family:var(--agl-display);font-size:26px;color:var(--agl-ivory);text-shadow:0 1px 12px rgba(0,0,0,.4)}
.pn-wallthumbs{display:grid;grid-template-rows:repeat(5,1fr);gap:10px}
.pn-wallthumb{position:relative;padding:0;border:1px solid transparent;background:none;cursor:pointer;overflow:hidden;opacity:.6;transition:opacity var(--agl-t-base) var(--agl-ease),border-color var(--agl-t-base) var(--agl-ease)}
.pn-wallthumb img{width:100%;height:100%;object-fit:cover;display:block}
.pn-wallthumb span{position:absolute;left:8px;bottom:6px;font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:#fff;text-shadow:0 1px 6px rgba(0,0,0,.6)}
.pn-wallthumb.on,.pn-wallthumb:hover{opacity:1;border-color:var(--agl-gold-ink)}
.pn-wallthumb:focus-visible{outline:2px solid var(--agl-gold-ink);outline-offset:2px}
.pn-wallfacts{margin-top:0}
.pn-wallfacts .pn-box p{color:var(--agl-ink-2);margin:0}
.pn-subs{margin-top:48px}
.pn-subgrid{grid-template-columns:repeat(3,1fr);gap:14px}
.pn-subitem{position:relative;aspect-ratio:4/3;overflow:hidden;outline:0}
.pn-subitem img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .8s var(--agl-ease)}
.pn-subtext{position:absolute;left:0;right:0;bottom:0;padding:40px 20px 18px;background:linear-gradient(180deg,rgba(11,11,10,0),rgba(11,11,10,.72));color:var(--agl-ivory)}
.pn-subtext b{display:block;font-family:var(--agl-display);font-weight:500;font-size:24px}
.pn-subtext span{display:block;font-size:13.5px;line-height:1.55;max-height:0;opacity:0;overflow:hidden;transition:max-height .5s var(--agl-ease),opacity .4s var(--agl-ease),margin .4s var(--agl-ease)}
.pn-subitem:hover .pn-subtext span,.pn-subitem:focus .pn-subtext span{max-height:90px;opacity:1;margin-top:6px}
.pn-subitem:hover img,.pn-subitem:focus img{transform:scale(1.05)}
.pn-subitem .agl-credit{top:0;bottom:auto;background:linear-gradient(0deg,rgba(11,11,10,0),rgba(11,11,10,.35));padding:6px 9px 18px}

.pn-spec{padding:0}
.pn-ix{display:grid;grid-template-columns:minmax(380px,560px) 1fr;align-items:stretch}
.pn-ixcol{padding:104px 56px 96px var(--agl-inline);display:flex;flex-direction:column;align-items:flex-start}
.pn-ixlist{width:100%;margin:20px 0 34px;border-top:1px solid var(--agl-hairline)}
.pn-ixrow{display:block;width:100%;text-align:left;font:inherit;color:inherit;background:none;border:0;border-bottom:1px solid var(--agl-hairline);border-left:2px solid transparent;padding:24px 22px 24px 18px;cursor:pointer;transition:border-color var(--agl-t-base) var(--agl-ease),background var(--agl-t-base) var(--agl-ease),opacity var(--agl-t-base) var(--agl-ease)}
.pn-ixno{font-size:10px;letter-spacing:.24em;color:var(--agl-gold);font-weight:500;margin-right:14px;vertical-align:super}
.pn-ixnm{font-family:var(--agl-display);font-weight:500;font-size:clamp(22px,2vw,28px);color:var(--agl-stone-300);transition:color var(--agl-t-base) var(--agl-ease)}
.pn-ixsub{display:block;max-height:0;opacity:0;overflow:hidden;margin-left:32px;font-size:14px;line-height:1.6;color:var(--agl-stone-300);transition:max-height .6s var(--agl-ease),opacity .4s var(--agl-ease),margin .4s var(--agl-ease)}
.pn-ixrow.on{border-left-color:var(--agl-gold);background:rgba(255,255,255,.03)}
.pn-ixrow.on .pn-ixnm{color:var(--agl-ivory)}
.pn-ixrow.on .pn-ixsub{max-height:80px;opacity:1;margin-top:8px}
.pn-ixlist:hover .pn-ixrow:not(.on){opacity:.55}
.pn-ixrow:focus-visible{outline:2px solid var(--agl-gold);outline-offset:-2px}
.pn-ixstage{position:relative;overflow:hidden;min-height:640px}
.pn-ixslide{position:absolute;inset:0;opacity:0;transition:opacity .6s var(--agl-ease)}
.pn-ixslide.on{opacity:1}
.pn-ixslide img{width:100%;height:100%;object-fit:cover;display:block}
.pn-workin{padding:64px var(--agl-inline) 96px}
.pn-spec .pn-sub{color:var(--agl-stone-300);border-top-color:var(--agl-hairline)}
.pn-worktiles{grid-template-columns:repeat(4,1fr)}

@media (max-width:920px){
	.pn-sizetop,.pn-appshead,.pn-wallhead,.pn-ix{grid-template-columns:1fr}
	.pn-typegrid{grid-template-columns:repeat(3,1fr)}
	.pn-perftiles{grid-template-columns:repeat(2,1fr)}
	.pn-worktiles{grid-template-columns:repeat(2,1fr)}
	.pn-wallview{grid-template-columns:1fr}
	.pn-wallthumbs{grid-template-rows:none;grid-template-columns:repeat(5,1fr)}
	.pn-wallthumb{aspect-ratio:1}
	.pn-subgrid{grid-template-columns:repeat(2,1fr)}
	.pn-ixstage{min-height:0;height:46svh;order:-1}
	.pn-ixcol{padding:48px var(--agl-section-x-mobile,20px)}
	.pn-applist{grid-template-columns:1fr}
}
@media (max-width:560px){
	.pn-jumpin{justify-content:flex-start;flex-wrap:nowrap;overflow-x:auto;padding:0 20px;gap:22px}
	.pn-jump a{white-space:nowrap}
	.pn-typegrid{grid-template-columns:1fr 1fr}
	.pn-fmtrow{grid-template-columns:1fr 1fr;row-gap:24px}
	.pn-app{grid-template-columns:96px 1fr;gap:16px;padding:18px}
	.pn-subgrid{grid-template-columns:1fr}
	.pn-subtext span{max-height:none;opacity:1;margin-top:6px}
	.pn-instfacts{grid-template-columns:1fr 1fr}
	.pn-instfact b{font-size:40px}
	.pn-wallthumb span{display:none}
	.pn-worktiles,.pn-perftiles{grid-template-columns:1fr}
}
@media (hover:none){.pn-subtext span{max-height:none;opacity:1;margin-top:6px}}
@media (prefers-reduced-motion:reduce){.pn-stepimg img,.pn-subitem img,.pn-appimg img{transition:none}}
.pn-wallview{align-items:stretch}
.pn-wallthumbs{min-height:0}
.pn-wallthumb{min-height:0;height:100%}
.pn-wallthumb img{position:absolute;inset:0}
.pn-type{min-height:176px}
.pn-app--link{grid-column:1/-1;grid-template-columns:150px 1fr}
.pn-spec .ptile{background:var(--agl-noir-900);color:var(--agl-ivory)}
.pn-spec .ptiles{background:var(--agl-hairline);border-color:var(--agl-hairline)}
.pn-spec .ptile p{color:var(--agl-stone-300)}
.pn-spec .ptile .pk,.pn-spec .ptile .pno,.pn-spec .ptile svg{color:var(--agl-gold)}
.pn-spec .ptile:hover{background:var(--agl-noir-850)}
@media (max-width:920px){.pn-wallthumb{aspect-ratio:1;height:auto}}
@media (max-width:560px){.pn-app--link{grid-template-columns:96px 1fr}}
@media (max-width:560px){.pn-perftiles{grid-template-columns:1fr 1fr}.pn-perftiles .ptile{padding:18px 14px}}
/* Oct 27, round 4 */
.pn-glassintro{justify-content:center;gap:0}
.pn-glasslist{margin-top:0;padding-top:28px}
.pn-type{transition:background var(--agl-t-base) var(--agl-ease)}
.pn-typename,.pn-typenum,.pn-typew,.pn-typemore{transition:opacity var(--agl-t-base) var(--agl-ease),filter var(--agl-t-base) var(--agl-ease)}
.pn-typebody{inset:auto 10px 10px 10px;padding:14px 14px 14px;align-items:flex-start;font-size:13px;line-height:1.55}
.pn-type:hover .pn-typename,.pn-type:hover .pn-typenum,.pn-type:hover .pn-typew,.pn-type:hover .pn-typemore,
.pn-type:focus-visible .pn-typename,.pn-type:focus-visible .pn-typenum,.pn-type:focus-visible .pn-typew,.pn-type:focus-visible .pn-typemore,
.pn-type[aria-expanded="true"] .pn-typename,.pn-type[aria-expanded="true"] .pn-typenum,.pn-type[aria-expanded="true"] .pn-typew,.pn-type[aria-expanded="true"] .pn-typemore{opacity:.35;filter:grayscale(1)}
.pn-cta .pn-ctacontact{display:flex;justify-content:center;flex-wrap:wrap;gap:16px 48px;margin-top:30px}
.pn-ctacontact a{color:var(--agl-ivory);text-decoration:none;font-size:15px;display:flex;flex-direction:column;align-items:center;gap:6px;border-bottom:1px solid transparent;transition:color var(--agl-t-base) var(--agl-ease)}
.pn-ctacontact a span{font-size:10px;letter-spacing:.22em;text-transform:uppercase;color:var(--agl-gold)}
.pn-ctacontact a:hover{color:var(--agl-gold)}
/* Panel type hover (Vince, Oct 27): whole card goes black; name, size and weight fade to one faint white behind the spec line. */
.pn-typebody{inset:0;padding:22px 18px;background:transparent;color:var(--agl-ivory);align-items:flex-end;font-size:13.5px}
.pn-type:hover,.pn-type:focus-visible,.pn-type[aria-expanded="true"]{background:var(--agl-noir-950)}
.pn-type:hover .pn-typename,.pn-type:hover .pn-typenum,.pn-type:hover .pn-typenum small,.pn-type:hover .pn-typew,.pn-type:hover .pn-typemore,
.pn-type:focus-visible .pn-typename,.pn-type:focus-visible .pn-typenum,.pn-type:focus-visible .pn-typenum small,.pn-type:focus-visible .pn-typew,.pn-type:focus-visible .pn-typemore,
.pn-type[aria-expanded="true"] .pn-typename,.pn-type[aria-expanded="true"] .pn-typenum,.pn-type[aria-expanded="true"] .pn-typenum small,.pn-type[aria-expanded="true"] .pn-typew,.pn-type[aria-expanded="true"] .pn-typemore{color:rgba(244,242,237,.16);border-color:rgba(244,242,237,.16);opacity:1;filter:none}
.pn-typebody{padding-bottom:50px}

/* Mobile pass (Vince, Oct 27): wallpaper, applications and installation become swipe rows of full-size images */
@media (max-width:760px){
	.pn-snap{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;margin-inline:calc(-1 * var(--agl-section-x-mobile,20px));padding-inline:var(--agl-section-x-mobile,20px);scroll-padding-inline:var(--agl-section-x-mobile,20px)}
	.pn-snap::-webkit-scrollbar{display:none}
	.pn-snaphint{display:flex;justify-content:space-between;align-items:center;margin:10px 0 0;font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:var(--agl-ink-2)}
	.pn-snaphint::after{content:"\2192";font-size:14px;letter-spacing:0}

	/* Wallpaper: every scene full width, swipe through; thumbnails hidden */
	.pn-wallview{display:block;margin:28px 0 24px}
	.pn-wallstage{aspect-ratio:auto;background:none;overflow-x:auto}
	.pn-wallslide{position:relative;inset:auto;opacity:1;flex:0 0 86%;scroll-snap-align:start;aspect-ratio:4/5;overflow:hidden}
	.pn-wallslide img{position:absolute;inset:0}
	.pn-wallslide figcaption{font-size:22px;left:16px;bottom:16px}
	.pn-wallthumbs{display:none}

	/* Installation: one large photo per step, swipe */
	.pn-steps--line{display:flex;gap:12px;margin:32px calc(-1 * var(--agl-section-x-mobile,20px)) 28px;padding-inline:var(--agl-section-x-mobile,20px);overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}
	.pn-steps--line::-webkit-scrollbar{display:none}
	.pn-steps--line li{flex:0 0 78%;scroll-snap-align:start}
	.pn-stepimg{aspect-ratio:4/3;margin-bottom:12px}
	.pn-stepname{font-size:24px;letter-spacing:0}
	.pn-stepno{font-size:11px}

	/* Applications: image on top, labels above values */
	.pn-app,.pn-app--link{grid-template-columns:1fr;gap:16px;padding:0 0 22px}
	.pn-applist{background:none;border:0;gap:28px;margin-top:28px}
	.pn-app{background:none;border-bottom:1px solid var(--agl-hairline)}
	.pn-appimg{aspect-ratio:16/10}
	.pn-appbody h3{font-size:26px}
	.pn-appmeta span{display:block;min-width:0;margin-bottom:2px}
	.pn-appmeta{margin:10px 0}

	/* Credits on small photos: quieter */
	.pn-stepimg .agl-credit,.pn-wallslide .agl-credit,.pn-appimg .agl-credit{font-size:8.5px;letter-spacing:.02em;padding:18px 8px 5px}
}
.pn-snaphint{display:none}@media (max-width:760px){.pn-snaphint{display:flex}}
@media (max-width:760px){.pn-snaphint--steps{margin:-16px 0 24px}}
@media (max-width:760px){.pn-steps--line{flex-wrap:nowrap}}
.pn-steps--line li,.pn-steps--line .pn-stepname{letter-spacing:0}

/* Façade system page (Oct 27, design-rules.md applied) */
.pn-ways{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:10px}
.pn-way{background:#fff;border:1px solid var(--agl-hairline-day-soft);display:grid;grid-template-rows:auto 1fr}
.pn-waybody{padding:26px 28px 30px}
.pn-waybody p{color:var(--agl-ink-2);line-height:1.7;margin:0}
.pn-xsec{display:flex;align-items:stretch;height:220px;padding:28px 28px 0;gap:6px;background:linear-gradient(180deg,var(--agl-day-100),#fff)}
.pn-xl{position:relative;display:block;flex:0 0 auto}
.pn-xl i{position:absolute;left:50%;bottom:-26px;transform:translateX(-50%) rotate(0);font-style:normal;font-size:9.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--agl-ink-2);white-space:nowrap}
.pn-xsec{padding-bottom:40px;height:240px}
.pn-xl--wall{width:64px;background:repeating-linear-gradient(135deg,#d9d4c8 0 6px,#cfc9bc 6px 12px)}
.pn-xl--ins{width:44px;background:repeating-linear-gradient(0deg,#efe6c9 0 8px,#e6dbb8 8px 16px)}
.pn-xl--brk{width:18px;background:linear-gradient(90deg,transparent 0 30%,var(--agl-stone-500) 30% 70%,transparent 70%)}
.pn-xl--gap{width:34px;background:repeating-linear-gradient(180deg,transparent 0 10px,rgba(117,104,68,.25) 10px 12px)}
.pn-xl--prof{width:12px;background:var(--agl-stone-700)}
.pn-xl--glue{width:14px;background:repeating-linear-gradient(180deg,var(--agl-gold) 0 6px,transparent 6px 10px)}
.pn-xl--panel{width:8px;background:var(--agl-gold-ink);box-shadow:4px 0 12px rgba(22,20,15,.18)}
.pn-xsec .pn-xl:nth-child(even) i{bottom:auto;top:-22px}
.pn-xsec{padding-top:40px}
.pn-xsec--direct{justify-content:flex-start}
.pn-bendmedia--one{grid-template-columns:1fr}
.pn-bendmedia--one img{aspect-ratio:4/5}
.pn-layers{list-style:none;padding:0;margin:26px 0 0;border-top:1px solid var(--agl-hairline)}
.pn-layers li{display:flex;align-items:baseline;gap:16px;padding:14px 0;border-bottom:1px solid var(--agl-hairline);font-family:var(--agl-display);font-size:21px}
.pn-layers li:last-child{color:var(--agl-gold)}
.pn-layers span{font-family:var(--agl-body);font-size:10px;letter-spacing:.22em;color:var(--agl-gold)}
.pn-fixin{padding-top:56px}
.pn-bend .pn-sub{color:var(--agl-stone-300);border-top-color:var(--agl-hairline)}
.pn-fixtiles{grid-template-columns:repeat(4,1fr);background:var(--agl-hairline);border-color:var(--agl-hairline)}
.pn-fixtiles .ptile{background:var(--agl-noir-900);color:var(--agl-ivory);padding:24px 22px 26px}
.pn-fixtiles .ptile p{color:var(--agl-stone-300)}
.pn-fixtiles .ptile .pk,.pn-fixtiles .ptile .pno,.pn-fixtiles .ptile svg{color:var(--agl-gold)}
.pn-fixtiles .ptop{margin-bottom:16px}
.pn-perftiles--fac{grid-template-columns:repeat(4,1fr)}
.pn-perfcta{display:flex;flex-direction:column;justify-content:center;text-decoration:none;background:var(--agl-noir-950)!important;color:var(--agl-ivory)}
.pn-perfcta .pk{color:var(--agl-gold)}
.pn-perfcta p{color:var(--agl-ivory)!important;font-family:var(--agl-display);font-size:20px;margin:6px 0}
.pn-perfcta .arr{color:var(--agl-gold);font-size:18px}
.pn-steps--six{grid-template-columns:repeat(6,1fr)}
.pn-steps--six .pn-stepimg{aspect-ratio:3/4}
.panels-facade .pn-install{padding-bottom:72px}
@media (max-width:920px){
	.pn-ways{grid-template-columns:1fr}
	.pn-fixtiles,.pn-perftiles--fac{grid-template-columns:1fr 1fr}
	.pn-steps--six{grid-template-columns:repeat(3,1fr)}
}
@media (max-width:760px){
	.pn-steps--six{display:flex}
	.pn-steps--six li{flex:0 0 66%}
	.pn-xsec{height:210px;padding:40px 20px 40px;gap:4px}
	.pn-xl--wall{width:48px}.pn-xl--ins{width:34px}.pn-xl--gap{width:26px}
	.pn-xl i{font-size:8.5px;letter-spacing:.08em}
}
@media (max-width:560px){.pn-fixtiles,.pn-perftiles--fac{grid-template-columns:1fr}}
/* Cross-section v2: columns with labels underneath, never overlapping */
.pn-xsec,.pn-xsec--direct{display:flex;align-items:stretch;justify-content:center;gap:0;height:auto;padding:30px 28px 22px;background:linear-gradient(180deg,var(--agl-day-100),#fff)}
.pn-xl{display:flex;flex-direction:column;align-items:center;gap:12px;flex:1 1 0;width:auto!important;background:none!important;box-shadow:none!important;min-width:0}
.pn-xl::before{content:"";display:block;height:150px;width:var(--w,40px)}
.pn-xl i{position:static;transform:none;text-align:center;white-space:normal;font-size:9.5px;line-height:1.35;letter-spacing:.12em;max-width:90px}
.pn-xsec .pn-xl:nth-child(even) i{top:auto}
.pn-xl--wall::before{--w:58px;background:repeating-linear-gradient(135deg,#d9d4c8 0 6px,#cfc9bc 6px 12px)}
.pn-xl--ins::before{--w:40px;background:repeating-linear-gradient(0deg,#efe6c9 0 8px,#e6dbb8 8px 16px)}
.pn-xl--brk::before{--w:24px;background:linear-gradient(180deg,transparent 0 18%,var(--agl-stone-500) 18% 26%,transparent 26% 74%,var(--agl-stone-500) 74% 82%,transparent 82%)}
.pn-xl--gap::before{--w:30px;background:repeating-linear-gradient(180deg,transparent 0 10px,rgba(117,104,68,.28) 10px 12px)}
.pn-xl--prof::before{--w:12px;background:var(--agl-stone-700)}
.pn-xl--glue::before{--w:14px;background:repeating-linear-gradient(180deg,var(--agl-gold) 0 6px,transparent 6px 10px)}
.pn-xl--panel::before{--w:8px;background:var(--agl-gold-ink);box-shadow:4px 0 12px rgba(22,20,15,.18)}
.pn-xl--panel i{color:var(--agl-gold-ink);font-weight:600}
.pn-xsec--direct .pn-xl{flex:0 1 120px}
.pn-steps--six .pn-stepname{font-size:17px}
@media (max-width:760px){.pn-xsec,.pn-xsec--direct{padding:24px 12px 18px}.pn-xl::before{height:120px}.pn-xl i{font-size:8px;letter-spacing:.06em}}
@media (max-width:560px){.pn-perftiles--fac{grid-template-columns:1fr 1fr}.pn-perftiles--fac .ptile{padding:18px 14px}}
.pn-substr{background:#fff}
.pn-substr img{object-fit:contain!important;aspect-ratio:4/5;padding:24px;box-sizing:border-box;background:#fff}
.pn-fixtile{padding-top:0!important;overflow:hidden}
.pn-fiximg{display:block;margin:0 -22px 18px;aspect-ratio:1;background:#fff;overflow:hidden}
.pn-fiximg img{width:100%;height:100%;object-fit:contain;padding:14px;box-sizing:border-box;transition:transform .8s var(--agl-ease)}
.pn-fixtile:hover .pn-fiximg img{transform:scale(1.05)}
.pn-fixtile .ptop{justify-content:flex-end;margin-bottom:6px!important}
.pn-fiximg .agl-credit{color:rgba(22,20,15,.6);background:none}
@media (max-width:560px){.pn-fixtiles{grid-template-columns:1fr 1fr}.pn-fixtile p{font-size:13px}}

/* Façade round 2 (Vince, Oct 27): drawn sections, interactive system cut-away */
.pn-xsec{display:none}
.pn-xsvg{margin:0;padding:22px 18px 8px;background:linear-gradient(180deg,var(--agl-day-100),#fff);border-bottom:1px solid var(--agl-hairline-day-soft)}
.pn-xsvg svg{display:block;width:100%;height:auto}
.pn-xsvg .x-wallfill{fill:#e4dfd4}.pn-xsvg .x-hatch{stroke:#c9c2b3;stroke-width:2}
.pn-xsvg .x-insfill{fill:#f1ead3}.pn-xsvg .x-wool{fill:none;stroke:#ddd0a6;stroke-width:1.4}
.pn-xsvg .x-edge{stroke:var(--agl-hairline-day);stroke-width:1}
.pn-xsvg .x-metal{fill:none;stroke:var(--agl-stone-700);stroke-width:4;stroke-linejoin:round}
.pn-xsvg .x-profile{fill:var(--agl-stone-700)}
.pn-xsvg .x-print1{stop-color:#8a744a}.pn-xsvg .x-print2{stop-color:#c8b78a}
.pn-xsvg .x-air path{fill:none;stroke:var(--agl-gold-ink);stroke-width:1.2;stroke-dasharray:3 4;opacity:.8}
.pn-xsvg .x-glue rect{fill:var(--agl-gold)}
.pn-xsvg .x-lead{fill:none;stroke:var(--agl-ink-3);stroke-width:.8}
.pn-xsvg .x-lead--gold{stroke:var(--agl-gold-ink)}
.pn-xsvg .x-dot{fill:#fff;stroke:var(--agl-ink-2);stroke-width:1.2}
.pn-xsvg .x-dot--gold{stroke:var(--agl-gold-ink);fill:var(--agl-gold)}
.pn-xsvg .x-no{font-family:var(--agl-body);font-size:10px;letter-spacing:.2em;fill:var(--agl-gold-ink);font-weight:500}
.pn-xsvg .x-tx{font-family:var(--agl-display);font-size:19px;fill:var(--agl-ink)}
.pn-xsvg .x-tx--gold{fill:var(--agl-gold-ink)}

.pn-sysin{align-items:center}
.pn-sysframe{position:relative;max-width:560px;margin:0 auto}
.pn-sysframe img{display:block;width:100%;height:auto;filter:drop-shadow(0 30px 40px rgba(0,0,0,.45))}
.pn-hs{position:absolute;transform:translate(-50%,-50%);width:34px;height:34px;border-radius:50%;border:1px solid rgba(244,242,237,.8);background:rgba(11,11,10,.55);backdrop-filter:blur(3px);color:var(--agl-ivory);font:500 10px/1 var(--agl-body);letter-spacing:.06em;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background var(--agl-t-base) var(--agl-ease),transform var(--agl-t-base) var(--agl-ease),border-color var(--agl-t-base) var(--agl-ease)}
.pn-hs::after{content:"";position:absolute;inset:-7px;border-radius:50%;border:1px solid rgba(200,183,138,.0);transition:border-color var(--agl-t-base) var(--agl-ease)}
.pn-hs.on,.pn-hs:hover,.pn-hs:focus-visible{background:var(--agl-gold);color:var(--agl-noir-950);border-color:var(--agl-gold);transform:translate(-50%,-50%) scale(1.12)}
.pn-hs.on::after{border-color:rgba(200,183,138,.6);animation:pnPulse 2.4s var(--agl-ease) infinite}
@keyframes pnPulse{0%{transform:scale(.9);opacity:1}100%{transform:scale(1.5);opacity:0}}
@media (prefers-reduced-motion:reduce){.pn-hs.on::after{animation:none}}
.pn-sysframe .agl-credit{bottom:4px;right:4px}
.pn-layers li{padding:0;display:block}
.pn-layer{display:flex;align-items:baseline;gap:16px;width:100%;padding:15px 14px;background:none;border:0;border-left:2px solid transparent;color:var(--agl-stone-300);font-family:var(--agl-display);font-size:21px;text-align:left;cursor:pointer;transition:color var(--agl-t-base) var(--agl-ease),background var(--agl-t-base) var(--agl-ease),border-color var(--agl-t-base) var(--agl-ease)}
.pn-layer span{font-family:var(--agl-body);font-size:10px;letter-spacing:.22em;color:var(--agl-gold)}
.pn-layer.on,.pn-layer:hover,.pn-layer:focus-visible{color:var(--agl-ivory);background:rgba(255,255,255,.04);border-left-color:var(--agl-gold)}
.pn-layers li:last-child{color:inherit}
@media (max-width:760px){
	.pn-xsvg{padding:14px 6px 4px}
	.pn-hs{width:28px;height:28px;font-size:9px}
	.pn-sysframe{max-width:360px}
}
@media (max-width:760px){.pn-xsvg .x-tx{font-size:28px}.pn-xsvg .x-no{font-size:14px}.pn-xsvg .x-dot{r:5}}
/* Cut-away caption: on phones the active layer shows right under the image (Vince, Oct 27) */
.pn-syscap{display:none}
@media (max-width:760px){
	.pn-syscap{display:flex;align-items:center;justify-content:space-between;gap:12px;max-width:360px;margin:14px auto 0;padding:12px 14px;border:1px solid var(--agl-hairline);border-left:2px solid var(--agl-gold);background:rgba(255,255,255,.04)}
	.pn-syscapt{display:flex;align-items:baseline;gap:12px;font-family:var(--agl-display);font-size:24px;color:var(--agl-ivory)}
	.pn-syscapno{font-family:var(--agl-body);font-size:11px;letter-spacing:.22em;color:var(--agl-gold)}
	.pn-sysnav{width:40px;height:40px;flex:none;border-radius:50%;border:1px solid var(--agl-hairline);background:none;color:var(--agl-gold);font-size:16px;cursor:pointer}
	.pn-sysnav:active{background:rgba(200,183,138,.15)}
	.pn-sysin .pn-layers{display:none}
}

/* Design pages (Oct 27, design-rules.md) */
.pn-dspec{padding-top:88px}
.pn-dspecgrid{display:grid;grid-template-columns:1.3fr 1fr;gap:24px;align-items:stretch}
.pn-dtable{padding:8px 28px}
.pn-dtable .spectable{width:100%;margin:0}
.pn-dtable .spectable th,.pn-dtable .spectable td{padding:16px 0;border-bottom:1px solid var(--agl-hairline-day-soft);vertical-align:top}
.pn-dtable .spectable tr:last-child th,.pn-dtable .spectable tr:last-child td{border-bottom:0}
.pn-dtable .spectable th{font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:var(--agl-ink-2);font-weight:500;width:120px}
.pn-dforms{display:grid;grid-template-rows:repeat(3,1fr);gap:1px;background:var(--agl-hairline-day-soft);border:1px solid var(--agl-hairline-day-soft)}
.pn-dform{display:flex;flex-direction:column;justify-content:center;gap:4px;padding:18px 22px;background:#fff;color:var(--agl-ink);text-decoration:none;position:relative;transition:background var(--agl-t-base) var(--agl-ease)}
.pn-dform b{font-family:var(--agl-display);font-weight:500;font-size:22px}
.pn-dform span:last-child{font-size:13.5px;color:var(--agl-ink-2)}
.pn-dformst{font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:var(--agl-ink-3)}
.pn-dform.on{background:var(--agl-noir-950);color:var(--agl-ivory)}
.pn-dform.on .pn-dformst{color:var(--agl-gold)}
.pn-dform.on span:last-child{color:var(--agl-stone-300)}
.pn-dform:not(.on):hover{background:var(--agl-day-100)}
.pn-dform::after{content:"\2192";position:absolute;right:20px;top:50%;transform:translateY(-50%);color:var(--agl-gold-ink)}
.pn-dform.on::after{color:var(--agl-gold)}
.pn-perftiles--d{grid-template-columns:repeat(4,1fr)}
.pn-perftiles--glass{grid-template-columns:repeat(5,1fr)}
.pn-dmore .pil-gridhead{align-items:flex-end}
.pn-dall{white-space:nowrap}
.pn-dcards{grid-template-columns:repeat(3,1fr)}
.pn-dmore .pn-snaphint{display:none}
.mat-hero--panels .mat-actions .agl-btn{width:auto}
@media (max-width:920px){
	.pn-dspecgrid{grid-template-columns:1fr}
	.pn-perftiles--d,.pn-perftiles--glass{grid-template-columns:1fr 1fr}
}
@media (max-width:760px){
	.pn-dcards{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:12px;margin-inline:calc(-1 * var(--agl-section-x-mobile,20px));padding-inline:var(--agl-section-x-mobile,20px);scrollbar-width:none}
	.pn-dcards .pil-card{flex:0 0 78%;scroll-snap-align:start}
	.pn-dmore .pn-snaphint{display:flex}
	.pn-dtable{padding:4px 18px}
	.pn-dtable .spectable th{width:auto;display:block;padding:14px 0 2px;border:0}
	.pn-dtable .spectable td{display:block;padding:0 0 14px}
	.pn-dtable .spectable td::before{content:none}
	.pn-dform b{font-size:20px}
	.pn-dall{align-self:flex-start}
}
@media (max-width:560px){.pn-perftiles--d,.pn-perftiles--glass{grid-template-columns:1fr 1fr}.pn-perftiles--d .ptile{padding:18px 14px}}
@media (max-width:760px){
	.pn-dlife .lifehead{flex-direction:column;align-items:flex-start;gap:8px}
	.pn-dlife .lifestage{aspect-ratio:4/5}
}
.pn-texcredit{margin:10px 0 0;text-align:right;font-size:9.5px;letter-spacing:.04em;color:var(--agl-ink-3)}
.pn-hint-touch{display:none}
@media (hover:none){.pn-hint-hover{display:none}.pn-hint-touch{display:inline}}
/* Panels jump bar: one centred line on desktop (Vince, Oct 27-28). The bar is
   capped at the page width, so its side padding is --agl-pad-x, not --agl-inline
   (which assumes a full-width box and squeezed the links off-centre on wide screens). */
@media (min-width:921px){
	.pn-jumpin{padding-left:var(--agl-pad-x);padding-right:var(--agl-pad-x);flex-wrap:nowrap;justify-content:center;gap:0 clamp(14px,1.9vw,28px)}
	.pn-jump a{white-space:nowrap;flex:none}
}
@media (min-width:921px) and (max-width:1360px){.pn-jump a{letter-spacing:.1em}}
@media (min-width:921px) and (max-width:1120px){.pn-jumpin{flex-wrap:wrap;gap:0 22px}}