/* A focused showroom: one featured product, with room for the next ideas. */
:root{--ease-out:cubic-bezier(.16,1,.3,1)}
.site-header{height:92px;gap:24px}
.desktop-nav,html:lang(ru) .desktop-nav{font-size:13px;gap:26px;padding-left:12px}
.desktop-nav a{color:var(--soft-ink);padding-block:12px}
.header-actions{gap:14px}
.header-cta{min-height:44px;font-size:12px;padding-inline:18px}
.header-divider{display:none}
.language-picker summary{min-height:44px;min-width:48px;font-size:12px}
.language-options a{font-size:13px;min-height:44px}
.hero{grid-template-columns:.95fr 1.05fr;gap:48px;padding-block:56px 46px}
.hero-copy{min-width:0;padding-block:14px}
.hero .eyebrow,html:lang(ru) .hero .eyebrow{font-size:10px;letter-spacing:1.15px;line-height:1.7;margin-bottom:26px}
.hero h1{font-size:clamp(54px,5.3vw,78px);letter-spacing:-3.2px;line-height:1.05}
html:lang(ru) .hero h1{font-size:clamp(47px,4.65vw,67px);letter-spacing:-2.7px;line-height:1.12}
.hero-description,html:lang(ru) .hero-description{font-size:15px;line-height:1.85;max-width:440px;color:var(--soft-ink);margin-block:25px 29px}
.hero-actions{display:flex;align-items:center;gap:22px;flex-wrap:wrap}
.hero-cta{font-size:13px;min-height:52px;padding:15px 21px;gap:24px}
.hero-demo-link{display:inline-flex;align-items:center;gap:9px;font-size:12px;font-weight:700;min-height:44px}
.demo-play{display:grid;place-items:center;width:29px;height:29px;border:1px solid var(--line);border-radius:50%;font-size:20px;line-height:1;transition:background .25s,border-color .25s,transform .4s var(--ease-out)}
.hero-demo-link:hover .demo-play{background:var(--surface-raised);border-color:var(--orange);transform:rotate(12deg)}
.hero-footnote{font-size:11px;color:var(--soft-ink);margin-top:28px;gap:9px}
.hero-art{height:530px;border-radius:22px;border:1px solid #d9cbb74d}
.hero-art .art-top{top:25px;left:25px;right:25px;font-size:10px;letter-spacing:1.1px}
.hero-art .art-bottom{left:24px;right:24px;bottom:20px;align-items:center}
.hero-art .art-bottom .round-arrow{height:44px;width:44px}
.hero-art.is-3d-ready .art-bottom>span{max-width:46%;font-size:10px;line-height:1.6}
.hero-art .scene-controls{right:76px;bottom:20px;gap:6px}
.hero-art .scene-controls button{width:44px;height:44px;background:transparent;border-color:#998c7c66}
.hero-art .scene-hint{position:absolute;bottom:54px;right:0;margin:0;white-space:nowrap;font-size:9px}
.showroom-index{display:flex;gap:28px;align-items:center;justify-content:space-between;padding-block:24px;border-block:1px solid var(--line)}
.index-caption{font-size:10px;font-weight:800;letter-spacing:1.4px}
.showroom-index a{display:flex;align-items:center;gap:22px;font-size:12px;color:var(--soft-ink);min-height:24px}
.showroom-index a .icon{width:16px;height:16px;transform:rotate(90deg);transition:transform .3s var(--ease-out)}
.showroom-index a:hover{color:var(--ink)}
.showroom-index a:hover .icon{transform:rotate(90deg) translateX(3px)}
.index-edition{font-size:12px;letter-spacing:2px;color:var(--soft-ink)}
.home-collection{padding-block:72px 68px}
.home-collection .section-heading{margin-bottom:30px;align-items:flex-end;gap:30px}
.section-kicker{font-size:10px;line-height:1.7;letter-spacing:1.4px;color:var(--soft-ink)}
.home-collection .section-heading h2{font-size:clamp(31px,3.3vw,48px);letter-spacing:-1.7px;line-height:1.17;max-width:700px}
.browse-all{font-size:12px;min-height:44px;gap:14px}
.featured-project{display:grid;grid-template-columns:1.04fr 1fr;overflow:hidden;border:1px solid var(--line);border-radius:18px;background:var(--surface);box-shadow:none}
.featured-project:hover{transform:none;box-shadow:0 20px 50px #2f211408;border-color:#a89a88}
.featured-project .project-image{position:relative;aspect-ratio:auto;min-height:460px;background:#f4e7d9;border-radius:0;overflow:hidden}
.featured-project .image-open{width:100%;height:100%;display:grid;place-items:center}
.featured-project .project-image img{display:block;width:100%;height:100%;object-fit:contain;transform:scale(1.01);transition:transform .8s var(--ease-out)}
.featured-project:hover .project-image img{transform:scale(1.055) rotate(-1deg)}
.featured-project .project-badge{font-size:9px;letter-spacing:1px;top:24px;left:24px;background:#fffaf1;border:1px solid #b9a58d55;padding:7px 10px;color:#4a4238}
.featured-project .save-project{width:44px;height:44px;top:18px;right:18px;border:1px solid #b9a58d55;background:#fffaf1;color:#3f3a34}
.featured-project .save-project .icon{width:19px;height:19px}
.feature-edition{position:absolute;left:24px;bottom:18px;font-size:12px;letter-spacing:2px;color:#776857;pointer-events:none}
.featured-project .project-info{padding:40px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}
.feature-status{display:flex;align-items:center;gap:8px;font-size:9px;letter-spacing:.85px;font-weight:750;color:var(--soft-ink);margin-bottom:22px;line-height:1.8}
.feature-status>span:first-child{width:5px;height:5px;background:var(--orange);border-radius:50%;flex:none}
.featured-project h3{font-size:clamp(32px,3.5vw,49px);letter-spacing:-1.8px;line-height:1.05;font-family:'Bricolage Grotesque',sans-serif}
.featured-project .feature-pitch{font-family:var(--display);font-size:clamp(23px,2.4vw,32px);line-height:1.3;letter-spacing:-.8px;color:var(--ink);margin:22px 0 12px;max-width:390px}
.featured-project .feature-description{font-size:13px;line-height:1.85;color:var(--soft-ink);margin:0;max-width:380px}
.feature-tags{display:flex;flex-wrap:wrap;gap:7px;list-style:none;padding:0;margin:22px 0 28px}
.feature-tags li{font-size:10px;line-height:1.5;padding:5px 9px;border:1px solid var(--line);border-radius:5px;color:var(--soft-ink)}
.feature-actions{display:flex;align-items:center;gap:21px;flex-wrap:wrap;width:100%}
.feature-actions .button{min-height:47px;font-size:12px;gap:18px;padding-inline:17px}
.feature-actions .text-link{font-size:12px;min-height:44px}
.upcoming-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:38px 0 12px;font-size:10px;color:var(--soft-ink)}
.upcoming-heading>span:first-child{font-weight:800;letter-spacing:1.3px}
.upcoming-projects{display:grid;grid-template-columns:1fr 1fr;border-block:1px solid var(--line)}
.upcoming-project{position:relative;display:grid;grid-template-columns:20px 54px 1fr;gap:18px;align-items:center;padding:29px 27px 29px 0;min-width:0}
.upcoming-project+.upcoming-project{border-left:1px solid var(--line);padding-left:27px}
.upcoming-number{font-size:10px;color:var(--soft-ink);align-self:start;padding-top:6px}
.upcoming-icon{width:54px;height:54px;display:grid;place-items:center;border-radius:14px;background:var(--surface-raised);color:var(--orange-dark);transform:rotate(-8deg);transition:transform .5s var(--ease-out)}
.upcoming-icon svg{width:31px;height:31px}
.upcoming-spark{font-size:38px;background:none;color:var(--soft-ink)}
.upcoming-project:hover .upcoming-icon{transform:rotate(0deg)}
.upcoming-copy{min-width:0;padding-right:0}
.upcoming-copy h3{font-size:21px;line-height:1.2;letter-spacing:-.6px;margin-bottom:8px}
.upcoming-copy p{font-size:12px;line-height:1.8;color:var(--soft-ink);max-width:260px}
.upcoming-label{grid-column:3;font-size:10px;color:var(--soft-ink);display:flex;gap:7px;align-items:center;margin-top:-8px}
.upcoming-label::before{content:'';width:4px;height:4px;border-radius:50%;background:currentColor}
.home-intro{padding:12px 0 72px;border:0;gap:70px;grid-template-columns:1.1fr 1fr;align-items:center;overflow:visible}
.home-intro h2{font-size:clamp(30px,3.2vw,44px);line-height:1.2;letter-spacing:-1.5px;max-width:520px}
.home-intro p{font-size:14px;line-height:1.85;color:var(--soft-ink);max-width:450px}
.home-intro-flower{display:none}
.home-intro .text-link{font-size:13px;min-height:44px;color:var(--orange-dark)}
footer{border-top:1px solid var(--line);padding-top:30px}
.footer-main p,.back-top,.footer-links,.footer-bottom,.domain-label{color:var(--soft-ink)}
.footer-main p{font-size:12px}.back-top{font-size:11px;min-height:44px}
.footer-links{font-size:12px;gap:28px}.footer-links a{min-height:36px;display:inline-flex;align-items:center}
#motion-toggle{min-height:44px;font-size:11px}
.footer-bottom{font-size:10px;line-height:1.8}
.page-breadcrumbs{font-size:12px;color:var(--soft-ink)}
.page-lead,.company-story-copy p,.company-principle p,.process-status p,.process-step-copy p,.faq-answer p,.faq-intro>p:last-child,.product-usecases p,.dialog-description,.saved-note,.demo-disclaimer{color:var(--soft-ink)}
.page-eyebrow{color:var(--soft-ink);font-size:10px}
.section-heading>p,.project-info>p,.placeholder-info p,.preview-label,.category-label,.coming-label,.placeholder-footer,.next-top,.next-bottom,.next-copy p,.collection-note,.search-field input::placeholder{color:var(--soft-ink)}
.text-link{min-height:36px}
html[data-theme="dark"] .hero-art{border-color:#56524a66}
html[data-theme="dark"] .featured-project{background:var(--surface)}
html[data-theme="dark"] .featured-project .feature-pitch{color:var(--ink)}
html[data-theme="dark"] .feature-status,html[data-theme="dark"] .featured-project .feature-description{color:var(--soft-ink)}
html[data-theme="dark"] .featured-project:hover{border-color:#777269;box-shadow:0 20px 50px #11100f1f}
html[data-theme="dark"] .hero-art .scene-controls button{border-color:#777068;background:#302e2c}
.motion-paused .featured-project:hover .project-image img,.motion-paused .upcoming-project:hover .upcoming-icon,.motion-paused .hero-demo-link:hover .demo-play{transform:none}
@media(min-width:1400px){.hero{gap:65px;padding-block:66px 56px}.hero-art{height:570px}.featured-project .project-info{padding:50px}}
@media(max-width:1100px){
  .hero{gap:30px;grid-template-columns:1fr 1fr}.hero-art{height:490px}
  .hero h1{font-size:56px}html:lang(ru) .hero h1{font-size:50px}
  .hero-actions{gap:12px 18px}.hero-cta{font-size:12px;padding-inline:18px;gap:16px}
  .hero-description,html:lang(ru) .hero-description{font-size:14px}
  .featured-project .project-info{padding:30px}.featured-project .project-image{min-height:450px}
  .feature-status{letter-spacing:.4px;font-size:8px}.feature-actions{gap:13px}
  .upcoming-project{grid-template-columns:16px 43px 1fr;gap:12px}.upcoming-icon{width:43px;height:43px}.upcoming-copy h3{font-size:19px}
  .desktop-nav,html:lang(ru) .desktop-nav{gap:18px;font-size:12px;padding-left:0}
}
@media(max-width:900px) and (min-width:701px){
  .wrap{width:calc(100% - 64px)}.header-cta{display:none}.hero-art{height:450px}.hero{gap:26px}
  .hero h1{font-size:49px}html:lang(ru) .hero h1{font-size:42px;letter-spacing:-2px}
  .hero .eyebrow,html:lang(ru) .hero .eyebrow{font-size:8px;letter-spacing:.65px}
  .hero-art .scene-hint{display:none}.hero-art.is-3d-ready .art-bottom>span{max-width:39%;font-size:8px}
  .featured-project{grid-template-columns:.95fr 1.05fr}.featured-project .project-info{padding:27px}.featured-project h3{font-size:37px}
  .featured-project .feature-pitch{font-size:25px}.feature-actions{gap:10px}.feature-actions .text-link{font-size:11px}
  .showroom-index{gap:16px}.index-caption{font-size:9px}.showroom-index a{font-size:11px}.index-edition{display:none}
}
@media(max-width:700px){
  .site-header{height:78px;gap:12px}.header-actions{gap:7px}.desktop-nav,html:lang(ru) .desktop-nav{display:none}
  .wrap{width:calc(100% - 40px)}.hero{grid-template-columns:1fr;gap:32px;padding-block:35px 30px}.hero-copy{padding:0}
  .hero h1{font-size:clamp(45px,10vw,66px);letter-spacing:-2.7px}html:lang(ru) .hero h1{font-size:clamp(34px,9.2vw,58px);line-height:1.12;letter-spacing:-1.7px}
  .hero .eyebrow,html:lang(ru) .hero .eyebrow{font-size:8px;letter-spacing:.65px;gap:7px;margin-bottom:20px}
  .hero-description,html:lang(ru) .hero-description{font-size:14px;line-height:1.85;margin:20px 0 23px;max-width:480px}
  .hero-actions{gap:12px}.hero-cta{font-size:12px;min-height:48px;gap:18px;padding-inline:17px}.hero-demo-link{font-size:11px;gap:7px}
  .hero-footnote{font-size:10px;margin-top:20px}.hero-art{height:415px;border-radius:18px}
  .hero-art .art-top{left:20px;right:20px;top:20px;font-size:9px}
  .hero-art .art-bottom{left:18px;right:18px;bottom:15px}.hero-art .scene-controls{right:69px;bottom:15px;gap:5px}
  .hero-art .scene-hint{display:none}.hero-art.is-3d-ready .art-bottom>span{font-size:9px;max-width:42%;line-height:1.5}
  .showroom-index{padding-block:19px;gap:9px;flex-wrap:wrap}.index-caption{font-size:9px;letter-spacing:1.2px;width:calc(100% - 65px)}
  .index-edition{font-size:10px;order:1;margin-left:auto}.showroom-index a{order:2;font-size:11px;width:100%;justify-content:space-between;gap:14px}
  .home-collection{padding-block:45px 42px}.home-collection .section-heading{display:block;margin-bottom:22px}
  .home-collection .section-heading h2{font-size:31px;letter-spacing:-1.3px;line-height:1.18;max-width:440px}.section-kicker{font-size:9px;letter-spacing:1.2px;margin-bottom:13px}
  .browse-all{margin-top:13px;font-size:12px}
  .featured-project{display:flex;flex-direction:column;border-radius:15px}
  .featured-project .project-image{aspect-ratio:1.3;min-height:0;width:100%}.featured-project .project-image img{object-fit:contain}
  .featured-project .project-badge{font-size:8px;left:17px;top:19px;padding:5px 8px}.featured-project .save-project{top:12px;right:12px}
  .feature-edition{left:18px;bottom:14px;font-size:10px}
  .featured-project .project-info{padding:27px 24px 29px}.feature-status{font-size:8px;letter-spacing:.4px;margin-bottom:18px}
  .featured-project h3{font-size:40px;letter-spacing:-1.6px}.featured-project .feature-pitch{font-size:25px;line-height:1.3;margin:18px 0 12px;letter-spacing:-.65px}
  .featured-project .feature-description{font-size:13px;line-height:1.85}.feature-tags{margin-block:20px 25px;gap:6px}.feature-tags li{font-size:10px;padding:5px 8px}
  .feature-actions{gap:11px 20px}.feature-actions .button{font-size:12px}.feature-actions .text-link{font-size:12px}
  .upcoming-heading{margin-top:28px;font-size:9px}.upcoming-projects{grid-template-columns:1fr}
  .upcoming-project,.upcoming-project+.upcoming-project{border-left:0;padding:25px 0;grid-template-columns:17px 45px 1fr;gap:12px}
  .upcoming-project+.upcoming-project{border-top:1px solid var(--line)}
  .upcoming-copy h3{font-size:21px}.upcoming-copy p{font-size:12px}.upcoming-label{font-size:10px;grid-column:3;margin-top:-4px}
  .home-intro{grid-template-columns:1fr;gap:23px;padding-block:2px 45px}.home-intro h2{font-size:31px;line-height:1.22;letter-spacing:-1.2px}.home-intro p{font-size:14px;margin-bottom:14px}
  footer{padding-top:25px}.footer-main{gap:15px}.footer-main p{display:none}.footer-links{gap:10px 20px;font-size:12px}.footer-bottom{font-size:10px}
  .page-breadcrumbs{font-size:11px}.page-eyebrow{font-size:9px}
}
@media(max-width:380px){
  .header-actions{gap:4px}.language-picker summary{min-width:36px;font-size:10px}.hero .eyebrow,html:lang(ru) .hero .eyebrow{font-size:7px;letter-spacing:.3px}
  .hero-actions{gap:9px 17px}.hero-cta{padding-inline:16px}.hero-art{height:370px}
  .hero-art.is-3d-ready .art-bottom>span{max-width:35%;font-size:8px}.hero-art .art-bottom{left:16px;right:16px}.hero-art .scene-controls{right:66px;gap:3px}
  .featured-project .project-info{padding:24px 20px}.featured-project h3{font-size:36px}.featured-project .feature-pitch{font-size:23px}
  .upcoming-heading>span:last-child{display:none}.upcoming-copy h3{font-size:19px}
}
@media(prefers-reduced-motion:reduce){.featured-project:hover .project-image img,.upcoming-project:hover .upcoming-icon,.hero-demo-link:hover .demo-play{transform:none}.featured-project .project-image img,.upcoming-icon,.demo-play{transition:none}}