/* Cloudly Furniture / a white gallery, precise red details, complete objects. */
html{color-scheme:light;scroll-padding-top:90px}body{background:var(--paper);color:var(--ink)}
.site-nav,.site-header{position:relative!important;inset:auto!important;z-index:30;min-height:88px!important;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:22px var(--gutter)!important;background:var(--paper)!important;border-bottom:1px solid var(--line)}
.site-nav .brand-logo,.site-header .site-logo img{height:32px!important;width:auto;max-width:230px;background:none!important;outline:0!important}.site-nav nav,.site-header nav{font-size:12px;gap:25px}.site-nav nav>a{padding-block:10px}.site-nav nav .contact-link{border:0;border-bottom:1px solid var(--accent);padding-inline:0;font-size:12px}.site-nav .language-picker summary{border:0}.site-logo{width:auto!important}.mobile-menu{display:none}.mobile-menu summary{list-style:none;cursor:pointer}.mobile-menu summary::-webkit-details-marker{display:none}
.gallery-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);grid-template-areas:'copy object' 'actions object';align-content:center;gap:0 3vw;min-height:min(850px,calc(100svh - 88px));padding:68px var(--gutter) 50px;border-bottom:1px solid var(--line);max-width:1920px;margin-inline:auto;overflow:hidden}
.gallery-copy{grid-area:copy;align-self:end;z-index:1}.gallery-kicker{display:flex;align-items:center;gap:14px;font-size:10px;text-transform:uppercase;letter-spacing:.12em;line-height:1.6;margin:0 0 42px;color:var(--ink-muted)}.gallery-kicker::before{content:'';width:26px;height:1px;background:var(--accent);flex:none}.gallery-copy h1{font-size:clamp(64px,7.1vw,136px);font-weight:500;letter-spacing:-.075em;line-height:.94;margin:0;max-width:12ch;text-wrap:initial}.gallery-copy h1 span{display:block}.gallery-copy h1 span:last-child{font-weight:400}.gallery-deck{font-size:15px;line-height:1.75;color:var(--ink-muted);max-width:33ch;margin:30px 0 0}.gallery-object{max-width:680px;width:100%;justify-self:center;grid-area:object;position:relative;margin:0;align-self:center;min-width:0}.gallery-image{position:relative;aspect-ratio:1.12;overflow:hidden;background:var(--paper)}.gallery-image>img{position:absolute;inset:-17%;width:134%;height:134%;max-width:none;object-fit:contain}.gallery-object figcaption{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:18px 0 0;border-top:1px solid var(--line);font-size:11px;line-height:1.4;color:var(--ink-muted)}.gallery-object figcaption>span:first-child{display:flex;gap:14px;align-items:center}.gallery-object figcaption b{font-size:10px;font-weight:500;color:var(--accent-text)}.gallery-angle{font-variant-numeric:tabular-nums;font-size:10px;white-space:nowrap}.gallery-views{display:flex;gap:22px;align-items:center;margin-top:14px;min-height:44px}.gallery-views button{font:inherit;font-size:11px;background:none;border:0;border-bottom:1px solid transparent;padding:10px 0;cursor:pointer;color:var(--ink-muted);min-height:44px}.gallery-views button[aria-pressed=true]{color:var(--ink);border-bottom-color:var(--accent)}.gallery-actions{grid-area:actions;display:flex;flex-wrap:wrap;align-items:center;gap:26px;margin-top:36px;align-self:start}.gallery-actions a{display:inline-flex;align-items:center;justify-content:space-between;gap:30px;min-height:50px;text-decoration:none;font-size:12px}.gallery-primary{padding:14px 20px;background:var(--ink);color:var(--paper)}.gallery-primary:hover{background:var(--accent)}.gallery-secondary{border-bottom:1px solid var(--line)}.gallery-secondary svg{color:var(--accent-text)}.gallery-actions svg{height:16px;width:16px;fill:none;stroke:currentColor;stroke-width:1.4;transition:translate .25s}.gallery-actions a:hover svg{translate:3px -3px}
.gallery-home .intro{padding-block:68px!important;background:var(--paper)!important}.gallery-home .intro>.eyebrow{font-size:10px!important;color:var(--ink-muted)!important}.gallery-home .intro h2{font-size:clamp(36px,4.1vw,66px)!important;font-weight:400;letter-spacing:-.055em}.gallery-home .intro h2 span{color:var(--ink)!important}.gallery-home .intro .body-copy p{font-size:14px!important}
.workflow,.accuracy-hero+.editorial-section{background:var(--paper-raised)!important;color:var(--ink)!important;border-block:1px solid var(--line)}.workflow .eyebrow,.accuracy-hero+.editorial-section .editorial-eyebrow,.accuracy-hero+.editorial-section .process-number{color:var(--accent-text)!important}.workflow h3,.workflow h2 span,.about-page .workflow h2 span{color:var(--ink)!important}.workflow-lede,.workflow li p,.workflow li>span,.accuracy-hero+.editorial-section .process-grid p{color:var(--ink-muted)!important}.workflow ol li{border-color:var(--line)}
.closing{background:var(--paper)!important;color:var(--ink)!important;border-block:1px solid var(--line)}.closing .eyebrow{color:var(--accent-text)!important}.closing h2{font-size:clamp(48px,7vw,112px);max-width:14ch;font-weight:400}.closing h2 em{color:var(--ink-muted)!important;opacity:1}.closing-bottom p{color:var(--ink-muted)!important}.closing .closing-cta{color:var(--ink)!important;border-color:var(--accent)}
.site-footer{background:var(--paper)!important;color:var(--ink)!important;border-top:1px solid var(--line)}.site-footer a,.site-footer .brand{color:var(--ink)}.site-footer p,.site-footer small{color:var(--ink-muted)}.site-footer .brand-logo{background:none!important;outline:0!important}
.viewer-bar{background:var(--paper-raised);color:var(--ink);border-bottom:1px solid var(--line)}.viewer-controls button,.inquiry-form button,.editorial-button{background:var(--ink);color:var(--paper)}.viewer-loading{border-radius:0}.viewer-shell{border-color:var(--line)}.product-card img{background:var(--white)!important}.level-switch{display:none}
@media(max-width:1100px){.site-nav nav,.site-header nav{gap:16px}.gallery-hero{padding-block:55px;min-height:680px}.gallery-copy h1{font-size:clamp(61px,7.6vw,100px)}.gallery-object figcaption{font-size:10px}.gallery-views{gap:18px}.gallery-actions{gap:18px}.gallery-actions a{gap:18px}}
@media(max-width:760px){
 :root{--pad:22px;--gutter:22px}.site-nav,.site-header{min-height:76px!important;padding:19px 22px!important;gap:20px;flex-wrap:nowrap}.site-nav .brand-logo,.site-header .site-logo img{height:29px!important;width:auto!important;max-width:200px}.site-nav>.desktop-navigation,.site-header>.desktop-navigation{display:none!important}.mobile-menu{display:block;flex:none;position:static}.mobile-menu>summary{display:flex;align-items:center;gap:12px;min-height:40px;font-size:11px;color:var(--ink);padding:6px 0 6px 10px}.mobile-menu>summary svg{width:22px;height:20px;fill:none;stroke:currentColor;stroke-width:1}.mobile-menu[open]>summary{color:var(--accent-text)}.mobile-menu>nav,.site-nav .mobile-menu>nav,.site-header .mobile-menu>nav{position:absolute;top:100%;left:0;right:0;width:100%;display:flex!important;align-items:stretch;flex-direction:column;gap:0!important;background:var(--paper);padding:20px 22px 30px;border-bottom:1px solid var(--line);box-shadow:0 14px 20px color-mix(in srgb,var(--ink) 5%,transparent);max-height:calc(100svh - 90px);overflow-y:auto}.site-nav .mobile-menu nav>a,.site-header .mobile-menu nav>a{display:flex!important;align-items:center;min-height:54px;padding:12px 0!important;border-bottom:1px solid var(--line);font-size:25px!important;letter-spacing:-.035em;color:var(--ink)}.site-nav .mobile-menu nav .contact-link,.site-header .mobile-menu nav .nav-contact{display:flex!important;border-bottom-color:var(--accent)!important;justify-content:space-between;margin:0}.mobile-menu .language-picker{margin-top:20px;font-size:12px}.mobile-menu .language-picker summary{width:max-content;padding:10px 0!important;min-height:40px}.mobile-menu .language-picker>div{position:static;display:grid;grid-template-columns:1fr 1fr;padding:0;border:0;box-shadow:none;background:var(--paper)}.mobile-menu .language-picker a{font-size:14px;min-height:44px}
 .gallery-hero{display:grid;grid-template-columns:1fr;grid-template-areas:'copy' 'object' 'actions';min-height:0;gap:0;padding:36px 22px 35px;overflow:hidden}.gallery-kicker{font-size:9px;letter-spacing:.1em;margin-bottom:26px;gap:10px;max-width:none}.gallery-kicker::before{width:22px}.gallery-copy h1{font-size:clamp(53px,15.2vw,73px);line-height:.94;letter-spacing:-.07em;max-width:100%}.gallery-deck{font-size:13px;line-height:1.65;max-width:35ch;margin-top:22px}.gallery-object{margin-top:10px}.gallery-image{aspect-ratio:1.3}.gallery-image>img{inset:-21%;width:142%;height:142%}.gallery-object figcaption{padding-top:13px;font-size:10px;gap:10px}.gallery-object figcaption b,.gallery-angle{font-size:9px}.gallery-views{margin-top:5px;gap:25px;min-height:40px}.gallery-views button{font-size:10px;min-height:40px;padding:9px 0}.gallery-actions{gap:22px;margin-top:18px}.gallery-actions a{font-size:11px;min-height:47px;gap:23px}.gallery-primary{padding:13px 18px}.gallery-secondary{gap:13px!important}
 .gallery-home .intro{padding-block:44px!important}.gallery-home .intro>.eyebrow{font-size:9px!important;margin-bottom:22px!important}.gallery-home .intro h2{font-size:36px!important}.gallery-home .intro .body-copy p{font-size:13px!important}.gallery-home .intro .split{gap:24px!important}.section{padding-block:56px}.section h2{font-size:38px;line-height:1.05;letter-spacing:-.05em}.section-heading{margin-bottom:28px}.eyebrow{font-size:9px;line-height:1.6}.section-heading>p{font-size:13px;line-height:1.7}.workflow h2{font-size:48px}.workflow h3{font-size:24px}.workflow ol li{grid-template-columns:42px 1fr}.workflow-lede{font-size:13px}.proof-copy h2{font-size:50px;max-width:11ch}.closing h2{font-size:43px;line-height:1.03}.closing-bottom{margin-top:30px}.closing-cta{gap:25px}.site-footer{padding-block:30px;gap:20px}.site-footer .brand-logo{height:27px}
 .gallery-enhanced .level-switch{display:flex;gap:26px;border-bottom:1px solid var(--line);margin-bottom:18px}.level-switch button{font:inherit;font-size:14px;min-height:44px;padding:10px 0;background:none;border:0;border-bottom:2px solid transparent;color:var(--ink-muted);cursor:pointer}.level-switch button[aria-pressed=true]{color:var(--ink);border-bottom-color:var(--accent)}.gallery-enhanced .lv-pair{display:flex;align-items:stretch;gap:18px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding-right:22px;margin-right:-22px;padding-bottom:3px}.gallery-enhanced .lv-pair::-webkit-scrollbar{display:none}.gallery-enhanced .lv{flex:0 0 calc(100% - 18px);scroll-snap-align:start;min-width:0}.lv-name{font-size:36px}.lv-feats li{font-size:11px;line-height:1.55}.lv-head{font-size:11px}.lv-best,.lv-proof{font-size:11px}.lv-line{font-size:20px}.lv-cta{font-size:13px}.lv-visual{height:185px;min-height:185px}.lv-visual figcaption{font-size:9px}.option-card h3{font-size:30px}.option-pill{font-size:9px;padding-inline:0}.option-top{gap:14px}.by p{font-size:13px}.by-copy{padding-top:20px}.by h3{font-size:32px}.about-main{padding-top:0!important}.about-hero h1{font-size:54px}.about-hero{padding-top:40px}.about-cover img{height:350px}.about-story h2{font-size:40px}.about-lede{max-width:34ch}.editorial-hero{padding-top:38px}.editorial-hero h1{font-size:58px}.editorial-figure img{aspect-ratio:1.16}.editorial-deck{font-size:14px}.editorial-section h2,.editorial-cta h2{font-size:39px}.editorial-cta .editorial-button{margin-top:26px}
}
@media(max-width:370px){.site-nav .brand-logo,.site-header .site-logo img{height:26px!important;max-width:174px}.mobile-menu>summary{gap:8px}.gallery-copy h1{font-size:51px}.gallery-actions{gap:16px}.gallery-actions a{gap:15px}}
@media(prefers-reduced-motion:reduce){.gallery-image>img,.gallery-actions svg{animation:none!important;transition:none!important}.gallery-actions a:hover svg{translate:0}}

