/* September 2026: a quieter product interface around the cinematic journey. */
.immersive-site{--ui-gold:#e7d0a4;--ui-line:#d2dedb26;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;-webkit-font-smoothing:antialiased}
.immersive-site .site-header{background:transparent!important;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none}
.site-sidebar{padding-top:32px;padding-inline:17px;overscroll-behavior:contain}
.site-sidebar nav{gap:4px}.site-sidebar nav>a{min-height:40px;padding:10px;border-radius:9px;font-size:11px;letter-spacing:.005em}
.site-sidebar nav>a>span:first-child{font-size:8px;opacity:.72;font-variant-numeric:tabular-nums}
.site-sidebar nav>a[aria-current]{background:#dcd4bb14;border-color:#d3c29735;box-shadow:inset 2px 0 #bca379}
.site-sidebar nav>a>i{font-size:13px;opacity:.35}.site-sidebar nav>a:is(:hover,[aria-current])>i{opacity:1}
.site-sidebar .sidebar-label{font-size:8px;letter-spacing:.16em;line-height:1.8}
.sidebar-chapters{padding-top:17px;margin-top:22px}.sidebar-chapters nav>a{min-height:43px;padding-block:8px}.sidebar-chapters nav>a>span:nth-child(2){font-size:11px}.sidebar-chapters small{font-size:8px;line-height:1.5;margin-top:2px}
.site-sidebar .sidebar-bottom{padding-top:19px;margin-top:23px}.sidebar-bottom>p,.sidebar-bottom>a{font-size:10px;line-height:1.8}
.immersive-site .chapter-navigation a{font-size:11px;font-weight:500;letter-spacing:.01em}
.site-header .nav-cta{border-radius:9px;min-height:38px;background:#0c1b263d;border-color:#e4dbc345;padding:9px 15px}
.site-header .motion-toggle{letter-spacing:.015em}
/* Small visible pill, with a 44px touch/focus target extending into clear space. */
.hero-experiences .season-toggle{position:relative;min-height:28px;height:28px;gap:6px;padding:5px 9px;border-radius:7px;background:#f8f5ebee;border:1px solid #fffdf58c;box-shadow:0 2px 9px #05101a18;color:#534a38;font-size:9px;font-weight:600;letter-spacing:.005em;line-height:1;transition:background .18s,border-color .18s}
.hero-experiences .season-toggle:before{content:"";position:absolute;inset:-8px -5px;border-radius:10px}
.hero-experiences .season-toggle>span:first-child{font-size:12px;line-height:1}
.hero-experiences .season-toggle:hover{background:#fffdf6;transform:none;box-shadow:0 2px 12px #05101a25}
.immersive-site[data-season=snow] .hero-experiences .season-toggle{background:#242825;color:#f1e8d6!important;border-color:#34382f;box-shadow:0 2px 9px #312b2117}
.cinematic-hero .hero-availability{font-size:10px;letter-spacing:.035em;padding:8px 13px}
/* Keep the Toronto promise below the header, apart from the headline. */
.cinematic-hero .hero-trust-badge{position:absolute;z-index:8;top:104px;right:32px;margin:0;white-space:nowrap}
.is-city-chapter .hero-trust-badge{display:none}
@media(max-width:1200px){.cinematic-hero .hero-trust-badge{right:24px}}
@media(max-width:1000px){.cinematic-hero .hero-trust-badge{top:96px;right:18px}}
@media(max-width:600px){.cinematic-hero .hero-availability.hero-trust-badge{top:128px;right:16px;font-size:8px;letter-spacing:.015em;padding:7px 9px;gap:6px}}
.cinematic-hero h1{font-size:clamp(60px,6vw,100px);letter-spacing:-.06em;line-height:1.04;text-wrap:balance}
.cinematic-hero .hero-description{font-size:16px;line-height:1.85;max-width:610px;text-wrap:balance}
.cinematic-hero .hero-launch-button{border-radius:11px;font-weight:600;box-shadow:0 6px 30px #0000001a,inset 0 1px #fff6df8c}
.hero-bottom{padding-top:21px}.hero-bottom>span{font-size:8px;letter-spacing:.13em}
.immersive-site :is(.product-tour,.listing-section,.getting-started,.details-section,.launch-section){padding-block:88px}
.immersive-site .section-heading,.immersive-site .tour-introduction{gap:48px;align-items:end}
.immersive-site :is(.section-heading,.tour-introduction,.getting-started,.details-section,.listing-copy) h2{font-size:clamp(34px,3.35vw,51px);line-height:1.16;letter-spacing:-.04em;text-wrap:balance}
.immersive-site :is(.tour-introduction>p,.section-heading>p,.listing-copy>p:not(.eyebrow)){font-size:14px;line-height:1.85}
.immersive-site .workday-flow{border-radius:16px;border-color:var(--ui-line);background:#0b2333c4;padding:23px 30px;box-shadow:0 8px 30px #0000000d}
.workday-flow>div>span:last-child{font-size:12px;font-weight:500}.workday-flow small{font-size:10px;line-height:1.5}.flow-icon{width:32px;height:32px;border-radius:10px}
.immersive-site .visual-label{font-size:9px;letter-spacing:.11em;margin-bottom:17px}
.immersive-site .actual-hero-frame{border-radius:0 0 16px 16px;border-color:#d7e3e038;box-shadow:0 26px 75px #00101a44}
.actual-hero-frame>[data-workspace-preview]{aspect-ratio:1440/950;height:auto;object-fit:contain;background:#f8f7f3;width:100%}
.actual-hero-bar{padding:12px 17px;font-size:10px;letter-spacing:.02em;background:#f2f0e9;color:#57605f}
.actual-hero-bar .window-dots{font-size:8px;color:#aca998;letter-spacing:2px}
.screen-expand{border:0;background:transparent;color:inherit;font-size:10px;font-weight:500;display:inline-flex;gap:9px;align-items:center;min-height:28px;padding:4px 2px;white-space:nowrap}
.screen-expand:hover{text-decoration:underline;text-underline-offset:4px}
.workspace-tabs{display:flex;align-items:stretch;gap:3px;padding:7px;border:1px solid #d7e3e038;border-bottom:0;border-radius:16px 16px 0 0;background:#0b2030ed;overflow-x:auto;scrollbar-width:thin;scrollbar-color:#a29271 #0b2030;overscroll-behavior-x:contain}
.workspace-tabs button{flex:1 0 auto;min-height:44px;padding:10px 12px;border:1px solid transparent;border-radius:9px;background:transparent;color:#c5d2d7;font-size:11px;white-space:nowrap;font-weight:500;transition:background .18s,color .18s}
.workspace-tabs button:hover{background:#ffffff0b;color:#fff5df}.workspace-tabs button[aria-selected=true]{background:#eee5d2;border-color:#eee5d2;color:#293943}
.workspace-gallery-caption{margin-top:16px;color:#cbd8da;font-size:12px;text-align:center;line-height:1.8;min-height:22px}
.product-introduction .hero-workflow-note{display:none}.product-introduction .sample-label{text-align:center;font-size:10px;margin-top:8px;color:#a9bec5}
.immersive-site .capability-strip{padding-block:22px;font-size:10px;letter-spacing:.015em}
.product-tour--films .tour-tabs{padding:6px;gap:5px;border-radius:16px;background:#061b29d6}
.product-tour--films .tour-tabs button{min-height:88px;padding:15px 12px;border-radius:11px;gap:9px}
.product-tour--films .tour-tabs button>span+span{font-size:12px;font-weight:500}.product-tour--films .tour-tabs small{font-size:10px;line-height:1.55}
.immersive-site .product-tour--films .tour-tabs [aria-selected=true]{background:#ede4d1;color:#243943;border-color:#ede4d1;box-shadow:0 2px 8px #00101a20}
.product-tour--films .tour-tabs [aria-selected=true] small{color:#526268}.product-tour--films .tour-tabs button>span:first-child{font-size:9px;letter-spacing:.06em}
.tour-film-frame{border-radius:18px;border-color:#d9dccb32;box-shadow:0 24px 65px #00000038}.tour-film-bar{background:#102332}.tour-film-caption{background:#0d202e}
.tour-film-bar,.tour-film-caption{padding:15px 20px;font-size:9px;letter-spacing:.085em}
.tour-film-play{padding:18px 22px;min-width:284px;border-radius:14px;background:#102330f5;border-color:#e0c79772;font-size:14px;box-shadow:0 8px 50px #0006}
.tour-film-play small{font-size:10px}.tour-play-icon{width:38px;height:38px;font-size:12px}
.tour-film-story{gap:48px;padding-block:30px}.tour-film-story h3{font-family:inherit;font-size:26px;letter-spacing:-.035em;font-weight:500;line-height:1.25}
.tour-transcript{border-color:#b8cdd329;border-radius:13px}.tour-transcript summary{font-size:12px;padding:18px 20px}
.tour-proof-strip strong{font-family:inherit;font-size:29px;font-weight:500;letter-spacing:-.035em}.tour-proof-strip span{font-size:11px}
.immersive-site .campaign-section{padding-block:80px;background:#071e2a9c;border-color:var(--ui-line)}
.campaign-section h2{font-size:clamp(41px,4.4vw,62px);line-height:1.1}.campaign-grid{gap:48px;grid-template-columns:.85fr 1.2fr}
.campaign-example{padding:14px;border-radius:17px;border-color:#e0e4db80;background:#f2f1eb;box-shadow:0 20px 55px #00111a33}
.campaign-product-view>img{border-radius:8px;border-color:#cbd1cf;background:#f6f5f0;object-fit:contain}
.campaign-product-view>p{font-size:12px;line-height:1.7;padding-inline:3px}.example-top{font-size:8px;letter-spacing:.04em;padding:3px}.campaign-example .sample-label{font-size:9px}
.campaign-steps{gap:6px}.campaign-steps button{border:1px solid #d3dfdc29;border-radius:10px;padding:15px 12px;font-size:12px;line-height:1.6}
.campaign-steps button[aria-pressed=true]{border-color:#d8c09077;background:#d3bc8a17;border-radius:10px}
.immersive-site .listing-copy{padding:30px;border-radius:18px;background:#0b2331d4;border-color:var(--ui-line)}
.product-photo,.chapter-product{border-radius:17px}.product-photo-caption,.chapter-product figcaption{padding:15px 18px;font-size:10px;line-height:1.75}
.immersive-site .atlas-grid{gap:14px;margin-top:34px}.immersive-site .atlas-grid article{padding:29px 26px;border-radius:16px;min-height:298px;border-color:#d4e0dc29;box-shadow:none;transition:border-color .2s,background .2s}
.immersive-site .atlas-grid article:hover{transform:none;background:#133542;border-color:#d8c59e70}
.immersive-site .atlas-grid article:nth-child(3):hover{background:#f4edde}
.immersive-site .atlas-grid h3{font-family:inherit;font-size:23px;font-weight:500;line-height:1.22;letter-spacing:-.025em;margin:20px 0 14px;text-wrap:balance}
.immersive-site .atlas-grid p{font-size:13px;line-height:1.8}.atlas-index{font-size:9px;letter-spacing:.085em}.feature-foot{padding-top:24px;font-size:10px}
.immersive-site :is(.start-guide,.faq){border-radius:17px;padding-inline:27px;border-color:var(--ui-line)}
.start-guide summary,.faq summary{padding-block:22px;font-size:14px}.start-guide strong{font-size:14px;font-weight:500}.faq details p,.start-guide details p{font-size:13px;line-height:1.9}
.immersive-site .ownership-section{padding:42px;border-radius:21px;border-color:var(--ui-line)}.ownership-grid h3{font-size:15px;font-weight:500}.ownership-grid p{font-size:13px}
.launch-form{border-radius:18px;padding:34px}.launch-form h3{font-family:inherit;font-size:30px;font-weight:500;letter-spacing:-.04em}.form-fields input{border-radius:8px}.launch-form .button{border-radius:9px}
.immersive-site .chapter-intro{padding:40px 44px;border-radius:20px;border-color:var(--ui-line)}
.chapter-intro h2{font-family:inherit;letter-spacing:-.035em;font-weight:500;font-size:clamp(31px,3vw,44px);line-height:1.2}
.chapter-cards{gap:15px}.chapter-cards article{border-radius:16px;border-color:var(--ui-line);padding:28px 25px;box-shadow:none}
.chapter-cards h3{font-family:inherit;font-size:24px;font-weight:500;line-height:1.25;letter-spacing:-.03em}.chapter-cards p{font-size:13px}
.chapter-steps{border-radius:17px}.chapter-steps h2{font-family:inherit;font-weight:500;letter-spacing:-.03em;font-size:29px;line-height:1.2}
.chapter-note{border-radius:16px}.chapter-note h3{font-family:inherit;font-size:23px;font-weight:500;letter-spacing:-.025em}.chapter-next a{border-radius:13px;font-family:inherit;font-size:21px;letter-spacing:-.025em}.chapter-next a span{letter-spacing:.09em}
.screen-dialog{width:min(1360px,94vw);padding:20px;border-radius:18px;border-color:#a9b8bd66;box-shadow:0 30px 120px #0008;color:#26343d}
.screen-dialog::backdrop{background:#05131dce;backdrop-filter:blur(9px)}
.screen-dialog>header{margin-bottom:16px}.screen-dialog h2{font-family:inherit;font-size:25px;font-weight:500;letter-spacing:-.03em}.screen-dialog .eyebrow{font-size:9px;color:#676a62}
.screen-dialog-actions{display:flex;gap:8px;align-items:center}.screen-dialog-actions button{border-radius:8px;min-height:38px;font-size:11px;padding:9px 13px;white-space:nowrap}
.screen-dialog-actions [data-screen-zoom]{background:#e6e8e1;color:#2e414b;border-color:#c5cec9}.screen-dialog-actions [aria-pressed=true]{background:#d7dcd3}
.screen-dialog-scroll{border-radius:10px;overscroll-behavior:contain;scrollbar-width:thin;max-height:calc(90dvh - 132px)}
.screen-dialog.is-actual-size .screen-dialog-scroll img{width:1440px;max-width:none;height:auto}.screen-dialog>p{font-size:10px;color:#52636b;line-height:1.8}
/* Winter keeps its established clear header, translucent rail and flat selection. */
.immersive-site[data-season=snow] .workspace-tabs{background:#f8f5e9eb;border-color:#bdad854d}
.immersive-site[data-season=snow] .workspace-tabs button{color:#735322;background:transparent}
.immersive-site[data-season=snow] .workspace-tabs button[aria-selected=true]{background:#eaddc2;border-color:#a98b534d;color:#5f431b}
.immersive-site[data-season=snow] :is(.workspace-gallery-caption,.screen-expand){color:#715022}
.immersive-site[data-season=snow] .site-sidebar nav>a[aria-current]{background:#eee4d1!important;background-image:none!important;box-shadow:inset 2px 0 #a38248}
.immersive-site[data-season=snow] .hero-availability{background:transparent!important}
.immersive-site[data-season=snow] .atlas-grid article:hover{background:#faf7ed;border-color:#ab8e5566}
@media(max-width:1250px){.site-sidebar{padding-inline:11px}.site-sidebar nav>a{font-size:10px;gap:8px}.site-sidebar .sidebar-label{font-size:7px}.workspace-tabs button{font-size:10px;padding-inline:10px}.campaign-grid{gap:32px}.workday-flow{gap:15px}.workday-flow small{font-size:9px}}
@media(max-width:1000px){.site-sidebar{padding-inline:20px}.site-sidebar nav>a{font-size:13px;min-height:44px}.site-sidebar .sidebar-label{font-size:8px}.sidebar-chapters nav>a>span:nth-child(2){font-size:12px}.sidebar-chapters small{font-size:9px}.workspace-tabs{padding:6px}.workspace-tabs button{font-size:11px}.immersive-site .cinematic-hero h1{font-size:clamp(48px,7.6vw,78px)}}
@media(max-width:760px){
 .immersive-site :is(.product-tour,.listing-section,.getting-started,.details-section,.launch-section){padding-block:60px}
 .immersive-site .section-heading,.immersive-site .tour-introduction{gap:24px}.immersive-site :is(.section-heading,.tour-introduction,.getting-started,.details-section,.listing-copy) h2{font-size:35px}
 .immersive-site .workday-flow{padding:20px 18px;gap:20px 17px;border-radius:14px}.workday-flow small{font-size:9px}
 .immersive-site .atlas-grid{gap:12px}.immersive-site .atlas-grid article{padding:24px 21px;min-height:0}.immersive-site .atlas-grid h3{font-size:22px}.immersive-site .atlas-grid p{font-size:13px}
 .campaign-grid{grid-template-columns:1fr;gap:30px}.immersive-site .campaign-section{padding-block:60px}.campaign-example{padding:12px}.campaign-section h2{font-size:47px}
 .immersive-site .listing-copy{padding:25px}.immersive-site .ownership-section{padding:30px 25px}.launch-form{padding:27px}
 .workspace-gallery-caption{font-size:11px;margin-top:12px}.actual-hero-bar{font-size:9px;padding:8px 11px}.screen-expand{font-size:9px;min-height:32px}.actual-hero-bar .window-dots{display:none}
 .immersive-site .chapter-intro{padding:29px 24px}.chapter-intro h2{font-size:34px}.chapter-cards h3{font-size:24px}.chapter-next a{font-size:19px;padding:23px}
}
@media(max-width:600px){
 .hero-experiences .season-toggle{font-size:8px;min-height:25px;height:25px;padding:4px 8px;gap:5px;border-radius:6px;margin-top:27px}.hero-experiences .season-toggle>span:first-child{font-size:11px}.hero-experiences .season-toggle:before{inset:-10px -5px}
 .immersive-site .cinematic-hero h1{font-size:clamp(40px,11.5vw,58px)}.cinematic-hero .hero-description{font-size:13.5px;line-height:1.8}.cinematic-hero .hero-availability{font-size:9px}
 .immersive-site .visual-label{font-size:8px;letter-spacing:.06em;margin-bottom:14px}.workspace-tabs{border-radius:13px 13px 0 0;scroll-snap-type:x proximity}.workspace-tabs button{min-height:42px;padding:9px 13px;scroll-snap-align:start}.immersive-site .actual-hero-frame{border-radius:0 0 13px 13px}
 .product-introduction .sample-label{font-size:9px}.product-tour--films .tour-tabs{padding:5px 5px 10px;border-radius:13px;gap:5px}.product-tour--films .tour-tabs button{min-width:154px;min-height:80px;padding:13px 11px}.product-tour--films .tour-tabs button>span+span{font-size:12px}
 .tour-film-bar,.tour-film-caption{font-size:8px;padding:12px;gap:8px}.tour-film-play{min-width:238px;padding:15px;font-size:12px;gap:11px}.tour-film-play small{font-size:9px}.tour-play-icon{width:30px;height:30px}.tour-film-story{padding-block:24px;gap:20px}.tour-film-story h3{font-size:25px}.tour-film-story p:not(.eyebrow){font-size:13px}.tour-film-caption button{font-size:9px}
 .immersive-site .atlas-grid{grid-template-columns:1fr}.immersive-site .atlas-grid article{padding:26px}.immersive-site .atlas-grid h3{margin-top:17px}.feature-foot{padding-top:20px}
 .screen-dialog{width:96vw;max-height:94dvh;padding:13px;border-radius:14px}.screen-dialog>header{align-items:start;gap:12px;flex-wrap:wrap}.screen-dialog h2{font-size:22px}.screen-dialog-actions{width:100%;justify-content:space-between}.screen-dialog-actions button{min-height:40px;font-size:11px}.screen-dialog-scroll{max-height:calc(90dvh - 187px)}.screen-dialog>p{font-size:9px}.screen-dialog .eyebrow{font-size:8px}
}
@media(prefers-reduced-motion:reduce){.workspace-tabs button,.hero-experiences .season-toggle,.immersive-site .atlas-grid article{transition:none}}
.immersive-site[data-season=snow] .site-sidebar nav>a>span:first-child{opacity:1;color:#715523}
.workspace-gallery,.product-tour,.feature-atlas,.getting-started,.details-section,.launch-section{scroll-margin-top:100px}

/* Contact requests use the same calm inputs in both seasons. */
.form-fields textarea{width:100%;min-height:112px;padding:12px;border:1px solid #c9d4bb;border-radius:8px;background:#fff;color:#273b29;font-family:inherit;font-size:16px;line-height:1.6;resize:vertical}
.form-fields textarea:focus-visible{outline:2px solid #846630;outline-offset:5px}
.immersive-site[data-season=snow] .form-fields textarea{background:#fffdf8;color:#51432c;border-color:#bbaa8588}
