.real-project-detail .demo-hero{corner-shape:superellipse(1.5);border-radius:36px;flex-direction:column;justify-content:space-between;gap:150px;width:calc(100% - 32px);max-width:1600px;height:auto;min-height:620px;margin:0 auto;padding:28px 44px 32px;display:flex;overflow:hidden}.real-project-detail .demo-hero-top,.real-project-detail .demo-hero-bottom{width:100%;position:relative;inset:auto}.real-project-detail .demo-hero-top>a{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#18201c66;border:1px solid #ffffff40;border-radius:20px;padding:12px 18px;font-size:15px}.real-project-detail .demo-hero-top>button{border-radius:20px;width:48px;height:48px}.real-project-detail .demo-hero-bottom{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:28px;display:grid}.real-project-detail .demo-hero h1{overflow-wrap:anywhere;margin:0 0 14px;font-size:clamp(40px,5.5vw,80px);line-height:1.05}.real-project-detail .demo-hero .demo-hero-price{margin:0 0 16px;font-size:32px;line-height:1.2}.real-project-detail .demo-hero p{font-size:16px;line-height:1.5}.real-project-detail .demo-hero-tags{gap:8px;margin:20px 0}.real-project-detail .demo-hero-tags span{padding:7px 12px;font-size:13px;background:#17241b25!important}.real-project-detail .demo-hero button,.real-project-detail .demo-hero-shortcuts a{corner-shape:superellipse(1.5);border-radius:20px;min-height:48px;padding:12px 16px;font-size:14px}.real-project-detail .demo-hero-shortcuts{gap:12px;margin-top:24px}.real-project-detail .demo-hero-shortcuts a:first-child{color:#202a2d;background:#fff;border-color:#fff;font-weight:600}.real-project-detail .demo-gallery-actions{flex-wrap:nowrap;gap:8px;position:static}.real-project-detail .demo-gallery-actions>button:first-child{white-space:nowrap;font-size:14px}.real-project-detail .demo-gallery-actions>button:not(:first-child){flex-shrink:0;width:48px;padding:12px}.real-project-detail .demo-hero a:focus-visible,.real-project-detail .demo-hero button:focus-visible{outline-offset:4px;outline:2px solid #fff}.real-project-detail .demo-section-nav a{border-bottom:2px solid #0000;padding:10px 0}.real-project-detail .demo-section-nav a:hover,.real-project-detail .demo-section-nav a:focus-visible{border-bottom-color:var(--color-brand);color:var(--color-brand)}@media (max-width:1100px){.real-project-detail .demo-hero{gap:110px;padding:24px 28px}.real-project-detail .demo-hero-bottom{grid-template-columns:1fr}.real-project-detail .demo-gallery-actions{justify-content:flex-start}.real-project-detail .demo-hero h1{font-size:56px}}@media (max-width:600px){.real-project-detail .demo-hero{border-radius:26px;gap:100px;width:calc(100% - 24px);min-height:600px;padding:18px}.real-project-detail .demo-hero-top>a{padding:10px 12px;font-size:13px}.real-project-detail .demo-hero h1{font-size:44px}.real-project-detail .demo-hero .demo-hero-price{font-size:26px}.real-project-detail .demo-hero p{font-size:14px}.real-project-detail .demo-hero-tags span{padding:6px 9px;font-size:11px}.real-project-detail .demo-hero-shortcuts a{padding:10px 12px;font-size:12px}.real-project-detail .demo-hero-bottom{gap:20px}.real-project-detail .demo-gallery-actions>button:first-child{flex:1;padding:10px;font-size:12px}.real-project-detail .demo-gallery-actions{width:100%}.real-project-detail .demo-share-status{top:80px;left:18px;right:18px}}.real-project-detail .project-breadcrumbs{color:#fff;text-shadow:0 1px 4px #0008;min-width:0;max-width:calc(100% - 64px);font-size:12px;font-weight:400;line-height:1.5}.real-project-detail .project-breadcrumbs ol{flex-wrap:wrap;align-items:center;gap:6px 10px;margin:0;padding:0;list-style:none;display:flex}.real-project-detail .project-breadcrumbs li{overflow-wrap:anywhere;align-items:baseline;gap:10px;min-width:0;display:flex}.real-project-detail .project-breadcrumbs a{color:inherit;padding:8px 0;font-weight:400;text-decoration:none}.real-project-detail .project-breadcrumbs a:hover{text-underline-offset:4px;text-decoration:underline}.real-project-detail .project-breadcrumbs [aria-current]{font-weight:400}.real-project-detail .project-breadcrumb-separator{opacity:.65}@media (max-width:600px){.real-project-detail .project-breadcrumbs{font-size:11px}.real-project-detail .project-breadcrumbs ol{gap:2px 8px}.real-project-detail .project-breadcrumbs li{gap:8px}}.real-project-detail .demo-section-nav a{text-decoration:none}
.project-layout{gap:8px;width:100%;display:grid}.project-layout-preview{cursor:zoom-in;background:#fff;border:1px solid #e7e7e7;border-radius:12px;width:100%;padding:12px;display:block}.project-layout-preview img{object-fit:contain;width:100%;height:220px;display:block}.project-layout-preview:focus-visible{outline-offset:3px;outline:3px solid #bb5259}.project-layout>span{color:#62696c;font-size:13px}.project-layout-modal{padding:24px}.project-layout-modal img{object-fit:contain;width:100%;height:auto;max-height:75vh;display:block}@media (max-width:600px){.project-layout-preview img{height:240px}.project-layout-modal{padding:12px}}
.demo-panel.project-developer{corner-shape:superellipse(1.3);border-radius:28px;padding:48px 34px}.project-developer .eyebrow{color:#7a8287;letter-spacing:.16em;margin:0 0 14px;font-size:11px;font-weight:700}.project-developer h2{letter-spacing:-.04em;overflow-wrap:anywhere;margin:0 0 24px;font-size:clamp(28px,3.2vw,48px);line-height:1.1}.project-developer .project-developer-description{color:#737d84;max-width:900px;margin:0;font-size:16px;line-height:1.65}.project-developer-stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:0;margin:36px 0;display:grid}.project-developer-stats:empty{display:none}.project-developer-stats>div{border-left:1px solid #e1e4e6;flex-direction:column;gap:10px;min-width:0;padding:0 24px;display:flex}.project-developer-stats>div:first-child{border-left:0;padding-left:0}.project-developer-stats dt{color:#737d84;font-size:15px;line-height:1.4}.project-developer-stats dd{letter-spacing:-.045em;font-variant-numeric:tabular-nums;order:-1;margin:0;font-size:48px;font-weight:750;line-height:1.05}.project-developer .project-developer-legal{color:#737d84;margin:0 0 24px;font-size:13px}.project-developer-contact{corner-shape:superellipse(1.3);text-align:center;border-radius:18px;min-height:54px;padding:16px 26px;font-size:16px;font-weight:700}@media (max-width:760px){.demo-panel.project-developer{padding:28px 22px}.project-developer h2{margin-bottom:20px;font-size:30px}.project-developer .project-developer-description{font-size:14px}.project-developer-stats{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:26px;margin:28px 0}.project-developer-stats>div{padding:0 0 0 20px}.project-developer-stats>div:nth-child(odd){border-left:0;padding-left:0}.project-developer-stats dd{font-size:40px}.project-developer-stats dt{font-size:13px}.project-developer-contact{width:100%;padding:15px 12px;font-size:14px}}.demo-panel.project-developer{padding:24px}.project-developer h2{margin-bottom:14px;font-size:24px}.project-developer .project-developer-description{font-size:14px;line-height:1.55}.project-developer-stats{gap:12px;margin:20px 0}.project-developer-stats>div{gap:5px;padding-left:16px}.project-developer-stats dd{font-size:28px;font-weight:650}.project-developer-stats dt{font-size:12px}.project-developer .project-developer-legal{margin-bottom:16px;font-size:11px}.project-developer-brand{object-fit:contain;object-position:left center;width:140px;height:60px;margin-bottom:12px}.demo-developer-logo img{object-fit:contain;width:100%;height:100%}.project-developer-contact{min-height:46px;padding:12px;font-size:13px}
.project-facts h2{letter-spacing:-.035em;margin-bottom:12px;font-size:32px}.project-facts-subtitle{color:var(--color-muted);margin:0 0 32px;font-size:16px}.project-facts-essentials{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 28px;margin:0 0 36px;display:grid}.project-facts-essentials>div{align-items:flex-start;gap:18px;min-width:0;display:flex}.project-facts-icon{corner-shape:superellipse(1.5);width:58px;height:58px;color:var(--color-brand);background:#fbefef;border-radius:18px;flex-shrink:0;place-items:center;display:grid}.project-facts-icon svg{width:30px;height:30px}.project-facts-essentials dt{color:var(--color-muted);margin:2px 0 10px;font-size:15px}.project-facts-essentials dd{overflow-wrap:anywhere;letter-spacing:-.025em;margin:0;font-size:22px;font-weight:650;line-height:1.35}.project-facts-additional{corner-shape:superellipse(1.5);background:#f4f5f6;border-radius:28px;padding:28px}.project-facts-additional h3{letter-spacing:-.025em;margin:0 0 20px;font-size:24px;line-height:1.25}.project-facts-additional dl{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:28px;margin:0;display:grid}.project-facts-additional dl>div{border-bottom:1px solid #dce0e3;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);align-items:start;gap:14px;padding:16px 0;font-size:15px;line-height:1.5;display:grid}.project-facts-additional dt{color:var(--color-muted)}.project-facts-additional dd{overflow-wrap:anywhere;margin:0}.project-facts-note{color:var(--color-muted);align-items:flex-start;gap:12px;margin:24px 0 0;font-size:14px;line-height:1.5;display:flex}.project-facts-note svg{flex-shrink:0;width:20px;height:20px}@media (max-width:700px){.project-facts h2{font-size:28px}.project-facts-subtitle{font-size:14px}.project-facts-essentials{grid-template-columns:1fr;gap:24px}.project-facts-essentials dd{font-size:20px}.project-facts-icon{border-radius:15px;width:48px;height:48px}.project-facts-additional{border-radius:22px;padding:20px 16px}.project-facts-additional h3{font-size:22px}.project-facts-additional dl{grid-template-columns:1fr}.project-facts-additional dl>div{gap:12px;padding:14px 0;font-size:14px}.project-facts-note{font-size:13px}}.project-facts-switches{flex-wrap:wrap;gap:12px;margin-top:24px;display:flex}.project-facts-switches button{color:var(--color-text);corner-shape:superellipse(1.5);font:inherit;cursor:pointer;background:#f4f5f6;border:0;border-radius:18px;align-items:center;gap:14px;min-height:48px;padding:15px 20px;font-size:15px;font-weight:600;display:flex}.project-facts-switches button[aria-expanded=true]{background:var(--color-brand);color:#fff}.project-facts-switches button:focus-visible{outline:2px solid var(--color-brand);outline-offset:3px}.project-facts-switches+.project-facts-additional{margin-top:20px}.project-facts-switches svg{flex-shrink:0;width:18px;height:18px}@media (max-width:600px){.project-facts-switches{gap:10px}.project-facts-switches button{padding:12px 14px;font-size:13px}.project-facts-switches button:first-child{flex-basis:100%;justify-content:space-between}}
.finishing-examples .project-stories-landscape article.project-progress-card{aspect-ratio:auto;color:var(--color-text);border:1px solid var(--color-border);background:#fff}.finishing-examples .project-progress-card img{aspect-ratio:3/2;object-fit:contain;width:100%;height:auto;display:block;position:static}.finishing-examples .project-progress-card:after{display:none}.finishing-examples .project-progress-copy{text-shadow:none;padding:16px;position:static}.finishing-examples .project-stories-landscape .project-progress-copy>span{-webkit-line-clamp:unset;font-size:13px;display:block;overflow:visible}