.architectural-signature{position:absolute;top:-20px;right:-18px;width:114px;padding:13px 18px 11px;z-index:2;background:var(--ink);border:1px solid var(--light-rule);box-shadow:0 10px 32px rgba(0,0,0,.2)}
.architectural-signature svg{display:block;width:100%;height:123px;fill:none;stroke-linejoin:round;stroke-linecap:round}
.signature-shadow{stroke:var(--paper);stroke-opacity:.15;stroke-width:2}
.signature-ink{stroke:var(--red-ink);stroke-width:2}
.signature-detail{stroke:var(--light-muted);stroke-width:1;stroke-opacity:.4}
.architectural-signature span{display:block;color:var(--light-muted);font-size:7px;font-weight:550;text-transform:uppercase;letter-spacing:.1em;text-align:center;margin-top:8px}
.hero-image::before{border-top-color:var(--red);border-left-color:var(--red)}
.story-stage{background:var(--surface);border:1px solid var(--rule)}
.story-stage img{object-fit:contain}
.story-image-label{position:absolute;top:16px;left:16px;padding:6px 10px;background:rgba(12,13,15,.86);color:var(--paper);border-left:2px solid var(--red-ink);font-size:10px;font-weight:600;letter-spacing:.06em}
.story-buttons{display:flex;margin-top:14px;border-top:1px solid var(--rule);border-bottom:1px solid var(--rule);gap:4px}
.story-buttons[hidden]{display:none}
.story-buttons button{position:relative;flex:1;min-height:52px;text-align:left;padding:12px 9px;border:0;background:transparent;color:var(--light-muted);font-size:10px}
.story-buttons button span{font-size:12px;font-weight:600;margin-left:8px}
.story-buttons button::after{content:'';position:absolute;left:0;right:0;bottom:-1px;height:2px;background:transparent}
.story-buttons button[aria-pressed="true"]{color:var(--paper);background:var(--surface)}
.story-buttons button[aria-pressed="true"]::after{background:var(--red-ink)}
.story-buttons button:hover{color:var(--paper)}
.story-note{font-size:10px!important;line-height:1.7;max-width:460px}
.story-card .project-card-heading{border-top:0;margin-top:0}
@media(max-width:700px){.architectural-signature{right:-8px;top:-14px;width:90px;padding:9px 12px}.architectural-signature svg{height:98px}.architectural-signature span{font-size:6px}.story-buttons button{padding-left:6px;padding-right:6px}.story-buttons button span{margin-left:5px}}
@media(prefers-reduced-motion:reduce){.architectural-signature *,.story-stage *{animation:none!important;transition:none!important}}

/* Light follows the roof line; glass remains a small overlay, keeping the photo clear. */
.hero-image::before{border-color:var(--light-rule)}
.hero-image-link{display:block;position:relative;outline-offset:6px;text-decoration:none}
.hero-light-frame{position:absolute;inset:0 12px 15px 0;width:calc(100% - 12px);height:calc(100% - 15px);fill:none;pointer-events:none;overflow:visible;z-index:-1}
.hero-frame-base{stroke:#79362e;stroke-width:1;vector-effect:non-scaling-stroke}
.hero-frame-trace{stroke:#ef7665;stroke-width:2;vector-effect:non-scaling-stroke;stroke-dasharray:.16 .84;stroke-dashoffset:0;opacity:0;filter:drop-shadow(0 0 5px #c73e2b)}
.hero-glass-sheen{position:absolute;inset:-12% -35%;z-index:1;pointer-events:none;background:linear-gradient(112deg,transparent 37%,rgba(255,255,255,.02) 44%,rgba(255,244,229,.14) 49%,rgba(239,118,101,.035) 53%,transparent 61%);transform:translateX(-80%);opacity:0}
.architectural-signature{background:linear-gradient(140deg,#d9e4ee19,#15191dd9 40%,#101419ed);border:1px solid #f3efe638;border-top-color:#f3efe667;box-shadow:inset 0 1px 0 #fff1,0 14px 35px #0005;backdrop-filter:blur(16px) saturate(1.15);pointer-events:none}
.architectural-signature span{font-size:8px;line-height:1.65;letter-spacing:.06em}
html[data-motion=on] .hero-image:hover .architectural-signature,html[data-motion=on] .hero-image:focus-within .architectural-signature{border-color:#ef766580;box-shadow:inset 0 1px 0 #fff2,0 10px 34px #0005,0 0 23px #c73e2b14}
@media(max-width:700px){.hero-light-frame{inset:6px 10px 13px 0;width:calc(100% - 10px);height:calc(100% - 13px)}.architectural-signature{width:102px}.architectural-signature span{font-size:7px}}
@media(prefers-reduced-motion:reduce){.hero-frame-trace,.hero-glass-sheen{display:none!important}.architectural-signature{transition:none!important}}
html[data-motion=off] .hero-frame-trace,html[data-motion=off] .hero-glass-sheen{display:none}