/* The additional demo worlds share semantics, not their composition. */
.demo-new{font-optical-sizing:auto}.demo-new .demo-wordmark{letter-spacing:-.035em;font-weight:600;font-size:2rem}.demo-new .demo-wordmark small{font-size:.55rem;font-weight:400;letter-spacing:.13em}.new-section-title{display:flex;align-items:end;justify-content:space-between;gap:48px;margin-bottom:46px}.new-section-title>p{max-width:44ch;color:var(--muted)}.new-tablist{display:flex;gap:12px;flex-wrap:wrap}.new-tablist button{min-height:48px;border:1px solid var(--line);padding:14px 24px;background:transparent;color:var(--ink);display:flex;align-items:center;gap:24px;font-size:1rem}.new-tablist button[aria-selected=true]{background:var(--accent);border-color:var(--accent);color:var(--paper)}.new-tabpanel:focus-visible{outline:2px solid var(--accent);outline-offset:6px}.new-tabpanel h3{font-size:clamp(2rem,3vw,3rem);max-width:18ch}.new-tabpanel ul{list-style:none;padding:0;margin:26px 0}.new-tabpanel li{padding:12px 0;border-bottom:1px solid var(--line);font-size:.94rem}.demo-new .demo-faq{padding-top:30px}.demo-new .demo-menu{min-width:44px}.demo-new .demo-contact h2{font-size:clamp(2.2rem,3.6vw,3.6rem)}
/* Vértice: blue carries the material, with the workbench on display. */
.demo-vertice{--accent:#1646cb;--ink:#132333;--muted:#526170;--paper:#fff;--line:#d6dfe6;background:#fff;color:var(--ink)}.demo-vertice .demo-wordmark{font-weight:650}.demo-vertice .demo-action{border-radius:3px}.vertice-hero{background:#174be4;color:#fff;padding-top:40px}.vertice-heading{display:flex;align-items:end;justify-content:space-between;padding-bottom:42px;gap:60px}.vertice-heading h1{font-size:clamp(3.5rem,6.7vw,6rem);font-weight:500;line-height:1;letter-spacing:-.04em}.vertice-heading>div{max-width:39ch;padding-bottom:4px}.vertice-heading p{font-size:1.1rem;line-height:1.6;color:#eef3ff;margin-bottom:20px}.vertice-heading .demo-action{background:#fff;color:#1534a1}.vertice-hero figure{position:relative;max-width:1600px;margin:auto}.vertice-hero figure>img{width:100%;height:390px;object-fit:cover;object-position:center 53%}.vertice-hero figcaption{position:absolute;inset:auto 0 0;padding:40px 4% 24px;display:flex;align-items:center;justify-content:space-between;gap:20px;background:linear-gradient(transparent,#071c42d9);font-size:.9rem;color:#fff}.vertice-hero figcaption a{display:flex;align-items:center;gap:20px;min-height:44px}.vertice-solutions{padding-block:100px}.technical-tabs .new-tablist{gap:0;border-bottom:1px solid var(--line)}.technical-tabs .new-tablist button{border:0;border-bottom:3px solid transparent;padding:20px 24px;flex:1;justify-content:space-between;background:transparent;color:var(--ink)}.technical-tabs .new-tablist button[aria-selected=true]{border-color:var(--accent);color:var(--accent);background:#edf3ff}.technical-tabs .new-tabpanel{display:grid;grid-template-columns:1fr 1fr;gap:10%;padding-top:46px;min-height:380px}.technical-tabs .new-tabpanel p{color:var(--muted);max-width:55ch}.technical-tabs .new-tabpanel h3{max-width:15ch}.vertice-industry{display:grid;grid-template-columns:.8fr 1.2fr;background:#eef2f4}.vertice-industry-copy{padding:70px 12%}.vertice-industry-copy h2{font-size:clamp(2.5rem,4vw,4rem);line-height:1.03}.vertice-industry-copy p{margin-top:26px;color:var(--muted);max-width:44ch}.vertice-industry>img{width:100%;height:100%;min-height:520px;object-fit:cover}.vertice-process{padding-block:100px}.vertice-process .demo-process{margin-top:50px}.vertice-process .demo-process li>span{background:#eaf0ff;border:0;color:var(--accent)}
/* Maré: the landscape leads, with a quiet place to compare the rooms. */
.demo-mare{--accent:#164e63;--ink:#183c48;--muted:#536c74;--paper:#fcfefd;--line:#cfdddf;background:var(--paper);color:var(--ink)}.demo-mare .demo-header{background:#fcfefdf2}.demo-mare .demo-wordmark{font-size:2.5rem;font-weight:400;letter-spacing:.02em}.demo-mare .demo-wordmark small{letter-spacing:.22em}.demo-mare .demo-action{border-radius:100px}.mare-hero{height:650px;position:relative;isolation:isolate;background:#517d82;color:#fff}.mare-hero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;object-position:center 52%}.mare-hero-shade{position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,#102d348c 0%,#102d3433 45%,#102d3499 100%)}.mare-hero-copy{padding:62px 5% 60px;height:100%;display:flex;flex-direction:column;justify-content:space-between}.mare-hero h1{font-size:clamp(3.5rem,5.5vw,5.5rem);font-weight:350;line-height:1.05;letter-spacing:-.035em;text-wrap:initial}.mare-hero-copy>div{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:30px}.mare-hero-copy p{font-size:1.1rem;color:#fff;line-height:1.6}.mare-hero .demo-action{background:#fff;color:#164e63}.mare-hero-bottom{position:absolute;bottom:20px;left:5%;display:flex;align-items:center;gap:16px;min-height:44px;font-size:.85rem}.mare-hero :focus-visible{outline-color:#fff}.mare-intro{display:grid;grid-template-columns:1fr 1fr;gap:12%;padding-block:100px}.mare-intro>div p{color:var(--muted);font-size:1.07rem;margin-bottom:22px;max-width:50ch}.mare-rooms{padding-bottom:100px}.room-browser .new-tablist{margin-bottom:28px}.room-browser .new-tablist button{border-radius:100px;min-width:160px;justify-content:center}.room-panel{display:grid;grid-template-columns:1.2fr .8fr;gap:7%;align-items:center}.room-panel>img{width:100%;height:500px;object-fit:cover;border-radius:12px}.room-panel>div{padding-block:20px}.room-panel h3{font-size:2.8rem;margin-bottom:24px;font-weight:400;line-height:1.1}.room-panel p{color:var(--muted);max-width:40ch}.room-panel ul{font-size:.9rem}.mare-days{background:#daeceb;padding-block:80px}.mare-days>.demo-wrap{display:grid;grid-template-columns:1fr 1fr;gap:10%}.mare-days h2{font-size:clamp(2.5rem,4vw,4rem)}.mare-day-list article{padding-bottom:24px;margin-bottom:24px;border-bottom:1px solid #adc7c9}.mare-day-list article:last-child{margin:0}.mare-day-list h3{font-size:1.55rem;margin-bottom:12px}.mare-day-list p{max-width:48ch;color:#3c5d63}.demo-mare .demo-faq{padding-top:90px}
/* Dobra: a furniture study, with the object and its context sharing a stage. */
.demo-dobra{--accent:#234f3f;--ink:#203e33;--muted:#5b6962;--paper:#f9fbf8;--line:#d4ded4;background:var(--paper);color:var(--ink)}.demo-dobra .demo-header{background:#f9fbf8f0}.demo-dobra .demo-wordmark{font-size:2.7rem;font-weight:450;letter-spacing:-.04em}.demo-dobra .demo-action{border-radius:4px}.dobra-hero{background:#e9eeea;padding-top:36px}.dobra-title{display:flex;justify-content:space-between;align-items:end;gap:40px;padding-bottom:32px}.dobra-title h1{font-size:clamp(3.5rem,5.7vw,5.7rem);font-weight:400;line-height:1.02}.dobra-title>p{font-size:1rem;max-width:30ch;padding-bottom:8px}.dobra-viewer{max-width:1600px;margin:auto}.object-stage{height:430px;overflow:hidden;background:#e3e6e2;position:relative}.object-stage>img{width:100%;height:100%;object-fit:contain;object-position:center}.object-stage.show-room>img{object-fit:cover}.object-stage>img+img{display:none}.object-stage.show-room>img:first-child{display:none}.object-stage.show-room>img+img{display:block}.dobra-viewer figcaption{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:25px 4%;background:#f1f5ef}.dobra-viewer figcaption h2{font-size:1.6rem;margin-bottom:6px}.dobra-viewer figcaption p{font-size:.85rem;color:var(--muted)}.dobra-viewer figcaption>a{height:48px;width:48px;border-radius:50%;border:1px solid #9aaa9e;display:grid;place-items:center}.object-controls{display:flex;gap:4px;background:#e0e8de;border-radius:100px;padding:4px}.object-controls button{min-height:44px;border:0;border-radius:100px;background:transparent;color:var(--ink);padding:10px 23px;font-size:.88rem}.object-controls button[aria-pressed=true]{background:#fff;color:#234f3f;box-shadow:0 2px 5px #234f3f15}.dobra-collection{padding-block:100px}.dobra-collection-row{display:grid;grid-template-columns:.7fr 1fr 1fr;gap:7%;padding:35px 0;border-top:1px solid var(--line);align-items:start}.dobra-collection-row>h3{font-size:2rem}.dobra-collection-row p{color:var(--muted);font-size:.95rem}.dobra-collection-row summary{list-style:none;display:flex;justify-content:space-between;align-items:center;cursor:pointer;min-height:44px;gap:20px}.dobra-collection-row summary::-webkit-details-marker{display:none}.dobra-collection-row details p{margin-top:18px}.dobra-collection-row details[open] svg{transform:rotate(45deg)}.dobra-materials{display:grid;grid-template-columns:1.1fr .9fr;background:#234f3f;color:#fff}.dobra-materials>div:first-child img{width:100%;height:100%;object-fit:cover;min-height:620px}.dobra-material-copy{padding:64px 10%}.dobra-material-copy h2{font-size:clamp(2.5rem,3.5vw,3.5rem)}.dobra-material-copy>p{margin:24px 0 34px;max-width:40ch;color:#e1eae2}.material-line{display:flex;align-items:center;gap:22px;padding:20px 0;border-top:1px solid #557e6c}.material-line h3{font-size:1.35rem;margin-bottom:5px}.material-line p{font-size:.85rem;color:#e1eae2}.material-sample{width:50px;height:50px;flex-shrink:0;border-radius:50%;background-image:url('/assets/demos/dobra-chair.webp');background-size:250px auto}.material-sample.wood{background-position:50% 45%}.material-sample.weave{background-position:50% 60%}.dobra-material-copy .material-note{font-size:.75rem;margin:25px 0 0}.dobra-studio{display:grid;grid-template-columns:1fr 1fr;gap:12%;padding-block:100px}.dobra-studio p{max-width:50ch;margin-bottom:22px;color:var(--muted);font-size:1.05rem}
@media(hover:hover){.new-tablist button:hover{background:#e4ecef}.demo-vertice .new-tablist button:hover{background:#edf3ff}.room-browser .new-tablist button[aria-selected=true]:hover{background:var(--accent)}.object-controls button:hover{background:#f7faf5}.dobra-viewer figcaption>a:hover{background:#dae6da}}
@media(max-width:1000px){.demo-new .demo-header nav{gap:18px}.demo-new .demo-header nav a{font-size:.8rem}.demo-new .header-action{max-width:195px}.vertice-industry-copy{padding:50px 9%}.technical-tabs .new-tabpanel{gap:7%}.room-panel>img{height:450px}.room-panel h3{font-size:2.3rem}.dobra-material-copy{padding:45px 8%}.dobra-materials>div:first-child img{min-height:580px}}
@media(max-width:720px){.new-section-title{display:block;margin-bottom:28px}.new-section-title>p{margin-top:20px;font-size:.95rem}.demo-new .demo-wordmark{font-size:1.75rem}.demo-new .demo-header .header-action{font-size:.67rem;max-width:155px;padding-inline:12px}.demo-new .demo-header{gap:8px}.demo-new .demo-wordmark small{font-size:.5rem}.demo-new .demo-faq{padding-top:15px}.vertice-hero{padding-top:30px}.vertice-heading{display:block;padding-bottom:30px}.vertice-heading h1{font-size:clamp(3.4rem,13vw,4.6rem)}.vertice-heading>div{margin-top:25px}.vertice-heading p{font-size:.98rem;margin-bottom:18px}.vertice-hero figure>img{height:300px;object-position:50% center}.vertice-hero figcaption{padding:30px 20px 12px;font-size:.75rem}.vertice-hero figcaption>a{font-size:.72rem;gap:8px}.vertice-solutions{padding-block:55px}.technical-tabs .new-tablist{gap:0;flex-direction:column}.technical-tabs .new-tablist button{padding:15px 16px;font-size:.9rem;min-height:52px;border-bottom-width:2px}.technical-tabs .new-tabpanel{grid-template-columns:1fr;gap:24px;padding-top:28px;min-height:0}.new-tabpanel h3{font-size:2.1rem;max-width:20ch}.vertice-industry{display:flex;flex-direction:column}.vertice-industry-copy{padding:45px 24px}.vertice-industry>img{height:290px;min-height:0;object-position:center}.vertice-process{padding-block:55px}.vertice-process .demo-process{margin-top:30px}.mare-hero{height:610px}.mare-hero>img{object-position:55% center}.mare-hero-copy{padding:38px 24px 70px}.mare-hero h1{font-size:clamp(2.7rem,10.5vw,4rem);line-height:1.1}.mare-hero-copy>div{display:block;margin-bottom:15px}.mare-hero-copy p{font-size:1rem;margin-bottom:22px}.mare-hero-shade{background:linear-gradient(180deg,#0d344bad,#0d344b33 40%,#0d344bad)}.mare-hero-bottom{left:24px;font-size:.8rem;bottom:15px}.mare-intro{grid-template-columns:1fr;gap:24px;padding-block:60px}.mare-intro>div p{font-size:1rem}.mare-rooms{padding-bottom:60px}.room-browser .new-tablist{gap:8px;margin-bottom:20px}.room-browser .new-tablist button{min-width:0;padding:12px 20px;font-size:.9rem;flex:1}.room-panel{grid-template-columns:1fr;gap:24px}.room-panel>img{height:290px}.room-panel>div{padding:0}.room-panel h3{font-size:2.2rem}.mare-days{padding-block:50px}.mare-days>.demo-wrap{grid-template-columns:1fr;gap:35px}.mare-day-list p{font-size:.95rem}.demo-mare .demo-faq{padding-top:55px}.dobra-hero{padding-top:30px}.dobra-title{display:block;padding-bottom:24px}.dobra-title h1{font-size:clamp(3rem,12vw,4.5rem)}.dobra-title>p{font-size:.95rem;margin-top:20px}.object-stage{height:340px}.object-stage>img{object-position:center}.dobra-viewer figcaption{padding:22px 20px;gap:20px;flex-wrap:wrap}.dobra-viewer figcaption>div:first-child{flex:1 0 75%}.dobra-viewer figcaption h2{font-size:1.4rem}.dobra-viewer figcaption>a{order:2}.object-controls{order:3;flex:1 0 100%;max-width:100%;justify-content:center}.object-controls button{flex:1;font-size:.85rem}.dobra-collection{padding-block:55px}.dobra-collection-row{grid-template-columns:1fr;gap:16px;padding-block:26px}.dobra-collection-row>h3{font-size:1.8rem}.dobra-collection-row details{max-width:none}.dobra-materials{display:flex;flex-direction:column}.dobra-materials>div:first-child img{min-height:0;height:330px}.dobra-material-copy{padding:40px 24px}.dobra-studio{grid-template-columns:1fr;gap:25px;padding-block:60px}.dobra-studio p{font-size:1rem}}
@media(prefers-reduced-motion:reduce){.demo-new *{scroll-behavior:auto}}
@media(prefers-reduced-transparency:reduce){.demo-new .demo-header{background:var(--paper);backdrop-filter:none}}
@media(prefers-contrast:more){.demo-new .demo-header{background:var(--paper);backdrop-filter:none}.mare-hero-copy h1,.mare-hero-copy p{background:#163d48;padding:8px;width:fit-content}.demo-new .new-tablist button{border:1px solid currentColor}.demo-new .demo-action{outline:1px solid currentColor}}

.object-stage.viewer-ready>img{position:absolute;inset:0;display:block}.object-stage.viewer-ready>img+img{object-fit:cover}