main.topic--still{padding-top:0}.topic-stage{--ground:#0f120e;--stage-h:max(560px, min(100svh, 1040px));--accent:#d9c7a8;isolation:isolate;min-height:var(--stage-h);padding:calc(var(--header-h) + clamp(64px, 9svh, 110px)) var(--edge) clamp(56px, 8svh, 96px);color:#f2efe8;background:var(--ground);view-timeline:--topic-stage block;align-content:center;display:grid;position:relative;overflow:clip}.topic-stage--leaf{--stage-h:max(540px, min(88svh, 900px))}.topic-stage--light{--accent:var(--bronze-ink);color:var(--ink)}.topic-stage-media{z-index:-1;width:min(64%, calc(var(--stage-h) * .753));-webkit-mask-composite:source-in;position:absolute;inset-block:0;inset-inline-end:max(0px, calc(var(--edge) - 140px));-webkit-mask-image:linear-gradient(90deg,#0000,#000 16%),linear-gradient(#000 84%,#0000);mask-image:linear-gradient(90deg,#0000,#000 16%),linear-gradient(#000 84%,#0000);-webkit-mask-composite:source-in;mask-composite:intersect}[dir=rtl] .topic-stage-media{-webkit-mask-image:linear-gradient(270deg,#0000,#000 16%),linear-gradient(#000 84%,#0000);mask-image:linear-gradient(270deg,#0000,#000 16%),linear-gradient(#000 84%,#0000)}.topic-stage--light .topic-stage-media{-webkit-mask-image:linear-gradient(90deg,#0000,#000 38%),linear-gradient(#000 84%,#0000);mask-image:linear-gradient(90deg,#0000,#000 38%),linear-gradient(#000 84%,#0000)}[dir=rtl] .topic-stage--light .topic-stage-media{-webkit-mask-image:linear-gradient(270deg,#0000,#000 38%),linear-gradient(#000 84%,#0000);mask-image:linear-gradient(270deg,#0000,#000 38%),linear-gradient(#000 84%,#0000)}.topic-stage-media img{object-fit:cover;animation:stage-still-in 1.6s var(--ease-out) both}.topic-stage-media:after{content:"";pointer-events:none;mix-blend-mode:color-dodge;opacity:0;background:linear-gradient(100deg,#0000 38%,#ffdeb44d 50%,#0000 62%);animation:2.6s cubic-bezier(.45,.05,.4,1) .65s stage-light;position:absolute;inset:0 -70%}.topic-stage--light .topic-stage-media:after{mix-blend-mode:soft-light}@keyframes stage-still-in{0%{opacity:0;scale:1.06}}@keyframes stage-light{0%{opacity:1;translate:-32%}to{opacity:1;translate:32%}}.topic-stage-copy{width:min(600px,48%);position:relative}.topic-stage h1{font-size:clamp(34px,min(4.6vw,7.4svh),72px);line-height:1.03}.topic-stage--leaf h1{font-size:clamp(32px,min(4.2vw,6.8svh),64px)}.topic-stage .eyebrow{color:var(--accent)}.topic-stage .lede{color:#f2efe8ad;max-width:520px;margin-top:clamp(18px,3svh,26px);font-size:clamp(17px,min(1.45vw,2.6svh),21px)}.topic-stage--light .lede{color:#151a18a8}.topic .topic-stage .breadcrumb{z-index:1;top:calc(var(--header-h) + 22px);inset-inline:var(--edge);color:#f2efe88f;width:auto;margin:0;padding:0;position:absolute}.topic .topic-stage--light .breadcrumb{color:var(--muted)}.topic-stage .breadcrumb>span+span:before{color:#f2efe857}.topic-stage--light .breadcrumb>span+span:before{color:var(--mineral)}[dir=rtl] .topic-stage .breadcrumb>span+span:before{content:"‹"}.topic .topic-stage .breadcrumb>span:last-child,.topic .topic-stage:not(.topic-stage--leaf) .breadcrumb{display:none}.topic-stage .breadcrumb a{transition:color var(--hover) ease}@media (hover:hover) and (pointer:fine){.topic .topic-stage .breadcrumb a:hover{color:#f2efe8}.topic .topic-stage--light .breadcrumb a:hover{color:var(--ink)}}.topic-stage-copy>*,.topic-stage .breadcrumb{animation:stage-copy-in .9s var(--ease-out) backwards}.topic-stage-copy>:first-child{animation-delay:.1s}.topic-stage-copy>:nth-child(2){animation-delay:.17s}.topic-stage-copy>:nth-child(3){animation-delay:.24s}.topic-stage .breadcrumb{animation-delay:.32s}@keyframes stage-copy-in{0%{opacity:0;translate:0 18px}}@supports (animation-timeline:view()){@media (prefers-reduced-motion:no-preference){.topic-stage-media{animation:linear both stage-drift;animation-timeline:--topic-stage;animation-range:exit}.topic-stage-copy{animation:linear both stage-lift;animation-timeline:--topic-stage;animation-range:exit 8% exit 72%}}}@keyframes stage-drift{to{translate:0 16%}}@keyframes stage-lift{to{opacity:0;translate:0 -44px}}@media (prefers-reduced-motion:reduce){.topic-stage-media img,.topic-stage-copy>*,.topic-stage .breadcrumb{animation:.4s backwards reveal-fade}.topic-stage-media:after{animation:none}}@media (max-width:800px),(max-aspect-ratio:4/5){.topic-stage,.topic-stage--leaf{--stage-h:100svh;padding:var(--header-h) var(--edge) max(40px, calc(env(safe-area-inset-bottom,0px) + 28px));grid-template-rows:minmax(30svh,1fr) auto auto;align-content:stretch}.topic-stage--leaf{min-height:94svh}.topic-stage-media,[dir=rtl] .topic-stage-media,.topic-stage--light .topic-stage-media,[dir=rtl] .topic-stage--light .topic-stage-media{z-index:0;width:auto;margin:calc(-1 * var(--header-h)) calc(-1 * var(--edge)) -110px;grid-row:1;position:relative;inset:auto;-webkit-mask-image:linear-gradient(#000 56%,#0000);mask-image:linear-gradient(#000 56%,#0000)}.topic-stage-copy{z-index:1;grid-row:3;width:auto}.topic-stage h1,.topic-stage--leaf h1{font-size:clamp(28px,min(8.2vw,4.8svh),44px)}.topic-stage .lede{margin-top:16px;font-size:clamp(15px,min(4.3vw,2.4svh),19px)}.topic .topic-stage .breadcrumb{z-index:1;top:auto;grid-row:2;margin:0 0 6px;font-size:14px;position:relative;inset:auto}.topic .topic-stage .breadcrumb>span:first-child{display:none}.topic-stage .breadcrumb>span+span:before{color:inherit;content:"‹";margin-inline:0 6px}[dir=rtl] .topic-stage .breadcrumb>span+span:before{content:"›"}.topic-stage .breadcrumb a{align-items:center;min-height:44px;display:inline-flex}}.topic-intro{width:min(var(--content), calc(100% - 2 * var(--gutter)));margin-inline:auto;padding:clamp(56px,8vw,104px) 0 clamp(48px,6vw,88px)}.topic-intro--chapter{padding-top:clamp(8px,2vw,24px)}.topic-intro .headline{margin-bottom:clamp(22px,3vw,34px)}.topic-intro--plain{padding-top:clamp(40px,min(8vw,10svh),110px)}.topic-intro--plain .headline{max-width:980px;font-size:clamp(40px,min(5.6vw,9svh),80px)}.topic .topic-summary{max-width:800px;color:var(--ink);letter-spacing:-.02em;margin:0;font-size:clamp(20px,min(1.9vw,3.3svh),27px);font-weight:450;line-height:1.4}.topic .topic-facts{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:24px clamp(20px,3vw,40px);margin:clamp(36px,5vw,60px) 0 0;display:grid}.topic .topic-facts div{border-top:1px solid var(--line);background:0 0;border-radius:0;padding:16px 0 0}.topic .topic-facts dt{color:var(--muted);letter-spacing:0;font-size:13px;font-weight:500}.topic .topic-facts dd{color:var(--ink);letter-spacing:-.015em;margin:6px 0 0;font-size:17px;font-weight:600;line-height:1.3}.topic .topic-layout{padding-top:clamp(8px,2vw,24px);padding-bottom:clamp(72px,9vw,128px)}.topic .topic-body>section{scroll-margin-top:calc(var(--header-h) + 32px);padding:0 0 clamp(44px,5vw,64px)}.topic .topic-body h2{margin-bottom:18px}.topic .topic-answer{border-inline-start:2px solid var(--bronze);letter-spacing:-.016em;background:0 0;border-radius:0;margin-bottom:20px;padding-block:2px;padding-inline:20px 0;font-size:20px;line-height:1.5}.topic .topic-body .topic-review{color:var(--muted);border-top:1px solid var(--line);letter-spacing:0;flex-wrap:wrap;gap:4px 22px;margin-top:40px;padding-top:16px;font-size:13px;line-height:1.5;display:flex}.topic-review a{color:var(--ink-2);text-underline-offset:3px;-webkit-text-decoration:underline #151a1840;text-decoration:underline #151a1840}.topic .topic-disclaimer{letter-spacing:0;margin-top:28px}.topic-review+.topic-disclaimer{margin-top:10px}.topic .topic-body>.faq{padding-top:8px}.faq>h2{margin-bottom:22px}.faq-item{border-top:1px solid var(--line)}.faq-item:last-of-type{border-bottom:1px solid var(--line)}.faq-q{min-height:68px;color:var(--ink);letter-spacing:-.02em;cursor:pointer;justify-content:space-between;align-items:center;gap:24px;padding:18px 0;font-size:19px;font-weight:600;line-height:1.35;list-style:none;transition:opacity .28s;display:flex}.faq-q::-webkit-details-marker{display:none}.faq-q span{text-wrap:balance}.faq-q:focus-visible{outline-offset:4px}.faq-icon{width:30px;height:30px;transition:rotate .32s var(--ease-out), background-color var(--hover) ease, scale var(--press) var(--ease-out);background:#151a180f;border-radius:50%;flex:none;position:relative}.faq-icon:before,.faq-icon:after{content:"";background:var(--ink);width:12px;height:1.5px;transition:background-color var(--hover) ease;border-radius:1px;margin:auto;position:absolute;inset:0}.faq-icon:after{width:1.5px;height:12px}.faq-item[data-open] .faq-icon,.faq:not([data-enhanced]) .faq-item[open] .faq-icon{background-color:var(--ink);rotate:45deg}.faq-item[data-open] .faq-icon:before,.faq-item[data-open] .faq-icon:after,.faq:not([data-enhanced]) .faq-item[open] .faq-icon:before,.faq:not([data-enhanced]) .faq-item[open] .faq-icon:after{background-color:var(--ivory)}.faq-q:active{opacity:.62;transition-duration:0s}.faq-q:active .faq-icon{scale:.9}@media (hover:hover) and (pointer:fine){.faq-item:not([data-open]) .faq-q:hover .faq-icon{background-color:#151a181c}}.faq-a{overflow:clip}.topic .topic-body .faq-a p{max-width:680px;color:var(--ink-2);padding-block:0 26px;padding-inline:0 56px;font-size:17px;line-height:1.62}.faq:not([data-enhanced]) .faq-item{interpolate-size:allow-keywords}.faq:not([data-enhanced]) .faq-item::details-content{opacity:0;block-size:0;transition:block-size .3s var(--ease-out), opacity .3s var(--ease-out), content-visibility .3s allow-discrete;overflow:clip}.faq:not([data-enhanced]) .faq-item[open]::details-content{opacity:1;block-size:auto}@media (prefers-reduced-motion:reduce){.faq-icon{transition:background-color var(--hover) ease}.faq:not([data-enhanced]) .faq-item::details-content{transition:opacity .2s ease, content-visibility .2s allow-discrete}}.topic .topic-related,.topic .cluster-topics{padding-block:clamp(56px,7vw,96px)}.topic .topic-related .title,.topic .cluster-topics .title{margin-bottom:clamp(20px,3vw,32px)}.topic .topic-layout+.cluster-topics,.topic .topic-layout+.topic-related{padding-top:0}.topic .cluster-topics+.topic-related{padding-top:clamp(24px,3vw,40px)}.topic-index{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:clamp(28px,4vw,64px);margin:0;padding:0;list-style:none;display:grid}.topic-index li{border-top:1px solid var(--line)}.topic-index-link{height:100%;transition:scale var(--press) var(--ease-out);grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:20px;padding:22px 0 24px;display:grid}.topic-index-text{gap:6px;display:grid}.topic-index small{color:var(--bronze-ink);letter-spacing:0;font-size:13px;font-weight:600}.topic-index strong{letter-spacing:-.02em;font-size:19px;font-weight:600;line-height:1.25}.topic-index-text>span{color:var(--muted);letter-spacing:0;font-size:15px;line-height:1.45}.topic-index-chevron{fill:none;width:18px;height:18px;stroke:var(--muted);stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round;transition:translate var(--hover) var(--ease-out), stroke var(--hover) ease}[dir=rtl] .topic-index-chevron{scale:-1 1}.topic-index-link:active{scale:.985}.topic .cluster-topics .topic-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 clamp(28px,4vw,64px);display:grid}.topic .cluster-topics .topic-card{min-height:0;color:inherit;border-top:1px solid var(--line);box-shadow:none;background:0 0;border-radius:0;grid-template-columns:minmax(0,1fr) auto;align-content:center;gap:6px 20px;padding:22px 0 24px;display:grid}.topic .cluster-topics .topic-card small{letter-spacing:0;grid-column:1;font-size:13px}.topic .cluster-topics .topic-card h3{letter-spacing:-.02em;grid-column:1;font-size:19px;line-height:1.25}.topic .cluster-topics .topic-card p,.topic .cluster-topics .topic-card .more{display:none}.topic .cluster-topics .topic-card:after{content:"";background:var(--muted);width:18px;height:18px;transition:translate var(--hover) var(--ease-out), background-color var(--hover) ease;grid-area:1/2/span 2;align-self:center;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m9 5 7 7-7 7'/%3E%3C/svg%3E") 50%/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m9 5 7 7-7 7'/%3E%3C/svg%3E") 50%/contain no-repeat}[dir=rtl] .topic .cluster-topics .topic-card:after{scale:-1 1}@media (hover:hover) and (pointer:fine){.topic-index-link:hover .topic-index-chevron{stroke:var(--ink);translate:3px}[dir=rtl] .topic-index-link:hover .topic-index-chevron{translate:-3px}.topic .cluster-topics .topic-card:hover{box-shadow:none;translate:none}.topic .cluster-topics .topic-card:hover:after{background:var(--ink);translate:3px}[dir=rtl] .topic .cluster-topics .topic-card:hover:after{translate:-3px}}.topic .cta{--accent:#d9c7a8;color:#f2efe8;text-align:center;background:radial-gradient(ellipse at 50% 0%, #26332b, var(--night) 70%);padding-block:clamp(110px,17vh,210px)}.topic .cta .eyebrow{color:#d9c7a8}.topic .cta .headline{max-width:15em;margin-inline:auto;font-size:clamp(36px,min(4.8vw,8svh),68px)}.topic .cta .lede{color:#f2efe8a3;margin:22px auto 0}.topic .cta-actions{flex-wrap:wrap;justify-content:center;gap:14px;margin-top:40px;display:flex}.topic .cta-phone{font-variant-numeric:tabular-nums}@media (hover:hover) and (pointer:fine){.topic .cta-phone:hover svg{translate:none}}.topic .cta-visit{color:#f2efe88f;letter-spacing:0;flex-wrap:wrap;justify-content:center;gap:6px 26px;margin-top:30px;font-size:15px;font-weight:450;display:flex}.topic .cta-visit bdi{color:#f2efe8c7;font-variant-numeric:tabular-nums}.topic .cta-visit .more{color:#d9c7a8;font-size:15px}@media (max-width:900px){.topic-index,.topic .cluster-topics .topic-cards{grid-template-columns:1fr}}@media (max-width:600px){.topic-intro{padding-top:44px}.topic-intro--chapter{padding-top:8px}.topic .topic-summary{font-size:19px;line-height:1.42}.topic .topic-facts{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 18px}.topic .topic-facts dd{font-size:16px}.topic .topic-body h2{font-size:25px}.topic .topic-body>section{padding-bottom:40px}.topic .topic-body p{font-size:17px;line-height:1.6}.topic .topic-answer{padding-inline-start:16px;font-size:18px}.faq-q{gap:16px;min-height:60px;padding:16px 0;font-size:17px}.faq-icon{width:28px;height:28px}.topic .topic-body .faq-a p{padding-inline-end:0;font-size:16px}.topic-index strong,.topic .cluster-topics .topic-card h3{font-size:17px}.topic-index-link,.topic .cluster-topics .topic-card{padding:18px 0 20px}}.sources{border-top:1px solid var(--line,#0000001f);color:var(--muted,#5b5b57);margin-top:28px;padding-top:14px;font-size:.86rem}.sources summary{cursor:pointer;letter-spacing:.02em;font-weight:500;list-style:none}.sources summary::-webkit-details-marker{display:none}.sources summary span{opacity:.6}.sources ol{gap:6px;margin:12px 0 0;padding-inline-start:1.3em;display:grid}.sources a{color:inherit;text-underline-offset:3px;-webkit-text-decoration:underline #00000040;text-decoration:underline #00000040}.sources a:hover{text-decoration-color:currentColor}
main.topic--immersive{padding-top:0}.topic--immersive .breadcrumb{padding-top:clamp(40px,6vw,80px)}.topic-hero--guide{padding-top:clamp(28px,4vw,48px)}.topic--immersive{--xp-surface:#0e1412;--xp-glow:#2e564a57;--xp-accent:#d9c7a8;--xp-accent-2:#f0d9b2}.topic--immersive:has(.showcase--page.showcase--light){--xp-surface:#0b0a09;--xp-glow:#60462c4d;--xp-accent:#e2c9a3;--xp-accent-2:#f3d3a6}.topic--immersive:has(.showcase--page.showcase--plum){--xp-surface:#08070b;--xp-glow:#583c6857;--xp-accent:#d9c7f0;--xp-accent-2:#f0d9b2}.topic--immersive:has(.showcase--page.showcase--aqua){--xp-surface:#03090c;--xp-glow:#1e5c6a57;--xp-accent:#9fe3f2;--xp-accent-2:#e6f7f8}.studio-canvas{z-index:0;inset:0;position:absolute!important}.xp-section{padding-block:clamp(90px,12vw,160px)}.xp-section--dark{--accent:var(--xp-accent);color:#f2efe8;background:radial-gradient(90% 70% at 72% 0%, var(--xp-glow), transparent 70%), var(--xp-surface)}.xp-section--dark .eyebrow{color:var(--xp-accent)}.xp-section--dark .lede{color:#f2efe8a3}.xp-head{max-width:860px;margin-bottom:clamp(36px,5vw,60px)}.xp-head .lede{margin-top:22px}.xp-note{max-width:760px;color:var(--muted);margin-top:22px;font-size:13px;line-height:1.5}.xp-section--dark .xp-note{color:#f2efe875}.xp-section{--screen:calc(100svh - var(--header-h) - 48px)}.xp-split{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:start;gap:clamp(32px,5vw,80px);display:grid}.xp-split--reverse .xp-copy{order:2}.xp-copy{align-self:center}.xp-copy .headline{margin-bottom:22px;font-size:clamp(36px,min(4.6vw,7.6svh),72px)}.xp-copy .lede{font-size:clamp(18px,min(1.5vw,2.8svh),22px)}.xp-controls{margin-top:32px}.xp-card{width:100%;min-width:0;min-height:min(560px, var(--screen,560px));max-height:var(--screen,none);aspect-ratio:1;border-radius:var(--radius-l);isolation:isolate;position:relative;overflow:hidden}.xp-split>.xp-card{top:calc(var(--header-h) + 24px);position:sticky}.xp-card--dark{background:var(--xp-surface);box-shadow:inset 0 0 0 1px #f2efe814}.xp-poster{z-index:0;background-position:30%;background-size:cover;position:absolute;inset:0}.segmented{background:#151a180f;border-radius:999px;flex-wrap:wrap;gap:4px;padding:4px;display:inline-flex;position:relative}.segmented button,.segmented-active>span{letter-spacing:0;white-space:nowrap;border:0;border-radius:999px;justify-content:center;align-items:center;min-height:40px;padding:0 16px;font-size:14px;font-weight:500;line-height:1.47;display:inline-flex}.segmented button{color:var(--ink-2);cursor:pointer;transition:color var(--hover) ease, scale var(--press) var(--ease-out);background:0 0}.segmented-lift{pointer-events:none;filter:drop-shadow(0 3px 8px #151a1829);position:absolute;inset:0}.segmented-active{color:var(--ink);border-radius:inherit;clip-path:inset(0 100% 0 0 round 999px);background:#fff;flex-wrap:wrap;gap:4px;padding:4px;display:flex;position:absolute;inset:0}.segmented-active.is-placed{transition:clip-path .25s var(--ease-in-out)}.segmented--dark{background:#f2efe814}.segmented--dark button{color:#f2efe8b3}.segmented--dark .segmented-lift{filter:none}.segmented--dark .segmented-active{background:#f2efe8}.seg-short{display:none}@media (max-width:560px){.seg-full{display:none}.seg-short{display:inline}}@media (hover:hover) and (pointer:fine){.segmented button:hover{color:var(--ink)}.segmented--dark button:hover{color:#f2efe8}}@media (prefers-reduced-motion:reduce){.segmented-active.is-placed{transition:none}}.xp-swap{transition:opacity .24s var(--ease-out), translate .24s var(--ease-out), filter .24s var(--ease-out);display:block}@starting-style{.xp-swap{opacity:0;filter:blur(4px);translate:0 6px}}@media (prefers-reduced-motion:reduce){.xp-swap{transition:opacity .2s}@starting-style{.xp-swap{opacity:0;filter:none;translate:none}}}.xp-mode{margin-top:28px}.xp-mode h3{letter-spacing:-.03em;margin-bottom:12px;font-size:clamp(24px,2.2vw,32px);line-height:1.12}.xp-mode p{color:var(--muted);font-size:17px;line-height:1.55}.xp-section--dark .xp-mode p{color:#f2efe8a8}.xp-mode ul{flex-wrap:wrap;gap:8px;margin:20px 0 0;padding:0;list-style:none;display:flex}.xp-mode li{letter-spacing:0;background:#151a180f;border-radius:999px;padding:7px 13px;font-size:13px;font-weight:500}.xp-section--dark .xp-mode li{background:#f2efe814}.xp-time{margin-top:26px}.xp-time label{color:#f2efe8a8;margin-bottom:6px;font-size:14px;display:block}.xp-time label strong{color:#f2efe8;font-weight:600}.xp-time input[type=range]{cursor:pointer;appearance:none;background:0 0;border-radius:999px;width:100%;height:44px;margin:0;display:block}.xp-time input[type=range]::-webkit-slider-runnable-track{background:linear-gradient(90deg, var(--xp-accent) var(--value,0%), #f2efe829 var(--value,0%));border-radius:3px;height:3px}.xp-time input[type=range]::-moz-range-track{background:#f2efe829;border-radius:3px;height:3px}.xp-time input[type=range]::-moz-range-progress{background:var(--xp-accent);border-radius:3px;height:3px}.xp-time input[type=range]::-webkit-slider-thumb{width:20px;height:20px;box-shadow:0 0 0 6px color-mix(in srgb, var(--xp-accent) 20%, transparent), 0 2px 8px #00000073;transition:box-shadow var(--hover) ease, scale var(--press) var(--ease-out);appearance:none;background:#f2efe8;border:0;border-radius:50%;margin-top:-8.5px}.xp-time input[type=range]::-moz-range-thumb{width:20px;height:20px;box-shadow:0 0 0 6px color-mix(in srgb, var(--xp-accent) 20%, transparent), 0 2px 8px #00000073;transition:box-shadow var(--hover) ease, scale var(--press) var(--ease-out);background:#f2efe8;border:0;border-radius:50%}.xp-time input[type=range]:active::-webkit-slider-thumb{scale:1.12}.xp-time input[type=range]:active::-moz-range-thumb{scale:1.12}@media (hover:hover) and (pointer:fine){.xp-time input[type=range]:hover::-webkit-slider-thumb{box-shadow:0 0 0 9px color-mix(in srgb, var(--xp-accent) 24%, transparent), 0 2px 8px #00000073}.xp-time input[type=range]:hover::-moz-range-thumb{box-shadow:0 0 0 9px color-mix(in srgb, var(--xp-accent) 24%, transparent), 0 2px 8px #00000073}}.xp-time-marks{color:#f2efe875;justify-content:space-between;font-size:12px;font-weight:500;display:flex}.xp-explorer{grid-template-columns:minmax(190px,.5fr) minmax(0,1.25fr) minmax(0,.85fr);grid-template-areas:"regions card panel";align-items:center;gap:20px;display:grid}.xp-regions{grid-area:regions}.xp-explorer>.xp-card{grid-area:card}.xp-card--face{height:clamp(440px, var(--screen), 720px);aspect-ratio:auto;min-height:0;max-height:none}.xp-card--studio{background:#0b0908}.xp-look--dna .xp-card--studio{background:#04100d}.xp-look--lift .xp-card--studio{background:#e4dccf}.xp-look--botox .xp-card--studio{background:#0d0a10}.xp-look--filler .xp-card--studio{background:#051317}.xp-panel{background:var(--paper);border-radius:var(--radius-l);flex-direction:column;grid-area:panel;gap:22px;padding:clamp(24px,2.6vw,34px);display:flex}.region-list{isolation:isolate;background:#151a180b;border-radius:22px;padding:4px;display:grid;position:relative}.region-lift{z-index:-1;pointer-events:none;background:#fff;border-radius:18px;position:absolute;top:0;left:0;box-shadow:0 1px 1px #151a180d,0 8px 20px -10px #151a1847}.region-lift.is-placed{transition:transform .34s var(--ease-drawer), width .34s var(--ease-drawer), height .34s var(--ease-drawer)}.region-list button{min-height:52px;color:var(--ink-2);font:inherit;letter-spacing:-.01em;text-align:start;cursor:pointer;transition:color var(--hover) ease, background-color var(--hover) ease, scale var(--press) var(--ease-out);-webkit-user-select:none;user-select:none;background:0 0;border:0;border-radius:18px;grid-template-columns:30px minmax(0,1fr) auto;align-items:center;gap:10px;padding:0 18px 0 16px;font-size:16px;font-weight:500;display:grid}.region-list button:active{scale:.985}.region-list button[aria-pressed=true]{color:var(--ink);font-weight:600}.region-index{color:var(--muted);letter-spacing:.02em;font-variant-numeric:tabular-nums;transition:color var(--hover) ease;font-size:12px;font-weight:600}.region-list button[aria-pressed=true] .region-index{color:var(--bronze-ink)}.region-marker{opacity:.28;width:9px;height:9px;transition:opacity var(--hover) ease, box-shadow .3s var(--ease-out), background-color .3s var(--ease-out);border-radius:50%;box-shadow:inset 0 0 0 1.5px}.region-list button[aria-pressed=true] .region-marker{opacity:1;color:var(--bronze);background:var(--bronze-ink);box-shadow:0 0 0 4px #b9a48747}.region-list button:focus-visible{outline-offset:-2px}@media (hover:hover) and (pointer:fine){.region-list button:not([aria-pressed=true]):hover{color:var(--ink);background:#151a1809}.region-list button:not([aria-pressed=true]):hover .region-marker{opacity:.6}}@media (prefers-reduced-motion:reduce){.region-lift.is-placed{transition:none}}.xp-card--face .scene-label span{translate:var(--lead,44px) -50%}.xp-card--face .scene-label.is-left span{translate:calc(-1 * var(--lead,44px)) -50%}.xp-card--face .scene-label span:before{width:var(--lead,44px)}.scene-label--button{font:inherit;cursor:pointer;pointer-events:auto;background:0 0;border:0;padding:0}.scene-label--button span{transition:background-color var(--hover) ease, color var(--hover) ease, box-shadow var(--hover) ease, scale var(--press) var(--ease-out)}.scene-label--button:active span{scale:var(--press-scale)}.scene-label--button span b{color:var(--bronze-ink);font-variant-numeric:tabular-nums;font-size:11px;font-weight:600}.scene-label--button i{transition:box-shadow .3s var(--ease-out), scale .3s var(--ease-out)}.scene-label--button.is-active span{color:#f2efe8;background:#151a18e0}.scene-label--button.is-active span b{color:var(--look-accent,#d9c7a8)}.scene-label--button.is-active i{box-shadow:0 0 0 6px var(--look-ring,#b9a48773), 0 1px 6px #151a1859}.xp-card--face .scene-label--button.is-active i{box-shadow:inset 0 0 0 1.5px #fbfaf7f2, 0 0 0 5px var(--look-ring,#b9a48766), 0 1px 6px #151a184d;background:0 0;scale:1.5}.scene-label--button.is-preview span{box-shadow:0 0 0 1px var(--look-ring,#b9a48799), 0 6px 18px -8px #00000073;background:#fff}.scene-label--button.is-preview i{box-shadow:0 0 0 5px #fbfaf759,0 1px 6px #151a1859}.xp-look--dna{--look-accent:#bfe8dc;--look-ring:#bfe8dc6b}.xp-look--lift{--look-accent:#f3d3a6;--look-ring:#d6aa6e80}.xp-look--botox{--look-accent:#d9c7f0;--look-ring:#d9c7f06b}.xp-look--filler{--look-accent:#9fe3f2;--look-ring:#9fe3f26b}@media (max-width:560px){.xp-card--face .scene-label--button:not(.is-active):not(.is-preview) span{gap:0;padding:5px 8px;font-size:0}.xp-card--face .scene-label--button:not(.is-active):not(.is-preview) span b{font-size:11px}}.xp-panel-body h3{letter-spacing:-.03em;margin-bottom:12px;font-size:clamp(22px,min(2.1vw,4svh),30px);line-height:1.12}.xp-panel-body p{color:var(--ink-2);font-size:16px;line-height:1.5}.xp-panel-body ul{border-top:1px solid var(--line);gap:8px;margin:18px 0 0;padding:16px 0 0;list-style:none;display:grid}.xp-panel-body li{color:var(--ink-2);padding-left:18px;font-size:15px;position:relative}.xp-panel-body li:before{content:"";background:var(--bronze);border-radius:50%;width:6px;height:6px;position:absolute;top:.6em;left:0}.xp-panel .xp-note{margin-top:auto}@media (min-width:1001px) and (max-height:820px){.region-list button{min-height:44px;font-size:15px}.xp-panel{gap:16px}.xp-panel-body ul{margin-top:12px;padding-top:12px}}@media (max-width:1000px){.xp-split{flex-direction:column;align-items:stretch;gap:24px;display:flex}.xp-copy{display:contents}.xp-copy-head{order:0}.xp-split>.xp-card{order:1;position:relative;top:auto}.xp-controls{order:2;margin-top:0}.xp-split .xp-mode{order:3;margin-top:4px}.xp-card{aspect-ratio:1;width:100%;min-height:0;max-height:50svh}.xp-explorer{grid-template-columns:minmax(0,1fr);grid-template-areas:"card""regions""panel";gap:14px}.xp-card--face{aspect-ratio:auto;height:clamp(300px,54svh,560px);max-height:none}.region-list{margin-inline:calc(-1 * var(--gutter));padding:4px var(--gutter);overscroll-behavior-x:contain;scrollbar-width:none;scroll-padding-inline:var(--gutter);background:0 0;border-radius:0;gap:2px;display:flex;overflow-x:auto}.region-list::-webkit-scrollbar{display:none}.region-list button{white-space:nowrap;background:#151a180b;border-radius:999px;flex:none;grid-template-columns:auto auto;gap:8px;min-height:44px;padding:0 16px 0 14px;font-size:15px}.region-list button[aria-pressed=true]{background:0 0}.region-list .region-marker{display:none}.region-lift{border-radius:999px}.xp-panel{gap:16px;padding:24px 22px}}@media (max-width:800px),(max-aspect-ratio:9/10){.segmented button,.segmented-active>span{min-height:44px;padding:0 14px}}.xp-timeline{grid-template-columns:repeat(4,1fr);gap:24px;margin:20px 0 0;padding:38px 0 0;list-style:none;display:grid;position:relative}.xp-timeline:before,.xp-timeline-fill{content:"";background:#f2efe824;border-radius:2px;height:2px;position:absolute;top:7px;left:0;right:0}.xp-timeline-fill{background:linear-gradient(90deg, var(--xp-accent), var(--xp-accent-2));transform:scaleX(var(--p,0));transform-origin:0}.xp-timeline li{position:relative}.xp-timeline li i{background:var(--xp-surface);border:2px solid var(--xp-accent);width:16px;height:16px;box-shadow:0 0 0 6px color-mix(in srgb, var(--xp-accent) 12%, transparent), 0 0 22px color-mix(in srgb, var(--xp-accent) 50%, transparent);border-radius:50%;position:absolute;top:-38px;left:0}.xp-timeline li span{color:var(--xp-accent);margin-bottom:10px;font-size:14px;font-weight:600;display:block}.xp-timeline li h3{letter-spacing:-.025em;margin-bottom:10px;font-size:clamp(22px,2vw,28px)}.xp-timeline li p{color:#f2efe8a3;font-size:16px}@media (max-width:800px){.xp-timeline{grid-template-columns:1fr;gap:30px;padding:0 0 0 34px}.xp-timeline:before,.xp-timeline-fill{width:2px;height:auto;inset:0 auto 0 7px}.xp-timeline-fill{background:linear-gradient(180deg, var(--xp-accent), var(--xp-accent-2));transform:scaleY(var(--p,0));transform-origin:top}.xp-timeline li i{top:4px;left:-34px}}
