/* V1 is the base: unchanged navigation, headline, two-column hero, lower sections and footer. */
/* V3: a thin editorial label and understated inset framing. V4: a soft mint tint. Neither numerical age graphic is carried over. */
.hero-art{background:#244134;border:1px solid #8aaf8e;border-radius:14px;box-shadow:inset 0 0 0 10px #244134,inset 0 0 0 11px #74957980;color:#f3f7ef}
.hero-art:before{display:none}
.hero-art:after{content:'';position:absolute;inset:17px;border:1px solid #9ac59755;border-radius:3px;pointer-events:none}
.hero-art-label{position:relative;z-index:2;color:#d9ebd9}
.hero-art-label span{color:#aac5ad}
.door{right:31%;top:19%;width:38%;height:62%;border-color:#c8eec2;border-width:2px;box-shadow:0 0 0 15px #e2f4d10c,0 0 0 32px #e2f4d10a}
.door:after{background:#c8eec2}
.art-caption{z-index:2;font-size:12px;color:#dbe9d8}
.art-edge{position:absolute;left:28px;bottom:31px;font:700 10px Manrope,Arial,sans-serif;letter-spacing:.15em;color:#adcbaa}
.hero-note .note-icon{background:#d9e9d7;border-radius:9px;color:#244134}
.note-icon svg{width:21px;height:21px}
.status{background:#e7eee6;border-left-color:#a9dba1}
footer svg{width:15px;height:15px;vertical-align:-3px}
@media(max-width:700px){.hero-art{height:340px;min-height:340px}.hero-art:after{inset:13px}.hero-art-label{font-size:10px}.art-edge{left:22px;bottom:25px;font-size:9px}.art-caption{right:22px;bottom:60px;font-size:11px}.door{top:19%;height:62%;width:38%;right:31%}}
@media(max-width:700px){.art-caption{right:22px;bottom:25px}}