.demo-canvas{container-type:inline-size;container-name:demo;isolation:isolate}
.demo-viewport{display:flex;justify-content:center;align-items:flex-start;overflow-x:hidden}
.demo-canvas[data-demo-theme="light"]{--demo-bg:var(--demo-light-bg,#f7f8fb);--demo-surface:var(--demo-light-surface,#fff);--demo-text:var(--demo-light-text,#121722);--demo-muted:color-mix(in srgb,var(--demo-text) 66%,transparent);--demo-button-text:#fff;color-scheme:light}
.demo-canvas[data-demo-theme="dark"]{--demo-bg:var(--demo-dark-bg,#080c14);--demo-surface:var(--demo-dark-surface,#111824);--demo-text:var(--demo-dark-text,#f4f7fb);--demo-muted:color-mix(in srgb,var(--demo-text) 68%,transparent);--demo-button-text:#071018;color-scheme:dark}
.demo-theme-toggle{display:grid;place-items:center;width:38px;height:38px;flex:0 0 38px;border:1px solid rgba(255,255,255,.12);border-radius:10px;background:#101522;color:#fff;cursor:pointer;transition:transform .2s ease,background .2s ease}
.demo-theme-toggle:hover{transform:translateY(-1px);background:#171e2d}.demo-theme-toggle span{font-size:1.05rem;line-height:1}
.demo-button-primary{color:var(--demo-button-text,#fff)}
.demo-style-neon .demo-button-primary,.demo-style-electric .demo-button-primary,.demo-style-finance .demo-button-primary,.demo-style-playful .demo-button-primary,.demo-style-organic .demo-button-primary,.demo-style-cloud .demo-button-primary{--demo-button-text:#071018}
.demo-art-media{margin:0;isolation:isolate;background:var(--demo-surface)}
.demo-art-media>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0}
.demo-category-business .demo-art-media>img,.demo-category-landing .demo-art-media>img{object-fit:contain;padding:12px;background:linear-gradient(145deg,color-mix(in srgb,var(--demo-accent) 9%,var(--demo-surface)),var(--demo-surface))}
.demo-art-media:after{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,transparent 55%,rgba(0,0,0,.28));pointer-events:none}
.demo-art-media .art-shape{z-index:2;opacity:.25}.demo-art-media figcaption{position:absolute;z-index:3;left:22px;right:22px;bottom:20px;display:flex;align-items:center;justify-content:space-between;gap:16px;color:#fff;text-shadow:0 2px 16px rgba(0,0,0,.5)}
.demo-art-media figcaption strong{display:grid;place-items:center;min-width:46px;height:46px;padding:0 10px;border-radius:14px;background:rgba(0,0,0,.34);backdrop-filter:blur(12px);font-size:.82rem}.demo-art-media figcaption span{font-weight:800;font-size:.86rem;letter-spacing:.02em}
.demo-products-rich{align-items:stretch}.demo-product-rich{display:flex;flex-direction:column;padding:14px;border:1px solid color-mix(in srgb,var(--demo-text) 10%,transparent);border-radius:26px;background:color-mix(in srgb,var(--demo-surface) 96%,var(--demo-bg));transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}.demo-product-rich:hover{transform:translateY(-5px);border-color:color-mix(in srgb,var(--demo-accent) 45%,transparent);box-shadow:0 20px 50px color-mix(in srgb,var(--demo-accent) 13%,transparent)}
.demo-product-rich .product-art{border-radius:19px}.demo-product-rich .product-art img{transition:transform .45s ease}.demo-product-rich:hover .product-art img{transform:scale(1.035)}.demo-product-rich .product-copy{margin:0 0 14px;color:color-mix(in srgb,var(--demo-text) 62%,transparent);font-size:.78rem;line-height:1.55}.product-specs{display:flex;gap:7px;flex-wrap:wrap;margin:0 0 16px;padding:0;list-style:none}.product-specs li{padding:6px 8px;border-radius:999px;background:color-mix(in srgb,var(--demo-accent) 9%,transparent);font-size:.61rem;font-weight:750;color:color-mix(in srgb,var(--demo-text) 72%,transparent)}.demo-product-bottom{margin-top:auto;padding-top:8px}.demo-product-bottom button{padding:8px 0}
.demo-menu-grid-rich article{overflow:hidden}.menu-art-rich img{transition:transform .4s ease}.demo-menu-grid-rich article:hover .menu-art-rich img{transform:scale(1.045)}
.article-art{position:relative;overflow:hidden}.article-art img{display:block;width:100%;height:100%;object-fit:cover}.article-art>span{position:absolute;right:12px;top:10px;padding:6px 9px;background:rgba(0,0,0,.46);color:#fff;border-radius:999px;font-size:.65rem;font-weight:800}.demo-article-grid article{display:flex;flex-direction:column}.demo-article-grid article>a{margin-top:auto}
.project-art img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .55s cubic-bezier(.2,.7,.2,1)}.project-item:hover .project-art img{transform:scale(1.04)}
.demo-header{top:0}.demo-nav.is-open{box-shadow:0 22px 60px rgba(0,0,0,.22)}
.demo-style-luxe .demo-hero-grid{grid-template-columns:.8fr 1.2fr}.demo-style-luxe .demo-hero-copy h1{font-weight:500;letter-spacing:-.045em}.demo-style-luxe .demo-product-rich{padding:0;border:0;border-radius:0;background:transparent}.demo-style-luxe .demo-product-rich .product-art{border-radius:180px 180px 24px 24px}.demo-style-luxe .demo-products{gap:34px}.demo-style-luxe .demo-section-alt{background:color-mix(in srgb,var(--demo-accent) 5%,var(--demo-surface))}
.demo-style-earth .demo-product-rich,.demo-style-organic .demo-menu-grid article,.demo-style-interior .project-art{border-radius:44px 18px 44px 18px}.demo-style-earth .demo-art-media,.demo-style-organic .demo-art-media,.demo-style-interior .demo-art-media{border-radius:48% 52% 38% 62% / 54% 34% 66% 46%}.demo-style-earth .demo-strip,.demo-style-organic .demo-strip{background:color-mix(in srgb,var(--demo-accent) 10%,var(--demo-surface))}
.demo-style-electric .demo-canvas,.demo-style-cyber .demo-canvas,.demo-style-space .demo-canvas{background-image:linear-gradient(color-mix(in srgb,var(--demo-accent) 6%,transparent) 1px,transparent 1px),linear-gradient(90deg,color-mix(in srgb,var(--demo-accent) 6%,transparent) 1px,transparent 1px);background-size:38px 38px}.demo-style-electric .demo-product-rich,.demo-style-cyber .demo-feature-cards article,.demo-style-space .demo-pricing article{border-radius:6px;box-shadow:7px 7px 0 color-mix(in srgb,var(--demo-accent) 22%,transparent)}.demo-style-electric .demo-art-media,.demo-style-cyber .demo-art-media,.demo-style-space .demo-art-media{border-radius:10px}
.demo-style-playful .demo-product-rich{border-width:3px;border-color:color-mix(in srgb,var(--demo-accent) 35%,transparent);border-radius:34px}.demo-style-playful .demo-product-rich:nth-child(2n){transform:rotate(1deg)}.demo-style-playful .demo-product-rich:nth-child(2n+1){transform:rotate(-1deg)}.demo-style-playful .demo-product-rich:hover{transform:translateY(-5px) rotate(0)}.demo-style-playful .demo-hero-copy h1{line-height:.98}.demo-style-playful .demo-button{border-radius:999px}
.demo-style-heritage .demo-hero{background:linear-gradient(135deg,color-mix(in srgb,var(--demo-accent) 10%,var(--demo-bg)),var(--demo-bg))}.demo-style-heritage .demo-metrics{border-block:1px solid color-mix(in srgb,var(--demo-accent) 36%,transparent)}.demo-style-heritage .demo-service-grid article{border-top:3px solid var(--demo-accent);border-radius:0}.demo-style-heritage .demo-art-media{border-radius:8px}
.demo-style-clean .demo-service-grid article,.demo-style-saas .demo-feature-cards article,.demo-style-banking .demo-pricing article{box-shadow:0 16px 40px color-mix(in srgb,var(--demo-accent) 10%,transparent)}
.demo-style-bold .demo-service-grid{gap:0;border:4px solid var(--demo-text)}.demo-style-bold .demo-service-grid article{border:2px solid var(--demo-text);border-radius:0;min-height:280px}.demo-style-bold .demo-art-media{border:7px solid var(--demo-text);border-radius:0}.demo-style-bold .demo-heading h2{text-transform:uppercase}
.demo-style-finance .demo-metrics .demo-wrap>div{background:color-mix(in srgb,var(--demo-accent) 7%,var(--demo-surface))}.demo-style-finance .demo-art-media{border:1px solid color-mix(in srgb,var(--demo-accent) 50%,transparent)}.demo-style-finance .demo-service-grid article{background:linear-gradient(160deg,color-mix(in srgb,var(--demo-accent) 9%,var(--demo-surface)),var(--demo-surface))}
.demo-style-soft .demo-service-grid article,.demo-style-soft .demo-contact-panel{border-radius:32px}.demo-style-soft .demo-button{border-radius:999px}
.demo-style-coastal .demo-hero{background:linear-gradient(180deg,color-mix(in srgb,var(--demo-accent) 8%,var(--demo-bg)),var(--demo-bg))}.demo-style-coastal .demo-menu-grid article{border:0;border-bottom:1px solid color-mix(in srgb,var(--demo-text) 12%,transparent);border-radius:0;background:transparent}.demo-style-coastal .menu-art{border-radius:50% 50% 18px 18px}
.demo-style-ember .demo-hero:after{content:"";position:absolute;inset:auto 0 0;height:45%;background:linear-gradient(transparent,rgba(20,5,0,.45));pointer-events:none}.demo-style-ember .demo-menu-grid article{background:linear-gradient(145deg,#1a0d09,#2a130d);border-color:rgba(255,180,95,.18)}.demo-style-ember .demo-art-media{box-shadow:0 32px 90px rgba(232,74,42,.23)}
.demo-style-street .demo-menu-grid article{border:3px solid var(--demo-text);border-radius:8px;box-shadow:8px 8px 0 var(--demo-accent)}.demo-style-street .demo-menu-grid article:nth-child(even){transform:rotate(1deg)}.demo-style-street .demo-menu-grid article:nth-child(odd){transform:rotate(-1deg)}.demo-style-street .demo-button{border:2px solid var(--demo-text);box-shadow:4px 4px 0 var(--demo-text)}
.demo-style-pastel .demo-menu-grid article{border:0;background:color-mix(in srgb,var(--demo-accent) 7%,var(--demo-surface));border-radius:36px}.demo-style-pastel .demo-booking{border-radius:38px}
.demo-style-newspaper .demo-editorial-hero{border-bottom:6px double var(--demo-text)}.demo-style-newspaper .demo-article-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.demo-style-newspaper .demo-article-grid article{display:grid;grid-template-columns:160px 1fr;column-gap:20px;padding-bottom:22px;border-bottom:2px solid var(--demo-text)}.demo-style-newspaper .demo-article-grid .article-art{grid-row:1/6;aspect-ratio:.86}.demo-style-newspaper .demo-article-grid article p{min-height:0}.demo-style-newspaper .demo-heading h2{text-transform:none}
.demo-style-news .demo-header{border-top:5px solid var(--demo-accent)}.demo-style-news .demo-article-grid article{border-top:4px solid var(--demo-accent);padding-top:14px}.demo-style-news .demo-editorial-hero h1{font-family:Inter,system-ui,sans-serif;font-weight:950}
.demo-style-mono .demo-article-grid{gap:1px;background:var(--demo-text)}.demo-style-mono .demo-article-grid article{background:var(--demo-surface);padding:24px}.demo-style-mono .article-art img{filter:grayscale(1)}
.demo-style-cyber .article-art,.demo-style-cyber .demo-art-media{clip-path:polygon(0 0,94% 0,100% 10%,100% 100%,6% 100%,0 90%)}.demo-style-cyber .demo-kicker{font-family:ui-monospace,SFMono-Regular,monospace}.demo-style-cyber .demo-article-grid article{border:1px solid color-mix(in srgb,var(--demo-accent) 44%,transparent);padding:14px}
.demo-style-lifestyle .demo-blog-feature{grid-template-columns:1.2fr .8fr}.demo-style-lifestyle .article-art,.demo-style-lifestyle .demo-art-media{border-radius:160px 160px 26px 26px}.demo-style-lifestyle .demo-newsletter{background:color-mix(in srgb,var(--demo-accent) 12%,var(--demo-surface))}
.demo-style-space .demo-hero-copy h1{background:linear-gradient(90deg,var(--demo-text),var(--demo-accent-2));-webkit-background-clip:text;background-clip:text;color:transparent}.demo-style-space .dashboard-mock{box-shadow:0 0 70px color-mix(in srgb,var(--demo-accent) 24%,transparent)}
.demo-style-saas .demo-feature-cards article{border:0;border-radius:26px}.demo-style-saas .dashboard-mock{border-radius:30px}.demo-style-saas .demo-button{border-radius:11px}
.demo-style-banking .demo-pricing article{border-radius:28px}.demo-style-banking .demo-pricing article.popular{background:linear-gradient(150deg,color-mix(in srgb,var(--demo-accent) 13%,var(--demo-surface)),var(--demo-surface))}.demo-style-banking .demo-art-media{border-radius:28px}
.demo-style-wellness .demo-feature-cards article{border-radius:42px 16px 42px 16px}.demo-style-wellness .demo-hero{background:radial-gradient(circle at 82% 20%,color-mix(in srgb,var(--demo-accent) 16%,transparent),transparent 35%)}.demo-style-wellness .demo-button{border-radius:999px}
.demo-style-cloud .demo-feature-cards article{border-radius:36px}.demo-style-cloud .demo-art-media{border-radius:60px 60px 20px 60px}
.demo-style-brutal .demo-project-grid{gap:0;border:5px solid var(--demo-text)}.demo-style-brutal .project-item{border:3px solid var(--demo-text);padding:12px}.demo-style-brutal .project-art{border-radius:0}.demo-style-brutal .project-item h3{text-transform:uppercase}
.demo-style-photo .demo-project-grid{gap:2px}.demo-style-photo .project-art{border-radius:0}.demo-style-photo .project-art img{filter:grayscale(1);transition:filter .35s ease,transform .5s ease}.demo-style-photo .project-item:hover img{filter:grayscale(0)}.demo-style-photo .project-item:nth-child(n){margin:0;grid-column:span 6}
.demo-style-interior .demo-project-grid{gap:50px}.demo-style-interior .project-item:nth-child(2n){margin-top:90px}.demo-style-interior .project-art{aspect-ratio:.92}
.demo-style-bauhaus .demo-project-grid{gap:18px}.demo-style-bauhaus .project-item{padding:14px;border:5px solid var(--demo-text);background:var(--demo-surface)}.demo-style-bauhaus .project-art{border:0}.demo-style-bauhaus .project-item:nth-child(2){transform:translateY(70px) rotate(1deg)}
.demo-style-cinema .demo-portfolio-hero{min-height:880px}.demo-style-cinema .demo-portfolio-hero .demo-art-media:after{background:linear-gradient(to top,#090909 4%,transparent 70%),linear-gradient(90deg,rgba(0,0,0,.65),transparent 58%)}.demo-style-cinema .project-art{aspect-ratio:1.78;border-radius:6px}.demo-style-cinema .project-item:nth-child(n){grid-column:1/-1;margin:0}.demo-style-cinema .project-item>a{display:grid;grid-template-columns:1.55fr .45fr;align-items:center;gap:26px}
@container demo (max-width:960px){.demo-wrap{width:min(100% - 36px,1180px)}.demo-header-inner{min-height:68px;gap:12px}.demo-menu-button{display:block}.demo-nav{position:absolute;left:18px;right:18px;top:76px;display:none;flex-direction:column;align-items:stretch;gap:0;padding:10px;border:1px solid color-mix(in srgb,var(--demo-text) 14%,transparent);border-radius:18px;background:var(--demo-surface)}.demo-nav.is-open{display:flex}.demo-nav a{padding:12px 10px;border-radius:10px}.demo-nav a:hover{background:color-mix(in srgb,var(--demo-accent) 9%,transparent)}.demo-header-cta,.demo-cart{margin-left:auto}.demo-hero-grid,.demo-feature-grid,.demo-blog-feature,.demo-dashboard-showcase,.demo-faq{grid-template-columns:1fr!important}.demo-hero-copy{max-width:780px}.demo-art{min-height:390px}.demo-products,.demo-service-grid,.demo-feature-cards,.demo-article-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.demo-pricing{grid-template-columns:1fr}.demo-pricing article.popular{transform:none}.demo-menu-grid{grid-template-columns:1fr}.demo-contact-panel,.demo-booking{grid-template-columns:1fr}.demo-footer>.demo-wrap{grid-template-columns:1fr 1fr}.demo-footer>div>span{grid-column:1/-1}.demo-project-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.project-item:nth-child(n){grid-column:auto;margin-top:0}.demo-style-newspaper .demo-article-grid{grid-template-columns:1fr}.demo-style-lifestyle .demo-blog-feature{grid-template-columns:1fr}.demo-style-cinema .project-item>a{grid-template-columns:1fr}.demo-style-interior .project-item:nth-child(2n){margin-top:0}.demo-style-bauhaus .project-item:nth-child(2){transform:none}}
@container demo (max-width:680px){.demo-wrap{width:min(100% - 28px,1180px)}.demo-logo-name{font-size:.84rem}.demo-logo-mark{width:34px;height:34px}.demo-header-cta,.demo-cart{min-height:36px;padding:0 10px;font-size:.64rem}.demo-hero{padding:56px 0}.demo-hero-copy h1{font-size:clamp(2.45rem,13cqw,4.5rem);letter-spacing:-.055em}.demo-hero-copy p{font-size:.96rem}.demo-art{min-height:310px;border-radius:22px}.demo-section{padding:58px 0}.demo-heading{align-items:flex-start;flex-direction:column;margin-bottom:26px}.demo-heading h2{font-size:clamp(2rem,10cqw,3.2rem)}.demo-products,.demo-service-grid,.demo-feature-cards,.demo-article-grid,.demo-project-grid{grid-template-columns:1fr}.demo-product-rich{display:grid;grid-template-columns:118px minmax(0,1fr);column-gap:13px;align-items:start}.demo-product-rich .product-art{grid-row:1/7;aspect-ratio:1;height:100%}.demo-product-rich>small{margin-top:2px}.demo-product-rich .product-copy{font-size:.72rem;margin-bottom:8px}.demo-product-rich .product-specs{display:none}.demo-product-rich .demo-product-bottom{align-self:end}.demo-menu-grid article{grid-template-columns:96px minmax(0,1fr);gap:13px;padding:11px}.demo-menu-grid p{display:block;font-size:.72rem}.menu-art{min-height:96px}.demo-contact-panel,.demo-booking{padding:20px}.demo-contact-panel form,.demo-booking form{grid-template-columns:1fr}.demo-contact-panel label.full{grid-column:auto}.demo-editorial-hero{padding-top:58px}.demo-editorial-hero h1{font-size:clamp(3.4rem,19cqw,6rem)}.demo-newsletter .demo-wrap{align-items:flex-start;flex-direction:column}.demo-newsletter form{width:100%}.demo-newsletter input{width:100%;min-width:0}.demo-metrics .demo-wrap{grid-template-columns:1fr}.demo-metrics .demo-wrap>div{border-right:0;border-bottom:1px solid color-mix(in srgb,var(--demo-text) 10%,transparent)}.demo-portfolio-hero{min-height:620px}.studio-statement{grid-template-columns:1fr 1fr}.demo-footer>.demo-wrap{grid-template-columns:1fr}.demo-footer>div>span{grid-column:auto}.demo-style-newspaper .demo-article-grid article{grid-template-columns:112px 1fr;column-gap:14px}.demo-style-newspaper .demo-article-grid .article-art{grid-row:1/7}.demo-style-photo .project-item:nth-child(n){grid-column:auto}.demo-style-cinema .demo-portfolio-hero{min-height:680px}}
@container demo (max-width:460px){.demo-wrap{width:min(100% - 22px,1180px)}.demo-header-inner{min-height:62px}.demo-brand{gap:7px}.demo-logo-name{max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.demo-header-cta{display:none}.demo-hero-copy h1{font-size:clamp(2.2rem,14cqw,3.4rem)}.demo-actions{align-items:stretch;flex-direction:column}.demo-actions .demo-button,.demo-actions .demo-link{width:100%;text-align:center}.demo-product-rich{grid-template-columns:1fr}.demo-product-rich .product-art{grid-row:auto;aspect-ratio:1.05}.demo-product-rich .product-specs{display:flex}.demo-menu-grid article{grid-template-columns:1fr}.menu-art{min-height:190px}.demo-style-newspaper .demo-article-grid article{display:block}.demo-style-newspaper .demo-article-grid .article-art{aspect-ratio:1.15;margin-bottom:14px}.demo-showcase-stack,.demo-proof-grid{grid-template-columns:1fr}.demo-art-media figcaption{left:14px;right:14px;bottom:12px}.demo-art-media figcaption span{font-size:.74rem}.demo-footer>div>div:nth-of-type(2){flex-wrap:wrap}}
@media(max-width:760px){.yrv-demo-bar{min-height:58px;height:auto;padding:8px 10px;gap:8px}.demo-viewport{padding-top:58px}.demo-back b,.demo-bar-title span{display:none}.demo-back span{width:32px;height:32px}.demo-bar-title{flex:1}.demo-bar-title strong{max-width:150px}.demo-device-switch{margin-left:0}.demo-language select{width:48px;padding-inline:7px;height:34px}.demo-theme-toggle{width:34px;height:34px;flex-basis:34px}.demo-request{height:34px;padding:0 10px;font-size:.62rem}.demo-canvas.is-tablet,.demo-canvas.is-mobile{width:100%;border-radius:0}}
@media(max-width:520px){.demo-device-switch{display:none}.demo-bar-title strong{max-width:110px}.demo-request{max-width:122px;text-align:center;line-height:1.1}.demo-language{display:block}.demo-viewport{padding-top:58px}}

/* --- Final visual polish, stable header and richer template sections --- */
:root{--demo-toolbar-height:64px}
.demo-canvas{--demo-primary:var(--demo-accent);background:var(--demo-bg);transition:background-color .28s ease,color .28s ease}
.yrv-demo-bar{height:auto!important;min-height:64px;overflow:visible}
.demo-viewport{padding-top:var(--demo-toolbar-height,64px)!important;scroll-padding-top:calc(var(--demo-toolbar-height,64px) + 76px)}
.demo-bar-title{min-width:0}.demo-request,.demo-theme-toggle,.demo-language select,.demo-device-switch{flex-shrink:0}
.demo-site-notice{position:relative;z-index:20;border-bottom:1px solid color-mix(in srgb,var(--demo-text) 11%,transparent);background:color-mix(in srgb,var(--demo-accent) 12%,var(--demo-surface));color:var(--demo-text)}
.demo-site-notice .demo-wrap{min-height:34px;display:flex;align-items:center;justify-content:center;gap:18px;text-align:center;font-size:.68rem;font-weight:760;letter-spacing:.015em}
.demo-site-notice a{color:var(--demo-accent);font-weight:900;white-space:nowrap}.demo-site-notice a:hover{text-decoration:underline;text-underline-offset:3px}
.demo-header{position:sticky!important;top:0;background:transparent!important;border:0!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;isolation:isolate;transition:box-shadow .25s ease}
.demo-header::before{content:"";position:absolute;z-index:0;inset:0;background:color-mix(in srgb,var(--demo-surface) 96%,var(--demo-bg));border-bottom:1px solid color-mix(in srgb,var(--demo-text) 12%,transparent);box-shadow:0 7px 22px rgba(0,0,0,.045);transition:background .25s ease,box-shadow .25s ease}
.demo-header.is-compact::before{box-shadow:0 12px 34px rgba(0,0,0,.12)}
.demo-header-inner{position:relative;z-index:2;transition:min-height .24s ease}.demo-header.is-compact .demo-header-inner{min-height:62px}
.demo-style-photo .demo-header,.demo-style-cinema .demo-header{background:transparent!important}.demo-style-photo .demo-header::before,.demo-style-cinema .demo-header::before{background:color-mix(in srgb,var(--demo-surface) 97%,var(--demo-bg))}
.demo-style-brutal .demo-header::before,.demo-style-bauhaus .demo-header::before{border-bottom:3px solid var(--demo-text)}
.demo-header-proof{display:inline-flex;align-items:center;min-height:29px;padding:0 10px;border:1px solid color-mix(in srgb,var(--demo-text) 12%,transparent);border-radius:999px;background:color-mix(in srgb,var(--demo-accent) 8%,transparent);color:color-mix(in srgb,var(--demo-text) 72%,transparent);font-size:.62rem;font-weight:850;white-space:nowrap}
.demo-scroll-progress{position:absolute;z-index:3;left:0;bottom:0;width:var(--demo-scroll-progress,0%);height:2px;background:linear-gradient(90deg,var(--demo-accent),var(--demo-accent-2));box-shadow:0 0 14px color-mix(in srgb,var(--demo-accent) 55%,transparent);transition:width .08s linear}
.demo-nav a{position:relative}.demo-nav a::after{content:"";position:absolute;left:0;right:100%;bottom:-8px;height:2px;background:var(--demo-accent);transition:right .22s ease}.demo-nav a:hover::after,.demo-nav a.is-active::after{right:0}.demo-nav a.is-active{color:var(--demo-text)}
.demo-nav.is-open{z-index:5;box-shadow:0 18px 45px rgba(0,0,0,.18);background:var(--demo-surface)!important}
.demo-theme-toggle span{display:grid;place-items:center;transition:transform .25s ease}.demo-theme-toggle:active span{transform:rotate(28deg) scale(.9)}
.demo-canvas input,.demo-canvas select,.demo-canvas textarea{background:var(--demo-surface);color:var(--demo-text);border-color:color-mix(in srgb,var(--demo-text) 16%,transparent)}
.demo-canvas input::placeholder,.demo-canvas textarea::placeholder{color:color-mix(in srgb,var(--demo-text) 48%,transparent)}
.demo-canvas a:focus-visible,.demo-canvas button:focus-visible,.demo-canvas input:focus-visible,.demo-canvas select:focus-visible,.demo-canvas textarea:focus-visible{outline:3px solid color-mix(in srgb,var(--demo-accent) 56%,transparent);outline-offset:3px}
.demo-button,.demo-header-cta,.demo-cart,.demo-product-bottom button,.demo-theme-toggle{transition:transform .2s ease,box-shadow .2s ease,background .2s ease,color .2s ease,border-color .2s ease}
.demo-button:hover,.demo-header-cta:hover,.demo-cart:hover{transform:translateY(-2px);box-shadow:0 12px 28px color-mix(in srgb,var(--demo-accent) 16%,transparent)}
.demo-product-rich,.demo-service-grid article,.demo-feature-cards article,.demo-article-grid article,.demo-pricing article,.demo-menu-grid article,.demo-collection-grid article{transition:transform .28s ease,box-shadow .28s ease,border-color .28s ease,background .28s ease}
.demo-product-rich:hover,.demo-service-grid article:hover,.demo-feature-cards article:hover,.demo-article-grid article:hover,.demo-pricing article:hover,.demo-menu-grid article:hover,.demo-collection-grid article:hover{transform:translateY(-5px);border-color:color-mix(in srgb,var(--demo-accent) 33%,transparent);box-shadow:0 20px 48px color-mix(in srgb,var(--demo-text) 9%,transparent)}
.product-art-rich img,.menu-art-rich img,.article-art img,.project-art img,.demo-art-media>img{transition:transform .55s cubic-bezier(.2,.8,.2,1),filter .35s ease}.demo-product-rich:hover .product-art-rich img,.demo-menu-grid article:hover .menu-art-rich img,.demo-article-grid article:hover .article-art img,.project-item:hover .project-art img{transform:scale(1.035)}
.demo-section{position:relative}.demo-section+.demo-section:not(.demo-section-alt){border-top:1px solid color-mix(in srgb,var(--demo-text) 6%,transparent)}
.demo-heading h2{text-wrap:balance}.demo-heading p,.demo-hero-copy p{text-wrap:pretty}

.demo-enrichment{position:relative;padding:clamp(72px,8vw,118px) 0;overflow:hidden;background:color-mix(in srgb,var(--demo-surface) 92%,var(--demo-bg));border-top:1px solid color-mix(in srgb,var(--demo-text) 8%,transparent)}
.demo-enrichment::before{content:"";position:absolute;width:520px;height:520px;border-radius:50%;right:-260px;top:-280px;background:radial-gradient(circle,color-mix(in srgb,var(--demo-accent) 18%,transparent),transparent 68%);pointer-events:none}
.demo-enrichment-head{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(280px,.65fr);gap:50px;align-items:end;margin-bottom:34px}.demo-enrichment-head h2,.demo-case-feature h2,.demo-chef-story h2,.demo-reading-club h2,.demo-integration-head h2,.demo-recognition h2{max-width:820px;margin:10px 0 0;font-size:clamp(2.1rem,4.5vw,4.4rem);line-height:1;letter-spacing:-.052em}.demo-enrichment-head>p,.demo-case-feature p,.demo-chef-story p,.demo-reading-club p{margin:0;color:color-mix(in srgb,var(--demo-text) 66%,transparent);line-height:1.7}
.demo-experience-grid{display:grid;grid-template-columns:repeat(2,minmax(0,.8fr)) minmax(280px,1.2fr);gap:18px}.demo-experience-grid>article,.demo-experience-grid>blockquote{margin:0;padding:28px;border:1px solid color-mix(in srgb,var(--demo-text) 11%,transparent);border-radius:24px;background:var(--demo-surface)}.demo-experience-grid>article>span{display:grid;place-items:center;width:40px;height:40px;margin-bottom:28px;border-radius:12px;background:color-mix(in srgb,var(--demo-accent) 14%,transparent);color:var(--demo-accent);font-weight:900}.demo-experience-grid h3{margin:0 0 10px;font-size:1.25rem}.demo-experience-grid p{margin:0;color:color-mix(in srgb,var(--demo-text) 65%,transparent);line-height:1.65}.demo-experience-grid blockquote{display:flex;flex-direction:column;justify-content:center;background:linear-gradient(145deg,color-mix(in srgb,var(--demo-accent) 11%,var(--demo-surface)),var(--demo-surface))}.demo-experience-grid blockquote>div{color:#f5ad17;letter-spacing:.12em}.demo-experience-grid blockquote p{margin:15px 0;font-size:clamp(1.12rem,2vw,1.5rem);font-weight:760;line-height:1.45;color:var(--demo-text)}.demo-experience-grid cite{font-style:normal;color:var(--demo-muted);font-size:.75rem;font-weight:800}
.demo-client-cloud{display:flex;align-items:center;justify-content:space-between;gap:30px;padding-bottom:35px;border-bottom:1px solid color-mix(in srgb,var(--demo-text) 11%,transparent)}.demo-client-cloud>span{max-width:260px;color:var(--demo-muted);font-size:.76rem;font-weight:800;text-transform:uppercase;letter-spacing:.1em}.demo-client-cloud>div{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:12px}.demo-client-cloud b{padding:13px 17px;border:1px solid color-mix(in srgb,var(--demo-text) 12%,transparent);border-radius:12px;font-size:.72rem;letter-spacing:.13em}.demo-case-feature{display:grid;grid-template-columns:minmax(0,1fr) minmax(290px,.62fr);gap:70px;align-items:end;padding-top:52px}.demo-case-numbers{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid color-mix(in srgb,var(--demo-text) 12%,transparent);border-radius:24px;overflow:hidden}.demo-case-numbers strong{display:flex;min-height:150px;flex-direction:column;justify-content:center;padding:20px;border-right:1px solid color-mix(in srgb,var(--demo-text) 10%,transparent);font-size:clamp(1.7rem,3vw,2.7rem);letter-spacing:-.05em}.demo-case-numbers strong:last-child{border-right:0}.demo-case-numbers span{margin-top:8px;color:var(--demo-muted);font-size:.68rem;line-height:1.4;letter-spacing:0}
.demo-press-row{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:12px 30px;padding-bottom:42px;color:var(--demo-muted)}.demo-press-row span{font-size:.66rem;text-transform:uppercase;letter-spacing:.13em;font-weight:850}.demo-press-row b{font-family:Georgia,serif;font-size:1rem;letter-spacing:.08em;color:var(--demo-text)}.demo-chef-story{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,.48fr);gap:55px;align-items:stretch}.demo-chef-story>div,.demo-chef-story>aside{padding:clamp(27px,4vw,48px);border-radius:28px;background:var(--demo-surface);border:1px solid color-mix(in srgb,var(--demo-text) 10%,transparent)}.demo-chef-story cite{display:block;margin-top:20px;color:var(--demo-accent);font-size:.75rem;font-style:normal;font-weight:850}.demo-chef-story aside{display:flex;flex-direction:column;justify-content:flex-end;background:linear-gradient(145deg,var(--demo-accent),color-mix(in srgb,var(--demo-accent-2) 72%,var(--demo-accent)));color:var(--demo-bg)}.demo-chef-story aside small{font-weight:900;letter-spacing:.12em;text-transform:uppercase}.demo-chef-story aside strong{margin:20px 0;font-size:clamp(1.45rem,2.6vw,2.3rem);line-height:1.08}.demo-chef-story aside a{font-weight:900}
.demo-reading-club{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,.55fr);gap:60px;align-items:end}.demo-reader-stats{display:grid;grid-template-columns:repeat(3,1fr);border-block:1px solid color-mix(in srgb,var(--demo-text) 13%,transparent)}.demo-reader-stats strong{display:flex;min-height:128px;flex-direction:column;justify-content:center;padding:18px;border-right:1px solid color-mix(in srgb,var(--demo-text) 10%,transparent);font-family:Georgia,serif;font-size:2rem}.demo-reader-stats strong:last-child{border-right:0}.demo-reader-stats span{margin-top:7px;color:var(--demo-muted);font-family:Inter,system-ui,sans-serif;font-size:.65rem;line-height:1.4}.demo-topic-row{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin-top:40px}.demo-topic-row>span{margin-right:auto;color:var(--demo-muted);font-size:.7rem;font-weight:850;text-transform:uppercase;letter-spacing:.1em}.demo-topic-row a{padding:9px 13px;border:1px solid color-mix(in srgb,var(--demo-text) 13%,transparent);border-radius:999px;font-size:.72rem;font-weight:800}.demo-topic-row a:hover{background:var(--demo-accent);color:var(--demo-bg);border-color:var(--demo-accent)}
.demo-integration-head{text-align:center}.demo-integration-head h2{margin-inline:auto;max-width:880px}.demo-integrations{display:grid;grid-template-columns:repeat(6,1fr);gap:12px;margin:38px 0}.demo-integrations span{display:grid;place-items:center;min-height:78px;border:1px solid color-mix(in srgb,var(--demo-text) 11%,transparent);border-radius:18px;background:var(--demo-surface);font-size:.72rem;font-weight:950;letter-spacing:.09em}.demo-product-quote{display:grid;grid-template-columns:1fr auto;gap:30px;align-items:center;padding:clamp(28px,4vw,48px);border-radius:28px;background:linear-gradient(125deg,color-mix(in srgb,var(--demo-accent) 16%,var(--demo-surface)),var(--demo-surface));border:1px solid color-mix(in srgb,var(--demo-accent) 23%,transparent)}.demo-product-quote blockquote{margin:0;max-width:760px;font-size:clamp(1.35rem,2.7vw,2.35rem);font-weight:760;line-height:1.25;letter-spacing:-.025em}.demo-product-quote cite{display:block;margin-top:18px;color:var(--demo-muted);font-size:.72rem;font-style:normal;letter-spacing:.04em}.demo-product-quote>div{display:flex;gap:12px}.demo-product-quote strong{display:flex;min-width:130px;min-height:118px;flex-direction:column;justify-content:center;padding:18px;border-radius:18px;background:var(--demo-surface);font-size:1.8rem}.demo-product-quote strong span{margin-top:6px;color:var(--demo-muted);font-size:.65rem;line-height:1.4}
.demo-recognition{display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,.85fr);gap:60px;align-items:end}.demo-awards{border-top:1px solid var(--demo-text)}.demo-awards span{display:grid;grid-template-columns:72px 1fr;gap:18px;padding:16px 0;border-bottom:1px solid color-mix(in srgb,var(--demo-text) 15%,transparent);font-size:.82rem}.demo-awards b{color:var(--demo-accent)}.demo-process-line{display:grid;grid-template-columns:repeat(4,1fr);margin-top:50px;border:1px solid color-mix(in srgb,var(--demo-text) 13%,transparent)}.demo-process-line span{display:flex;min-height:110px;flex-direction:column;justify-content:space-between;padding:20px;border-right:1px solid color-mix(in srgb,var(--demo-text) 11%,transparent);font-size:1rem;font-weight:850}.demo-process-line span:last-child{border-right:0}.demo-process-line b{color:var(--demo-accent);font-size:.68rem}
.demo-style-newspaper .demo-enrichment-blog,.demo-style-mono .demo-enrichment-blog{background:var(--demo-bg)}.demo-style-brutal .demo-process-line,.demo-style-bauhaus .demo-process-line,.demo-style-brutal .demo-awards,.demo-style-bauhaus .demo-awards{border-width:3px}.demo-style-cinema .demo-enrichment-portfolio{background:#090909}.demo-style-luxe .demo-enrichment-commerce,.demo-style-lifestyle .demo-enrichment-blog{background:linear-gradient(180deg,var(--demo-bg),color-mix(in srgb,var(--demo-accent) 7%,var(--demo-bg)))}

@container demo (max-width:1080px){.demo-header-proof{display:none}.demo-enrichment-head,.demo-case-feature,.demo-chef-story,.demo-reading-club,.demo-recognition{grid-template-columns:1fr}.demo-experience-grid{grid-template-columns:1fr 1fr}.demo-experience-grid blockquote{grid-column:1/-1}.demo-case-numbers{max-width:760px}.demo-reader-stats{max-width:720px}.demo-integrations{grid-template-columns:repeat(3,1fr)}.demo-product-quote{grid-template-columns:1fr}.demo-product-quote>div{justify-content:flex-start}}
@container demo (max-width:700px){.demo-site-notice .demo-wrap{justify-content:space-between;min-height:38px;text-align:left}.demo-site-notice span{max-width:72%}.demo-enrichment{padding:62px 0}.demo-enrichment-head{gap:18px}.demo-experience-grid{grid-template-columns:1fr}.demo-experience-grid blockquote{grid-column:auto}.demo-client-cloud{align-items:flex-start;flex-direction:column}.demo-client-cloud>div{justify-content:flex-start}.demo-case-numbers,.demo-reader-stats{grid-template-columns:1fr}.demo-case-numbers strong,.demo-reader-stats strong{min-height:auto;padding:20px;border-right:0;border-bottom:1px solid color-mix(in srgb,var(--demo-text) 10%,transparent)}.demo-case-numbers strong:last-child,.demo-reader-stats strong:last-child{border-bottom:0}.demo-integrations{grid-template-columns:repeat(2,1fr)}.demo-product-quote>div{display:grid;grid-template-columns:1fr 1fr}.demo-process-line{grid-template-columns:1fr 1fr}.demo-process-line span:nth-child(2){border-right:0}.demo-process-line span:nth-child(-n+2){border-bottom:1px solid color-mix(in srgb,var(--demo-text) 11%,transparent)}.demo-topic-row>span{width:100%;margin-right:0}}
@container demo (max-width:460px){.demo-site-notice .demo-wrap{gap:10px}.demo-site-notice span{max-width:66%;font-size:.59rem}.demo-site-notice a{font-size:.59rem}.demo-product-quote>div{grid-template-columns:1fr}.demo-integrations{grid-template-columns:1fr 1fr}.demo-enrichment-head h2,.demo-case-feature h2,.demo-chef-story h2,.demo-reading-club h2,.demo-integration-head h2,.demo-recognition h2{font-size:clamp(2rem,11cqw,3rem)}.demo-process-line span{min-height:90px}.demo-client-cloud b{padding:10px 12px;font-size:.62rem}}
@media(max-width:760px){.demo-viewport{padding-top:var(--demo-toolbar-height,58px)!important}}
@media(max-width:390px){.demo-request{max-width:104px;padding-inline:7px}.demo-bar-title strong{max-width:72px}.demo-language select{width:44px}.demo-theme-toggle{width:32px;height:32px;flex-basis:32px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.demo-canvas *{scroll-behavior:auto!important;animation:none!important;transition:none!important}}

/* Toolbar order and mobile hero flow */
@media(max-width:900px){.yrv-demo-bar{gap:10px;padding:9px 12px}.demo-bar-title{order:0!important;flex:1 1 110px!important;flex-basis:auto!important}.demo-device-switch{margin-left:0!important}.demo-viewport{padding-top:var(--demo-toolbar-height,64px)!important}}
@container demo (max-width:680px){.demo-hero-stack{order:0}.demo-hero-grid>.demo-hero-copy{order:-1}}
@media(max-width:760px){.demo-bar-title{order:0!important;flex-basis:auto!important}.demo-back{order:0}.demo-theme-toggle{order:0}.demo-language{order:0}.demo-request{order:0}}
.demo-canvas{overflow-x:clip}.demo-art,.article-art,.project-art,.product-art,.menu-art{contain:paint}
@container demo (max-width:680px){.art-a{width:220px;height:220px;right:-18px;top:-28px}.art-b{width:160px;height:160px;left:-14px;bottom:-20px}.art-c{width:72px;height:72px;border-width:14px}}

/* Correcciones finales de imagen, espacios y previsualización */
.demo-category-business .demo-art-media>img,.demo-category-landing .demo-art-media>img{object-fit:cover;padding:0;background:none}
.demo-art-media figcaption{left:16px;right:auto;bottom:16px;justify-content:flex-start;padding:8px 10px;border-radius:999px;background:rgba(8,12,18,.48);text-shadow:none}
.demo-art-media figcaption strong{min-width:32px;height:32px;border-radius:999px;font-size:.68rem}.demo-art-media figcaption span{font-size:.72rem}
.demo-enrichment{padding:clamp(54px,6vw,84px) 0}
.demo-enrichment-head{margin-bottom:26px}
.demo-experience-grid>article,.demo-experience-grid>blockquote{padding:22px}
.demo-press-row{padding-bottom:28px}
.demo-case-feature{padding-top:34px;gap:42px}
.demo-chef-story,.demo-reading-club,.demo-recognition{gap:38px}
.demo-process-line{margin-top:34px}
.demo-product-quote{padding:clamp(24px,3vw,38px)}
.demo-client-cloud{padding-bottom:26px}
.demo-integrations{margin:28px 0}
.demo-header{background:var(--demo-surface);box-shadow:0 1px 0 color-mix(in srgb,var(--demo-text) 10%,transparent)}
.demo-nav.is-open{box-shadow:0 14px 35px rgba(0,0,0,.12)}
@container demo (max-width:700px){.demo-enrichment{padding:50px 0}.demo-experience-grid>article,.demo-experience-grid>blockquote{padding:20px}.demo-case-feature{padding-top:24px}.demo-chef-story>div,.demo-chef-story>aside{padding:24px}.demo-product-quote{padding:22px}.demo-process-line{margin-top:28px}}

/* Experiencias ampliadas, carrito interactivo y animaciones ligeras */
.demo-visual-story{overflow:hidden;background:linear-gradient(180deg,var(--demo-bg),color-mix(in srgb,var(--demo-accent) 5%,var(--demo-bg)))}
.demo-story-mosaic{display:grid;grid-template-columns:1.25fr .75fr .72fr;grid-template-rows:260px 230px;gap:16px}
.demo-story-mosaic figure,.demo-story-card{position:relative;min-width:0;margin:0;overflow:hidden;border:1px solid color-mix(in srgb,var(--demo-text) 11%,transparent);border-radius:24px;background:var(--demo-surface)}
.demo-story-mosaic img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .45s cubic-bezier(.22,.7,.25,1),filter .35s ease}
.demo-story-mosaic figure:hover img{transform:scale(1.025);filter:saturate(1.04)}
.demo-story-main{grid-row:1/3}.demo-story-wide{grid-column:2/4}
.demo-story-card{display:flex;flex-direction:column;justify-content:space-between;padding:24px;background:linear-gradient(145deg,color-mix(in srgb,var(--demo-accent) 14%,var(--demo-surface)),var(--demo-surface))}
.demo-story-card>span{color:var(--demo-accent);font-size:.68rem;font-weight:900;letter-spacing:.13em;text-transform:uppercase}
.demo-story-card ul{display:grid;gap:12px;margin:20px 0;padding:0;list-style:none}.demo-story-card li{display:flex;gap:9px;color:color-mix(in srgb,var(--demo-text) 72%,transparent);font-size:.82rem;line-height:1.4}.demo-story-card li::before{content:"✓";color:var(--demo-accent);font-weight:900}
.demo-story-card .demo-link{align-self:flex-start}
.product-quick-view{position:absolute;z-index:4;left:12px;right:12px;bottom:12px;min-height:38px;border:1px solid rgba(255,255,255,.28);border-radius:11px;background:rgba(10,14,22,.72);color:#fff;font-size:.7rem;font-weight:850;opacity:0;transform:translateY(8px);cursor:pointer;transition:opacity .2s ease,transform .2s ease,background .2s ease;backdrop-filter:blur(10px)}
.product-art:hover .product-quick-view,.product-quick-view:focus-visible{opacity:1;transform:none}.product-quick-view:hover{background:rgba(10,14,22,.9)}
.demo-product.is-added{animation:demoProductAdded .44s ease}.demo-product.is-added .product-art{box-shadow:0 0 0 3px color-mix(in srgb,var(--demo-accent) 45%,transparent),0 20px 45px rgba(0,0,0,.16)}
@keyframes demoProductAdded{0%{transform:scale(1)}45%{transform:scale(1.018)}100%{transform:scale(1)}}
.demo-drawer{align-items:stretch}.demo-cart-panel{display:flex!important;flex-direction:column;width:min(470px,100vw)!important;max-height:100dvh;padding:0!important;overflow:hidden;background:var(--demo-surface)!important;color:var(--demo-text)!important}
.demo-cart-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding:24px 24px 16px;border-bottom:1px solid color-mix(in srgb,var(--demo-text) 10%,transparent)}
.demo-cart-head h2{margin:5px 0 0!important;font-size:1.8rem}.demo-cart-head>button{position:static!important;float:none!important;display:grid;place-items:center;width:38px;height:38px;border:1px solid color-mix(in srgb,var(--demo-text) 14%,transparent)!important;border-radius:50%;background:transparent!important;color:inherit!important;font-size:1.35rem!important}
.demo-cart-progress{padding:16px 24px;border-bottom:1px solid color-mix(in srgb,var(--demo-text) 9%,transparent)}.demo-cart-progress>div{display:flex;justify-content:space-between;gap:12px;color:var(--demo-muted);font-size:.72rem}.demo-cart-progress i{display:block;height:7px;margin-top:10px;overflow:hidden;border-radius:999px;background:color-mix(in srgb,var(--demo-text) 9%,transparent)}.demo-cart-progress b{display:block;width:0;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--demo-accent),var(--demo-accent-2));transition:width .35s ease}
.demo-cart-empty{display:grid;place-items:center;align-content:center;min-height:250px;padding:28px;text-align:center}.demo-cart-empty[hidden]{display:none}.demo-cart-empty>span{display:grid;place-items:center;width:64px;height:64px;border-radius:20px;background:color-mix(in srgb,var(--demo-accent) 12%,transparent);font-size:1.8rem}.demo-cart-empty h3{margin:16px 0 7px}.demo-cart-empty p{min-height:0!important;max-width:320px;margin:0;color:var(--demo-muted);font-size:.8rem;line-height:1.55}
.demo-cart-items{display:grid;gap:12px;padding:16px 24px;overflow:auto}.demo-cart-items[hidden]{display:none}.demo-cart-item{display:grid;grid-template-columns:76px minmax(0,1fr) auto;gap:12px;align-items:center;padding:12px;border:1px solid color-mix(in srgb,var(--demo-text) 10%,transparent);border-radius:16px;background:color-mix(in srgb,var(--demo-bg) 42%,var(--demo-surface));animation:cartItemIn .22s ease}.demo-cart-item img{width:76px;height:76px;border-radius:12px;object-fit:cover}.demo-cart-item-copy{display:grid;gap:4px;min-width:0}.demo-cart-item-copy strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.87rem}.demo-cart-item-copy small{display:-webkit-box;overflow:hidden;color:var(--demo-muted);font-size:.65rem;line-height:1.35;-webkit-line-clamp:2;-webkit-box-orient:vertical}.demo-cart-item-copy span{color:var(--demo-accent);font-size:.76rem;font-weight:900}.demo-cart-item-actions{display:grid;justify-items:end;gap:8px}.demo-cart-quantity{display:flex;align-items:center;border:1px solid color-mix(in srgb,var(--demo-text) 13%,transparent);border-radius:999px}.demo-cart-quantity button{display:grid;place-items:center;width:28px;height:28px;border:0;background:transparent;color:inherit;cursor:pointer}.demo-cart-quantity span{min-width:20px;text-align:center;font-size:.72rem;font-weight:850}.demo-cart-remove{border:0;background:transparent;color:var(--demo-muted);font-size:.62rem;text-decoration:underline;text-underline-offset:3px;cursor:pointer}
@keyframes cartItemIn{from{opacity:0;transform:translateX(10px)}to{opacity:1;transform:none}}
.demo-cart-coupon{display:flex;gap:8px;padding:14px 24px;border-top:1px solid color-mix(in srgb,var(--demo-text) 9%,transparent)}.demo-cart-coupon input{min-width:0;flex:1;padding:11px 12px;border-radius:11px}.demo-cart-coupon input.is-applied{border-color:var(--demo-accent)}.demo-cart-coupon button{padding:0 14px;border:0;border-radius:10px;background:color-mix(in srgb,var(--demo-accent) 13%,transparent);color:var(--demo-accent);font-size:.72rem;font-weight:850;cursor:pointer}
.demo-cart-summary{display:grid;gap:8px;padding:14px 24px;border-top:1px solid color-mix(in srgb,var(--demo-text) 9%,transparent)}.demo-cart-summary>div{display:flex;justify-content:space-between;gap:16px;color:var(--demo-muted);font-size:.75rem}.demo-cart-summary strong{color:var(--demo-text)}.demo-cart-summary .drawer-total{margin-top:4px;padding:13px 0 0;border-top:1px solid color-mix(in srgb,var(--demo-text) 10%,transparent);font-size:.9rem}.demo-cart-panel>[data-checkout]{width:calc(100% - 48px);margin:0 24px}.demo-cart-panel>[data-checkout]:disabled{opacity:.45;cursor:not-allowed}.demo-cart-continue{margin:10px 24px 0;border:0;background:transparent;color:var(--demo-muted);font-size:.72rem;font-weight:800;cursor:pointer}.demo-cart-security{display:flex;justify-content:center;gap:14px;padding:14px 18px 20px;color:var(--demo-muted);font-size:.6rem}
.demo-modal{padding:20px}.demo-modal-card{display:grid;grid-template-columns:minmax(0,.9fr) minmax(280px,1fr);max-width:880px!important;width:min(880px,100%);padding:0!important;overflow:hidden}.demo-modal-card>button:first-child{z-index:4;display:grid;place-items:center;width:38px;height:38px;border-radius:50%!important;background:rgba(10,14,22,.72)!important;color:#fff!important}.demo-modal-card>img{width:100%;height:100%;min-height:440px;object-fit:cover}.demo-modal-card>img[hidden]{display:none}.demo-modal-card>img[hidden]+.demo-modal-copy{grid-column:1/-1}.demo-modal-copy{display:flex;flex-direction:column;justify-content:center;padding:38px}.demo-modal-copy h2{font-size:clamp(2rem,5vw,3.8rem);line-height:.98}.demo-modal-copy p{font-size:.94rem}.demo-modal-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:8px}
.demo-motion{opacity:0;transform:translateY(18px);transition:opacity .48s ease,transform .48s cubic-bezier(.22,.7,.25,1)}.demo-motion-visible{opacity:1;transform:none}
@container demo (max-width:900px){.demo-story-mosaic{grid-template-columns:1fr 1fr;grid-template-rows:300px auto 240px}.demo-story-main{grid-column:1/-1;grid-row:auto}.demo-story-wide{grid-column:1/-1}.demo-modal-card{grid-template-columns:1fr}.demo-modal-card>img{min-height:260px;max-height:340px}.demo-modal-copy{padding:28px}}
@container demo (max-width:560px){.demo-story-mosaic{display:grid;grid-template-columns:1fr;grid-template-rows:none}.demo-story-mosaic>*{min-height:210px}.demo-story-card{min-height:auto;padding:20px}.product-quick-view{opacity:1;transform:none}.demo-cart-panel{width:100vw!important}.demo-cart-head,.demo-cart-progress,.demo-cart-items,.demo-cart-coupon,.demo-cart-summary{padding-left:16px;padding-right:16px}.demo-cart-panel>[data-checkout]{width:calc(100% - 32px);margin-inline:16px}.demo-cart-continue{margin-inline:16px}.demo-cart-item{grid-template-columns:64px minmax(0,1fr)}.demo-cart-item img{width:64px;height:64px}.demo-cart-item-actions{grid-column:2;display:flex;justify-content:space-between;width:100%}.demo-cart-security{flex-wrap:wrap}.demo-modal-copy{padding:24px}.demo-modal-actions{flex-direction:column}.demo-modal-actions .demo-button{width:100%}}
@media(prefers-reduced-motion:reduce){.demo-motion,.demo-motion-visible{opacity:1;transform:none}.demo-product.is-added{animation:none}.demo-cart-item{animation:none}.demo-story-mosaic img{transition:none}}
.demo-story-card>strong{display:block;margin:12px 0 0;font-size:clamp(1.2rem,2.2vw,1.85rem);line-height:1.08;letter-spacing:-.035em}.demo-story-card>p{margin:10px 0 0;color:var(--demo-muted);font-size:.76rem;line-height:1.55}.demo-layout-2 .demo-story-mosaic{grid-template-columns:.78fr 1.22fr .78fr}.demo-layout-2 .demo-story-main{grid-column:2;grid-row:1/3}.demo-layout-2 .demo-story-wide{grid-column:1}.demo-layout-3 .demo-story-mosaic{grid-template-columns:1fr 1fr;grid-template-rows:300px 230px 220px}.demo-layout-3 .demo-story-main{grid-column:1;grid-row:1/3}.demo-layout-3 .demo-story-card{grid-column:2;grid-row:1}.demo-layout-3 .demo-story-wide{grid-column:1/3}.demo-layout-4 .demo-story-mosaic{grid-template-columns:1.4fr .6fr .6fr;gap:10px}.demo-layout-4 .demo-story-mosaic figure,.demo-layout-4 .demo-story-card{border-radius:4px}.demo-layout-5 .demo-story-mosaic{grid-template-columns:1fr 1fr 1fr;grid-template-rows:250px 250px}.demo-layout-5 .demo-story-main{grid-column:1/3}.demo-layout-5 .demo-story-wide{grid-column:2/4}.demo-layout-5 .demo-story-card{grid-row:1/3;grid-column:3}.demo-style-luxe .demo-story-card,.demo-style-heritage .demo-story-card{font-family:Georgia,"Times New Roman",serif}.demo-style-brutal .demo-story-mosaic figure,.demo-style-brutal .demo-story-card,.demo-style-bauhaus .demo-story-mosaic figure,.demo-style-bauhaus .demo-story-card{border-width:2px;border-radius:0}.demo-style-cinema .demo-story-mosaic figure{border-radius:5px}.demo-style-photo .demo-story-mosaic img{filter:grayscale(1)}
@container demo (max-width:900px){.demo-layout-2 .demo-story-mosaic,.demo-layout-3 .demo-story-mosaic,.demo-layout-4 .demo-story-mosaic,.demo-layout-5 .demo-story-mosaic{grid-template-columns:1fr 1fr;grid-template-rows:300px auto 240px}.demo-layout-2 .demo-story-main,.demo-layout-3 .demo-story-main,.demo-layout-5 .demo-story-main{grid-column:1/-1;grid-row:auto}.demo-layout-2 .demo-story-wide,.demo-layout-3 .demo-story-wide,.demo-layout-5 .demo-story-wide{grid-column:1/-1}.demo-layout-3 .demo-story-card,.demo-layout-5 .demo-story-card{grid-column:auto;grid-row:auto}}
@container demo (max-width:560px){.demo-layout-2 .demo-story-mosaic,.demo-layout-3 .demo-story-mosaic,.demo-layout-4 .demo-story-mosaic,.demo-layout-5 .demo-story-mosaic{grid-template-columns:1fr;grid-template-rows:none}.demo-layout-2 .demo-story-main,.demo-layout-3 .demo-story-main,.demo-layout-5 .demo-story-main,.demo-layout-2 .demo-story-wide,.demo-layout-3 .demo-story-wide,.demo-layout-5 .demo-story-wide,.demo-layout-3 .demo-story-card,.demo-layout-5 .demo-story-card{grid-column:auto;grid-row:auto}}
.demo-menu-bottom{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:10px}.demo-menu-bottom button{border:0;border-bottom:1px solid currentColor;background:transparent;color:var(--demo-text);font-size:.68rem;font-weight:850;cursor:pointer}.demo-menu-bottom button:hover{color:var(--demo-accent)}
.demo-service-image{display:block;width:calc(100% + 36px);height:150px;margin:-18px -18px 18px;object-fit:cover;border-bottom:1px solid color-mix(in srgb,var(--demo-text) 10%,transparent)}.demo-feature-image{position:relative;height:170px;margin:-20px -20px 18px;overflow:hidden;border-radius:18px 18px 10px 10px}.demo-feature-image img{width:100%;height:100%;object-fit:cover}.demo-feature-image>span{position:absolute;left:12px;bottom:12px;display:grid!important;place-items:center;width:38px;height:38px;border-radius:12px;background:rgba(8,12,18,.72);color:#fff!important;backdrop-filter:blur(8px)}
.demo-style-brutal .demo-service-image,.demo-style-bauhaus .demo-service-image,.demo-style-brutal .demo-feature-image,.demo-style-bauhaus .demo-feature-image{border-radius:0}
@container demo (max-width:680px){.demo-service-image{height:135px}.demo-feature-image{height:150px}}
.demo-cart-items{flex:1;min-height:0}.demo-form-status{display:block;min-height:20px;color:var(--demo-accent);font-size:.72rem;font-weight:800}.demo-contact-panel form.is-success,.demo-booking form.is-success,.demo-newsletter form.is-success{animation:demoFormSuccess .5s ease}.demo-contact-panel form.is-success button[type="submit"],.demo-booking form.is-success button[type="submit"],.demo-newsletter form.is-success button[type="submit"]{box-shadow:0 0 0 5px color-mix(in srgb,var(--demo-accent) 15%,transparent)}
@keyframes demoFormSuccess{0%{transform:translateY(0)}45%{transform:translateY(-3px)}100%{transform:none}}
@media(prefers-reduced-motion:reduce){.demo-contact-panel form.is-success,.demo-booking form.is-success,.demo-newsletter form.is-success{animation:none}}