/* Small, readable web profiles inside the hero phone. Sizes follow the handset. */
.wand{--pw:194px}
.wand .s-page{display:flex;flex-direction:column;padding-top:12%;pointer-events:none}
.wand.show-page .s-page{pointer-events:auto}
.wand .s-url{flex:none;margin:0 7% 5%;padding:4% 6%;font-size:calc(var(--pw) * .052)}
.profile-root{flex:1;min-height:0;margin:0 7% 6%;font-size:calc(var(--pw) / 32);text-align:left}
.object-profile{--accent:#087181;--tint:#e2f1f0;position:relative;height:100%;display:flex;flex-direction:column;color:#172a31}
.object-profile svg{width:2.8em;height:2.8em;flex:none}
.p-meta{display:flex;align-items:center;gap:.65em;color:var(--accent);font-size:1.25em;line-height:1.2}
.p-meta svg{width:1.5em;height:1.5em}
.p-meta small{margin-left:auto;font-size:.9em;color:#6d7b82;letter-spacing:.05em}
.object-profile .s-title{margin:.55em 0 0;font-size:3.4em;font-weight:600;line-height:1.08;letter-spacing:-.05em}
.p-lede{margin:.65em 0 1.05em;font-size:1.55em;line-height:1.4;color:#66757a}
.p-content{flex:1;min-height:0;display:flex;flex-direction:column;justify-content:center;gap:1.3em;padding-bottom:1.4em}
.object-profile button{font-family:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}
.object-profile button:focus-visible{outline:2px solid #ee9840;outline-offset:2px}
.p-action{flex:none;display:flex;align-items:center;justify-content:space-between;gap:1em;width:100%;padding:1em 1.05em;border:0;border-radius:.65em;background:var(--accent);color:white;font-size:1.75em;font-weight:600;line-height:1.2;text-align:left;min-height:24px}
.p-action svg{width:1.2em;height:1.2em}
.p-action:hover{filter:brightness(1.1)}
.p-preview{display:block;flex:none;margin-top:1em;font-size:1.12em;color:#7a858b;text-align:center;letter-spacing:.025em}
.p-facts{margin:0;display:grid;gap:1em}
.p-facts>div{display:flex;justify-content:space-between;gap:1em;padding-bottom:1em;border-bottom:1px solid #dfe7e8}
.p-facts dt{font-size:1.55em;color:#718088}
.p-facts dd{margin:0;font-size:1.6em;font-weight:600;text-align:right}
.p-timeline{display:grid;gap:1.5em;list-style:none;margin:0;padding:0 0 0 1.25em;border-left:1px solid #bad2d4}
.p-timeline li{position:relative;padding-left:.6em}
.p-timeline li::before{content:'';position:absolute;left:-1.7em;top:.5em;width:.8em;height:.8em;border-radius:50%;background:var(--accent);box-shadow:0 0 0 .35em #f7f8fb}
.p-timeline b,.p-timeline span{display:block;font-size:1.6em;line-height:1.35}
.p-timeline span{font-size:1.4em;margin-top:.35em;color:#718088}
.p-status{display:inline-flex;align-items:center;justify-content:center;gap:.5em;padding:.5em .7em;border-radius:99px;background:#e5f2e9;color:#286947;font-size:1.4em;line-height:1.1;font-weight:600;align-self:flex-start}
.p-status i{width:.4em;height:.4em;border-radius:50%;background:currentColor}
.p-status.amber{background:#fff0d7;color:#986121}
.p-grid{display:grid;grid-template-columns:1fr 1fr;gap:1em}
.p-tile{background:var(--tint);border-radius:1em;padding:1.2em;display:flex;flex-direction:column;gap:.65em}
.p-tile svg{color:var(--accent)}
.p-tile b{font-size:1.7em;line-height:1.1}
.p-tile span{font-size:1.25em;color:#60777c}
.p-note{padding:1em 1.15em;border-left:2px solid var(--accent);background:var(--tint);font-size:1.6em;line-height:1.45;margin:0}
.p-metric strong{display:block;font-size:7em;font-weight:600;letter-spacing:-.065em;line-height:1}
.p-metric strong small{font-size:.28em;letter-spacing:0;font-weight:400}
.p-metric>span{display:block;margin-top:.6em;font-size:1.7em}
.p-metric>small{display:block;margin-top:.6em;font-size:1.4em;color:#718088}
.p-detail{position:absolute;z-index:2;inset:0;background:#f7f8fb;display:flex;flex-direction:column;align-items:flex-start;gap:1.8em;padding:.2em;overflow:auto}
.p-detail[hidden]{display:none}
.p-back{padding:.4em 0;border:0;background:none;color:var(--accent);font-size:1.7em;min-height:24px}
.p-detail>svg{width:5em;height:5em;color:var(--accent)}
.p-detail h3{font-size:3.1em;letter-spacing:-.04em;line-height:1.1;margin:0}
.p-detail p{font-size:1.8em;line-height:1.6;margin:0;color:#50646d}
.p-detail>small{margin-top:auto;font-size:1.35em;color:#6d7b82;padding-bottom:1em}
/* Street: history, transport, charging, ownership and remembrance. */
[data-kind=story],[data-kind=plant]{--accent:#386849;--tint:#eaf0e5}
.p-canopy{position:relative;display:flex;flex-direction:column;align-items:center;padding:2.2em 1em;background:#1e4b36;color:#f0f5e6;border-radius:1.2em;overflow:hidden}
.p-canopy>svg{position:absolute;width:15em;height:15em;right:-4em;top:-2em;opacity:.14;transform:rotate(-20deg)}
.p-canopy>b{font:400 8.5em/.9 'Newsreader',Georgia,serif;position:relative}
.p-canopy>span{font-size:1.45em;margin-top:.8em}
.p-editorial{margin:0;font:400 2.5em/1.25 'Newsreader',Georgia,serif;color:#3d554a}
.p-arrival{background:#173347;color:#fff;padding:1.8em;border-radius:1.1em}
.p-arrival>span{font-size:1.45em;color:#b2d8e7}
.p-arrival>strong{display:block;font-size:8em;line-height:1.1;letter-spacing:-.06em}
.p-arrival strong small{font-size:.25em;letter-spacing:0;font-weight:400}
.p-arrival>b{font-size:1.5em;font-weight:400}
.p-departure{display:flex;align-items:center;gap:1em;font-size:1.45em;padding:.4em 0}
.p-departure>b{background:#e3edf2;border-radius:.4em;padding:.4em}
.p-departure>strong{margin-left:auto;white-space:nowrap}
.p-charge{display:flex;flex-direction:column;align-items:center;gap:1em;padding:2.2em 1em;background:#123d39;border-radius:1.2em;color:#d7f6dc}
.p-charge>svg{width:8em;height:8em;padding:1.5em;border:1px solid #78bb99;border-radius:50%}
.p-charge>b{font-size:2.1em}.p-charge>span{font-size:1.4em;color:#afd0c5}
.p-owner{display:flex;flex-direction:column;align-items:center;text-align:center;padding:2.2em 1em;gap:1em;border-radius:1.2em;background:#e7eef6}
.p-owner>svg{width:7em;height:7em;color:#42698f}.p-owner>b{font-size:2.1em}.p-owner>span{font-size:1.5em;color:#5c7088}
[data-kind=memory]{--accent:#825939;--tint:#f5ecdf}
.p-dedication{padding:1.6em 1.5em;text-align:center;background:#f2e9db;border-radius:1.2em;color:#6f4e34}
.p-dedication>svg{width:4em;height:4em}
.p-dedication blockquote{margin:.7em 0;font:400 2.9em/1.2 'Newsreader',Georgia,serif}
.p-dedication>span{font-size:1.3em}
/* Doorstep: welcome, household utilities, deliveries and care. */
.p-door{background:#e8ece9;border:1px solid #cbd7d1;border-radius:1.2em;padding:1.8em;display:flex;flex-direction:column;align-items:center;gap:.5em}
.p-door>svg{color:#48735d}.p-door>strong{font:400 8em/1 'Newsreader',Georgia,serif}.p-door>span{font-size:1.55em}
.p-bars{display:flex;height:7em;align-items:flex-end;gap:.9em;border-bottom:1px solid #b8d6d7;padding:0 .5em .5em}
.p-bars i{flex:1;height:var(--bar);background:#81b3b4;border-radius:.4em .4em 0 0}.p-bars i:last-child{background:var(--accent)}
.p-envelope{display:flex;align-items:center;justify-content:center;min-height:11em;border-radius:1.2em;background:#f3e8d8;color:#9f7548}.p-envelope>svg{width:9em;height:9em;transform:rotate(-8deg)}
.p-instruction b{display:block;font-size:2.2em;letter-spacing:-.03em}.p-instruction span{display:block;font-size:1.7em;line-height:1.4;color:#6d7b82;margin-top:.7em}
.p-plant{display:flex;flex-direction:column;align-items:center;gap:1em;padding:1.2em;background:#eaf0e5;border-radius:1.2em}.p-plant>svg{height:7em;width:7em;color:#4e7c54}.p-plant .p-status{align-self:center;background:#f7faf3}
.p-parcel-icon{align-self:center;color:#ac8050}.p-parcel-icon>svg{width:7em;height:7em}
/* Hotel: welcoming services and tactile room controls. */
[data-kind=guest],[data-kind=minibar],[data-kind=wardrobe]{--accent:#81664b;--tint:#f1ece4}
.p-welcome{padding:1.8em;text-align:center;background:#efe9df;border-radius:1.2em;color:#6f5640;display:flex;flex-direction:column;gap:.7em}.p-welcome>span{font-size:1.4em}.p-welcome>strong{font:400 8em/.95 'Newsreader',Georgia,serif}.p-welcome>b{font-size:1.4em;font-weight:400}
.p-stock{display:grid;gap:1.2em}.p-stock>div{display:grid;grid-template-columns:4em 1fr;gap:.2em 1em;align-items:center;padding:1.1em 0;border-bottom:1px solid #e4dfd6}.p-stock svg{grid-row:1/3;color:var(--accent)}.p-stock b{font-size:1.8em}.p-stock span{font-size:1.4em;color:#7e786f}
[data-kind=lighting]{--accent:#92601d;--tint:#faf0da}
.p-light{display:flex;align-items:center;flex-direction:column;gap:1.2em;padding:2.5em 1em;background:radial-gradient(ellipse at 50% 35%,#ffe3a2,#f6efdf 75%);border-radius:1.2em;color:#906126}.p-light.is-bright{background:#eaf0f6;color:#59728b}.p-light svg{width:11em;height:11em}.p-light span{font-size:1.6em}
.p-modes{display:flex;gap:.5em;padding:.5em;background:#eee7db;border-radius:99px}.p-modes button{flex:1;min-height:24px;padding:.7em;border:0;border-radius:99px;font-size:1.6em;background:none;color:#7b6b55}.p-modes button[aria-pressed=true]{background:#fff;color:#5d4321;box-shadow:0 1px 3px #0001}
.p-temperature{text-align:center;padding:1.5em 0}.p-temperature>span{display:block;font-size:1.5em;color:#69828a}.p-temperature>strong{display:block;font-size:10em;font-weight:400;line-height:1.15;letter-spacing:-.07em;color:#165467}.p-temperature strong small{font-size:.32em;letter-spacing:0}.p-temperature>b{display:block;font-size:1.45em;font-weight:400;color:#69828a}
.p-temp-controls{display:flex;align-items:center;justify-content:space-between;background:#e6f0f3;padding:.8em;border-radius:99px}.p-temp-controls button{min-width:24px;min-height:24px;width:4em;height:4em;font-size:1.5em;background:#fff;border:0;border-radius:50%;color:#165467}.p-temp-controls>span{font-size:1.35em;color:#597680}
.p-door-sign{display:flex;flex-direction:column;align-items:center;padding:2em;gap:1em;background:#183b43;color:#dcebec;border-radius:1.2em}.p-door-sign>strong{font:400 8em/1 'Newsreader',Georgia,serif}.p-door-sign>span{font-size:1.45em}
.p-closet{border:1px solid #cabcaa;border-radius:1.1em;background:#f4efe6;overflow:hidden}.p-closet>div{position:relative;padding:2em;border-bottom:1px solid #cabcaa}.p-closet>div:last-child{border:0}.p-closet span{display:block;font-size:1.3em;color:#8a755d}.p-closet b{display:block;font-size:1.8em;margin-top:.4em}.p-closet svg{position:absolute;right:1.5em;top:2.6em;color:#9b8266}
/* Workshop: records shaped around the asset's job. */
.p-equipment-art{display:flex;align-items:center;justify-content:space-between;gap:1em;padding:2em 1.2em;background:#edf1ef;border-radius:1.2em}.p-equipment-art>svg{width:8em;height:8em;color:#417678;transform:rotate(-15deg)}.p-equipment-art .p-status{align-self:center;max-width:9em}
.p-storage-map{display:grid;grid-template-columns:1fr 1fr;gap:1em;background:#193c46;padding:1.2em;border-radius:1.2em;min-height:16em}
.p-storage-map button{position:relative;border:1px solid #6b949f;background:#274e58;color:#bed4da;border-radius:.5em;padding:1.1em;font-size:1em;min-height:24px;text-align:center}
.p-storage-map button[aria-pressed=true]{background:#edf5f0;color:#176678;border-color:#d8f3e9;box-shadow:0 0 0 1px #d8f3e9}
.p-drawers{display:flex;flex-direction:column;justify-content:space-between;gap:1em}.p-drawers i{display:block;position:relative;border:1px solid currentColor;border-radius:.2em;height:2.2em}.p-drawers i::after{content:'';position:absolute;left:23%;right:23%;top:.7em;border-top:2px solid currentColor}.p-storage-map button span{display:block;font-size:1.45em;line-height:1.2}
.p-shelves{display:grid;grid-template-rows:1fr 1fr;gap:1em}.p-shelves svg{width:3.5em;height:3.5em;margin-bottom:.5em}
.p-bin-detail{padding:1em 0;min-height:6em}.p-bin-detail b{display:block;font-size:2em;letter-spacing:-.025em}.p-bin-detail span{display:block;font-size:1.5em;line-height:1.4;margin-top:.45em;color:#637b82}
.p-care-ring{display:flex;flex-direction:column;align-items:center;justify-content:center;width:16em;height:16em;align-self:center;border:1em solid #d8eeef;border-top-color:#2f9aac;border-right-color:#2f9aac;border-radius:50%;text-align:center}.p-care-ring>strong{font-size:7em;font-weight:600;line-height:1}.p-care-ring>span{font-size:1.35em;max-width:8em;margin-top:.5em}
.p-it-owner{display:flex;align-items:center;gap:1.7em;padding:2em;background:#e8edf4;border-radius:1.2em;color:#486582}.p-it-owner>svg{width:7em;height:7em}.p-it-owner span{font-size:1.35em;display:block}.p-it-owner b{display:block;font-size:2.7em;font-weight:600;margin-top:.25em;letter-spacing:-.04em}
.p-service-date{padding:2em;border-radius:1.2em;background:#f6ecdb;border-left:.6em solid #bf8744;color:#82551e}.p-service-date>span{font-size:1.4em;display:block}.p-service-date>strong{display:block;font-size:4.9em;line-height:1.3;font-weight:600;letter-spacing:-.055em}.p-service-date>b{font-size:1.5em;font-weight:400}
.p-inspected{display:flex;flex-direction:column;align-items:center;text-align:center;gap:.8em;padding:1.7em;background:#eaf1e9;border-radius:1.2em;color:#487053}.p-inspected>svg{width:6em;height:6em}.p-inspected>b{font-size:1.9em}.p-inspected>span{font-size:1.4em}
.p-checklist{list-style:none;padding:0;margin:0;display:grid;gap:1em}.p-checklist li{display:flex;align-items:center;gap:.7em;font-size:1.6em;color:#4a6658}.p-checklist svg{width:1.3em;height:1.3em}
/* All scene profiles share the same reachable object controls. */
.hero .hint-m{display:none}
@media(max-width:699px){.wand{--pw:150px}.object-pick span{min-width:132px}}