body .brands-events-spread{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 6vw;padding:65px max(6vw,calc((100vw - 1080px)/2)) 90px}
.brands-events-heading{grid-column:1/-1;margin-bottom:40px}
body .brands-events-heading h2{font-family:Arial,Helvetica,sans-serif;font-size:clamp(34px,4vw,58px);letter-spacing:-.04em;margin:12px 0}
.brands-events-heading>p:last-child{font-size:14px;opacity:.7}
body .brands-events-spread .project{width:100%!important;margin:0!important;max-height:none!important}
body .brands-events-spread #fashionphile{margin-top:85px!important}
body .brands-events-spread .project .visual{height:auto!important;min-height:0!important;aspect-ratio:9/16;width:100%}
body .brands-events-spread .visual>video,body .brands-events-spread .visual>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transform:none!important}
@media(max-width:760px){body .brands-events-spread{grid-template-columns:1fr;padding:45px 7vw 60px;gap:38px}.brands-events-heading{margin:0}body .brands-events-spread #fashionphile{margin:0!important}}

/* Five editorial layers roadmap */
.sense-roadmap{margin:clamp(28px,5vw,76px) clamp(24px,5vw,90px) clamp(42px,7vw,110px);padding:clamp(24px,4vw,54px);border:1px solid rgba(30,30,28,.16);border-radius:30px;background:linear-gradient(135deg,#f7f5ef,#ebe8de);color:#1c1c1a;display:grid;grid-template-columns:minmax(260px,.8fr) minmax(360px,1.2fr);gap:clamp(28px,5vw,70px);align-items:center;box-shadow:0 28px 80px rgba(30,30,25,.08)}
.sense-roadmap-copy h3{font-size:clamp(42px,5.4vw,92px);line-height:.94;letter-spacing:-.065em;margin:.2em 0 .34em;font-weight:500;max-width:9ch}.sense-roadmap-copy p:not(.eyebrow){font-size:clamp(17px,1.35vw,24px);line-height:1.45;color:#5f6259;max-width:36ch}.sense-orbit{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;align-self:stretch}.sense-node{appearance:none;border:1px solid rgba(25,25,22,.16);border-radius:999px;background:rgba(255,255,255,.54);color:#1d1d1a;padding:18px 16px;min-height:220px;text-align:left;display:flex;flex-direction:column;justify-content:space-between;gap:14px;cursor:pointer;transition:transform .35s ease,background .35s ease,color .35s ease,border-color .35s ease,box-shadow .35s ease}.sense-node span{font-size:12px;letter-spacing:.18em;color:inherit;opacity:.55}.sense-node strong{font-size:clamp(23px,2.2vw,38px);font-weight:500;letter-spacing:-.05em}.sense-node small{font-size:13px;line-height:1.35;color:inherit;opacity:.68}.sense-node:hover,.sense-node:focus-visible{transform:translateY(-8px);outline:0;box-shadow:0 18px 50px rgba(0,0,0,.12)}.sense-node.is-active{background:#151512;color:#f7f4eb;border-color:#151512}.sense-detail{grid-column:2;padding:22px 0 0;border-top:1px solid rgba(30,30,28,.16);min-height:145px}.sense-detail-kicker{font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:#777a70;margin:0 0 12px}.sense-detail h4{font-size:clamp(30px,3vw,54px);font-weight:500;letter-spacing:-.05em;line-height:1;margin:0 0 12px}.sense-detail p:last-child{font-size:clamp(16px,1.2vw,21px);line-height:1.45;color:#5f6259;max-width:52ch;margin:0}body:not(.theme-light) .sense-roadmap{background:linear-gradient(135deg,#11120f,#1f241b);color:#f7f4eb;border-color:rgba(255,255,255,.14)}body:not(.theme-light) .sense-roadmap-copy p:not(.eyebrow),body:not(.theme-light) .sense-detail p:last-child{color:#c8c7bf}body:not(.theme-light) .sense-node{background:rgba(255,255,255,.06);color:#f7f4eb;border-color:rgba(255,255,255,.14)}body:not(.theme-light) .sense-node.is-active{background:#f7f4eb;color:#11120f;border-color:#f7f4eb}body:not(.theme-light) .sense-detail{border-top-color:rgba(255,255,255,.14)}@media(max-width:980px){.sense-roadmap{grid-template-columns:1fr}.sense-orbit{grid-template-columns:1fr 1fr}.sense-detail{grid-column:auto}.sense-node{min-height:160px}}@media(max-width:620px){.sense-roadmap{margin-inline:16px;border-radius:22px}.sense-orbit{grid-template-columns:1fr}.sense-node{min-height:auto;border-radius:22px}}

/* A quiet floor plan; one editorial layer revealed at a time. */
body .sense-roadmap.sense-floorplan{--plan-ink:#202320;--plan-muted:#616661;--plan-rule:#d8dcd8;background:#fff;color:var(--plan-ink);grid-template-columns:minmax(0,1fr) minmax(280px,.85fr);gap:clamp(30px,6vw,96px);align-items:start;border-radius:24px;border-color:var(--plan-rule)}
body:not(.theme-light) .sense-roadmap.sense-floorplan{--plan-ink:#fff;--plan-muted:#b8bfb9;--plan-rule:#465047;background:#151b17}
body .sense-floorplan .sense-roadmap-copy h3{color:var(--plan-ink);font-size:clamp(38px,4.4vw,72px);max-width:12ch;line-height:1.02}
body .sense-floorplan .eyebrow,body .sense-floorplan .sense-detail-kicker{color:var(--plan-muted)}
body .sense-floorplan .sense-roadmap-copy>p:not(.eyebrow),body .sense-floorplan .sense-detail p:last-child{color:var(--plan-muted);font-size:clamp(15px,1.15vw,19px);line-height:1.6}
body .sense-floorplan .sense-roadmap-copy>.sense-plan-hint{font-size:12px;margin:28px 0;color:var(--plan-muted)}
body .sense-floorplan .sense-detail{grid-column:auto;border-color:var(--plan-rule);margin-top:24px;min-height:245px}
body .sense-floorplan .sense-detail h4{color:var(--plan-ink);font-size:clamp(27px,2.5vw,40px);line-height:1.12}
body .sense-floorplan .sense-detail-kicker{font-size:10px;line-height:1.6;letter-spacing:.14em}
.sense-plan{width:100%;max-width:460px;justify-self:center;color:var(--plan-ink)}
.sense-plan-caption{display:flex;justify-content:space-between;font-size:9px;letter-spacing:.16em;padding-bottom:18px;border-bottom:1px solid var(--plan-rule)}
.sense-plan-room{position:relative;margin-top:16px;aspect-ratio:420/620}
.sense-plan-drawing{width:100%;height:100%;display:block;overflow:visible}
.plan-shell{opacity:.65}.plan-furniture{opacity:.22}
.plan-layer{opacity:0;transition:opacity .3s ease;pointer-events:none}.plan-layer.is-active{opacity:1}
body .sense-zone{position:absolute;appearance:none;border:1px solid transparent;background:transparent;color:var(--plan-ink);padding:0;cursor:pointer;border-radius:8px;transition:background .3s ease,border-color .3s ease;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:8px}
body .sense-zone span{display:grid;place-items:center;width:29px;height:29px;border-radius:50%;border:1px solid var(--plan-rule);background:#fff;color:#202320;font-size:10px;letter-spacing:.1em;transition:background .3s ease,color .3s ease}
body:not(.theme-light) .sense-zone span{background:#151b17;color:#fff}
body .sense-zone strong{opacity:0;font-size:15px;font-weight:500;transition:opacity .25s ease}
body .sense-zone.is-active{background:rgba(130,153,135,.10);border-color:var(--plan-rule)}
body .sense-zone.is-active strong{opacity:1}
body .sense-zone.is-active span{background:var(--plan-ink);color:#fff}
body:not(.theme-light) .sense-zone.is-active span{color:#151b17}
body .sense-zone:focus-visible{outline:2px solid var(--plan-ink);outline-offset:3px}
.sense-zone-vision{left:12%;top:9%;width:76%;height:17%}
.sense-zone-motion{left:12%;top:28%;width:35%;height:39%}
.sense-zone-space{left:49%;top:28%;width:39%;height:39%}
.sense-zone-connections{left:12%;top:71%;width:34%;height:19%}
.sense-zone-sounds{left:57%;top:71%;width:31%;height:19%}
.sense-plan-footnote{font-size:10px;line-height:1.6;color:var(--plan-muted);text-align:center;margin:12px 0 0}
@media(max-width:760px){body .sense-roadmap.sense-floorplan{grid-template-columns:1fr;padding:28px 22px;gap:20px}body .sense-floorplan .sense-roadmap-copy h3{max-width:17ch}body .sense-floorplan .sense-detail{min-height:210px}.sense-plan{max-width:380px}}
@media(prefers-reduced-motion:reduce){.sense-floorplan .plan-layer,body .sense-zone,body .sense-zone strong,body .sense-zone span{transition:none}}
/* Keep zone labels clear of the furniture and active illustration. */
body .sense-zone{justify-content:flex-start;align-items:flex-start;padding:12px;box-sizing:border-box}
body .sense-zone strong{position:absolute;left:48px;top:19px;font-size:13px;line-height:1}
@media(max-width:420px){body .sense-zone{padding:8px}body .sense-zone strong{left:8px;top:43px;font-size:12px}}

/* Reference objects and five linked editorial pills. */
.plan-object{opacity:.32;transition:opacity .3s ease}
.plan-object.is-active{opacity:1}
body .sense-floorplan .sense-pills{grid-column:1/-1;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;width:100%;border-top:1px solid var(--plan-rule);padding-top:28px}
body .sense-floorplan .sense-pill{appearance:none;display:flex;flex-direction:column;align-items:flex-start;gap:14px;min-width:0;min-height:184px;padding:26px 20px;border:1px solid var(--plan-rule);border-radius:70px;background:transparent;color:var(--plan-ink);text-align:left;cursor:pointer;transition:background .25s ease,color .25s ease,border-color .25s ease}
body .sense-floorplan .sense-pill>span{font-size:10px;letter-spacing:.15em;opacity:.6}
body .sense-floorplan .sense-pill>strong{font-size:clamp(17px,1.7vw,27px);font-weight:500;letter-spacing:-.035em}
body .sense-floorplan .sense-pill>small{font-size:12px;line-height:1.5;opacity:.7;max-width:16ch}
body .sense-floorplan .sense-pill.is-active{background:var(--plan-ink);color:#fff}
body:not(.theme-light) .sense-floorplan .sense-pill.is-active{color:#151b17}
body .sense-floorplan .sense-pill:focus-visible{outline:2px solid var(--plan-ink);outline-offset:4px}
@media(max-width:760px){body .sense-floorplan .sense-pills{display:flex;flex-wrap:wrap;gap:10px}body .sense-floorplan .sense-pill{flex:1 1 130px;min-height:148px;border-radius:34px;padding:20px 18px;gap:10px}}
@media(prefers-reduced-motion:reduce){.plan-object,body .sense-floorplan .sense-pill{transition:none}}

/* These editorial illustrations always use their light appearance. */
body #experience-floorplan.sense-floorplan{--plan-ink:#202320;--plan-muted:#616661;--plan-rule:#d8dcd8;background:#fff;color:var(--plan-ink);border-color:var(--plan-rule);color-scheme:light}
body #experience-floorplan .sense-roadmap-copy h3,body #experience-floorplan .sense-detail h4{color:var(--plan-ink)!important}
body #experience-floorplan .sense-roadmap-copy p,body #experience-floorplan .sense-detail p{color:var(--plan-muted)}
body #experience-floorplan .sense-detail{border-color:var(--plan-rule)}
body #experience-floorplan .sense-zone span{background:#fff;color:var(--plan-ink)}
body #experience-floorplan .sense-zone.is-active span,body #experience-floorplan .sense-pill.is-active{background:var(--plan-ink);color:#fff}

/* Keep the project introduction close to DJI; the diagram is a separate section. */
body #brands-events>.chapter-intro-track{height:auto!important;min-height:0!important;padding:0!important;margin:0 0 24px!important}
body #brands-events>.chapter-intro-track>.brands-events-heading{position:relative;top:auto;min-height:0;padding:0!important;margin:0!important}
body #brands-events>.studio-extension{padding-top:0!important;margin-top:0!important}
body #brands-events #dji{padding-top:0!important;margin-top:0!important}