/* Styles for the interactive market demo, extracted from the stylesheets in
   public/ so the market pages can use the editorial shell instead of the whole
   redesign bundle. Generated — run: node scripts/build-market-css.mjs */
.market-experience{background:#111211;padding:0 0 46px;--bg:#111211;--ink:#f2f1e9;--muted:#a3a49b;--line:#ffffff22;--accent:#ff683b;--font:'DM Sans',sans-serif;--display:'Manrope',sans-serif;color:var(--ink);font-family:var(--font)}
.market-experience[data-market=nature]{--accent:#c0d77a}
.market-experience[data-market=technology]{--accent:#98aaff}
.market-experience button,.market-experience select,.market-experience input{font:inherit}
.market-experience .market-caption{padding:0 5%}
.market-experience .eyebrow{font-size:11px;letter-spacing:1.4px;font-weight:600;line-height:1.5;margin:0 0 14px;text-transform:uppercase}
/* from markets.css */
 three ways to explore. */
.space-point small{font-size:14px}
.motion-paused .demo-media img,.motion-paused .market-rail button:after{transition:none}
.market-rail{padding:24px 4.2%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff26;gap:25px}
.market-rail>span{font-size:12px;letter-spacing:1.5px}
.market-rail>div{display:flex;gap:40px}
.market-rail button{background:none;border:0;color:#aeb5ac;padding:12px 0;font-size:20px;position:relative}
.market-rail button small{font-size:12px;vertical-align:super;margin-right:9px}
.market-rail button[aria-pressed=true]{color:var(--ink)}
.market-rail button:after{content:'';position:absolute;bottom:0;left:0;width:100%;height:2px;background:var(--market-accent);transform:scaleX(0);transform-origin:left;transition:transform .3s}
.market-rail button[aria-pressed=true]:after{transform:scaleX(1)}
.demo-scene{height:850px;max-height:1100px;min-height:740px;position:relative;isolation:isolate;overflow:hidden}
.demo-media,.demo-media img,.demo-shade{position:absolute;inset:0;width:100%;height:100%}
.demo-media{overflow:hidden;z-index:-2}
.demo-media img{object-fit:cover;transition:transform .6s ease;transform-origin:69% 47%}
.demo-shade{z-index:-1;pointer-events:none;background:linear-gradient(0deg,#040b0b99,transparent 55%),linear-gradient(90deg,#040c0c55,transparent 60%)}
.demo-top{position:absolute;top:35px;left:4.2%;right:4.2%;display:flex;justify-content:space-between;align-items:flex-start;gap:24px}
.demo-brand{font-size:46px;letter-spacing:-2px;font-weight:600;line-height:1}
.demo-brand small{font-size:12px;letter-spacing:1.5px;font-weight:400;display:block;margin-top:15px}
.demo-badge{font-size:12px;letter-spacing:.7px;border-bottom:1px solid #fff8;padding:11px 0;background:#10191633}
.demo-heading{position:absolute;bottom:60px;left:4.2%;max-width:57%;pointer-events:none}
.demo-heading>span{font-size:12px;letter-spacing:1px}
.demo-heading h2{font-family:var(--display);font-size:clamp(50px,5.6vw,98px);font-weight:500;letter-spacing:-.055em;line-height:1.04;margin:22px 0 0}
.demo-heading em{font-family:Georgia,serif;font-weight:400;letter-spacing:-.06em}
.detail-panel{position:absolute;right:4.2%;bottom:55px;width:350px;padding:29px;background:#f0f0e6;color:#17231d}
.panel-kicker{display:block;font-size:12px;letter-spacing:1px}
.detail-panel h3{font-weight:500;font-size:26px;line-height:1.17;letter-spacing:-.7px;margin:28px 0 17px}
.detail-panel p{font-size:16px;line-height:1.6;color:#48554a;margin:0}
.panel-bottom{display:flex;gap:20px;justify-content:space-between;border-top:1px solid #293f3633;margin-top:28px;padding-top:18px;font-size:12px;color:#495b4d}
.space-point{position:absolute;left:var(--x);top:var(--y);transform:translate(-50%,-50%);display:flex;align-items:center;gap:10px;border:0;border-radius:30px;background:#101b1788;padding:7px 14px 7px 7px;backdrop-filter:blur(12px);color:white;min-height:44px}
.space-point>span{background:#f2f4e9;color:#14251e;border-radius:50%;width:30px;height:30px;display:grid;place-items:center;font-size:21px}
.space-point small{font-size:13px}
.space-point[aria-pressed=true]{background:#ecf0df;color:#1d2a20}
.space-point[aria-pressed=true]>span{background:#264136;color:white}
.space-detail{min-height:290px}
.space-detail #space-story{min-height:173px}
.market-experience[data-market=nature] .demo-heading{bottom:auto;top:190px;max-width:60%}
.market-experience[data-market=nature] .demo-heading h2{font-size:clamp(52px,6.4vw,110px)}
.market-experience[data-market=nature] .demo-media img{object-position:45% 50%}
.stay-planner{background:#eff0dd;width:365px;padding:28px 30px;bottom:35px}
.stay-planner h3{font-size:49px;line-height:.94;letter-spacing:-2px;margin:20px 0 23px}
.stay-planner h3 em{font-family:Georgia,serif;font-weight:400}
.stay-planner fieldset{border:0;padding:0;margin:0 0 17px}
.stay-planner legend,.stay-length label{font-size:14px;padding:0;margin:0 0 10px}
.mood-options{display:flex;border:1px solid #364b3855;padding:4px;gap:4px}
.mood-options button{width:50%;padding:10px 8px;border:0;background:transparent;color:#24392a;font-size:14px}
.mood-options button[aria-pressed=true]{background:#263e30;color:#f2f3e5}
.stay-length{display:flex;align-items:center;justify-content:space-between;padding-bottom:14px;border-bottom:1px solid #364b3833}
.stay-length label{margin:0}
.stay-length select{background:transparent;color:#24392a;border:0;border-bottom:1px solid #364b3866;padding:7px 20px 7px 3px;font-size:14px;color-scheme:light}
.stay-result{margin:18px 0 0;min-height:161px}
.stay-result strong{font-size:17px;font-weight:500}
.stay-result ol{list-style:none;margin:14px 0 0;padding:0}
.stay-result li{font-size:14px;line-height:1.4;margin:11px 0;display:grid;grid-template-columns:48px 1fr;gap:9px}
.stay-result li span{font-size:12px;letter-spacing:.4px;padding-top:3px}
.stay-planner .planner-note{font-size:12px;line-height:1.5;border-top:1px solid #364b3833;padding-top:15px;margin-top:16px}
.market-experience[data-market=technology] .demo-shade{background:linear-gradient(90deg,#020b1377,transparent 65%)}
.market-experience[data-market=technology] .demo-heading{top:160px;bottom:auto;max-width:60%}
.market-experience[data-market=technology] .demo-heading h2{font-size:clamp(43px,4.6vw,80px)}
.product-info{position:absolute;left:4.2%;bottom:50px;width:340px}
.product-info>p{font-size:23px;line-height:1.3;margin:16px 0 22px}
.material-details details{border-top:1px solid #ffffff44}
.material-details summary{cursor:pointer;display:flex;justify-content:space-between;list-style:none;padding:15px 0;font-size:14px}
.material-details summary::-webkit-details-marker{display:none}
.material-details summary span{transition:transform .3s}
.material-details details[open] summary span{transform:rotate(45deg)}
.material-details details p{font-size:15px;line-height:1.55;color:#c2ccda;margin:0 0 20px}
.product-zoom{position:absolute;bottom:50px;right:4.2%;width:300px;background:#081523ad;backdrop-filter:blur(12px);padding:21px 24px;border:1px solid #ffffff30}
.product-zoom>div{display:flex;justify-content:space-between;font-size:14px}
.product-zoom input{width:100%;accent-color:#abc0ff;cursor:ew-resize;margin:22px 0 12px;min-height:22px}
.product-zoom .zoom-ends{font-size:12px;color:#b5c1ce}
.market-caption{display:grid;grid-template-columns:1.4fr 1fr;gap:10%;padding:68px 4.2% 50px}
.market-caption .eyebrow{font-size:12px;color:var(--market-accent)}
.market-caption h2{font-size:clamp(33px,3.2vw,54px);font-weight:500;line-height:1.15;letter-spacing:-2px;margin:22px 0}
.market-caption p{font-size:17px;line-height:1.7;color:#bfc5bd;max-width:690px}
.market-caption-action{align-self:end;max-width:390px;margin-left:auto}
.market-caption-action p{font-size:16px;line-height:1.65;margin-bottom:25px}
.sector-link{display:flex;gap:20px;justify-content:space-between;align-items:center;border-bottom:1px solid #ffffff66;padding:17px 0;font-size:16px}
.sector-link span{font-size:25px;transition:transform .3s}
.sector-link:hover span{transform:translate(4px,-4px)}
.demo-disclosure{color:#929d93;font-size:12px;line-height:1.6;margin:0;padding:0 4.2% 50px;max-width:920px}
.market-page .market-caption-action .sector-link{display:none}
@media(min-width:1600px){.demo-scene{height:950px}.detail-panel{width:400px}.detail-panel h3{font-size:30px}.stay-planner h3{font-size:54px}.stay-result li{font-size:16px}.product-info{width:390px}.product-info>p{font-size:26px}}
@media(max-width:1000px){.market-rail>span{display:none}.market-rail>div{width:100%;justify-content:space-between;gap:15px}.demo-heading{max-width:52%}.demo-heading h2{font-size:52px}.detail-panel{width:310px;right:4.2%;padding:24px}.space-point small{display:none}.space-point{padding:7px}.stay-planner{width:320px}.market-experience[data-market=nature] .demo-heading{max-width:48%;top:170px}.market-experience[data-market=nature] .demo-heading h2{font-size:59px}.market-experience[data-market=technology] .demo-heading{max-width:60%}.product-info{width:280px}.market-caption{gap:6%}}
@media(max-width:700px){.market-rail{padding:15px 6%}.market-rail button{font-size:14px}.market-rail button small{display:block;text-align:left;font-size:12px;vertical-align:baseline;margin:0 0 6px}.market-rail>div{gap:13px}.demo-scene{height:auto;max-height:none;min-height:0;padding-top:470px;overflow:hidden}.demo-media,.demo-shade{height:580px;bottom:auto}.demo-media img{object-position:56% center}.demo-shade{background:linear-gradient(0deg,#0c100f 0%,transparent 50%),linear-gradient(180deg,#0006,transparent 40%)}.demo-top{top:25px;left:6%;right:6%;gap:15px}.demo-brand{font-size:32px}.demo-brand small{font-size:12px;letter-spacing:.6px;margin-top:10px}.demo-badge{font-size:12px;line-height:1.5;letter-spacing:0;max-width:120px;text-align:right;padding:4px 0}.demo-heading{top:320px;bottom:auto;left:6%;right:6%;max-width:none}.demo-heading>span{font-size:12px;letter-spacing:.4px}.demo-heading h2{font-size:44px;margin-top:15px}.detail-panel{position:relative;left:auto;right:auto;bottom:auto;width:auto;margin:25px 6% 0;padding:25px;min-height:0}.detail-panel h3{font-size:27px;margin-top:20px}.space-detail #space-story{min-height:0}.space-points{position:absolute;inset:0 0 auto;height:440px;pointer-events:none}.space-point{pointer-events:auto}.space-point[data-detail="outlook"]{left:80%;top:50%}.space-point[data-detail="material"]{left:39%;top:33%}.space-point[data-detail="living-space"]{left:48%;top:59%}.panel-bottom{margin-top:22px}.market-experience[data-market=nature] .demo-heading{top:280px;max-width:none}.market-experience[data-market=nature] .demo-heading h2{font-size:48px}.market-experience[data-market=nature] .demo-scene{padding-top:420px}.market-experience[data-market=nature] .demo-media img{object-position:40% center}.stay-planner{padding:27px}.stay-planner h3{font-size:46px}.stay-planner h3 br{display:none}.stay-result{min-height:0}.stay-result li{font-size:15px}.stay-result li span{font-size:12px}.planner-note{font-size:12px!important}.market-experience[data-market=technology] .demo-heading{top:405px;max-width:none}.market-experience[data-market=technology] .demo-heading h2{font-size:40px}.market-experience[data-market=technology] .demo-scene{padding-top:525px}.market-experience[data-market=technology] .demo-media{height:405px}.market-experience[data-market=technology] .demo-media img{object-position:75% center}.market-experience[data-market=technology] .demo-shade{height:410px;background:linear-gradient(0deg,#0c100f,transparent 25%)}.product-info{position:relative;left:auto;bottom:auto;width:auto;margin:32px 6% 0}.product-info>p{font-size:22px}.product-zoom{position:relative;right:auto;bottom:auto;width:auto;margin:20px 6% 0}.product-zoom .zoom-ends{font-size:12px}.panel-kicker{font-size:12px}.material-details details p{font-size:16px}.market-caption{display:block;padding:50px 6% 25px}.market-caption h2{font-size:36px;letter-spacing:-1.5px}.market-caption p{font-size:16px}.market-caption-action{max-width:none;margin:30px 0 0}.market-caption-action p{margin-bottom:12px}.demo-disclosure{padding:0 6% 45px;font-size:12px}}
@media(prefers-reduced-motion:reduce){.demo-media img,.market-rail button:after{transition:none}}
@media(max-width:700px){.space-point[data-detail="material"]{left:39%;top:24%}.space-point[data-detail="living-space"]{left:48%;top:43%}}
@media(max-width:700px){.product-zoom{position:absolute;top:285px;bottom:auto;left:6%;right:6%;width:auto;margin:0;padding:14px 18px}.product-zoom input{margin:10px 0 5px}.product-zoom .zoom-ends{font-size:12px}}
@media(max-width:700px){.market-experience[data-market=technology] .demo-scene{padding-top:425px}.market-experience[data-market=technology] .demo-heading{position:relative;top:auto;left:auto;right:auto;margin:0 6%}.product-zoom .zoom-ends{font-size:12px}}
@media(max-width:700px){.market-experience[data-market=architecture] .demo-scene{padding-top:320px}.market-experience[data-market=nature] .demo-scene{padding-top:280px}.market-experience[data-market=architecture] .demo-heading,.market-experience[data-market=nature] .demo-heading{position:relative;top:auto;bottom:auto;left:auto;right:auto;max-width:none;margin:0 6%}.demo-brand small{max-width:145px;line-height:1.3}}
/* from refinements.css */
.market-rail>span{font-size:12px}
.market-rail button small{display:none}
.demo-badge{background:#0d191d99;padding:10px 12px}
.demo-brand small{display:none}
.space-point small{display:block;font-size:14px}
.space-point{padding:7px 14px 7px 7px}
@media(max-width:900px){.market-rail{padding:20px 6%;margin:0}.market-rail>span{display:none}.market-rail>div{width:100%;justify-content:space-between;gap:16px}.market-rail button{font-size:16px;padding:12px 0}.market-rail button small{display:none}}
@media(max-width:600px){.market-rail button{font-size:14px}.market-rail>div{gap:13px}.space-point small{display:block;font-size:12px;line-height:1.1}.space-point{padding:6px 10px 6px 6px;gap:7px;min-height:42px}.space-point>span{width:27px;height:27px;flex-shrink:0}.space-point[data-detail="outlook"]{left:72%;top:56%}.space-point[data-detail="material"]{left:28%;top:24%}.space-point[data-detail="living-space"]{left:46%;top:41%}.panel-bottom>span:first-child{font-size:12px}}
@media(max-width:360px){.market-rail button{font-size:13px}.space-point[data-detail="outlook"]{left:71%;top:58%}.space-point[data-detail="living-space"]{left:43%;top:41%}}
@media(max-width:900px){.market-rail{display:block}.market-rail>span{display:block;margin-bottom:8px;font-size:11px}}
/* Keep the interior details aligned with the mobile image crop. */
.product-tap,.product-zoom .zoom-presets{display:none}
@media(max-width:700px){.product-tap{display:block;position:absolute;top:80px;left:6%;right:6%;height:205px;border:0;background:transparent;cursor:zoom-in;touch-action:manipulation}.product-tap:focus-visible{outline:2px solid #c5d2ff;outline-offset:-4px}.product-zoom input,.product-zoom .zoom-ends{display:none}.product-zoom .zoom-presets{display:flex;gap:6px;margin-top:12px}.zoom-presets button{flex:1;min-height:48px;padding:10px 6px;border:1px solid #c5d2ff55;background:transparent;color:#eef2ff;font:inherit;font-size:14px;line-height:1.2;cursor:pointer;touch-action:manipulation}.zoom-presets button[aria-pressed=true]{background:#c5d2ff;border-color:#c5d2ff;color:#10243b}.zoom-presets button:focus-visible{outline:2px solid #fff;outline-offset:3px}}
@media(max-width:700px){.market-experience[data-market=architecture] .demo-media,.market-experience[data-market=architecture] .demo-shade{height:440px}.market-experience[data-market=architecture] .demo-media img{object-position:49% center}.market-experience[data-market=architecture] .demo-scene{padding-top:350px}.market-experience[data-market=architecture] .space-point[data-detail="material"]{left:27%;top:32%}.market-experience[data-market=architecture] .space-point[data-detail="living-space"]{left:42%;top:65%}.market-experience[data-market=architecture] .space-point[data-detail="outlook"]{left:77%;top:48%}}
/* from performance.css */
.canada-proof .sector-link{color:#172017;margin-top:14px}