/* Architecture sets the context; two connected product moments carry the proof. */
.hc-two{--ink:#1f1f1f;--line:#dce2dd;position:relative;isolation:isolate;width:100%;height:610px;max-width:640px;margin-inline:auto;color:var(--ink);font-family:Figtree,sans-serif;container:building-record/inline-size;text-align:left}
.hc-two *,.hc-two *::before,.hc-two *::after{box-sizing:border-box}.hc-two p,.hc-two .hc-two__title{margin:0}
.hc-two__photo-wrap{position:absolute;inset:0 0 60px 60px;overflow:hidden;border-radius:19px;background:#d7dcd3}
.hc-two__photo{display:block;width:100%;height:100%;object-fit:cover;object-position:70% center;filter:saturate(.68)}
.hc-two--construction .hc-two__photo{object-position:65% center;filter:saturate(.72)}
.hc-two__photo-shade{position:absolute;inset:0;background:linear-gradient(180deg,#1f1f1f50 0%,#1f1f1f00 40%,#1f1f1f30)}
.hc-two__place{position:absolute;top:24px;left:24px;color:white;font-size:16px;font-weight:550;line-height:1.45;padding:7px 11px;border-radius:10px;background:rgb(20 24 22 / .6);text-shadow:none}.hc-two__place span{display:block;margin-top:3px;font-size:12px;font-weight:400}
.hc-two__connection{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:1}.hc-two__connection path,.hc-two__connection circle{stroke:#ffffffe8;stroke-width:1.25}.hc-two__connection circle{fill:#1f1f1f20}.hc-two__connection .hc-two__anchor-core{fill:white;stroke:none}
.hc-two__record,.hc-two__detail{position:absolute;z-index:2;background:#fff;border:1px solid #dfe4df;box-shadow:0 18px 48px -22px #1f1f1f55,0 2px 7px #1f1f1f09;border-radius:13px}
.hc-two__record{top:115px;left:0;width:89%;max-width:480px;overflow:hidden}
.hc-two__record-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:21px 22px 0}.hc-two__eyebrow{font-size:10px;font-weight:550;line-height:1.4;text-transform:uppercase;letter-spacing:.1em;color:#5d6b60}.hc-two__example{font-size:10px;color:#6b746d;white-space:nowrap}
.hc-two__metrics{display:grid;grid-template-columns:1fr 1fr;padding:20px 22px 19px;gap:20px}.hc-two__metrics>div+div{border-left:1px solid var(--line);padding-left:22px}.hc-two__metrics strong{display:block;font-size:41px;font-weight:500;line-height:1.05;letter-spacing:-.055em;font-variant-numeric:tabular-nums}.hc-two__metrics span{display:block;font-size:12px;color:#5e6a61;margin-top:7px}
.hc-two__sources{display:flex;align-items:center;gap:8px;padding:11px 22px;background:#f2f5f0;border-top:1px solid #e5ebe2;border-bottom:1px solid #e5ebe2;font-size:11px;color:#415947;white-space:nowrap}.hc-two__sources b{color:#5e6a5f;font-size:12px;font-weight:400}.hc-two__source-line{flex:1;height:1px;background:#a5b5a7;min-width:10px;position:relative}.hc-two__source-line:after{content:'';position:absolute;right:0;top:-2px;border-top:1px solid #a5b5a7;border-right:1px solid #a5b5a7;width:5px;height:5px;transform:rotate(45deg)}.hc-two__drive{font-weight:600}
.hc-two__rows{padding:0 22px}.hc-two__row{display:flex;align-items:center;gap:10px;min-height:60px;padding:10px 0}.hc-two__row+.hc-two__row{border-top:1px solid #e9ede8}.hc-two__row>svg{width:18px;height:20px;flex:none;color:#6c796e}.hc-two__row>span:nth-child(2){min-width:0}.hc-two__row strong{display:block;font-size:13px;font-weight:550;line-height:1.3;letter-spacing:-.02em}.hc-two__row small{display:block;font-size:11px;color:#677269;line-height:1.4;margin-top:3px}.hc-two__row-status{margin-left:auto;font-size:11px;display:flex;align-items:center;gap:5px;white-space:nowrap}.hc-two__source{font-size:10px;color:#536758}.hc-two__held{color:#3d785c}.hc-two__missing{color:#a25145}.hc-two__row-status i,.hc-two__missing i{display:inline-block;width:6px;height:6px;border:1.3px solid currentColor;border-radius:50%}
.hc-two__record-foot{padding:11px 22px;border-top:1px solid #e9ede8;font-size:11px;line-height:1.4;color:#5c6b60;background:#fafbf9}
.hc-two__detail{bottom:0;right:0;width:77%;max-width:410px;padding:17px 20px}
.hc-two__gap-heading{display:flex;align-items:center;gap:12px}.hc-two__gap-count{font-size:34px;font-weight:500;letter-spacing:-.05em;line-height:1}.hc-two__detail .hc-two__title{font-size:16px;font-weight:550;line-height:1.3;letter-spacing:-.025em}.hc-two__gap-heading p{font-size:11px;line-height:1.4;color:#657166;margin-top:4px}
.hc-two__gap-row{display:flex;justify-content:space-between;align-items:center;gap:12px;border-top:1px solid var(--line);margin-top:12px;padding-top:10px;font-size:11px}.hc-two__gap-row strong{font-size:12px;font-weight:500}.hc-two__gap-row small{display:block;color:#657166;margin-top:3px;font-size:11px}.hc-two__gap-row>.hc-two__missing{display:flex;align-items:center;gap:5px}
/* The lower card reflects the selected phase: duties in use, documents at handover. */
.hc-two__gap-count small{display:block;font-size:12px;line-height:1.3;font-weight:400;letter-spacing:0;color:#657166;margin-top:4px;white-space:nowrap}
.hc-two__handover{padding:15px 18px}.hc-two__handover-heading{display:flex;align-items:center;justify-content:space-between;gap:10px}.hc-two__handover-heading p{font-size:11px;line-height:1.4;color:#657166;margin-top:3px}.hc-two__handover-heading>.hc-two__missing{display:flex;align-items:center;gap:5px;white-space:nowrap;font-size:11px}.hc-two__handover-list{list-style:none;margin:10px 0 0;padding:9px 0 0;border-top:1px solid var(--line);display:grid;gap:2px}.hc-two__handover-list li{display:flex;align-items:baseline;justify-content:space-between;gap:10px;font-size:11px;line-height:1.4;color:#536057}.hc-two__handover-list strong{font-size:12px;font-weight:550;color:var(--ink);font-variant-numeric:tabular-nums}
@container building-record (max-width:490px){.hc-two__record{width:96%}.hc-two__record-header{padding-inline:17px}.hc-two__example{display:none}.hc-two__metrics{padding-inline:17px;gap:16px}.hc-two__metrics strong{font-size:37px}.hc-two__metrics>div+div{padding-left:17px}.hc-two__sources{padding-inline:17px;gap:7px}.hc-two__rows{padding-inline:17px}.hc-two__row strong{font-size:12px}.hc-two__source{font-size:11px;white-space:normal;text-align:right;max-width:124px}.hc-two__detail{width:87%}.hc-two__record-foot{padding-inline:17px}}
@container building-record (max-width:380px){.hc-two__photo-wrap{inset:0 0 77px 20px;border-radius:14px}.hc-two__place{top:14px;left:12px;font-size:14px}.hc-two__place span{font-size:11px}.hc-two__record{top:128px;width:calc(100% - 12px)}.hc-two__record-header{padding:16px 15px 0}.hc-two__eyebrow{font-size:9px;letter-spacing:.075em}.hc-two__metrics{padding:16px 15px;gap:10px}.hc-two__metrics strong{font-size:34px}.hc-two__metrics span{font-size:11px;line-height:1.3;max-width:125px}.hc-two__metrics>div+div{padding-left:13px}.hc-two__sources{padding:10px 15px;font-size:10px;gap:6px}.hc-two__rows{padding:0 15px}.hc-two__row{gap:7px;min-height:61px}.hc-two__row>svg{width:15px;height:17px}.hc-two__row-status{font-size:10px}.hc-two__source{max-width:82px;white-space:normal;text-align:right;justify-content:flex-end;font-size:10px}.hc-two__row strong{font-size:12px}.hc-two__row small{font-size:10px}.hc-two__record-foot{font-size:10px;padding:10px 15px}.hc-two__detail{top:auto;bottom:0;width:calc(100% - 16px);padding:15px}.hc-two__detail .hc-two__title{font-size:14px}.hc-two__gap-heading p{font-size:10px}.hc-two__connection{display:none}}
@media(max-width:850px){.hc-two{max-width:550px}}@media(max-width:600px){.hc-two{height:605px}}