/* Seção 05 — a parte visível e as dimensões submersas da vida. */
.architecture{position:relative;display:grid;grid-template-columns:30% minmax(0,1fr);align-items:center;gap:0;padding:38px 5% 24px 6%;background:#090f0f;border-top:1px solid #aaa39538;border-bottom:1px solid #aaa39538;isolation:isolate;overflow:clip}
.architecture-copy{position:relative;z-index:2;padding:20px 0}
.architecture>.eyebrow{grid-column:1/-1;text-align:left;font-size:.75rem;letter-spacing:.23em;color:var(--ivory);margin-bottom:36px}
.architecture>.eyebrow:after{display:inline-block;width:45px;margin-left:20px;border-top:1px solid var(--gold)}
.architecture h2{font-size:clamp(2.9rem,4.4vw,5rem);line-height:.98;margin-bottom:20px}
.architecture .lead{font-size:clamp(1.3rem,1.8vw,1.8rem);line-height:1.25}
.architecture-rule{display:block;width:44px;border-top:2px solid var(--gold);margin-top:25px}
.architecture-diagram{position:relative;min-height:470px;display:flex;align-items:center;isolation:isolate}
.architecture-iceberg{position:absolute;z-index:-1;left:-3%;top:0;width:85%;height:100%;object-fit:fill;mask-image:linear-gradient(90deg,transparent,#000 12%,#000 85%,transparent),linear-gradient(transparent,#000 6%,#000 92%,transparent);mask-composite:intersect}
.architecture-dimensions{width:100%;padding:20px 0 32px 71%}
.architecture-dimensions details{position:relative;min-height:65px;display:flex;flex-direction:column;justify-content:center}
.architecture-dimensions summary{position:relative;list-style:none;cursor:pointer;font-size:clamp(.6rem,.78vw,.8rem);font-weight:500;letter-spacing:.21em;text-transform:uppercase;line-height:1.5;padding:20px 0 20px 20px;min-height:55px;color:#eee9de}
.architecture-dimensions summary::-webkit-details-marker{display:none}
.architecture-dimensions summary:before{content:'';position:absolute;top:50%;right:100%;width:clamp(100px,15vw,270px);height:1px;background:linear-gradient(90deg,#b5945230,#c6a265)}
.architecture-dimensions summary:after{content:'';position:absolute;left:-4px;top:calc(50% - 4px);width:8px;height:8px;border-radius:50%;background:#ffe6b1;border:1px solid #c6a265;box-shadow:0 0 9px #c69b5b99}
.architecture-dimensions summary:hover,.architecture-dimensions details[open] summary{color:#e6bf7c}
.architecture-dimensions details p{font-size:.8rem;line-height:1.55;margin:0 0 18px;padding:8px 0 0 20px;color:#d6d0c5}
.architecture-note{grid-column:1/-1;text-align:center;font-size:.75rem;color:#aaa395;line-height:1.7;margin:10px 0 0}
.architecture-note span{display:block;color:#c6a265;font-size:.7rem;margin-top:4px}
@media(min-width:1600px){.architecture-diagram{min-height:580px}.architecture-dimensions details{min-height:80px}}
@media(max-width:1000px) and (min-width:761px){.architecture{grid-template-columns:31% 1fr;padding-left:5%;padding-right:3%}.architecture-diagram{min-height:410px}.architecture h2{font-size:2.8rem}.architecture-dimensions{padding-left:66%}.architecture-dimensions summary{letter-spacing:.12em;font-size:.58rem;padding-left:12px}.architecture-dimensions details{min-height:58px}}
@media(max-width:760px){.architecture{display:block;padding:40px 0 28px}.architecture-copy{padding:0 7%}.architecture>.eyebrow{margin:0 7% 36px;letter-spacing:.16em}.architecture>.eyebrow:after{width:25px;margin-left:12px}.architecture h2{font-size:clamp(2.8rem,10vw,4rem)}.architecture .lead{font-size:1.5rem}.architecture-rule{margin-top:22px}.architecture-diagram{min-height:370px;margin-top:10px}.architecture-iceberg{left:-24%;width:124%;object-fit:cover;object-position:center}.architecture-dimensions{padding:20px 5% 20px 61%}.architecture-dimensions details{min-height:54px}.architecture-dimensions summary{font-size:clamp(.52rem,1.9vw,.68rem);letter-spacing:.12em;padding:17px 0 17px 12px;min-height:50px}.architecture-dimensions summary:before{width:23vw}.architecture-dimensions details p{font-size:.75rem;padding-left:12px}.architecture-note{padding:0 7%;margin-top:20px}}