/* Extended demo sections */
.demo-nav{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 5%;border-bottom:1px solid color-mix(in srgb,var(--ink),transparent 82%);background:var(--bg);position:sticky;top:0;z-index:20;backdrop-filter:blur(14px)}.demo-nav .brand-name{font-weight:800;letter-spacing:.09em;text-transform:uppercase}.demo-nav-links{display:flex;gap:18px;align-items:center;font-size:13px}.demo-nav a:hover{color:var(--accent)}.demo-section{padding:95px max(6%,calc((100% - 1240px)/2));overflow:hidden}.demo-kicker{font-size:12px;letter-spacing:.2em;font-weight:700;text-transform:uppercase;color:var(--accent)}.demo-heading{font-size:clamp(32px,4.4vw,64px);line-height:1.05;max-width:850px;margin:15px 0 28px}.demo-lead{font-size:18px;line-height:1.8;max-width:650px;opacity:.76}.demo-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:42px}.demo-tile{border:1px solid color-mix(in srgb,var(--ink),transparent 85%);background:color-mix(in srgb,var(--bg),white 6%);overflow:hidden}.demo-tile img{display:block;width:100%;height:270px;object-fit:cover;transition:transform .5s}.demo-tile:hover img{transform:scale(1.045)}.demo-tile-copy{padding:24px}.demo-tile h3{font-size:23px;margin:0 0 12px}.demo-tile p{line-height:1.65;opacity:.7;margin:0}.demo-feature{display:grid;grid-template-columns:1.05fr 1fr;align-items:center;gap:7%;}.demo-feature img{width:100%;height:540px;object-fit:cover}.demo-feature-copy{max-width:550px}.demo-feature .button{display:inline-block;margin-top:24px}.demo-testimonial{padding:85px 8%;text-align:center;background:var(--ink);color:var(--bg)}.demo-testimonial blockquote{font-size:clamp(25px,3vw,44px);line-height:1.3;margin:20px auto;max-width:820px}.demo-faq{max-width:980px;margin:auto;padding:90px 5%}.demo-faq details{padding:20px 0;border-bottom:1px solid color-mix(in srgb,var(--ink),transparent 78%)}.demo-faq summary{cursor:pointer;font-weight:700;font-size:18px}.demo-faq p{line-height:1.7;opacity:.75}.demo-endcap{text-align:center;padding:75px 5%;background:color-mix(in srgb,var(--accent),var(--bg) 90%)}.demo-endcap h2{font-size:clamp(30px,4vw,55px)}
body:has(.demo-nav).industrial .demo-grid{grid-template-columns:1.3fr 1fr 1fr}body:has(.demo-nav).industrial .demo-tile img{filter:contrast(1.1)}body:has(.demo-nav).immersive .demo-tile{border-radius:28px}body:has(.demo-nav).immersive .demo-tile img{height:330px}body:has(.demo-nav).minimal .demo-grid{gap:35px}body:has(.demo-nav).minimal .demo-tile{border:0}body:has(.demo-nav).airy .demo-tile{border-radius:18px}body:has(.demo-nav).architect .demo-grid .demo-tile:first-child{grid-column:span 2}body:has(.demo-nav).architect .demo-grid .demo-tile:first-child img{height:370px}body:has(.demo-nav).architect .demo-grid{grid-template-columns:repeat(2,1fr)}body:has(.demo-nav).cinematic .demo-tile{border-radius:12px}body:has(.demo-nav).heritage .demo-heading{font-family:Georgia,serif}body:has(.demo-nav).catalog .demo-tile{border:0}body:has(.demo-nav).catalog .demo-tile img{height:360px}body:has(.demo-nav).corporate .demo-tile{border-radius:10px}body:has(.demo-nav).romantic .demo-heading{font-family:Georgia,serif;font-style:italic}body:has(.demo-nav).romantic .demo-tile img{border-radius:200px 200px 0 0}body:has(.demo-nav).clinical .demo-tile{border-radius:22px}
@media(max-width:800px){.demo-grid{grid-template-columns:1fr!important}.demo-feature{grid-template-columns:1fr}.demo-feature img{height:330px}.demo-section{padding:65px 6%}.demo-nav-links{gap:10px;font-size:12px}.demo-tile:first-child{grid-column:auto!important}.demo-tile img{height:250px!important}}