.experience-hero{padding:54px 0 16px}
.experience-intro{display:grid;grid-template-columns:1.25fr .75fr;align-items:end;gap:50px;margin-bottom:34px}
.experience-intro .eyebrow{grid-column:1/-1}
.experience-intro h1{font:500 clamp(3.6rem,7vw,7.3rem)/.92 Manrope,sans-serif;letter-spacing:-.075em;margin:0}
.experience-intro h1 em{color:var(--red);font-style:normal}
.experience-intro p{color:var(--muted);font-size:1.04rem;line-height:1.65;margin:0 0 8px;max-width:500px}
.discovery-stage{background:#e7e7e7;border-radius:0;padding:12px;position:relative;overflow:hidden;box-shadow:none;border:1px solid #d9d9d9}
.stage-toolbar{height:64px;background:#fffffff2;border:0;border-bottom:1px solid #dedede;border-radius:0;display:grid;grid-template-columns:44px 1fr 44px auto;gap:12px;align-items:center;padding:10px 14px;position:relative;z-index:5;backdrop-filter:blur(14px)}
.round-control{width:42px;height:42px;border-radius:50%;background:#fff;display:grid;place-items:center;font-weight:800;border:1px solid #dedede}
.stage-search{height:42px;border-radius:100px;background:#fff;border:1px solid #dedede;display:flex;align-items:center;gap:12px;padding:0 18px;color:#727772;font-size:.88rem}
.stage-search span:first-child{font-size:1.2rem;color:#242928}
.advisor-chip{height:44px;border-radius:100px;background:#fff;border:1px solid #dedede;display:flex;align-items:center;gap:9px;padding:4px 10px 4px 5px}
.advisor-chip b{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:var(--red);color:#fff;font-size:.72rem}
.advisor-chip span{font-weight:700;font-size:.78rem;line-height:1.05}
.advisor-chip small{display:block;color:#8b8f8c;font-weight:500;font-size:.61rem;margin-top:3px}
.advisor-chip i{font-style:normal;color:#777}
.stage-canvas{height:min(67vw,720px);min-height:590px;border-radius:0;overflow:hidden;position:relative;background:#101313}
.stage-canvas:after{content:'';position:absolute;inset:0;z-index:2;background:linear-gradient(180deg,rgba(255,255,255,.02),transparent 38%,rgba(0,0,0,.34));pointer-events:none}
.property-video{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.property-video-backdrop{z-index:0;object-fit:cover;object-position:center 40%;filter:blur(18px) saturate(.82) contrast(1.03) brightness(.68);transform:scale(1.08)}
.property-video-main{z-index:1;inset:0;width:100%;min-width:0;object-fit:cover;object-position:center center;filter:saturate(.96) contrast(1.04) brightness(1.08);transform:none}
.video-wash{position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,rgba(14,20,18,.2),transparent 36%,transparent 64%,rgba(14,20,18,.2));pointer-events:none}
.stage-card,.passport-card,.stage-marker,.stage-caption{position:absolute;z-index:3}
.stage-card{background:#fffffff2;border:1px solid #fff;border-radius:0;padding:18px;box-shadow:0 18px 45px #151c1b1a;backdrop-filter:blur(16px);opacity:0}
.stage-card header{display:flex;justify-content:space-between;align-items:center;font:700 .82rem Manrope,sans-serif;margin-bottom:14px}
.stage-card header a{width:24px;height:24px;border-radius:50%;background:#f2f2f2;display:grid;place-items:center}
.overview-card{left:3%;bottom:6%;width:36%;animation:overviewIn 10s ease-in-out infinite}
.overview-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.overview-grid span{border:1px solid #e6e6e6;border-radius:0;padding:10px 12px}
.overview-grid small{display:block;color:#858a86;font-size:.61rem;margin-bottom:4px}
.overview-grid b{font-size:.79rem}
.evidence-card{right:3%;bottom:6%;width:32%;animation:evidenceIn 10s ease-in-out infinite}
.evidence-row{display:flex;justify-content:space-between;gap:14px;padding:9px 0;border-bottom:1px solid #e6e6e6;color:#666c68;font-size:.69rem}
.evidence-row:last-child{border:0}
.evidence-row b{color:#232827}
.passport-card{right:3%;top:9%;width:31%;background:var(--red);color:#fff;border-radius:0;padding:22px;box-shadow:0 20px 50px #54131630;opacity:0;animation:passportIn 10s ease-in-out infinite}
.passport-card small{font:800 .58rem Manrope,sans-serif;letter-spacing:.14em}
.passport-card strong{display:block;font:700 clamp(1.45rem,2.2vw,2.35rem)/1.05 Manrope,sans-serif;letter-spacing:-.055em;margin:18px 0 8px}
.passport-card span{font-size:.74rem;color:#ffe8e8}
.passport-card a{display:inline-block;margin-top:17px;border-bottom:1px solid #fff;padding-bottom:3px;font-size:.75rem;font-weight:800}
.stage-marker{display:flex;align-items:center;gap:7px;padding:7px 10px 7px 7px;border-radius:100px;background:#ffffffec;border:1px solid #fff;box-shadow:0 10px 25px #15201e20;color:#222;font-size:.67rem;font-weight:700;opacity:0}
.stage-marker i{width:10px;height:10px;border-radius:50%;background:var(--red);box-shadow:0 0 0 4px #d82e3230}
.marker-access{top:17%;left:23%;animation:markerOne 10s ease-in-out infinite}
.marker-condition{top:49%;right:22%;animation:markerTwo 10s ease-in-out infinite}
.stage-caption{left:24px;right:24px;bottom:18px;display:flex;justify-content:space-between;color:#fff;font-size:.69rem;font-weight:700;opacity:0;animation:captionIn 10s ease-in-out infinite}
.stage-caption a{border-bottom:1px solid #fff;padding-bottom:2px}
.stage-progress{position:absolute;left:18px;right:18px;bottom:8px;height:4px;background:#ffffff70;border-radius:10px;z-index:6;overflow:hidden}
.stage-progress:after{content:'';display:block;width:100%;height:100%;background:var(--red);transform-origin:left;animation:progressLoop 10s linear infinite}
@keyframes templateCamera{0%,100%{transform:scale(1.02)}
45%{transform:scale(1.075) translateY(-5px)}
}
@keyframes overviewIn{0%,10%{opacity:0;transform:translateY(24px)}
20%,86%{opacity:1;transform:none}
96%,100%{opacity:0;transform:translateY(10px)}
}
@keyframes markerOne{0%,21%{opacity:0;transform:scale(.7)}
29%,82%{opacity:1;transform:none}
92%,100%{opacity:0}
}
@keyframes markerTwo{0%,33%{opacity:0;transform:scale(.7)}
41%,82%{opacity:1;transform:none}
92%,100%{opacity:0}
}
@keyframes passportIn{0%,40%{opacity:0;transform:translateX(28px)}
50%,86%{opacity:1;transform:none}
96%,100%{opacity:0;transform:translateX(12px)}
}
@keyframes evidenceIn{0%,54%{opacity:0;transform:translateY(24px)}
64%,86%{opacity:1;transform:none}
96%,100%{opacity:0}
}
@keyframes captionIn{0%,66%{opacity:0}
75%,90%{opacity:1}
100%{opacity:0}
}
@keyframes progressLoop{from{transform:scaleX(0)}
to{transform:scaleX(1)}
}
@media(prefers-reduced-motion:reduce){.property-video{animation:none}
.stage-card,.passport-card,.stage-marker,.stage-caption{animation:none;opacity:1;transform:none}
.stage-progress:after{animation:none;transform:scaleX(1)}
}
@media(max-width:760px){.experience-hero{padding-top:34px}
.experience-intro{grid-template-columns:1fr;gap:16px}
.experience-intro h1{font-size:clamp(3.2rem,15vw,5rem)}
.stage-toolbar{grid-template-columns:40px 1fr 40px}
.advisor-chip{display:none}
.stage-search{font-size:.72rem;padding:0 12px}
.discovery-stage{padding:9px;border-radius:17px}
.stage-canvas{height:auto;min-height:0;aspect-ratio:16/9}
.property-video-main{width:100%;min-width:0;object-fit:contain;object-position:center center;background:#101313}
.property-video-backdrop{filter:blur(12px) saturate(.84) brightness(.66)}
.overview-card,.evidence-card,.passport-card,.stage-marker{display:none}
.overview-card{left:3%;right:3%;bottom:5%;width:auto}
.evidence-card{right:3%;width:53%;bottom:32%}
.passport-card{right:3%;top:8%;width:53%;padding:15px}
.passport-card strong{font-size:1.3rem;margin:10px 0 6px}
.marker-access{left:7%;top:23%}
.marker-condition{right:8%;top:42%}
.stage-caption{display:none}
.stage-progress{left:9px;right:9px}
.overview-grid span{padding:8px}
.overview-grid b{font-size:.7rem}
}