/* Pan PV 87: close portrait framing, colourful guides and uncropped project photos. */
.portrait-stage86{aspect-ratio:1/1!important}
html body .portrait-stage86>img.portrait-source86{inset:auto!important;left:-365.3846%!important;top:-146.1538%!important;width:787.6923%!important;height:443.0769%!important;object-fit:fill!important;object-position:initial!important;transform:none!important;transform-origin:initial!important}
html body .portrait-avatar86>img.portrait-source86{inset:auto!important;left:-625%!important;top:-243.75%!important;width:1280%!important;height:720%!important;object-fit:fill!important;object-position:initial!important;transform:none!important;transform-origin:initial!important}

/* Keep the existing typography and reading structure, with the earlier guides' palette. */
.editorial-color87{--guide-teal:#007d91;--guide-cyan:#e2f5f7;--guide-yellow:#fff1c9;--guide-peach:#ffe8dd}
.editorial-color87 .editorial-header85{max-width:1120px;padding-bottom:42px}
.editorial-color87 .editorial-header85>.back{display:block;width:fit-content;margin-bottom:22px}
.editorial-color87 .editorial-header85 h1{background:linear-gradient(115deg,#153544 15%,#007b93 65%,#b96c39);background-clip:text;-webkit-background-clip:text;color:transparent}
.editorial-color87 .editorial-header85>.eyebrow{display:inline-block;border-radius:30px;background:var(--guide-cyan);color:#00697d;padding:8px 14px;font-weight:650}
.editorial-feature87{display:grid;grid-template-columns:1fr 1fr;overflow:hidden;border:1px solid #b7e0e5;border-radius:28px;background:var(--guide-cyan);margin-bottom:24px}
.editorial-feature-copy87{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:clamp(26px,4vw,52px);color:#143845}
.editorial-feature-copy87>.eyebrow{font-size:11px;letter-spacing:.15em;color:#006b7d;margin-bottom:24px;font-weight:700}
.editorial-feature-copy87 h2{font-size:clamp(29px,3.2vw,44px);line-height:1.13;letter-spacing:-.035em;font-weight:600;margin:0 0 22px}
.editorial-feature-copy87>p:not(.eyebrow){font-size:17px;line-height:1.7;margin:0 0 26px;color:#345764}
.editorial-feature-copy87>a{display:inline-flex;gap:28px;align-items:center;background:#08677d;color:#fff;padding:13px 18px;border-radius:12px;font-size:14px;font-weight:600;text-decoration:none}
.editorial-feature-copy87>a:hover{background:#064d60}
.editorial-feature87 figure{margin:0;align-self:center;min-width:0;padding:22px 22px 22px 0}
.editorial-feature87 figure img{width:100%;height:auto;max-height:440px;display:block;border-radius:18px;object-fit:contain}
.editorial-feature87 figcaption{font-size:11px;letter-spacing:.04em;color:#45626c;margin-top:10px}
.editorial-backup87 .editorial-feature87{background:var(--guide-yellow);border-color:#edcf85}
.editorial-backup87 .editorial-feature-copy87>.eyebrow{color:#855725}
.editorial-backup87 .editorial-feature-copy87>a{background:#194654}
.editorial-highlights87{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-bottom:48px}
.editorial-highlight87{padding:28px;border-radius:21px;background:var(--guide-cyan);color:#173d49;min-width:0}
.editorial-highlight87:nth-child(2){background:var(--guide-yellow)}
.editorial-highlight87:nth-child(3){background:var(--guide-peach)}
.editorial-highlight87>span{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;background:#ffffffa6;border-radius:50%;font-size:12px;font-weight:700;color:#386371;margin-bottom:22px}
.editorial-highlight87 h3{font-size:22px;font-weight:600;line-height:1.25;margin:0 0 12px;letter-spacing:-.02em}
.editorial-highlight87 p{font-size:15px;line-height:1.65;margin:0;color:#405d66}
.editorial-color87 .editorial-toc85{background:color-mix(in srgb,var(--guide-cyan) 55%,var(--bg));padding:22px;border-radius:19px;border:1px solid var(--line)}
.editorial-color87 .editorial-section85{position:relative;background:var(--panel);border:1px solid var(--line);border-top:4px solid #4bb6c2;border-radius:22px;padding:30px;margin-top:28px}
.editorial-color87 .editorial-section85:nth-of-type(3n+2){border-top-color:#e9b24c}
.editorial-color87 .editorial-section85:nth-of-type(3n){border-top-color:#df9d7b}
.editorial-section-number87{display:block;font-size:12px;letter-spacing:.14em;font-weight:700;color:var(--lux-accent85);margin-bottom:14px}
.editorial-color87 .editorial-body85 h2{font-size:clamp(25px,2.4vw,32px)}
.editorial-color87 .editorial-body85 p:last-child{margin-bottom:0}
.editorial-color87 .editorial-body85>p:nth-child(2){border-left:4px solid #e9b24c;padding:20px 24px;background:color-mix(in srgb,var(--guide-yellow) 55%,var(--bg));border-radius:0 16px 16px 0}
.editorial-color87 .editorial-faq85 summary{font-weight:600}

/* Photos define their own frame height. No aspect-ratio crop or zoom on hover. */
.realization-photos87{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1fr);gap:24px;align-items:start;margin-top:30px}
.realization-photo87{margin:0;min-width:0;border:1px solid var(--line);border-radius:20px;overflow:hidden;background:var(--panel);align-self:start}
.realization-photo87.photo-1{grid-column:1;grid-row:1}
.realization-photo87.photo-2{grid-column:2;grid-row:1/span 2}
.realization-photo87.photo-3{grid-column:1;grid-row:2}
.realization-photo87 a{display:block;line-height:0}
html body .realization-photo87 img{position:static!important;display:block!important;width:100%!important;height:auto!important;max-height:none!important;min-height:0!important;aspect-ratio:auto!important;object-fit:contain!important;transform:none!important;border-radius:0!important;margin:0!important}
.realization-photo87 a:focus-visible{outline:4px solid var(--lux-accent85);outline-offset:-4px}
.realization-photo87 figcaption{font-size:13px;line-height:1.55;color:var(--muted);padding:16px 18px}
.realization-story87{width:min(1240px,calc(100% - 48px));margin:0 auto 85px;padding-top:44px;border-top:1px solid var(--line)}
.realization-intro87{max-width:850px}
.realization-intro87>.eyebrow{color:var(--lux-accent85);font-size:11px;letter-spacing:.14em;margin-bottom:20px}
.realization-intro87 h2{font-size:clamp(30px,3.6vw,47px);line-height:1.15;letter-spacing:-.035em;font-weight:550;margin-bottom:22px}
.realization-intro87 h2 span{color:var(--lux-accent85)}
.realization-deck87{font-size:19px;line-height:1.65;color:var(--muted)}
.realization-specs87{list-style:none;padding:0;margin:34px 0 44px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.realization-specs87 li{display:flex;flex-direction:column;gap:16px;border:1px solid #b9dde3;border-radius:19px;padding:25px;background:#e7f5f7;color:#153f4c}
.realization-specs87 li:nth-child(2){background:#fff1cf;border-color:#eddbaf}
.realization-specs87 li:nth-child(3){background:#eaf2dd;border-color:#d2dfbd}
.realization-specs87 li:nth-child(4){background:#fce9de;border-color:#ead0c0}
.realization-specs87 strong{font-size:34px;font-weight:600;letter-spacing:-.035em;line-height:1.15;white-space:nowrap}
.realization-specs87 small{font-size:18px;font-weight:500;letter-spacing:0}
.realization-specs87 li>span{font-size:13px;line-height:1.5}
.realization-copy87{max-width:850px;font-size:18px;line-height:1.85}
.realization-copy87 p{margin:0 0 24px;color:color-mix(in srgb,var(--ink) 85%,var(--bg))}
.realization-copy87 strong{color:var(--ink);font-weight:650}
.realization-subtitle87{padding-bottom:26px;border-bottom:1px solid var(--line)}
.realization-signoff87{border-left:4px solid var(--lux-accent85);padding:12px 22px;margin-top:32px!important}

html[data-theme=dark] .editorial-color87 .editorial-header85 h1{background-image:linear-gradient(115deg,#f1f6fb,#70d8e4 66%,#ffcf9c)}
html[data-theme=dark] .editorial-color87 .editorial-toc85{background:#142b32}
html[data-theme=dark] .editorial-color87 .editorial-body85>p:nth-child(2){background:#322c1d}
html[data-theme=dark] .editorial-color87 .editorial-section85{background:#111e25}
@media(max-width:1000px){
 .editorial-highlights87{gap:12px}.editorial-highlight87{padding:22px}
 .editorial-feature-copy87{padding:28px}.editorial-feature-copy87 h2{font-size:32px}
 .editorial-color87 .editorial-section85{padding:24px}
 .realization-specs87{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:800px){
 .editorial-feature87{grid-template-columns:1fr;border-radius:22px}
 .editorial-feature-copy87{padding:28px}.editorial-feature-copy87 h2{font-size:34px;max-width:17ch}
 .editorial-feature87 figure{padding:0 20px 20px}
 .editorial-highlights87{grid-template-columns:1fr;margin-bottom:30px}
 .editorial-highlight87{display:grid;grid-template-columns:36px minmax(0,1fr);gap:0 16px;padding:22px}
 .editorial-highlight87>span{grid-row:1/span 2;margin:0}
 .editorial-highlight87 h3{font-size:21px;margin-bottom:8px}.editorial-highlight87 p{grid-column:2}
 .editorial-color87 .editorial-section85{padding:22px;border-radius:18px}
 .editorial-color87 .editorial-body85>p:nth-child(2){padding:18px}
 .realization-story87{width:calc(100% - 36px);padding-top:32px;margin-bottom:48px}
 .realization-copy87{font-size:17px;line-height:1.8}.realization-deck87{font-size:18px}
 .realization-specs87{margin:26px 0 32px;gap:12px}.realization-specs87 li{padding:20px 17px;border-radius:16px}.realization-specs87 strong{font-size:30px}
}
@media(max-width:700px){
 .realization-photos87{grid-template-columns:minmax(0,1fr);gap:22px}
 .realization-photo87.photo-1,.realization-photo87.photo-2,.realization-photo87.photo-3{grid-column:auto;grid-row:auto}
 .realization-photo87{border-radius:16px}.realization-photo87 figcaption{font-size:12px;padding:13px 16px}
}
@media(max-width:390px){
 .realization-story87{width:calc(100% - 28px)}.realization-specs87 strong{font-size:27px}.realization-specs87 small{font-size:16px}
 .editorial-feature-copy87{padding:24px}.editorial-feature-copy87 h2{font-size:30px}
}