/* Headers now take part in normal flow, so page openings need no fixed-header offset. */
main>.demo:first-child{padding-top:78px}main>.demo:first-child .section-heading h1 em{color:var(--ink-muted)}
@media(max-width:760px){main>.demo:first-child{padding-top:42px}main>.demo:first-child .section-heading h1{font-size:48px;max-width:100%}}

@media(max-width:760px) and (max-height:780px){.gallery-hero{padding-top:28px}.gallery-kicker{margin-bottom:20px}.gallery-deck{margin-top:18px}.gallery-image{aspect-ratio:1.45}.gallery-actions{margin-top:12px}}

/* Continuous object studies / Cloudly Furniture, October 2026. */
.cf-navigation{--gutter:clamp(22px,4vw,76px);box-sizing:border-box;width:100%;max-width:none!important;margin:0!important;min-height:88px!important;font-family:var(--font-ui,var(--font));}
.cf-navigation .brand{display:block;flex:none;line-height:1;background:none!important}
.cf-navigation .brand-logo{display:block!important;width:auto!important;height:32px!important;max-width:230px!important;background:transparent!important;outline:0!important}
.cf-navigation nav{display:flex;align-items:center;gap:25px;font-size:12px;line-height:1.4}
.cf-navigation nav>a{color:var(--ink);text-decoration:none;white-space:nowrap;min-height:44px;display:inline-flex;align-items:center}
.cf-navigation nav>a:hover{color:var(--accent-text)}
.cf-navigation .contact-link{display:flex;gap:25px;border:0;border-bottom:1px solid var(--accent);border-radius:0}
.cf-navigation .contact-link svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.3}
.cf-navigation .language-picker{position:relative;margin-left:14px;font-size:11px}
.cf-navigation .language-picker summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:8px;min-height:44px;padding:8px 0;border:0}
.cf-navigation .language-picker summary::-webkit-details-marker{display:none}
.cf-navigation .language-picker summary:after{content:'';height:5px;width:5px;border-right:1px solid;border-bottom:1px solid;transform:rotate(45deg);margin-top:-3px}
.cf-navigation .language-picker>div{position:absolute;right:0;top:100%;min-width:150px;z-index:10;display:flex;flex-direction:column;background:var(--paper);border:1px solid var(--line);padding:10px 16px}
.cf-navigation .language-picker a{display:flex;align-items:center;min-height:38px;color:var(--ink);text-decoration:none}
.cf-navigation .language-picker a[aria-current]{color:var(--accent-text)}
.cf-navigation .mobile-menu{display:none}
.motion-hero{padding-top:40px;padding-bottom:40px;column-gap:0;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr)}
.motion-hero .gallery-object{max-width:760px}
.motion-hero .gallery-image{aspect-ratio:1.1;background:var(--paper)}
.motion-hero .gallery-image>img,.hero-motion{position:absolute;inset:0;width:100%;height:100%;max-width:100%;object-fit:contain}
.hero-motion{opacity:0;transition:none}
.hero-motion.is-playing{opacity:1}
.motion-hero figcaption{padding-top:15px;min-height:57px;align-items:center}
.motion-hero figcaption b{letter-spacing:.06em}
.motion-toggle{border:0;padding:0;background:none;cursor:pointer;width:44px;height:44px;display:grid;place-items:center;color:var(--ink);flex:none}
.motion-toggle svg{width:34px;height:34px;fill:none;stroke:currentColor;stroke-width:1.1}
.motion-toggle circle{stroke:var(--line)}
.motion-toggle:hover circle,.motion-toggle:focus-visible circle{stroke:var(--accent)}
.motion-toggle .pause-symbol{display:none}
.motion-toggle[aria-pressed=true] .pause-symbol{display:block}
.motion-toggle[aria-pressed=true] .play-symbol{display:none}
.motion-hero .gallery-kicker{margin-bottom:40px}
.motion-hero .gallery-copy h1{letter-spacing:-.072em}
.design-levels{padding:0}
.design-tabs{display:none}
.design-comparison{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.design-panel{position:relative;min-width:0;padding:30px 38px 24px;background:var(--paper);display:flex;flex-direction:column}
.design-panel+article{border-left:1px solid var(--line)}
.design-panel-head{display:flex;align-items:baseline;gap:20px}
.design-number{font-size:10px;letter-spacing:.08em;color:var(--accent-text)}
.design-panel h3{font-size:clamp(30px,3vw,48px);letter-spacing:-.055em;font-weight:400;line-height:1.05;margin:0}
.design-description{font-size:13px;color:var(--ink-muted);margin:13px 0 0;padding-left:32px}
.design-product{position:relative;height:285px;display:flex;align-items:center;justify-content:center;isolation:isolate;overflow:hidden}
.design-product>img{width:100%;height:100%;object-fit:contain;display:block}
.viewer-product>img{width:77%;height:110%;max-width:none;z-index:1;object-fit:contain}
.orbit-trace{position:absolute;left:13%;right:13%;height:70px;bottom:24px;border:1px solid var(--line);border-radius:50%;z-index:2;transform:rotate(-9deg);pointer-events:none;border-top-color:transparent}
.orbit-trace>span{position:absolute;left:6%;bottom:-8px;font-size:10px;letter-spacing:.05em;background:var(--paper);padding:2px 8px;color:var(--accent-text);transform:rotate(9deg)}
.config-product>img{width:66%;object-fit:contain;transition:opacity .24s}
.material-fan{position:absolute;right:30px;bottom:30px;display:flex;flex-direction:column;gap:9px}
.material-fan img{height:37px;width:37px;border-radius:50%;box-shadow:0 2px 5px color-mix(in srgb,var(--ink) 12%,transparent);border:2px solid var(--paper)}
.design-interaction{font-size:11px;letter-spacing:.02em;text-align:center;color:var(--ink-muted);line-height:1.5;margin:4px 0 15px}
.design-looks{display:flex;justify-content:center;align-items:center;gap:14px;flex-wrap:wrap;margin:0 0 9px;min-height:41px}
.design-looks button{border:0;border-bottom:1px solid transparent;display:flex;align-items:center;gap:6px;min-height:40px;font:inherit;font-size:10px;background:none;color:var(--ink-muted);cursor:pointer;padding:6px 0}
.design-looks button[aria-pressed=true]{color:var(--ink);border-bottom-color:var(--accent)}
.look-dot{width:14px;height:14px;border-radius:50%;background-size:cover;border:1px solid var(--line);display:block}
.look-original{background-image:url('/3d-product-viewer/configurator/configurator/boucle-swatch.webp')}
.look-nordic{background-image:url('/3d-product-viewer/configurator/configurator/oak-swatch.webp')}
.look-bar{background-image:url('/3d-product-viewer/configurator/configurator/leather-swatch.webp')}
.look-salon{background-image:url('/3d-product-viewer/configurator/configurator/velvet-swatch.webp')}
.look-gallery{background-image:url('/3d-product-viewer/configurator/configurator/ebony-swatch.webp')}
.design-benefits{padding:17px 0 18px;margin:auto 0 0;border-top:1px solid var(--line);list-style:none;display:flex;flex-wrap:wrap;gap:8px 22px;font-size:10px;line-height:1.5;color:var(--ink-muted)}
.design-benefits li{display:flex;gap:7px;align-items:baseline}
.design-benefits li:before{content:'+';color:var(--accent-text);font-size:12px}
.design-entry{display:flex;align-items:center;justify-content:space-between;text-decoration:none;color:var(--ink);font-size:12px;border-top:1px solid var(--line);min-height:50px;padding-top:9px;gap:22px}
.design-entry svg{height:21px;width:21px;fill:none;stroke:var(--accent);stroke-width:1.1;transition:transform .25s}
.design-entry:hover svg{transform:translate(3px,-3px)}
.phone-room:before,.phone-room:after{display:none!important}
.phone-room>img{object-fit:cover!important;object-position:63% center!important;position:static!important;inset:auto!important;transform:none!important}
.forme-portal{display:block!important;position:relative;padding:0!important;border:0!important;isolation:isolate;background:var(--ink)}
.forme-portal>img{position:absolute;width:100%;height:100%;inset:0;object-fit:cover;object-position:center;transition:transform 1.4s!important}
.forme-portal:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,color-mix(in srgb,var(--black) 20%,transparent),transparent 45%,color-mix(in srgb,var(--black) 45%,transparent))}
.portal-wordmark{position:absolute;z-index:2;left:30px;top:25px;font-size:clamp(45px,5vw,88px);line-height:1;font-weight:500;letter-spacing:-.07em;color:var(--white)}
.portal-label{position:absolute;z-index:2;left:30px;right:30px;bottom:28px;display:flex;align-items:center;justify-content:space-between;color:var(--white);font-size:14px;letter-spacing:.04em}
.portal-label svg{height:38px;width:38px;stroke:currentColor;fill:none;stroke-width:.9}
.phone-ar-page main{padding-top:0}
.phone-ar-page .intro{padding-block:48px 45px;gap:15px 8vw}
.phone-ar-page .intro h1{font-size:clamp(60px,6vw,104px);line-height:.94;max-width:none}
.phone-ar-page .intro>p:last-child{font-size:14px;line-height:1.7}
.phone-ar-page .experience{align-items:stretch;grid-template-columns:minmax(0,1.45fr) minmax(340px,1fr);gap:0}
.phone-ar-page .stage{background:var(--paper);height:auto;min-height:520px}
.phone-ar-page .stage:has(#ar-poster:not([hidden])) model-viewer{visibility:hidden}
.phone-ar-page #ar-poster{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:62% center;z-index:2}
.phone-ar-page .stage-top{display:none}
.phone-ar-page .experience aside{background:var(--paper);padding:40px;border:1px solid var(--line)}
.phone-ar-page .experience aside h2{font-size:clamp(32px,3.7vw,58px);line-height:1.04}
.phone-ar-page .dimensions{margin-top:25px;padding-top:20px}
.phone-ar-page .steps{padding-block:45px}
.phone-ar-page model-viewer{background:var(--paper);--poster-color:var(--paper)}
.room-story .room-picture{overflow:hidden}
.room-story .room-picture>img{object-position:63% center;width:100%;height:100%;object-fit:cover}
.cfg .cf-navigation{padding-block:18px!important;height:88px!important}
.cfg .cfg-layout{height:calc(100dvh - 88px)}
.cfg #cfg-stage,.cfg .cfg-poster{background:var(--paper)}
.cfg-embed .cf-navigation{display:none!important}
.cfg-embed .cfg-layout{height:100dvh}
.cfg-compact .cfg-layout{height:auto}
@media(max-width:1100px){.cf-navigation nav{gap:16px}.cf-navigation .language-picker{margin-left:4px}.design-panel{padding-inline:24px}.design-product{height:255px}.material-fan{right:12px}.design-looks{gap:9px}.design-looks button{font-size:9px}.phone-ar-page .experience aside{padding:28px}}
@media(max-width:760px){
.cf-navigation{min-height:76px!important;height:auto!important;padding:19px 22px!important}
.cf-navigation .brand-logo{height:29px!important;max-width:200px!important}
.cf-navigation>.desktop-navigation{display:none!important}
.cf-navigation .mobile-menu{display:block}
.cf-navigation .mobile-menu>nav{align-items:stretch;gap:0;display:flex;flex-direction:column}
.cf-navigation .mobile-menu .language-picker{margin-left:0}
.cf-navigation .mobile-menu .language-picker>div{position:static;padding:0;border:0;display:grid;grid-template-columns:1fr 1fr}
.cf-navigation .mobile-menu .language-picker a{min-height:44px}
.motion-hero{padding:30px 22px 28px;gap:0;grid-template-columns:1fr}
.motion-hero .gallery-kicker{margin-bottom:24px}
.motion-hero .gallery-deck{margin-top:20px;max-width:34ch}
.motion-hero .gallery-object{margin-top:0}
.motion-hero .gallery-image{aspect-ratio:1.25}
.motion-hero .gallery-object figcaption{padding-top:6px;min-height:43px;font-size:9px}
.motion-hero .gallery-object figcaption b{font-size:8px}
.motion-hero .gallery-actions{margin-top:16px}
.motion-toggle{width:36px;height:36px}.motion-toggle svg{width:31px;height:31px}
.design-tabs{display:flex;gap:25px;margin-bottom:10px;border-bottom:1px solid var(--line)}
.design-tabs button{min-height:45px;border:0;border-bottom:2px solid transparent;padding:10px 0;font:inherit;font-size:13px;background:none;color:var(--ink-muted);cursor:pointer}
.design-tabs button[aria-pressed=true]{color:var(--ink);border-color:var(--accent)}
.design-comparison{grid-template-columns:1fr}
.design-panel{padding:23px 0 8px}
.design-panel+article{border-left:0}
.design-panel-head{gap:15px}
.design-panel h3{font-size:34px}
.design-description{padding-left:27px;font-size:12px;margin-top:10px}
.design-product{height:240px;margin-top:5px}
.viewer-product>img{height:118%;width:88%}
.config-product>img{width:70%}
.material-fan{right:26px;bottom:25px}
.material-fan img{height:31px;width:31px}
.design-looks{gap:13px;justify-content:flex-start;flex-wrap:wrap;margin-bottom:9px}
.design-looks button{font-size:9px;gap:5px;min-height:38px}
.look-dot{height:12px;width:12px}
.design-interaction{font-size:10px;margin-block:0 15px}
.design-benefits{font-size:10px;padding-block:13px;gap:6px 13px}
.design-entry{font-size:12px;min-height:53px}
.design-panel[hidden]{display:none}
.phone-room{aspect-ratio:3/2!important}
.forme-portal{aspect-ratio:3/2!important}
.portal-wordmark{font-size:51px;left:22px;top:20px}
.portal-label{left:22px;right:22px;bottom:20px;font-size:12px}
.portal-label svg{width:29px;height:29px}
.phone-ar-page .intro{display:block;padding-block:34px 30px}
.phone-ar-page .intro h1{font-size:58px;max-width:10ch}
.phone-ar-page .intro>p:last-child{font-size:13px;margin-top:20px}
.phone-ar-page .experience{display:block}
.phone-ar-page .stage{height:auto;min-height:0;aspect-ratio:3/2}
.phone-ar-page model-viewer{height:100%;min-height:0}
.phone-ar-page .experience aside{padding:26px 22px}
.phone-ar-page .experience aside h2{font-size:35px}
.phone-ar-page .steps{padding-block:30px}
.room-story .room-picture{height:auto;min-height:0;aspect-ratio:3/2}
.cfg .cf-navigation{height:76px!important}
.cfg .cfg-layout{height:auto;display:block}
.cfg #cfg-stage{min-height:320px}
.cfg-embed .cfg-layout{height:auto}
}
@media(prefers-reduced-motion:reduce){.hero-motion{display:none!important}.motion-hero *{transition:none!important}.design-entry svg{transition:none!important}}

.portal-wordmark{font-size:clamp(65px,8.5vw,150px)}
@media(max-width:760px){#live-demo:has(.design-levels){padding-block:36px}#live-demo:has(.design-levels)>.section-heading{margin-bottom:20px}#live-demo:has(.design-levels)>.section-heading h2{font-size:34px}#live-demo:has(.design-levels)>.section-heading>p{display:none}.design-product{height:215px}.portal-wordmark{font-size:76px}.design-panel h3{font-size:32px}}

.motion-toggle[hidden]{display:none}

/* The first moving frame replaces its matching still immediately, avoiding a double image. */
.motion-hero .gallery-image>img,.motion-hero .hero-motion{inset:-10%;width:120%;height:120%;max-width:none;object-fit:cover}
.motion-hero .gallery-image:has(.hero-motion.is-playing)>img{opacity:0}
@media(prefers-reduced-motion:reduce){.motion-hero .gallery-image>img{opacity:1!important}}

.ar-callout .real-phone-teaser{display:block;overflow:hidden;background:var(--paper)}
.real-phone-teaser>img{display:block;width:100%;height:100%;object-fit:cover;object-position:63% center}
@media(max-width:760px){.ar-callout .real-phone-teaser{height:auto;aspect-ratio:3/2}.ar-callout .real-phone-teaser>img{width:100%;height:100%}}

/* Long localized navigation becomes a native menu on compact tablets. */
@media(min-width:761px) and (max-width:1100px){
.cf-navigation>.desktop-navigation{display:none!important}.cf-navigation .mobile-menu{display:block;position:static;flex:none}.cf-navigation .mobile-menu>summary{display:flex;align-items:center;gap:12px;min-height:44px;font-size:12px;color:var(--ink);list-style:none;cursor:pointer}.cf-navigation .mobile-menu>summary svg{width:22px;height:20px;fill:none;stroke:currentColor;stroke-width:1}.cf-navigation .mobile-menu>nav{position:absolute;top:100%;left:0;right:0;width:100%;display:flex;align-items:stretch;flex-direction:column;gap:0;background:var(--paper);padding:20px var(--gutter) 30px;border-bottom:1px solid var(--line);max-height:calc(100svh - 90px);overflow:auto}.cf-navigation .mobile-menu nav>a{display:flex;align-items:center;min-height:52px;padding:12px 0;border-bottom:1px solid var(--line);font-size:24px;letter-spacing:-.035em}.cf-navigation .mobile-menu .language-picker{margin:18px 0 0}.cf-navigation .mobile-menu .language-picker>div{position:static;display:grid;grid-template-columns:1fr 1fr;border:0;padding:0}.cf-navigation .mobile-menu .language-picker a{min-height:44px}
}