/* Exterior V2 candidate: page composition only. Controls/tokens remain eg-*. */
.eg-exterior { color: var(--eg-color-text); }
.eg-exterior .wp-block-group > * { margin-block-start: 0; }
.eg-exterior .wp-block-image { margin: 0; }
.eg-exterior .wp-block-image img { display: block; width: 100%; }
.eg-exterior .wp-block-image figcaption { margin: 0; padding: 12px 0 0; font-size: var(--eg-text-meta); line-height: var(--eg-line-compact); color: var(--eg-color-muted); }
.eg-exterior .eg-exterior__hero { padding-block: 48px 0; }
.eg-exterior .eg-exterior__breadcrumb { margin: 0 0 44px; font-size: var(--eg-text-meta); color: var(--eg-color-line); }
.eg-exterior .eg-exterior__hero-layout { display: grid; grid-template-columns: minmax(0,.95fr) minmax(0,1.05fr); align-items: center; gap: 48px; }
.eg-exterior .eg-exterior__hero-title { margin: 0; max-width: 10ch; color: var(--eg-color-surface); font-size: clamp(3.7rem,6.4vw,5.75rem); font-weight: var(--eg-weight-heading); letter-spacing: -.055em; line-height: .98; }
.eg-exterior .eg-exterior__hero-title em,.eg-exterior .press-final-cta h2 em { font-style: normal; color: #68c3ff; }
.eg-exterior .press-final-cta h2 em { white-space: nowrap; }
.eg-exterior .eg-exterior__hero-copy .eg-eyebrow { color: #9bdcff; margin-bottom: 24px; }
.eg-exterior .eg-exterior__hero-lead { max-width: 430px; margin: 28px 0 0; color: var(--eg-color-line); font-size: 1.12rem; line-height: 1.55; }
.eg-exterior .eg-exterior__hero-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 24px; margin-top: 32px; }
.eg-exterior .eg-exterior__hero-actions > * { margin: 0; }
.eg-exterior .eg-exterior__hero-visual { border-top: 3px solid var(--eg-color-accent); }
.eg-exterior .eg-exterior__hero-visual img { aspect-ratio: 1; object-fit: cover; }
.eg-exterior .eg-exterior__hero-visual figcaption,.eg-exterior .eg-exterior__criteria-visual figcaption { color: var(--eg-color-line); }
.eg-exterior .eg-exterior__hero-foot { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 24px; border-top: 1px solid rgba(255,255,255,.22); margin-top: 48px; padding-block: 26px; }
.eg-exterior .eg-exterior__hero-foot p { margin: 0; color: var(--eg-color-line); font-size: var(--eg-text-small); }
.eg-exterior .eg-exterior__hero-foot span { color: #68c3ff; margin-right: 12px; font-size: var(--eg-text-meta); }
.eg-exterior .eg-exterior__systems-head { max-width: 820px; margin-bottom: 64px; }
.eg-exterior .eg-exterior__title { margin: 0; font-size: var(--eg-heading-section); font-weight: var(--eg-weight-heading); line-height: var(--eg-line-heading); letter-spacing: var(--eg-tracking-heading); }
.eg-exterior .eg-exterior__systems-intro { max-width: 530px; margin: 24px 0 0; color: var(--eg-color-muted); font-size: var(--eg-text-base); line-height: var(--eg-line-body); }
.eg-exterior .eg-exterior__systems-grid { display: grid; grid-template-columns: minmax(0,1.2fr) minmax(0,.8fr); gap: 72px; align-items: start; }
.eg-exterior .eg-exterior__system--flag { padding-top: 112px; }
.eg-exterior .eg-exterior__product { background: #fff; }
.eg-exterior .eg-exterior__product--fly img { aspect-ratio: 1; object-fit: contain; }
/* The top crop excludes the catalogue label. Original 600px source retained. */
.eg-exterior .eg-exterior__product--flag img { aspect-ratio: 4/3; object-fit: cover; object-position: center top; }
.eg-exterior .eg-exterior__system-copy { border-top: 1px solid var(--eg-color-line); padding-top: 24px; margin-top: 28px; }
.eg-exterior .eg-exterior__system-index { color: var(--eg-color-link); font-size: var(--eg-text-meta); letter-spacing: var(--eg-tracking-label); font-weight: var(--eg-weight-label); margin: 0 0 14px; }
.eg-exterior .eg-exterior__system-title { margin: 0; font-size: clamp(2.3rem,4vw,3.8rem); font-weight: var(--eg-weight-heading); line-height: 1; letter-spacing: -.045em; }
.eg-exterior .eg-exterior__system-lead { max-width: 440px; margin: 20px 0 0; font-size: 1.2rem; line-height: 1.4; }
.eg-exterior .eg-exterior__system-note { max-width: 420px; margin: 12px 0 0; font-size: var(--eg-text-small); color: var(--eg-color-muted); line-height: var(--eg-line-body); }
.eg-exterior .eg-exterior__system-link { margin: 24px 0 0; }
.eg-exterior .eg-exterior__porta { display: grid; grid-template-columns: 160px minmax(0,1fr) auto; align-items: center; gap: 32px; margin-top: 72px; padding: 24px 32px; background: var(--eg-color-surface-alt); }
.eg-exterior .eg-exterior__porta .wp-block-image img { aspect-ratio: 1; object-fit: contain; }
.eg-exterior .eg-exterior__porta h3 { margin: 0 0 10px; font-size: 1.4rem; font-weight: var(--eg-weight-heading); letter-spacing: -.025em; }
.eg-exterior .eg-exterior__porta p { max-width: 510px; margin: 0; color: var(--eg-color-muted); font-size: var(--eg-text-small); }
.eg-exterior .eg-exterior__porta .eg-text-link { white-space: nowrap; }
.eg-exterior .eg-exterior__matter { background: var(--eg-color-surface-alt); padding-block: 80px; }
.eg-exterior .eg-exterior__matter-layout { display: grid; grid-template-columns: minmax(0,.85fr) minmax(0,1.15fr); gap: 72px; align-items: center; }
.eg-exterior .eg-exterior__matter-copy p:last-child { max-width: 360px; margin: 24px 0 0; color: var(--eg-color-muted); font-size: var(--eg-text-base); line-height: var(--eg-line-body); }
.eg-exterior .eg-exterior__matter-images { display: grid; grid-template-columns: minmax(0,1.2fr) minmax(0,.8fr); gap: 24px; align-items: start; }
/* Material above, physical support below; the complete rear view spans both.
   The small catalogue detail stays below its native 200px width. */
.eg-exterior .eg-exterior__fabric img { aspect-ratio: 4/3; object-fit: cover; object-position: center top; }
.eg-exterior .eg-exterior__base-detail { grid-column: 1; width: min(100%,180px); justify-self: end; }
.eg-exterior .eg-exterior__base-detail img { height: auto; }
.eg-exterior .eg-exterior__structure { grid-column: 2; grid-row: 1/3; align-self: end; }
.eg-exterior .eg-exterior__structure img { height: auto; }
.eg-exterior .eg-exterior__criteria { background: var(--eg-color-dark); }
.eg-exterior .eg-exterior__criteria .eg-exterior__title { max-width: 800px; }
.eg-exterior .eg-exterior__criteria-head { margin-bottom: 56px; }
.eg-exterior .eg-exterior__criteria-layout { display: grid; grid-template-columns: minmax(0,.7fr) minmax(0,1.25fr) minmax(0,.7fr); grid-template-rows: 1fr 1fr; align-items: start; gap: 32px 48px; }
.eg-exterior .eg-exterior__criterion { min-width: 0; padding-top: 40px; }
.eg-exterior .eg-exterior__criterion-index { margin: 0 0 14px; color: #68c3ff; font-size: 3.2rem; font-weight: var(--eg-weight-heading); letter-spacing: -.05em; line-height: 1; }
.eg-exterior .eg-exterior__criterion h3 { margin: 0; font-size: 1.32rem; font-weight: var(--eg-weight-heading); letter-spacing: -.025em; line-height: 1.2; }
.eg-exterior .eg-exterior__criterion p:last-child { max-width: 230px; margin: 14px 0 0; color: var(--eg-color-line); font-size: var(--eg-text-small); line-height: var(--eg-line-body); }
.eg-exterior .eg-exterior__criterion--place { grid-column: 1; grid-row: 1; }
.eg-exterior .eg-exterior__criterion--distance { grid-column: 3; grid-row: 1; }
.eg-exterior .eg-exterior__criterion--floor { grid-column: 1; grid-row: 2; }
.eg-exterior .eg-exterior__criterion--message { grid-column: 3; grid-row: 2; }
.eg-exterior .eg-exterior__criteria-visual { grid-column: 2; grid-row: 1/3; }
.eg-exterior .eg-exterior__criteria-visual img { aspect-ratio: 1; object-fit: cover; }
.eg-exterior .eg-exterior__closing { background: var(--eg-color-surface-alt); }
@media (max-width:1120px) {
 .eg-exterior .eg-exterior__hero-layout { gap: 32px; }
 .eg-exterior .eg-exterior__hero-title { font-size: clamp(3.3rem,6vw,4.8rem); }
 .eg-exterior .eg-exterior__systems-grid,.eg-exterior .eg-exterior__matter-layout { gap: 48px; }
 .eg-exterior .eg-exterior__system--flag { padding-top: 80px; }
 .eg-exterior .eg-exterior__criteria-layout { gap: 24px; grid-template-columns: minmax(0,.8fr) minmax(0,1.2fr) minmax(0,.8fr); }
}
@media (max-width:820px) {
 .eg-exterior .eg-exterior__hero { padding-top: 32px; }
 .eg-exterior .eg-exterior__breadcrumb { margin-bottom: 32px; }
 .eg-exterior .eg-exterior__hero-layout { grid-template-columns: minmax(0,.9fr) minmax(0,1.1fr); gap: 24px 32px; align-items: start; }
 .eg-exterior .eg-exterior__hero-copy { display: contents; }
 .eg-exterior .eg-exterior__hero-copy .eg-eyebrow { grid-column: 1/-1; margin: 0; }
 .eg-exterior .eg-exterior__hero-title { grid-column: 1/-1; max-width: 15ch; font-size: clamp(3.5rem,7.8vw,4.6rem); }
 .eg-exterior .eg-exterior__hero-lead { grid-column: 1; grid-row: 3; margin: 0; }
 .eg-exterior .eg-exterior__hero-actions { grid-column: 1; grid-row: 4; margin: 0; gap: 20px; }
 .eg-exterior .eg-exterior__hero-visual { grid-column: 2; grid-row: 3/5; }
 .eg-exterior .eg-exterior__hero-visual img { aspect-ratio: .82; object-position: 35% center; }
 .eg-exterior .eg-exterior__hero-foot { gap: 16px; margin-top: 32px; }
 .eg-exterior .eg-exterior__systems-grid { gap: 32px; grid-template-columns: minmax(0,1.1fr) minmax(0,.9fr); }
 .eg-exterior .eg-exterior__systems-head { margin-bottom: 48px; }
 .eg-exterior .eg-exterior__system--flag { padding-top: 48px; }
 .eg-exterior .eg-exterior__porta { grid-template-columns: 130px minmax(0,1fr); gap: 24px; padding: 24px; margin-top: 48px; }
 .eg-exterior .eg-exterior__porta .eg-text-link { grid-column: 2; }
 .eg-exterior .eg-exterior__porta .wp-block-image { grid-row: 1/3; }
 .eg-exterior .eg-exterior__matter-layout { grid-template-columns: minmax(0,1fr); gap: 40px; }
 .eg-exterior .eg-exterior__matter-copy { display: grid; grid-template-columns: minmax(0,1fr) minmax(0,.8fr); gap: 16px 32px; align-items: end; }
 .eg-exterior .eg-exterior__matter-copy .eg-eyebrow { grid-column: 1/-1; margin: 0; }
 .eg-exterior .eg-exterior__matter-copy p:last-child { margin: 0; }
 .eg-exterior .eg-exterior__matter-images { max-width: 640px; margin-left: auto; }
 .eg-exterior .eg-exterior__criteria-layout { grid-template-columns: repeat(2,minmax(0,1fr)); grid-template-rows: auto auto auto; gap: 32px; }
 .eg-exterior .eg-exterior__criterion { padding-top: 0; }
 .eg-exterior .eg-exterior__criterion--place { grid-column: 1; grid-row: 1; }
 .eg-exterior .eg-exterior__criterion--distance { grid-column: 2; grid-row: 1; }
 .eg-exterior .eg-exterior__criteria-visual { grid-column: 1/-1; grid-row: 2; }
 .eg-exterior .eg-exterior__criteria-visual img { aspect-ratio: 1.6; object-position: center 40%; }
 .eg-exterior .eg-exterior__criterion--floor { grid-column: 1; grid-row: 3; }
 .eg-exterior .eg-exterior__criterion--message { grid-column: 2; grid-row: 3; }
}
@media (max-width:520px) {
 .eg-exterior .eg-exterior__hero-layout { grid-template-columns: minmax(0,1fr); gap: 24px; }
 .eg-exterior .eg-exterior__hero-title { font-size: clamp(2.95rem,13.6vw,4rem); max-width: 10ch; }
 .eg-exterior .eg-exterior__hero-visual { grid-column: 1; grid-row: 3; }
 .eg-exterior .eg-exterior__hero-visual img { aspect-ratio: 1.05; object-position: center; }
 .eg-exterior .eg-exterior__hero-lead { grid-row: 4; font-size: 1.04rem; }
 .eg-exterior .eg-exterior__hero-actions { grid-row: 5; justify-content: space-between; gap: 16px; }
 .eg-exterior .eg-exterior__hero-actions .wp-block-buttons,.eg-exterior .eg-exterior__hero-actions .wp-block-button,.eg-exterior .eg-exterior__hero-actions .wp-block-button__link { width: 100%; }
 .eg-exterior .eg-exterior__hero-foot { grid-template-columns: minmax(0,1fr); gap: 12px; padding-block: 24px; }
 .eg-exterior .eg-exterior__systems-head { margin-bottom: 32px; }
 .eg-exterior .eg-exterior__systems-grid { grid-template-columns: minmax(0,1fr); gap: 48px; }
 .eg-exterior .eg-exterior__system { display: grid; grid-template-columns: minmax(0,1fr); }
 .eg-exterior .eg-exterior__system--fly .eg-exterior__system-copy { display: contents; }
 .eg-exterior .eg-exterior__system--fly .eg-exterior__system-index { grid-row: 1; margin: 0 0 16px; }
 .eg-exterior .eg-exterior__system--fly .eg-exterior__system-title { grid-row: 2; margin: 0 0 24px; }
 .eg-exterior .eg-exterior__system--fly .eg-exterior__product { grid-row: 3; }
 .eg-exterior .eg-exterior__system--fly .eg-exterior__system-lead { grid-row: 4; margin-top: 24px; }
 .eg-exterior .eg-exterior__system--fly .eg-exterior__system-note { grid-row: 5; margin-top: 12px; }
 .eg-exterior .eg-exterior__system--fly .eg-exterior__system-link { grid-row: 6; }
 .eg-exterior .eg-exterior__system--flag { padding: 0; }
 .eg-exterior .eg-exterior__system-copy { margin-top: 24px; }
 .eg-exterior .eg-exterior__system-title { font-size: 2.6rem; }
 .eg-exterior .eg-exterior__system-lead { font-size: 1.12rem; margin-top: 16px; }
 .eg-exterior .eg-exterior__system-link { margin-top: 18px; }
 .eg-exterior .eg-exterior__porta { grid-template-columns: 96px minmax(0,1fr); padding: 20px 16px; gap: 16px; }
 .eg-exterior .eg-exterior__porta .wp-block-image { grid-row: 1; }
 .eg-exterior .eg-exterior__porta h3 { font-size: 1.15rem; }
 .eg-exterior .eg-exterior__porta .eg-text-link { grid-column: 1/-1; }
 .eg-exterior .eg-exterior__matter { padding-block: 64px; }
 .eg-exterior .eg-exterior__matter-copy { display: block; }
 .eg-exterior .eg-exterior__matter-copy .eg-eyebrow { margin-bottom: 16px; }
 .eg-exterior .eg-exterior__matter-copy p:last-child { margin-top: 24px; }
 .eg-exterior .eg-exterior__matter-images { grid-template-columns: minmax(0,1.2fr) minmax(0,.8fr); gap: 24px 16px; width: 100%; }
 .eg-exterior .eg-exterior__fabric { grid-column: 1/-1; }
 .eg-exterior .eg-exterior__structure { grid-column: 1; grid-row: 2; }
 .eg-exterior .eg-exterior__base-detail { grid-column: 2; grid-row: 2; align-self: end; }
 .eg-exterior .eg-exterior__criteria-head { margin-bottom: 40px; }
 .eg-exterior .eg-exterior__criteria-layout { gap: 32px 24px; }
 .eg-exterior .eg-exterior__criterion-index { font-size: 2.5rem; }
 .eg-exterior .eg-exterior__criterion h3 { font-size: 1.14rem; }
 .eg-exterior .eg-exterior__criterion p:last-child { font-size: .82rem; margin-top: 12px; }
 .eg-exterior .eg-exterior__criteria-visual img { aspect-ratio: 1.08; object-position: center; }
}