@font-face{font-family:Space Grotesk;src:url('/assets/fonts/space-grotesk-400.ttf') format('truetype');font-weight:400;font-display:swap}
@font-face{font-family:Space Grotesk;src:url('/assets/fonts/space-grotesk-700.ttf') format('truetype');font-weight:700;font-display:swap}
@font-face{font-family:Manrope;src:url('/assets/fonts/manrope-400.ttf') format('truetype');font-weight:400;font-display:swap}
@font-face{font-family:Manrope;src:url('/assets/fonts/manrope-700.ttf') format('truetype');font-weight:700;font-display:swap}
:root{--bg:#050b18;--panel:#081329;--panel2:#0d1d3c;--line:rgba(220,234,255,.15);--text:#f5f8ff;--muted:#a9bad4;--blue:#2293f8;--cyan:#58d5ff;--violet:#8a7cff;--radius:8px;--max:1220px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Manrope,Arial,sans-serif;color:var(--text);background:linear-gradient(180deg,#020712,#07142d 42%,#030814);line-height:1.65}body:before{content:"";position:fixed;inset:0;pointer-events:none;background:linear-gradient(rgba(255,255,255,.028) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.022) 1px,transparent 1px);background-size:72px 72px;mask-image:linear-gradient(180deg,#000,transparent 85%)}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}h1,h2,h3,.premium-button,.eyebrow{font-family:Space Grotesk,Arial,sans-serif}p{color:var(--muted);margin-top:0}.premium-shell .premium-header,.premium-shell .hero,.premium-shell .section-block,.premium-footer,.page-hero,.metric-strip,.demo-header,.demo-section,.demo-hero,.showcase-hub{width:min(calc(100% - 32px),var(--max));margin-inline:auto}.premium-header,.demo-header{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:16px 0;background:rgba(5,11,24,.78);backdrop-filter:blur(18px);border-bottom:1px solid transparent}.premium-brand img{width:clamp(180px,20vw,270px)}.premium-nav,.demo-header nav{display:flex;gap:8px;align-items:center}.premium-nav a,.demo-header nav a{padding:10px 12px;color:var(--muted);border:1px solid transparent;border-radius:var(--radius)}.premium-nav a:hover,.premium-nav a.is-active,.demo-header nav a:hover{color:var(--text);border-color:var(--line);background:rgba(255,255,255,.04)}.premium-button,.demo-button{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:12px 18px;border-radius:var(--radius);border:1px solid rgba(88,213,255,.35);background:linear-gradient(135deg,var(--blue),#1460d8);color:white;font-weight:700;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.premium-button:hover,.demo-button:hover{transform:translateY(-3px);box-shadow:0 20px 44px rgba(0,0,0,.35)}.premium-button.secondary,.demo-button.secondary{background:rgba(255,255,255,.05);border-color:var(--line);color:var(--text)}.menu-toggle{display:none;background:none;border:0;width:44px;height:44px}.menu-toggle span{display:block;height:2px;background:var(--text);margin:7px 0}.hero{display:grid;grid-template-columns:1.12fr .88fr;gap:28px;align-items:center;min-height:auto;padding:52px 0 34px}.eyebrow{color:var(--cyan);text-transform:uppercase;letter-spacing:.16em;font-size:.78rem;font-weight:700}h1{font-size:clamp(2.65rem,4.8vw,4.5rem);line-height:.96;letter-spacing:0;margin:0 0 22px}h2{font-size:clamp(2rem,4vw,4rem);line-height:1;margin:0 0 18px}h3{font-size:1.25rem;margin:0 0 10px}.hero-lead,.page-hero p{font-size:1.1rem;max-width:760px}.hero-actions,.center-actions{display:flex;gap:12px;flex-wrap:wrap;align-items:center}.ops-board{border:1px solid var(--line);background:linear-gradient(180deg,rgba(17,38,80,.92),rgba(5,12,28,.95));border-radius:var(--radius);padding:20px;box-shadow:0 32px 90px rgba(0,0,0,.42)}.board-top,.signal-grid,.deploy-line{display:flex;justify-content:space-between;gap:10px}.board-top strong{color:#7bf0bc}.signal-grid{display:grid;grid-template-columns:repeat(2,1fr);margin:24px 0}.signal-grid span,.board-terminal,.metric-strip article,.premium-card,.comparison-grid article,.showcase-card,.demo-card,.demo-trust article,.demo-about aside,details,.hub-card{border:1px solid var(--line);background:rgba(255,255,255,.045);border-radius:var(--radius)}.signal-grid span{padding:14px}.deploy-line span{height:10px;flex:1;border-radius:20px;background:linear-gradient(90deg,var(--blue),var(--cyan))}.board-terminal{margin-top:24px;padding:18px;color:#bfe7ff;font-family:Consolas,monospace}.metric-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.metric-strip article{padding:20px}.metric-strip strong{display:block;font-size:1.6rem}.metric-strip span{color:var(--muted)}.section-block{padding:86px 0}.section-intro{max-width:820px;margin-bottom:28px}.service-grid,.page-detail-grid,.testimonial-grid,.showcase-preview-grid,.demo-card-grid,.hub-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.premium-card,.showcase-card,.demo-card,.hub-card{padding:22px;transition:transform .2s ease,border-color .2s ease,background .2s ease}.premium-card:hover,.showcase-card:hover,.hub-card:hover{transform:translateY(-6px);border-color:rgba(88,213,255,.45);background:rgba(255,255,255,.07)}.card-kicker,.showcase-card span,.hub-card span,.demo-card span{display:block;color:var(--cyan);text-transform:uppercase;letter-spacing:.13em;font-size:.75rem;margin-bottom:10px}.split-feature{display:grid;grid-template-columns:.95fr 1.05fr;gap:24px;align-items:start}.comparison-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.comparison-grid article{padding:22px}.comparison-grid span{font-weight:700;color:var(--cyan)}.showcase-card,.hub-card{padding:0;overflow:hidden}.showcase-card img,.hub-card img{width:100%;aspect-ratio:16/10;object-fit:cover}.showcase-card span,.showcase-card h3,.showcase-card p,.hub-card span,.hub-card h2,.hub-card p{margin-left:18px;margin-right:18px}.showcase-card p,.hub-card p{margin-bottom:20px}.timeline{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.timeline article{padding:22px;border-top:2px solid var(--cyan);background:rgba(255,255,255,.04)}.timeline span{color:var(--cyan);font-weight:700}.testimonials blockquote{margin:0 0 18px;font-size:1.05rem}.testimonials figcaption span{display:block;color:var(--muted)}.faq-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}details{padding:18px}summary{cursor:pointer;font-weight:700}.contact-section,.cta-band{border:1px solid var(--line);border-radius:var(--radius);padding:34px;background:linear-gradient(135deg,rgba(34,147,248,.18),rgba(138,124,255,.1))}.premium-form{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.premium-form label{display:grid;gap:6px;color:var(--text)}.premium-form input,.premium-form select,.premium-form textarea{width:100%;border:1px solid var(--line);background:#071226;color:var(--text);border-radius:var(--radius);padding:13px;font:inherit}.premium-form textarea{min-height:160px}.full{grid-column:1/-1}.consent{display:flex!important;align-items:flex-start}.consent input{width:auto}.contact-hp{position:absolute;left:-100vw}.form-status{padding:12px;border:1px solid rgba(123,240,188,.4);background:rgba(123,240,188,.08);border-radius:var(--radius)}.form-status-error{border-color:rgba(255,100,100,.4);background:rgba(255,100,100,.1)}.premium-footer{display:grid;grid-template-columns:1.4fr repeat(3,1fr);gap:24px;padding:50px 0;border-top:1px solid var(--line)}.premium-footer img{max-width:180px}.premium-footer a,.demo-footer a{display:block;color:var(--muted);margin:6px 0}.page-hero{padding:86px 0 34px}.page-hero h1{max-width:980px}.comparison-table{border:1px solid var(--line);border-radius:var(--radius);padding:26px}.comparison-table div{display:grid;grid-template-columns:180px 1fr;gap:18px;border-top:1px solid var(--line);padding:14px 0}.comparison-table span:first-child{font-weight:700;color:var(--cyan)}.reveal{opacity:0;transform:translateY(26px);transition:opacity .7s ease,transform .7s cubic-bezier(.2,.9,.2,1)}.reveal.is-visible{opacity:1;transform:translateY(0)}.tilt-card{transform-style:preserve-3d}.showcase-site{background:var(--demo-dark);color:#fff}.demo-header{max-width:none;width:calc(100% - 32px)}.demo-brand{font-family:Space Grotesk;font-weight:700;font-size:1.25rem}.demo-layout,.showcase-hub{padding-bottom:60px}.demo-hero{display:grid;grid-template-columns:.9fr 1.1fr;gap:28px;align-items:center;min-height:82vh;padding:70px 0}.demo-hero img{width:100%;height:68vh;object-fit:cover;border-radius:var(--radius)}.demo-hero h1,.hub-hero h1{font-size:clamp(2.45rem,5.2vw,5.1rem)}.demo-section{padding:70px 0}.demo-trust{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.demo-trust article{padding:18px}.demo-trust strong{display:block;color:var(--demo-accent);font-size:1.4rem}.demo-split,.demo-about{display:grid;grid-template-columns:.8fr 1.2fr;gap:24px;align-items:start}.demo-card{background:rgba(255,255,255,.08)}.demo-gallery{display:grid;grid-template-columns:1.2fr .8fr 1fr;gap:12px}.demo-gallery img{width:100%;height:360px;object-fit:cover;border-radius:var(--radius)}.demo-testimonials{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.demo-cta{text-align:center;border:1px solid rgba(255,255,255,.18);border-radius:var(--radius);background:linear-gradient(135deg,rgba(255,255,255,.12),rgba(255,255,255,.04))}.demo-footer{width:min(calc(100% - 32px),var(--max));margin:auto;display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:20px;padding:38px 0;border-top:1px solid rgba(255,255,255,.18)}.demo-warm .demo-hero,.demo-romantic .demo-hero{grid-template-columns:1fr .9fr}.demo-editorial .demo-hero,.demo-gallery .demo-hero{grid-template-columns:.8fr 1.2fr}.demo-saas .demo-hero,.demo-cloud .demo-hero{background:radial-gradient(circle at 70% 20%,rgba(255,255,255,.12),transparent 35%)}.hub-hero{padding:90px 0 20px}.hub-filters{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:28px}.hub-filters button{border:1px solid var(--line);background:rgba(255,255,255,.06);color:var(--text);border-radius:var(--radius);padding:10px 14px;cursor:pointer}.hub-filters button.is-active{background:var(--blue);border-color:var(--blue)}.hub-card[hidden]{display:none}
@media(max-width:900px){.premium-nav,.sk-header nav{display:none}.premium-nav.is-open,[data-site-nav].is-open{display:flex;position:absolute;left:16px;right:16px;top:76px;flex-direction:column;align-items:stretch;background:#071226;border:1px solid var(--line);padding:12px;border-radius:var(--radius)}.menu-toggle{display:block}.hero,.split-feature,.demo-hero,.demo-split,.demo-about{grid-template-columns:1fr}.metric-strip,.service-grid,.page-detail-grid,.testimonial-grid,.showcase-preview-grid,.timeline,.faq-grid,.demo-trust,.demo-card-grid,.hub-grid,.premium-footer,.demo-footer,.demo-testimonials{grid-template-columns:1fr}.premium-form{grid-template-columns:1fr}.demo-hero img{height:420px}.demo-gallery{grid-template-columns:1fr}.demo-gallery img{height:260px}h1{font-size:clamp(2.6rem,13vw,4.2rem)}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}

/* 2026 showcase redesign layer */
.showcase-site{--paper:#f6f1e8;--ink:#161514;--soft:rgba(255,255,255,.72);--glass:rgba(255,255,255,.12);--hair:rgba(255,255,255,.22);background:var(--demo-dark);color:#fff;overflow-x:hidden}
.showcase-site:before{content:"";position:fixed;inset:0;z-index:-2;background:radial-gradient(circle at 18% 12%,color-mix(in srgb,var(--demo-accent),transparent 72%),transparent 34rem),radial-gradient(circle at 80% 14%,rgba(255,255,255,.1),transparent 28rem),linear-gradient(140deg,var(--demo-dark),#050505 72%);pointer-events:none}
.showcase-site:after{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(115deg,transparent 0 42%,rgba(255,255,255,.055) 42.2% 42.55%,transparent 42.8%),repeating-linear-gradient(90deg,rgba(255,255,255,.035) 0 1px,transparent 1px 9.5vw);mix-blend-mode:screen;opacity:.42}
.showcase-site.font-serif{font-family:Georgia,"Times New Roman",serif}.showcase-site.font-humanist{font-family:Manrope,Arial,sans-serif}.showcase-site.font-condensed{font-family:Space Grotesk,Arial,sans-serif;letter-spacing:.01em}.showcase-site.font-geometric{font-family:Space Grotesk,Arial,sans-serif}
.showcase-site h1,.showcase-site h2,.showcase-site h3,.showcase-site .demo-brand{font-family:inherit;letter-spacing:0}.showcase-site h1{font-size:clamp(3.2rem,8.4vw,8.9rem);line-height:.83;max-width:11ch}.showcase-site h2{font-size:clamp(2rem,5vw,5.2rem);line-height:.92}.showcase-site p{color:color-mix(in srgb,#fff,transparent 22%)}
.demo-index{display:inline-block;color:var(--demo-accent);font-size:.72rem;letter-spacing:.22em;font-weight:800;margin-bottom:18px}
.demo-header{position:fixed;left:50%;top:18px;transform:translateX(-50%);z-index:50;width:min(calc(100% - 32px),1320px);display:flex;align-items:center;justify-content:space-between;gap:18px;padding:12px 14px;border:1px solid rgba(255,255,255,.18);background:rgba(8,8,8,.48);backdrop-filter:blur(22px);border-radius:0;box-shadow:0 24px 80px rgba(0,0,0,.22)}
.demo-header.nav-side{top:50%;left:28px;width:72px;min-height:70vh;transform:translateY(-50%);flex-direction:column;justify-content:center}.demo-header.nav-side .demo-brand{writing-mode:vertical-rl}.demo-header.nav-side nav{flex-direction:column}.demo-header.nav-overlay{background:transparent;border-color:transparent;box-shadow:none}.demo-header.nav-masthead{top:0;width:100%;border-left:0;border-right:0;border-top:0}.demo-header.nav-formal{max-width:1080px;background:rgba(10,10,12,.78)}.demo-header.nav-bar{top:0;width:100%;border-radius:0;background:rgba(0,0,0,.82)}
.demo-brand{font-size:clamp(1.05rem,1.7vw,1.55rem);font-weight:800}.demo-header nav{display:flex;gap:6px;align-items:center}.demo-header nav a{border-radius:0;border:0;padding:10px 11px;font-size:.82rem;text-transform:uppercase;letter-spacing:.12em;color:rgba(255,255,255,.72)}.demo-header nav a:hover{background:rgba(255,255,255,.1);color:#fff}
.demo-button{border-radius:0;border:1px solid color-mix(in srgb,var(--demo-accent),#fff 16%);background:var(--demo-accent);color:#080808;min-height:44px;padding:12px 18px;text-transform:uppercase;letter-spacing:.08em;font-size:.78rem;box-shadow:none}.demo-button.secondary{background:transparent;color:#fff;border-color:rgba(255,255,255,.3)}
.demo-layout{width:min(calc(100% - 32px),1380px);margin:auto;padding-bottom:80px}.demo-hero{position:relative;width:100%;min-height:100vh;display:grid;grid-template-columns:1fr 1.24fr;gap:clamp(20px,4vw,70px);align-items:end;padding:132px 0 62px}.hero-copy{position:relative;z-index:2;max-width:720px}.hero-copy p{font-size:clamp(1rem,1.35vw,1.22rem);max-width:62ch}.hero-visual{position:relative;margin:0;height:clamp(480px,72vh,820px);overflow:hidden;background:#111}.hero-visual img{width:100%;height:100%;object-fit:cover;filter:saturate(1.04) contrast(1.05)}.hero-visual figcaption{position:absolute;right:18px;bottom:16px;max-width:250px;color:#fff;font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;text-align:right}.hero-proof{position:absolute;left:0;right:0;bottom:18px;display:flex;gap:10px;z-index:3}.hero-proof span{padding:9px 12px;border:1px solid rgba(255,255,255,.22);background:rgba(0,0,0,.34);backdrop-filter:blur(16px);font-size:.78rem;text-transform:uppercase;letter-spacing:.1em}
.demo-story,.demo-services,.demo-gallery-section,.demo-offer,.demo-testimonials,.demo-faq,.demo-cta{width:min(100%,1280px);margin:0 auto;padding:clamp(64px,9vw,132px) 0}.demo-story{display:grid;grid-template-columns:.55fr 1.2fr .75fr;gap:42px;align-items:start;border-top:1px solid rgba(255,255,255,.18)}.demo-story>p{font-size:.88rem;text-transform:uppercase;letter-spacing:.18em;color:var(--demo-accent)}.demo-story aside{border-left:1px solid rgba(255,255,255,.2);padding-left:22px}.demo-story aside a,.demo-story aside span{display:block;color:rgba(255,255,255,.68);margin-top:8px}
.demo-services{display:grid;grid-template-columns:.75fr 1.25fr;gap:42px}.demo-service-list{display:grid;gap:0}.demo-service{display:grid;grid-template-columns:74px 1fr;gap:20px;padding:28px 0;border-top:1px solid rgba(255,255,255,.18)}.demo-service span{color:var(--demo-accent);font-weight:800}.demo-service h3{font-size:clamp(1.4rem,2.3vw,2.4rem);margin:0}.demo-service p{margin:8px 0 0}
.demo-gallery-section{display:grid;grid-template-columns:.8fr 1.2fr;gap:34px;align-items:end}.demo-gallery{display:grid;grid-template-columns:1fr .72fr;grid-auto-rows:230px;gap:12px}.demo-gallery img{width:100%;height:100%;object-fit:cover;border-radius:0}.demo-gallery img:first-child{grid-row:span 2}.demo-gallery img:nth-child(3){transform:translateY(32px)}
.demo-offer{display:grid;grid-template-columns:1fr 1fr;gap:42px}.offer-list{display:grid;gap:12px}.offer-list article{border-bottom:1px solid rgba(255,255,255,.22);padding:22px 0}.offer-list p{font-size:clamp(1.25rem,2vw,2rem);color:#fff;margin:0}
.demo-testimonials{display:grid;grid-template-columns:1.2fr .8fr;gap:18px}.demo-testimonials figure{margin:0;padding:34px;border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.07)}.demo-testimonials blockquote{margin:0 0 22px;font-size:clamp(1.35rem,2.4vw,2.6rem);line-height:1.05}
.demo-faq .faq-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.demo-faq details{border-radius:0;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.18)}.demo-cta{min-height:54vh;display:grid;place-items:center;text-align:center;border-top:1px solid rgba(255,255,255,.18)}.demo-cta h2{max-width:850px}
.demo-footer{width:min(calc(100% - 32px),1320px);grid-template-columns:1.4fr 1fr 1fr;border-top:1px solid rgba(255,255,255,.18)}
.showcase-layout-warm-editorial{--demo-dark:#1e120b}.showcase-layout-warm-editorial .demo-hero{grid-template-columns:.78fr 1.22fr}.showcase-layout-warm-editorial .hero-visual{border-radius:44% 44% 0 0}.showcase-layout-warm-editorial .demo-gallery{transform:rotate(-1deg)}
.showcase-layout-legal-editorial{--demo-dark:#111113}.showcase-layout-legal-editorial .demo-hero{grid-template-columns:1.1fr .9fr;align-items:center}.showcase-layout-legal-editorial .hero-visual{height:62vh;box-shadow:-44px 44px 0 rgba(185,155,95,.18)}.showcase-layout-legal-editorial .demo-story{max-width:1050px}
.showcase-layout-clinical-calm,.showcase-layout-dental-polish,.showcase-layout-fresh-service,.showcase-layout-water-service{background:#f7fbfb;color:#0b2528}.showcase-layout-clinical-calm:before,.showcase-layout-dental-polish:before,.showcase-layout-fresh-service:before,.showcase-layout-water-service:before{background:linear-gradient(180deg,#fbffff,#eaf5f4)}.showcase-layout-clinical-calm:after,.showcase-layout-dental-polish:after,.showcase-layout-fresh-service:after,.showcase-layout-water-service:after{opacity:.18;mix-blend-mode:multiply}.showcase-layout-clinical-calm p,.showcase-layout-dental-polish p,.showcase-layout-fresh-service p,.showcase-layout-water-service p{color:#426064}.showcase-layout-clinical-calm .demo-header,.showcase-layout-dental-polish .demo-header,.showcase-layout-fresh-service .demo-header,.showcase-layout-water-service .demo-header{background:rgba(255,255,255,.78);border-color:rgba(0,0,0,.1);color:#102426}.showcase-layout-clinical-calm .demo-header nav a,.showcase-layout-dental-polish .demo-header nav a,.showcase-layout-fresh-service .demo-header nav a,.showcase-layout-water-service .demo-header nav a{color:#557073}.showcase-layout-clinical-calm .hero-proof span,.showcase-layout-dental-polish .hero-proof span,.showcase-layout-fresh-service .hero-proof span,.showcase-layout-water-service .hero-proof span{background:#fff;color:#102426;border-color:rgba(0,0,0,.1)}
.showcase-layout-resort-immersive .demo-layout,.showcase-layout-fullscreen-gallery .demo-layout,.showcase-layout-travel-cinematic .demo-layout,.showcase-layout-event-stage .demo-layout{width:100%}.showcase-layout-resort-immersive .demo-hero,.showcase-layout-fullscreen-gallery .demo-hero,.showcase-layout-travel-cinematic .demo-hero,.showcase-layout-event-stage .demo-hero{width:100%;padding-inline:clamp(18px,6vw,88px);grid-template-columns:1fr}.showcase-layout-resort-immersive .hero-visual,.showcase-layout-fullscreen-gallery .hero-visual,.showcase-layout-travel-cinematic .hero-visual,.showcase-layout-event-stage .hero-visual{position:absolute;inset:0;height:100%;z-index:0}.showcase-layout-resort-immersive .hero-visual:after,.showcase-layout-fullscreen-gallery .hero-visual:after,.showcase-layout-travel-cinematic .hero-visual:after,.showcase-layout-event-stage .hero-visual:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.78),rgba(0,0,0,.08))}.showcase-layout-resort-immersive .hero-copy,.showcase-layout-fullscreen-gallery .hero-copy,.showcase-layout-travel-cinematic .hero-copy,.showcase-layout-event-stage .hero-copy{align-self:end;padding-bottom:58px}
.showcase-layout-performance-brutal,.showcase-layout-industrial-grid,.showcase-layout-auto-asymmetric,.showcase-layout-garage-precision,.showcase-layout-electric-night{--demo-dark:#080808}.showcase-layout-performance-brutal .demo-hero,.showcase-layout-industrial-grid .demo-hero,.showcase-layout-auto-asymmetric .demo-hero,.showcase-layout-garage-precision .demo-hero,.showcase-layout-electric-night .demo-hero{grid-template-columns:1.15fr .85fr}.showcase-layout-performance-brutal h1,.showcase-layout-industrial-grid h1,.showcase-layout-auto-asymmetric h1,.showcase-layout-garage-precision h1,.showcase-layout-electric-night h1{text-transform:uppercase}.showcase-layout-performance-brutal .hero-visual,.showcase-layout-auto-asymmetric .hero-visual{clip-path:polygon(14% 0,100% 0,86% 100%,0 100%)}
.showcase-layout-property-gallery .demo-hero,.showcase-layout-beauty-luxe .demo-hero,.showcase-layout-romantic-story .demo-hero,.showcase-layout-interior-atmosphere .demo-hero{grid-template-columns:.72fr 1.28fr}.showcase-layout-property-gallery .hero-visual,.showcase-layout-beauty-luxe .hero-visual,.showcase-layout-romantic-story .hero-visual,.showcase-layout-interior-atmosphere .hero-visual{height:80vh}
.showcase-layout-commerce-studio,.showcase-layout-academy-open,.showcase-layout-finance-quiet{background:#f3f0e9;color:#171717}.showcase-layout-commerce-studio:before,.showcase-layout-academy-open:before,.showcase-layout-finance-quiet:before{background:linear-gradient(135deg,#f8f4ec,#e8e4dc)}.showcase-layout-commerce-studio p,.showcase-layout-academy-open p,.showcase-layout-finance-quiet p{color:#4d4b47}.showcase-layout-commerce-studio .demo-header,.showcase-layout-academy-open .demo-header,.showcase-layout-finance-quiet .demo-header{background:rgba(248,244,236,.82);color:#171717;border-color:rgba(0,0,0,.1)}.showcase-layout-commerce-studio .demo-header nav a,.showcase-layout-academy-open .demo-header nav a,.showcase-layout-finance-quiet .demo-header nav a{color:#555}
.showcase-layout-artist-archive .demo-hero,.showcase-layout-cafe-warm .demo-hero,.showcase-layout-interior-atmosphere .demo-hero{padding-left:104px}.showcase-layout-studio-motion .hero-visual,.showcase-layout-product-console .hero-visual,.showcase-layout-infrastructure-dark .hero-visual,.showcase-layout-logistics-map .hero-visual{border:1px solid rgba(255,255,255,.16);box-shadow:0 0 0 10px rgba(255,255,255,.04),0 50px 130px rgba(0,0,0,.42)}
.showcase-layout-newspaper-premium{background:#f8f5ed;color:#151515}.showcase-layout-newspaper-premium:before{background:#f8f5ed}.showcase-layout-newspaper-premium .demo-hero{grid-template-columns:1fr 1fr;border-bottom:4px double #171717}.showcase-layout-newspaper-premium h1{font-size:clamp(3rem,7.5vw,8rem)}.showcase-layout-newspaper-premium p{color:#3c3832}.showcase-layout-newspaper-premium .demo-header{color:#111;background:#f8f5ed;border-color:#111}
.showcase-layout-swiss-architecture{background:#f7f7f4;color:#111}.showcase-layout-swiss-architecture:before{background:linear-gradient(90deg,#f7f7f4 0 50%,#e2e2dd 50%)}.showcase-layout-swiss-architecture .demo-hero{grid-template-columns:1fr 1fr;align-items:center}.showcase-layout-swiss-architecture .hero-visual{height:78vh}.showcase-layout-swiss-architecture p{color:#3b3b38}.showcase-layout-swiss-architecture .demo-header{color:#111;background:#f7f7f4;border-color:#111}
.showcase-hub{width:min(calc(100% - 32px),1380px);margin:auto;padding-top:132px}.hub-hero{min-height:58vh;display:grid;align-content:end;border-bottom:1px solid rgba(255,255,255,.18);padding-bottom:42px}.hub-hero h1{font-size:clamp(3.1rem,8vw,8.4rem);line-height:.84;max-width:980px}.hub-filters{display:flex;gap:8px;flex-wrap:wrap;margin:28px 0 40px}.hub-filters button{border-radius:0;border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.06);color:#fff;padding:10px 13px}.hub-filters button.is-active{background:var(--demo-accent);color:#06142c}.hub-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:14px}.hub-card{grid-column:span 4;min-height:430px;display:flex;flex-direction:column;justify-content:flex-end;position:relative;overflow:hidden;padding:22px;border:0;background:#111;color:#fff}.hub-card:nth-child(5n+1){grid-column:span 7}.hub-card:nth-child(5n+2){grid-column:span 5}.hub-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0;transition:transform .7s ease}.hub-card:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent,rgba(0,0,0,.8));z-index:1}.hub-card span,.hub-card h2,.hub-card p{position:relative;z-index:2;margin-left:0;margin-right:0}.hub-card:hover img{transform:scale(1.06)}
@media(max-width:980px){.demo-header{top:10px}.demo-header nav{display:none}.demo-header.nav-side{position:fixed;left:12px;right:12px;top:10px;width:auto;min-height:0;transform:none;flex-direction:row}.demo-header.nav-side .demo-brand{writing-mode:horizontal-tb}.demo-hero,.demo-story,.demo-services,.demo-gallery-section,.demo-offer,.demo-testimonials{grid-template-columns:1fr}.showcase-site h1{font-size:clamp(3rem,16vw,5.3rem)}.hero-visual{height:55vh}.hero-proof{position:relative;bottom:auto;margin-top:18px;flex-wrap:wrap}.demo-story aside{border-left:0;padding-left:0}.demo-gallery{grid-template-columns:1fr;grid-auto-rows:260px}.demo-gallery img:first-child{grid-row:span 1}.demo-gallery img:nth-child(3){transform:none}.demo-faq .faq-grid{grid-template-columns:1fr}.hub-grid{grid-template-columns:1fr}.hub-card,.hub-card:nth-child(n){grid-column:auto;min-height:360px}.showcase-layout-artist-archive .demo-hero,.showcase-layout-cafe-warm .demo-hero,.showcase-layout-interior-atmosphere .demo-hero{padding-left:0}}

/* premium asset and motion layer */
.premium-shell{--mx:0px;--my:0px;background-color:#050b18}
.premium-shell:before{background-image:url('/assets/media/noostrid-scatter.svg'),linear-gradient(rgba(255,255,255,.028) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.022) 1px,transparent 1px),radial-gradient(circle at 72% 8%,rgba(88,213,255,.16),transparent 34%),linear-gradient(180deg,#020712,#07142d 42%,#030814);background-size:min(1180px,130vw) auto,72px 72px,72px 72px,auto,auto;background-position:calc(50% + var(--mx)) calc(8px + var(--my)),center,center,center,center;opacity:.64;animation:noostridBackdrop 24s ease-in-out infinite alternate}
.premium-shell:after{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background:repeating-linear-gradient(115deg,transparent 0 80px,rgba(88,213,255,.045) 81px 82px,transparent 83px 150px);opacity:.28;animation:noostridLines 18s linear infinite}
.premium-header{width:min(calc(100% - 32px),var(--max));margin-inline:auto;padding:14px 18px;border:1px solid rgba(170,205,255,.12);border-top:0;border-radius:0 0 8px 8px;box-shadow:0 24px 70px rgba(0,0,0,.26)}
.premium-header:after{content:"";position:absolute;left:18px;right:18px;bottom:-1px;height:1px;background:linear-gradient(90deg,transparent,rgba(88,213,255,.75),transparent);opacity:.75}
.premium-nav a,.nav-mobile-cta{position:relative;overflow:hidden}
.nav-mobile-cta{display:none}
.hero,.section-block,.page-hero,.metric-strip{position:relative}
/* .hero:before is deliberately bled off the right edge; clip it here so the
   bleed does not extend the document scroll width (NOO-35). Do not move this
   to html/body overflow-x — that would kill position:sticky on the headers. */
.hero{overflow:hidden}
.hero:before{content:"";position:absolute;inset:8% -4% auto auto;width:38%;height:54%;pointer-events:none;background:linear-gradient(135deg,rgba(34,147,248,.16),rgba(88,213,255,.04));clip-path:polygon(12% 0,100% 0,88% 100%,0 82%);filter:blur(.2px);opacity:.7;animation:floatingAsset 9s ease-in-out infinite}
.ops-board,.premium-card,.showcase-card,.comparison-grid article,.metric-strip article{position:relative;overflow:hidden}
.ops-board:before,.premium-card:before,.showcase-card:before{content:"";position:absolute;inset:0;background:linear-gradient(115deg,transparent 0%,rgba(88,213,255,.11) 44%,transparent 62%);transform:translateX(-130%);transition:transform .8s ease;pointer-events:none}
.ops-board:before{animation:panelSweep 6s ease-in-out infinite}
.premium-card:hover:before,.showcase-card:hover:before{transform:translateX(130%)}
.deploy-line span{animation:signalPulse 2.8s ease-in-out infinite}
.deploy-line span:nth-child(2){animation-delay:.35s}.deploy-line span:nth-child(3){animation-delay:.7s}.deploy-line span:nth-child(4){animation-delay:1.05s}
.board-terminal{box-shadow:inset 0 0 0 1px rgba(88,213,255,.08)}
.preview-toggle{display:none}
@media(max-width:900px){.premium-header{width:calc(100% - 24px);padding:12px 14px}.premium-brand img{width:168px}.premium-header .header-cta{display:none}.premium-nav.is-open .nav-mobile-cta{display:flex;justify-content:center;margin-top:4px;background:linear-gradient(135deg,var(--blue),#1460d8);color:#fff;border-color:rgba(88,213,255,.45)}.hero{padding-top:32px}.hero:before{display:none}.showcase-preview-grid.is-mobile-collapsed:not(.is-expanded) .showcase-card:nth-of-type(n+4){display:none}.preview-toggle{display:inline-flex}.showcase-preview-actions{justify-content:center}.showcase-preview-actions .premium-button{width:100%;max-width:320px}}
@media(min-width:901px){.premium-nav .nav-mobile-cta{display:none!important}}
@keyframes noostridBackdrop{from{background-position:calc(50% + var(--mx)) calc(0px + var(--my)),center,center,center,center}to{background-position:calc(50% + var(--mx)) calc(-34px + var(--my)),center 42px,42px center,center,center}}
@keyframes noostridLines{to{background-position:220px 0}}
@keyframes floatingAsset{0%,100%{transform:translate3d(0,0,0)}50%{transform:translate3d(-12px,18px,0)}}
@keyframes panelSweep{0%,42%{transform:translateX(-130%)}70%,100%{transform:translateX(130%)}}
@keyframes signalPulse{0%,100%{opacity:.72;transform:scaleX(.94)}50%{opacity:1;transform:scaleX(1)}}

/* Noostrid 2026 infrastructure identity */
.noostrid-home,.premium-shell{--bg:#030915;--panel:#081629;--panel2:#102a4a;--line:rgba(138,196,255,.18);--text:#f6fbff;--muted:#9db3cc;--blue:#2aa7ff;--cyan:#76e4ff;--violet:#6c7dff;background:#020711}
.premium-shell:before{opacity:.9;background-image:url('/assets/media/noostrid-scatter.svg'),radial-gradient(circle at 75% 15%,rgba(42,167,255,.26),transparent 32rem),linear-gradient(rgba(118,228,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(118,228,255,.032) 1px,transparent 1px),linear-gradient(180deg,#020711,#071c38 48%,#020711);background-size:min(1320px,140vw) auto,auto,86px 86px,86px 86px,auto}
.premium-header{width:min(calc(100% - 28px),1320px);border-radius:0 0 16px 16px;padding:12px 18px;background:rgba(2,7,17,.72);border-color:rgba(138,196,255,.16)}
.premium-nav a{border-radius:999px;font-size:.82rem}.premium-button{border-radius:999px;background:linear-gradient(135deg,#75e8ff,#257dff);color:#021123;border:0;box-shadow:0 12px 34px rgba(42,167,255,.22)}.premium-button.secondary{background:rgba(255,255,255,.045);color:#e9f7ff;border:1px solid rgba(138,196,255,.18);box-shadow:none}
.noostrid-home .hero{width:min(calc(100% - 32px),1320px);min-height:calc(100vh - 78px);grid-template-columns:.92fr 1.08fr;padding:92px 0 44px;gap:clamp(28px,5vw,80px)}.noostrid-home h1{font-size:clamp(3.4rem,7.1vw,7.8rem);line-height:.86;max-width:870px}.noostrid-home .hero-lead{font-size:clamp(1rem,1.35vw,1.22rem);max-width:720px}
.noostrid-home .ops-board{border-radius:26px;padding:28px;background:linear-gradient(155deg,rgba(11,28,58,.98),rgba(4,10,22,.92));border:1px solid rgba(138,196,255,.22);box-shadow:0 50px 140px rgba(0,0,0,.48),inset 0 1px 0 rgba(255,255,255,.08);min-height:560px;display:grid;align-content:space-between}
.noostrid-home .ops-board:after{content:"";position:absolute;inset:74px 26px 124px;border:1px solid rgba(118,228,255,.15);background:linear-gradient(rgba(118,228,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(118,228,255,.032) 1px,transparent 1px);background-size:34px 34px;border-radius:18px;pointer-events:none}
.noostrid-home .board-top{align-items:center}.noostrid-home .board-top span{font-family:Space Grotesk;font-size:1.25rem}.noostrid-home .board-top strong{padding:8px 11px;border-radius:999px;background:rgba(118,240,188,.12);border:1px solid rgba(118,240,188,.3)}
.noostrid-home .signal-grid{grid-template-columns:repeat(2,1fr);gap:12px;margin:42px 0;position:relative;z-index:1}.noostrid-home .signal-grid span{border-radius:18px;background:rgba(255,255,255,.06);border-color:rgba(138,196,255,.16);min-height:96px;display:grid;align-content:end}
.noostrid-home .board-terminal{border-radius:18px;background:#020814;color:#c5f2ff;border-color:rgba(118,228,255,.16);font-size:.95rem}
.noostrid-home .metric-strip{width:min(calc(100% - 32px),1320px);grid-template-columns:1.25fr .9fr .9fr 1.05fr;margin-top:-20px}.noostrid-home .metric-strip article{border-radius:22px;background:rgba(255,255,255,.055);border-color:rgba(138,196,255,.16);padding:26px}.noostrid-home .metric-strip strong{font-family:Space Grotesk;font-size:clamp(1.6rem,3.2vw,3rem)}
.noostrid-home .section-block{width:min(calc(100% - 32px),1320px);padding:112px 0}.noostrid-home .service-grid{display:grid;grid-template-columns:1.2fr .8fr 1fr;grid-auto-flow:dense}.noostrid-home .premium-card{min-height:250px;border-radius:24px;padding:28px;background:linear-gradient(150deg,rgba(255,255,255,.08),rgba(255,255,255,.035));border-color:rgba(138,196,255,.16)}.noostrid-home .premium-card:nth-child(1),.noostrid-home .premium-card:nth-child(5){grid-row:span 2;min-height:520px}.noostrid-home .premium-card h3{font-size:clamp(1.4rem,2.4vw,2.5rem)}
.noostrid-home .split-feature{grid-template-columns:1fr 1fr;border-top:1px solid rgba(138,196,255,.18);border-bottom:1px solid rgba(138,196,255,.18);padding:96px 0}.noostrid-home .comparison-grid{grid-template-columns:1fr;gap:18px}.noostrid-home .comparison-grid article{border-radius:24px;padding:28px;background:rgba(255,255,255,.06)}
.noostrid-home .showcase-preview-grid{grid-template-columns:repeat(12,1fr);gap:14px}.noostrid-home .showcase-card{grid-column:span 4;min-height:440px;position:relative;border:0;border-radius:24px;overflow:hidden;background:#06142a;padding:0}.noostrid-home .showcase-card:nth-child(1){grid-column:span 7}.noostrid-home .showcase-card:nth-child(2){grid-column:span 5}.noostrid-home .showcase-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.82}.noostrid-home .showcase-card:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent,rgba(0,0,0,.82))}.noostrid-home .showcase-card span,.noostrid-home .showcase-card h3,.noostrid-home .showcase-card p{position:relative;z-index:1;margin-left:24px;margin-right:24px}.noostrid-home .showcase-card span{margin-top:auto;padding-top:260px}
.noostrid-home .timeline{grid-template-columns:1fr;max-width:880px;margin-left:auto}.noostrid-home .timeline article{display:grid;grid-template-columns:120px 1fr;gap:22px;border-top:1px solid rgba(138,196,255,.18);background:transparent}.noostrid-home .contact-section{border-radius:28px;background:linear-gradient(135deg,rgba(42,167,255,.17),rgba(108,125,255,.08));border-color:rgba(138,196,255,.22)}
@media(max-width:900px){.noostrid-home .hero,.noostrid-home .metric-strip,.noostrid-home .service-grid,.noostrid-home .split-feature{grid-template-columns:1fr}.noostrid-home .ops-board{min-height:auto}.noostrid-home .premium-card:nth-child(n),.noostrid-home .showcase-card:nth-child(n){grid-column:auto;grid-row:auto;min-height:320px}.noostrid-home .showcase-preview-grid{grid-template-columns:1fr}.noostrid-home .timeline article{grid-template-columns:1fr}}

/* final viewport balance pass */
.showcase-site h1{font-size:clamp(2.9rem,7vw,7.2rem);line-height:.88;max-width:13ch;color:#fff}
.showcase-site h2,.showcase-site h3{color:inherit}.showcase-layout-clinical-calm h1,.showcase-layout-dental-polish h1,.showcase-layout-fresh-service h1,.showcase-layout-water-service h1,.showcase-layout-commerce-studio h1,.showcase-layout-academy-open h1,.showcase-layout-finance-quiet h1,.showcase-layout-newspaper-premium h1,.showcase-layout-swiss-architecture h1{color:#102426}
.demo-layout,.showcase-hub,.demo-footer{width:min(calc(100% - 64px),1380px)}.demo-header{width:min(calc(100% - 64px),1320px)}.demo-hero{padding-top:120px}.hero-copy p{max-width:58ch}.hero-actions{margin-top:22px}
.showcase-layout-legal-editorial .hero-copy{background:linear-gradient(90deg,rgba(0,0,0,.68),transparent);padding:26px 26px 26px 0}.showcase-layout-legal-editorial h1{color:#fff;text-shadow:0 2px 28px rgba(0,0,0,.42)}
.showcase-layout-clinical-calm h1,.showcase-layout-dental-polish h1,.showcase-layout-fresh-service h1,.showcase-layout-water-service h1{font-size:clamp(2.7rem,5.8vw,5.9rem);line-height:.93;max-width:14ch}
.showcase-layout-clinical-calm .demo-hero,.showcase-layout-dental-polish .demo-hero,.showcase-layout-fresh-service .demo-hero,.showcase-layout-water-service .demo-hero{align-items:center}
.noostrid-home .hero,.noostrid-home .metric-strip,.noostrid-home .section-block{width:min(calc(100% - 64px),1320px)}.noostrid-home h1{font-size:clamp(3rem,5.8vw,6.35rem);line-height:.9;max-width:760px}.noostrid-home .ops-board{min-height:500px}
@media(max-width:900px){.demo-layout,.showcase-hub,.demo-footer,.demo-header,.noostrid-home .hero,.noostrid-home .metric-strip,.noostrid-home .section-block{width:min(calc(100% - 28px),1320px)}.showcase-site h1,.noostrid-home h1{font-size:clamp(2.7rem,12vw,4.7rem)}}

/* architecture split: no shared showcase skeleton */
.wp-editorial,.wp-gallery,.wp-clinic,.wp-brutal,.wp-console,.wp-swiss{width:min(calc(100% - 64px),1380px);margin:auto;padding:120px 0 80px}.wp-editorial h1,.wp-gallery h1,.wp-clinic h1,.wp-brutal h1,.wp-console h1,.wp-swiss h1{font-size:clamp(3rem,7vw,7rem);line-height:.88;margin:0}.wp-editorial h2,.wp-gallery h2,.wp-clinic h2,.wp-brutal h2,.wp-console h2,.wp-swiss h2{font-size:clamp(2rem,4.6vw,5rem);line-height:.94}
.ed-cover{min-height:86vh;display:grid;grid-template-columns:.9fr 1.25fr .55fr;gap:28px;align-items:end}.ed-cover figure{margin:0;height:76vh;overflow:hidden}.ed-cover img{width:100%;height:100%;object-fit:cover}.ed-cover figcaption,.ed-title span{color:var(--demo-accent);text-transform:uppercase;letter-spacing:.18em;font-size:.76rem}.ed-cover aside{border-left:1px solid rgba(255,255,255,.2);padding-left:22px}.ed-manifest{display:grid;grid-template-columns:.4fr 1.6fr;gap:32px;padding:120px 0;border-top:1px solid rgba(255,255,255,.18)}.ed-manifest p{color:var(--demo-accent);text-transform:uppercase;letter-spacing:.18em}.ed-menu{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:rgba(255,255,255,.16)}.ed-menu article{background:var(--demo-dark);padding:28px;min-height:260px}.ed-menu span{display:block;font-size:clamp(1.4rem,2.6vw,2.7rem);line-height:1;color:#fff}.ed-collage{display:grid;grid-template-columns:1.2fr .8fr 1fr;gap:18px;padding:120px 0}.ed-collage img{width:100%;height:420px;object-fit:cover}.ed-collage img:nth-child(2){height:620px;margin-top:-70px}.ed-reserve{display:grid;grid-template-columns:1fr .8fr auto;gap:34px;align-items:center;padding:60px 0;border-top:1px solid rgba(255,255,255,.2);border-bottom:1px solid rgba(255,255,255,.2)}
.wp-gallery{width:100%;padding-top:0}.gal-hero{min-height:100vh;display:grid;align-items:end;padding:120px clamp(24px,6vw,90px);background:linear-gradient(90deg,rgba(0,0,0,.78),rgba(0,0,0,.12)),var(--hero);background-size:cover;background-position:center}.gal-hero div{max-width:850px}.gal-hero span{color:var(--demo-accent);text-transform:uppercase;letter-spacing:.2em}.gal-booking{width:min(calc(100% - 64px),1180px);margin:40px auto;display:flex;justify-content:space-between;gap:20px;padding:22px 0;border-top:1px solid rgba(255,255,255,.22);border-bottom:1px solid rgba(255,255,255,.22)}.gal-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:0}.gal-strip figure{margin:0;height:72vh;overflow:hidden}.gal-strip img{width:100%;height:100%;object-fit:cover}.gal-services{width:min(calc(100% - 64px),1180px);margin:110px auto;display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.gal-services p{font-size:clamp(1.4rem,2.8vw,3rem);line-height:1;color:#fff;border-top:1px solid rgba(255,255,255,.22);padding-top:18px}.gal-offers{width:min(calc(100% - 64px),1180px);margin:0 auto 100px;display:grid;grid-template-columns:1fr 1fr;gap:18px}.gal-offers h2{grid-row:span 3}.gal-offers article{padding:26px;border:1px solid rgba(255,255,255,.2);font-size:1.2rem}
.wp-clinic{color:#102426}.clinic-hero{min-height:72vh;display:grid;grid-template-columns:1.1fr .75fr;gap:40px;align-items:center}.clinic-hero h1{color:#102426}.clinic-book{background:#fff;border:1px solid rgba(0,0,0,.08);box-shadow:0 30px 80px rgba(0,0,0,.08);padding:28px;display:grid;gap:16px}.clinic-book strong{font-size:1.4rem}.clinic-book label{display:grid;gap:8px;color:#425e61}.clinic-book input,.clinic-book select{border:1px solid rgba(0,0,0,.12);padding:14px;font:inherit;background:#f7fbfb}.clinic-photo{display:grid;grid-template-columns:1.2fr .8fr;gap:24px;align-items:end}.clinic-photo img{width:100%;height:62vh;object-fit:cover;border-radius:34px}.clinic-photo div{display:grid;gap:12px}.clinic-photo span{background:#fff;padding:20px;border-radius:22px;color:#102426}.clinic-care{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;padding:95px 0}.clinic-care article{background:#fff;border-radius:28px;padding:28px}.clinic-faq{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;padding-bottom:80px}.clinic-faq details{background:#fff;border:1px solid rgba(0,0,0,.08);border-radius:20px}
.wp-brutal{width:100%;padding-top:0;background:#070707}.brutal-hero{min-height:100vh;display:grid;grid-template-columns:1fr .9fr;align-items:stretch}.brutal-hero h1{padding:130px 32px 40px;font-size:clamp(3.4rem,8.5vw,9rem);text-transform:uppercase}.brutal-hero img{width:100%;height:100%;object-fit:cover;clip-path:polygon(12% 0,100% 0,100% 100%,0 100%)}.brutal-contact{position:absolute;left:32px;bottom:32px;display:flex;gap:18px;align-items:center}.brutal-marquee{display:flex;overflow:hidden;border-block:1px solid var(--demo-accent)}.brutal-marquee span{flex:1;padding:18px;text-align:center;color:var(--demo-accent);font-weight:900;text-transform:uppercase;letter-spacing:.16em}.brutal-services{width:min(calc(100% - 64px),1180px);margin:100px auto;display:grid;gap:0}.brutal-services article{display:grid;grid-template-columns:140px 1fr;border-top:1px solid rgba(255,255,255,.18);padding:34px 0}.brutal-services b{color:var(--demo-accent);font-size:3rem}.brutal-gallery{display:grid;grid-template-columns:1fr 1fr 1fr}.brutal-gallery img{width:100%;height:440px;object-fit:cover}.brutal-pricing{width:min(calc(100% - 64px),1180px);margin:100px auto;display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.brutal-pricing p{border:1px solid rgba(255,255,255,.2);padding:26px;color:#fff;font-size:1.4rem}
.wp-console{padding-top:130px}.console-shell{min-height:74vh;display:grid;grid-template-columns:.9fr 1.1fr;gap:34px;align-items:center}.console-copy span{color:var(--demo-accent);text-transform:uppercase;letter-spacing:.2em}.console-ui{border:1px solid rgba(118,228,255,.22);background:rgba(255,255,255,.045);border-radius:28px;padding:28px;display:grid;gap:12px;box-shadow:0 40px 110px rgba(0,0,0,.38)}.console-ui b{font-size:1.4rem}.console-ui span{display:flex;justify-content:space-between;border:1px solid rgba(255,255,255,.12);padding:18px;border-radius:16px}.console-ui em{color:#7bf0bc;font-style:normal}.console-flow{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.console-flow article{padding:28px;border:1px solid rgba(118,228,255,.2);min-height:180px;font-size:clamp(1.4rem,2.4vw,2.5rem)}.console-image{padding:100px 0}.console-image img{width:100%;height:62vh;object-fit:cover;border-radius:32px}.console-plans{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.console-plans article{background:rgba(255,255,255,.06);border:1px solid rgba(118,228,255,.18);border-radius:24px;padding:26px}.console-proof{display:grid;grid-template-columns:1fr 1fr;gap:16px;padding:90px 0}.console-proof blockquote{font-size:clamp(1.5rem,3vw,3rem);line-height:1.05;margin:0}
.wp-swiss{background:#f7f7f4;color:#111;width:100%;padding:110px clamp(24px,5vw,72px)}.wp-swiss .demo-button{color:#fff;background:#111;border-color:#111}.swiss-grid{min-height:74vh;display:grid;grid-template-columns:90px 1fr .75fr;grid-template-rows:auto 1fr;gap:28px}.swiss-grid>span{font-size:4rem}.swiss-grid h1{color:#111;grid-column:2}.swiss-grid p{color:#333;grid-column:2;max-width:560px}.swiss-grid img{grid-column:3;grid-row:1/3;width:100%;height:70vh;object-fit:cover}.swiss-index{border-top:2px solid #111}.swiss-index a{display:grid;grid-template-columns:120px 1fr;padding:26px 0;border-bottom:1px solid #111;font-size:clamp(1.5rem,3vw,3rem)}.swiss-gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;padding:90px 0}.swiss-gallery img{width:100%;height:430px;object-fit:cover}.swiss-method{display:grid;grid-template-columns:1fr 1fr;gap:36px;border-top:2px solid #111;padding-top:44px}.swiss-method h2{color:#111}.swiss-method p{color:#333}.swiss-contact{display:flex;justify-content:space-between;align-items:center;border-top:2px solid #111;margin-top:70px;padding-top:28px}.swiss-contact strong{font-size:clamp(1.6rem,3vw,3.2rem)}
@media(max-width:980px){.wp-editorial,.wp-gallery,.wp-clinic,.wp-brutal,.wp-console,.wp-swiss{width:min(calc(100% - 28px),1380px);padding-top:96px}.ed-cover,.ed-manifest,.ed-menu,.ed-reserve,.clinic-hero,.clinic-photo,.clinic-care,.clinic-faq,.brutal-hero,.brutal-pricing,.console-shell,.console-flow,.console-plans,.console-proof,.swiss-grid,.swiss-method{grid-template-columns:1fr}.ed-cover figure,.gal-strip figure,.clinic-photo img,.console-image img,.swiss-grid img{height:420px}.ed-collage,.gal-strip,.gal-services,.gal-offers,.brutal-gallery,.swiss-gallery{grid-template-columns:1fr}.brutal-hero h1{padding-inline:0}.brutal-hero img{clip-path:none}.brutal-contact{position:static;padding:20px 0}.swiss-grid h1,.swiss-grid p,.swiss-grid img{grid-column:auto;grid-row:auto}.clinic-hero h1,.wp-swiss h1{font-size:clamp(2.6rem,12vw,4.8rem)}}

/* architecture balance overrides */
.wp-editorial h1,.wp-gallery h1,.wp-clinic h1,.wp-brutal h1,.wp-console h1,.wp-swiss h1{font-size:clamp(2.7rem,5.8vw,5.9rem);line-height:.92}
.wp-editorial h2,.wp-gallery h2,.wp-clinic h2,.wp-brutal h2,.wp-console h2,.wp-swiss h2{font-size:clamp(2rem,4.2vw,4.4rem);line-height:.96}
.ed-cover{min-height:82vh;grid-template-columns:.9fr 1.08fr .62fr;align-items:center}.ed-cover figure{height:64vh;background:linear-gradient(135deg,color-mix(in srgb,var(--demo-accent),#000 72%),#15100d)}.ed-cover img{mix-blend-mode:screen;opacity:.82}.ed-menu article{min-height:240px}.ed-menu span{font-size:clamp(1.25rem,2.2vw,2.2rem)}.ed-collage img:nth-child(2){height:560px;margin-top:-50px}
.gal-hero{min-height:92vh;background:linear-gradient(90deg,rgba(0,0,0,.82),rgba(0,0,0,.22)),var(--hero),radial-gradient(circle at 70% 40%,color-mix(in srgb,var(--demo-accent),transparent 35%),transparent 34rem);background-size:cover;background-position:center}.gal-hero div{max-width:760px}.gal-strip figure{height:66vh;background:#111}.gal-strip img{opacity:.88}.gal-services{margin:100px auto}.gal-services p{font-size:clamp(1.25rem,2.3vw,2.4rem)}
.brutal-hero{min-height:92vh}.brutal-hero h1{padding:120px 32px 90px;font-size:clamp(3rem,6.7vw,7rem)}.brutal-hero img{opacity:.78;mix-blend-mode:screen;background:#2b0c0c}
.console-shell{min-height:72vh}.console-flow article{font-size:clamp(1.25rem,2.2vw,2.25rem)}.console-image img{height:58vh;opacity:.82}.console-proof blockquote{font-size:clamp(1.45rem,2.6vw,2.7rem)}
@media(max-width:980px){.wp-editorial h1,.wp-gallery h1,.wp-clinic h1,.wp-brutal h1,.wp-console h1,.wp-swiss h1{font-size:clamp(2.5rem,11vw,4.5rem)}.ed-cover,.clinic-hero,.brutal-hero,.console-shell{min-height:auto}.brutal-hero h1{padding:96px 0 28px}}

/* comment-driven correction pass */
.wp-editorial h1{font-size:clamp(2.45rem,4.75vw,4.9rem);line-height:.96}
.showcase-layout-warm-editorial .wp-editorial h1,.showcase-layout-property-gallery .wp-editorial h1,.showcase-layout-romantic-story .wp-editorial h1,.showcase-layout-cafe-warm .wp-editorial h1{font-size:clamp(2.35rem,4.45vw,4.55rem);line-height:.98;max-width:12.5ch}
.ed-cover{grid-template-columns:.95fr 1fr .42fr;gap:34px}.ed-cover aside{align-self:center;border-left:1px solid color-mix(in srgb,var(--demo-accent),transparent 58%);padding-left:18px;max-width:210px}.ed-cover aside p{font-size:.95rem;line-height:1.55}.ed-cover aside .demo-button{margin-top:10px;padding-inline:16px}
.showcase-layout-romantic-story .ed-cover aside,.showcase-layout-wedding .ed-cover aside{display:none}.showcase-layout-romantic-story .ed-cover{grid-template-columns:1fr 1.08fr}
.demo-header.nav-side{top:18px;left:50%;right:auto;width:min(calc(100% - 64px),1320px);min-height:0;transform:translateX(-50%);flex-direction:row;justify-content:space-between}.demo-header.nav-side .demo-brand{writing-mode:horizontal-tb}.demo-header.nav-side nav{flex-direction:row}
.wp-brutal{overflow:hidden}.brutal-hero{grid-template-columns:minmax(0,.92fr) minmax(420px,.72fr);position:relative}.brutal-hero h1{position:relative;z-index:2;max-width:760px;font-size:clamp(2.75rem,5.5vw,5.75rem);line-height:.96;padding:120px 24px 100px 32px;overflow-wrap:normal}.brutal-hero img{position:relative;z-index:1;clip-path:polygon(8% 0,100% 0,100% 100%,0 100%)}.brutal-contact{z-index:3}
.console-ui.product-stage{min-height:420px;align-content:space-between;background:linear-gradient(145deg,rgba(255,255,255,.06),rgba(255,255,255,.025));overflow:hidden}.stage-top{display:flex;justify-content:space-between;gap:18px;align-items:flex-start}.stage-top b{font-size:1.35rem}.stage-top small{color:rgba(255,255,255,.52);text-transform:uppercase;letter-spacing:.14em}.stage-chart{height:180px;display:flex;align-items:end;gap:12px;padding:24px;border:1px solid rgba(118,228,255,.12);border-radius:22px;background:linear-gradient(rgba(118,228,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(118,228,255,.035) 1px,transparent 1px);background-size:34px 34px}.stage-chart span{flex:1;border-radius:14px 14px 0 0;background:linear-gradient(180deg,var(--demo-accent),rgba(255,255,255,.12));min-height:34%}.stage-chart span:nth-child(2){min-height:66%}.stage-chart span:nth-child(3){min-height:44%}.stage-chart span:nth-child(4){min-height:82%}.stage-chart span:nth-child(5){min-height:58%}.stage-modules{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.stage-modules span{border:1px solid rgba(255,255,255,.12);border-radius:16px;padding:14px;color:#fff;background:rgba(0,0,0,.14)}
@media(max-width:980px){.ed-cover,.showcase-layout-romantic-story .ed-cover,.brutal-hero{grid-template-columns:1fr}.ed-cover aside{display:none}.brutal-hero h1{font-size:clamp(2.45rem,11vw,4.3rem);padding:96px 0 28px}.brutal-hero img{min-height:360px;clip-path:none}.stage-modules{grid-template-columns:1fr}.console-ui.product-stage{min-height:340px}}

/* showcase creative-direction refinement */
.showcase-site{--quiet-line:rgba(255,255,255,.16);--section-space:clamp(82px,10vw,150px);overflow-x:hidden}
.showcase-site .demo-layout{isolation:isolate}.showcase-site .demo-section,.showcase-site .demo-story,.showcase-site .demo-services,.showcase-site .demo-gallery-section,.showcase-site .demo-offer,.showcase-site .demo-testimonials,.showcase-site .demo-faq,.showcase-site .demo-cta{padding-block:var(--section-space)}
.showcase-site .hero-visual{background:color-mix(in srgb,var(--demo-dark),#fff 4%)}.showcase-site .hero-visual img{filter:none}
.showcase-site .demo-service,.showcase-site .offer-list article{transition:transform .25s ease,border-color .25s ease,background .25s ease}.showcase-site .demo-service:hover,.showcase-site .offer-list article:hover{border-color:color-mix(in srgb,var(--demo-accent),#fff 28%)}

.showcase-layout-warm-editorial{--section-space:clamp(96px,11vw,170px);background:#21130d}.showcase-layout-warm-editorial .hero-visual{border-radius:48% 48% 4px 4px;box-shadow:none}.showcase-layout-warm-editorial .demo-story{grid-template-columns:.4fr 1.4fr .6fr}.showcase-layout-warm-editorial .demo-services{grid-template-columns:1fr 1fr}.showcase-layout-warm-editorial .demo-service{border-top:0;border-bottom:1px solid rgba(225,112,50,.34)}.showcase-layout-warm-editorial .demo-gallery{grid-template-columns:1.1fr .7fr .7fr}.showcase-layout-warm-editorial .demo-gallery img{border-radius:999px 999px 0 0}.showcase-layout-warm-editorial .demo-testimonials figure{background:#2b1810;border-color:rgba(225,112,50,.22)}

.showcase-layout-legal-editorial{--section-space:clamp(86px,9vw,130px);background:#101216}.showcase-layout-legal-editorial .demo-hero{grid-template-columns:1fr .72fr}.showcase-layout-legal-editorial .hero-visual{height:58vh;border:1px solid #b99b5f;box-shadow:34px 34px 0 rgba(185,155,95,.14);clip-path:none}.showcase-layout-legal-editorial .demo-story{max-width:980px;grid-template-columns:1fr;border-top:1px solid #b99b5f}.showcase-layout-legal-editorial .demo-story aside{border-left:0;border-top:1px solid rgba(185,155,95,.26);padding:22px 0 0}.showcase-layout-legal-editorial .demo-services{display:block;max-width:1040px}.showcase-layout-legal-editorial .demo-service{grid-template-columns:160px 1fr;border-top:1px solid rgba(185,155,95,.24)}.showcase-layout-legal-editorial .demo-gallery{display:block}.showcase-layout-legal-editorial .demo-gallery img{height:320px;margin-bottom:16px;border:1px solid rgba(185,155,95,.22)}

.showcase-layout-clinical-calm,.showcase-layout-dental-polish{--section-space:clamp(76px,8vw,118px)}.showcase-layout-clinical-calm .demo-hero,.showcase-layout-dental-polish .demo-hero{grid-template-columns:.9fr 1fr;align-items:center}.showcase-layout-clinical-calm .hero-visual,.showcase-layout-dental-polish .hero-visual{border-radius:36px;height:62vh;box-shadow:0 24px 80px rgba(42,167,160,.12);background:#fff}.showcase-layout-clinical-calm .hero-proof,.showcase-layout-dental-polish .hero-proof{position:relative;bottom:auto;margin-top:20px}.showcase-layout-clinical-calm .demo-story,.showcase-layout-dental-polish .demo-story{border:0;background:#fff;border-radius:34px;padding:46px;grid-template-columns:.8fr 1.2fr}.showcase-layout-clinical-calm .demo-service,.showcase-layout-dental-polish .demo-service{background:#fff;border:0;border-radius:26px;margin-bottom:12px;padding:26px}.showcase-layout-clinical-calm .demo-gallery,.showcase-layout-dental-polish .demo-gallery{grid-template-columns:repeat(3,1fr);grid-auto-rows:260px}.showcase-layout-clinical-calm .demo-gallery img,.showcase-layout-dental-polish .demo-gallery img{border-radius:28px}

.showcase-layout-performance-brutal,.showcase-layout-industrial-grid,.showcase-layout-garage-precision,.showcase-layout-electric-night{--section-space:clamp(74px,8vw,120px);background:#080808}.showcase-layout-performance-brutal .demo-hero,.showcase-layout-industrial-grid .demo-hero,.showcase-layout-garage-precision .demo-hero,.showcase-layout-electric-night .demo-hero{align-items:stretch}.showcase-layout-performance-brutal .hero-visual,.showcase-layout-industrial-grid .hero-visual,.showcase-layout-garage-precision .hero-visual,.showcase-layout-electric-night .hero-visual{height:auto;min-height:620px;border:0;clip-path:polygon(9% 0,100% 0,91% 100%,0 100%)}.showcase-layout-industrial-grid .hero-visual{clip-path:none;border-left:8px solid var(--demo-accent)}.showcase-layout-electric-night .hero-visual{clip-path:polygon(0 0,82% 0,100% 18%,100% 100%,18% 100%,0 82%)}.showcase-layout-performance-brutal .demo-story,.showcase-layout-industrial-grid .demo-story,.showcase-layout-garage-precision .demo-story,.showcase-layout-electric-night .demo-story{display:block;border-top:8px solid var(--demo-accent)}.showcase-layout-performance-brutal .demo-story h2,.showcase-layout-industrial-grid .demo-story h2,.showcase-layout-garage-precision .demo-story h2,.showcase-layout-electric-night .demo-story h2{text-transform:uppercase;max-width:900px}.showcase-layout-performance-brutal .demo-services,.showcase-layout-industrial-grid .demo-services,.showcase-layout-garage-precision .demo-services,.showcase-layout-electric-night .demo-services{grid-template-columns:1fr}.showcase-layout-performance-brutal .demo-service,.showcase-layout-industrial-grid .demo-service,.showcase-layout-garage-precision .demo-service,.showcase-layout-electric-night .demo-service{grid-template-columns:100px 1fr;background:rgba(255,255,255,.06);padding-inline:24px}.showcase-layout-performance-brutal .demo-service:hover,.showcase-layout-industrial-grid .demo-service:hover{transform:translateX(12px)}

.showcase-layout-property-gallery,.showcase-layout-beauty-luxe,.showcase-layout-romantic-story,.showcase-layout-interior-atmosphere{--section-space:clamp(108px,12vw,190px)}.showcase-layout-property-gallery .demo-hero,.showcase-layout-beauty-luxe .demo-hero,.showcase-layout-romantic-story .demo-hero,.showcase-layout-interior-atmosphere .demo-hero{align-items:center}.showcase-layout-property-gallery .hero-visual,.showcase-layout-beauty-luxe .hero-visual,.showcase-layout-romantic-story .hero-visual,.showcase-layout-interior-atmosphere .hero-visual{border-radius:0;height:78vh;box-shadow:0 60px 140px rgba(0,0,0,.22)}.showcase-layout-beauty-luxe .hero-visual,.showcase-layout-romantic-story .hero-visual{border-radius:46% 46% 0 0}.showcase-layout-property-gallery .demo-story,.showcase-layout-beauty-luxe .demo-story,.showcase-layout-romantic-story .demo-story,.showcase-layout-interior-atmosphere .demo-story{grid-template-columns:1fr 1fr;border:0}.showcase-layout-property-gallery .demo-gallery,.showcase-layout-beauty-luxe .demo-gallery,.showcase-layout-romantic-story .demo-gallery,.showcase-layout-interior-atmosphere .demo-gallery{grid-template-columns:1fr 1fr 1fr;grid-auto-rows:360px}.showcase-layout-property-gallery .demo-gallery img:nth-child(2),.showcase-layout-beauty-luxe .demo-gallery img:nth-child(2),.showcase-layout-romantic-story .demo-gallery img:nth-child(2),.showcase-layout-interior-atmosphere .demo-gallery img:nth-child(2){transform:translateY(-54px)}

.showcase-layout-commerce-studio,.showcase-layout-academy-open,.showcase-layout-finance-quiet{--section-space:clamp(82px,9vw,132px)}.showcase-layout-commerce-studio .demo-hero,.showcase-layout-academy-open .demo-hero,.showcase-layout-finance-quiet .demo-hero{grid-template-columns:1fr 1fr;align-items:center}.showcase-layout-commerce-studio .hero-visual,.showcase-layout-academy-open .hero-visual,.showcase-layout-finance-quiet .hero-visual{height:60vh;border-radius:0;border:1px solid rgba(0,0,0,.16);box-shadow:none}.showcase-layout-commerce-studio .demo-services,.showcase-layout-academy-open .demo-services,.showcase-layout-finance-quiet .demo-services{grid-template-columns:.52fr 1.48fr}.showcase-layout-commerce-studio .demo-service,.showcase-layout-academy-open .demo-service,.showcase-layout-finance-quiet .demo-service{grid-template-columns:1fr 2fr;border-color:rgba(0,0,0,.14)}.showcase-layout-commerce-studio .demo-offer,.showcase-layout-academy-open .demo-offer,.showcase-layout-finance-quiet .demo-offer{background:#fff;padding:52px;grid-template-columns:1.2fr .8fr}

.showcase-layout-fullscreen-gallery,.showcase-layout-travel-cinematic,.showcase-layout-resort-immersive,.showcase-layout-event-stage{--section-space:clamp(100px,11vw,170px)}.showcase-layout-fullscreen-gallery .demo-story,.showcase-layout-travel-cinematic .demo-story,.showcase-layout-resort-immersive .demo-story,.showcase-layout-event-stage .demo-story{width:min(calc(100% - 64px),1180px)}.showcase-layout-fullscreen-gallery .demo-gallery-section,.showcase-layout-travel-cinematic .demo-gallery-section,.showcase-layout-resort-immersive .demo-gallery-section,.showcase-layout-event-stage .demo-gallery-section{width:100%;grid-template-columns:1fr}.showcase-layout-fullscreen-gallery .demo-gallery,.showcase-layout-travel-cinematic .demo-gallery,.showcase-layout-resort-immersive .demo-gallery,.showcase-layout-event-stage .demo-gallery{grid-template-columns:repeat(3,1fr);grid-auto-rows:68vh;gap:0}.showcase-layout-fullscreen-gallery .demo-gallery img,.showcase-layout-travel-cinematic .demo-gallery img,.showcase-layout-resort-immersive .demo-gallery img,.showcase-layout-event-stage .demo-gallery img{border-radius:0}

.showcase-layout-product-console,.showcase-layout-infrastructure-dark,.showcase-layout-studio-motion,.showcase-layout-logistics-map{--section-space:clamp(76px,8vw,128px);background:#050913}.showcase-layout-product-console .hero-visual,.showcase-layout-infrastructure-dark .hero-visual,.showcase-layout-studio-motion .hero-visual,.showcase-layout-logistics-map .hero-visual{border-radius:26px;border:1px solid rgba(118,228,255,.18);box-shadow:0 0 0 10px rgba(255,255,255,.035),0 50px 130px rgba(0,0,0,.42)}.showcase-layout-product-console .demo-story,.showcase-layout-infrastructure-dark .demo-story,.showcase-layout-studio-motion .demo-story,.showcase-layout-logistics-map .demo-story{grid-template-columns:.7fr 1.3fr;border-top:1px solid rgba(118,228,255,.18)}.showcase-layout-product-console .demo-service,.showcase-layout-infrastructure-dark .demo-service,.showcase-layout-studio-motion .demo-service,.showcase-layout-logistics-map .demo-service{border:1px solid rgba(118,228,255,.14);border-radius:20px;margin-bottom:12px;padding:22px;background:rgba(255,255,255,.045)}

.showcase-layout-cafe-warm .demo-hero,.showcase-layout-artist-archive .demo-hero{grid-template-columns:.72fr 1.28fr}.showcase-layout-cafe-warm .hero-visual{border-radius:999px 999px 0 0}.showcase-layout-artist-archive .hero-visual{height:78vh;filter:grayscale(.18)}.showcase-layout-cafe-warm .demo-service,.showcase-layout-artist-archive .demo-service{grid-template-columns:1fr;border-top:0;border-bottom:1px solid rgba(255,255,255,.18)}

.showcase-layout-newspaper-premium .demo-services{display:block}.showcase-layout-newspaper-premium .demo-service{grid-template-columns:120px 1fr;border-color:#111}.showcase-layout-newspaper-premium .demo-gallery{grid-template-columns:1fr 1fr 1fr;border-top:4px double #111;border-bottom:4px double #111;padding-block:14px}.showcase-layout-swiss-architecture .demo-story{grid-template-columns:240px 1fr;border-top:0}.showcase-layout-swiss-architecture .demo-service{grid-template-columns:160px 1fr;border-color:#111}.showcase-layout-swiss-architecture .hero-visual{box-shadow:none;border:1px solid #111}

@media(max-width:980px){
  .showcase-site{--section-space:72px}
  .showcase-site .demo-hero,.showcase-site .demo-story,.showcase-site .demo-services,.showcase-site .demo-gallery-section,.showcase-site .demo-offer,.showcase-site .demo-testimonials{grid-template-columns:1fr!important}
  .showcase-site .hero-visual{height:420px!important;min-height:0!important;border-radius:22px!important;clip-path:none!important;box-shadow:none!important}
  .showcase-site .hero-proof{position:relative;bottom:auto;margin-top:16px}
  .showcase-site .demo-story,.showcase-site .demo-offer{padding-inline:0!important;background:transparent!important}
  .showcase-site .demo-gallery{grid-template-columns:1fr!important;grid-auto-rows:260px!important;gap:12px!important}
  .showcase-site .demo-gallery img{transform:none!important;border-radius:18px!important}
  .showcase-site .demo-service{grid-template-columns:72px 1fr!important}
}

/* agency design-practice correction pass */
.showcase-site{font-family:Manrope,Arial,sans-serif;--page-max:1180px;--gutter:40px;--section-space:clamp(84px,9vw,132px);background:var(--demo-dark);color:#fff}
.showcase-site:before,.showcase-site:after{opacity:.06!important}
.showcase-site h1,.showcase-site h2,.showcase-site h3{letter-spacing:0;text-wrap:balance}
.showcase-site h1{font-size:clamp(3rem,5.5vw,5.9rem)!important;line-height:.96!important;max-width:880px!important}
.showcase-site h2{font-size:clamp(2rem,3.8vw,4.25rem)!important;line-height:1!important}
.showcase-site p{font-size:1rem;line-height:1.72}
.demo-layout,.showcase-hub,.demo-footer{width:min(calc(100% - var(--gutter) * 2),var(--page-max))!important}
.demo-header{width:min(calc(100% - var(--gutter) * 2),var(--page-max))!important;top:18px!important;border-radius:8px!important;background:rgba(8,8,8,.62)!important;border:1px solid rgba(255,255,255,.16)!important;box-shadow:none!important}
.demo-header nav a{letter-spacing:0!important;text-transform:none!important;font-size:.9rem!important}
.demo-button{border-radius:8px!important;letter-spacing:0!important;text-transform:none!important;font-size:.92rem!important;font-weight:800!important}
.demo-hero{min-height:auto!important;padding:118px 0 72px!important;grid-template-columns:minmax(0,1fr) minmax(360px,520px)!important;gap:clamp(36px,6vw,76px)!important;align-items:center!important}
.hero-copy{max-width:760px!important}
.hero-copy p{max-width:660px!important}
.hero-visual{height:clamp(420px,58vh,620px)!important;border-radius:10px!important;clip-path:none!important;box-shadow:none!important;border:1px solid rgba(255,255,255,.14)!important}
.hero-visual img{object-fit:cover!important;filter:saturate(1.02) contrast(1.02)!important}
.hero-visual figcaption{font-size:.72rem!important;letter-spacing:.08em!important}
.hero-proof{position:relative!important;left:auto!important;right:auto!important;bottom:auto!important;margin-top:20px!important;display:flex!important;flex-wrap:wrap!important}
.hero-proof span{border-radius:999px!important;background:rgba(255,255,255,.08)!important;letter-spacing:0!important;text-transform:none!important}
.demo-story,.demo-services,.demo-gallery-section,.demo-offer,.demo-testimonials,.demo-faq,.demo-cta{width:min(100%,var(--page-max))!important;padding:var(--section-space) 0!important}
.demo-story{grid-template-columns:.55fr 1.05fr .7fr!important;gap:clamp(24px,4vw,52px)!important;border-top:1px solid rgba(255,255,255,.16)!important}
.demo-story>p,.demo-index{letter-spacing:.14em!important}
.demo-services{grid-template-columns:.78fr 1.22fr!important;gap:clamp(26px,5vw,62px)!important}
.demo-service{grid-template-columns:64px 1fr!important;gap:18px!important;padding:24px 0!important;background:transparent!important;border-radius:0!important;border-top:1px solid rgba(255,255,255,.16)!important}
.demo-service h3{font-size:clamp(1.25rem,2vw,2rem)!important;line-height:1.12!important}
.demo-gallery-section{grid-template-columns:.72fr 1.28fr!important;gap:32px!important;align-items:start!important}
.demo-gallery{display:grid!important;grid-template-columns:1.15fr .85fr!important;grid-auto-rows:230px!important;gap:14px!important}
.demo-gallery img{border-radius:10px!important;transform:none!important;border:1px solid rgba(255,255,255,.12)!important}
.demo-gallery img:first-child{grid-row:span 2!important}
.demo-offer{grid-template-columns:.88fr 1.12fr!important;gap:44px!important;background:transparent!important;padding-inline:0!important}
.offer-list article{padding:22px 0!important;border-bottom:1px solid rgba(255,255,255,.16)!important}
.offer-list p{font-size:clamp(1.1rem,1.7vw,1.55rem)!important;line-height:1.25!important}
.demo-testimonials{grid-template-columns:1fr 1fr!important;gap:18px!important}
.demo-testimonials figure{border-radius:10px!important;background:rgba(255,255,255,.06)!important;box-shadow:none!important}
.demo-testimonials blockquote{font-size:clamp(1.2rem,2vw,1.85rem)!important;line-height:1.18!important}
.demo-faq .faq-grid{gap:14px!important}
.demo-faq details{border-radius:10px!important}
.demo-cta{min-height:auto!important;border-top:1px solid rgba(255,255,255,.16)!important}
.demo-footer{padding:42px 0!important}

.showcase-layout-warm-editorial{background:#21140f!important}.showcase-layout-warm-editorial .hero-visual{border-radius:999px 999px 10px 10px!important}.showcase-layout-warm-editorial .demo-gallery img{border-radius:999px 999px 10px 10px!important}
.showcase-layout-legal-editorial{background:#111318!important}.showcase-layout-legal-editorial .hero-visual{border-color:#b99b5f!important}.showcase-layout-legal-editorial .demo-story{grid-template-columns:1fr!important;max-width:960px!important}.showcase-layout-legal-editorial .demo-service{grid-template-columns:140px 1fr!important}
.showcase-layout-clinical-calm,.showcase-layout-dental-polish,.showcase-layout-fresh-service,.showcase-layout-water-service{background:#f7fbfb!important;color:#102426!important}.showcase-layout-clinical-calm p,.showcase-layout-dental-polish p,.showcase-layout-fresh-service p,.showcase-layout-water-service p{color:#456266!important}.showcase-layout-clinical-calm .demo-header,.showcase-layout-dental-polish .demo-header,.showcase-layout-fresh-service .demo-header,.showcase-layout-water-service .demo-header{background:rgba(255,255,255,.82)!important;color:#102426!important;border-color:rgba(16,36,38,.12)!important}.showcase-layout-clinical-calm .hero-visual,.showcase-layout-dental-polish .hero-visual,.showcase-layout-fresh-service .hero-visual,.showcase-layout-water-service .hero-visual{border-radius:24px!important;background:#fff!important}.showcase-layout-clinical-calm .demo-service,.showcase-layout-dental-polish .demo-service,.showcase-layout-fresh-service .demo-service,.showcase-layout-water-service .demo-service{border-color:rgba(16,36,38,.14)!important}
.showcase-layout-performance-brutal,.showcase-layout-industrial-grid,.showcase-layout-auto-asymmetric,.showcase-layout-garage-precision,.showcase-layout-electric-night{background:#090909!important}.showcase-layout-performance-brutal .demo-header,.showcase-layout-industrial-grid .demo-header,.showcase-layout-auto-asymmetric .demo-header,.showcase-layout-garage-precision .demo-header,.showcase-layout-electric-night .demo-header{border-radius:0!important}.showcase-layout-performance-brutal h1,.showcase-layout-industrial-grid h1,.showcase-layout-auto-asymmetric h1,.showcase-layout-garage-precision h1,.showcase-layout-electric-night h1{text-transform:uppercase!important}.showcase-layout-performance-brutal .hero-visual,.showcase-layout-industrial-grid .hero-visual,.showcase-layout-auto-asymmetric .hero-visual,.showcase-layout-garage-precision .hero-visual,.showcase-layout-electric-night .hero-visual{border-radius:0!important}
.showcase-layout-property-gallery,.showcase-layout-beauty-luxe,.showcase-layout-romantic-story,.showcase-layout-interior-atmosphere{--section-space:clamp(96px,11vw,160px)}.showcase-layout-property-gallery .demo-gallery,.showcase-layout-beauty-luxe .demo-gallery,.showcase-layout-romantic-story .demo-gallery,.showcase-layout-interior-atmosphere .demo-gallery{grid-template-columns:repeat(3,1fr)!important;grid-auto-rows:320px!important}.showcase-layout-beauty-luxe .hero-visual,.showcase-layout-romantic-story .hero-visual{border-radius:46% 46% 10px 10px!important}
.showcase-layout-commerce-studio,.showcase-layout-academy-open,.showcase-layout-finance-quiet,.showcase-layout-newspaper-premium,.showcase-layout-swiss-architecture{background:#f5f2eb!important;color:#151515!important}.showcase-layout-commerce-studio p,.showcase-layout-academy-open p,.showcase-layout-finance-quiet p,.showcase-layout-newspaper-premium p,.showcase-layout-swiss-architecture p{color:#4d4a44!important}.showcase-layout-commerce-studio .demo-header,.showcase-layout-academy-open .demo-header,.showcase-layout-finance-quiet .demo-header,.showcase-layout-newspaper-premium .demo-header,.showcase-layout-swiss-architecture .demo-header{background:rgba(245,242,235,.86)!important;color:#151515!important;border-color:rgba(0,0,0,.12)!important}.showcase-layout-commerce-studio .demo-service,.showcase-layout-academy-open .demo-service,.showcase-layout-finance-quiet .demo-service,.showcase-layout-newspaper-premium .demo-service,.showcase-layout-swiss-architecture .demo-service{border-color:rgba(0,0,0,.14)!important}
.showcase-layout-product-console,.showcase-layout-infrastructure-dark,.showcase-layout-studio-motion,.showcase-layout-logistics-map{background:#050913!important}.showcase-layout-product-console .hero-visual,.showcase-layout-infrastructure-dark .hero-visual,.showcase-layout-studio-motion .hero-visual,.showcase-layout-logistics-map .hero-visual{border-color:rgba(118,228,255,.18)!important}

@media(max-width:980px){
  .showcase-site{--gutter:14px;--section-space:64px}
  .demo-header{top:10px!important}
  .demo-header nav{display:none!important}
  .demo-hero,.demo-story,.demo-services,.demo-gallery-section,.demo-offer,.demo-testimonials{grid-template-columns:1fr!important}
  .demo-hero{padding:96px 0 48px!important;gap:24px!important}
  .showcase-site h1{font-size:clamp(2.45rem,11vw,4rem)!important}
  .hero-visual{height:360px!important}
  .demo-gallery{grid-template-columns:1fr!important;grid-auto-rows:240px!important}
  .demo-gallery img:first-child{grid-row:span 1!important}
  .demo-service{grid-template-columns:48px 1fr!important}
  .demo-testimonials{grid-template-columns:1fr!important}
}

/* actual showcase template correction */
.wp-editorial,.wp-gallery,.wp-clinic,.wp-brutal,.wp-console,.wp-swiss{width:min(calc(100% - 80px),1180px)!important;margin:auto!important;padding:118px 0 80px!important}
.wp-editorial h1,.wp-gallery h1,.wp-clinic h1,.wp-brutal h1,.wp-console h1,.wp-swiss h1{font-size:clamp(2.85rem,4.35vw,4.65rem)!important;line-height:1.02!important;max-width:920px!important}
.wp-editorial h2,.wp-gallery h2,.wp-clinic h2,.wp-brutal h2,.wp-console h2,.wp-swiss h2{font-size:clamp(2rem,3.8vw,4.1rem)!important;line-height:1!important}
.ed-cover{min-height:auto!important;grid-template-columns:.82fr 1fr .45fr!important;gap:34px!important;align-items:center!important;padding:16px 0 86px!important}
.ed-cover figure{height:560px!important;border-radius:10px!important;background:#111!important}
.ed-cover img{mix-blend-mode:normal!important;opacity:1!important;filter:saturate(1.02) contrast(1.02)!important}
.ed-cover aside{border-left:1px solid rgba(255,255,255,.18)!important}
.ed-manifest{padding:86px 0!important;grid-template-columns:.45fr 1.35fr!important}
.ed-menu{background:transparent!important;gap:14px!important}.ed-menu article{border:1px solid rgba(255,255,255,.16)!important;border-radius:10px!important;background:rgba(255,255,255,.045)!important;min-height:210px!important;padding:26px!important}.ed-menu span{font-size:clamp(1.2rem,1.8vw,1.8rem)!important;line-height:1.12!important}
.ed-collage{padding:92px 0!important;gap:14px!important}.ed-collage img{height:360px!important;border-radius:10px!important;object-fit:cover!important}.ed-collage img:nth-child(2){height:480px!important;margin-top:-38px!important}
.ed-reserve{padding:42px 0!important;grid-template-columns:1fr .8fr auto!important}
.wp-gallery{width:100%!important;padding-top:0!important}.gal-hero{min-height:88vh!important;padding:120px max(40px,calc((100vw - 1180px)/2)) 72px!important}.gal-strip figure{height:62vh!important}.gal-services,.gal-offers,.gal-booking{width:min(calc(100% - 80px),1180px)!important}.gal-services{margin:86px auto!important;gap:14px!important}.gal-services p{font-size:clamp(1.15rem,2vw,2rem)!important}.gal-offers{margin-bottom:86px!important}
.wp-clinic{color:#102426!important}.clinic-hero{min-height:auto!important;grid-template-columns:1.05fr .78fr!important;gap:40px!important;padding-bottom:64px!important}.clinic-hero h1{color:#102426!important}.clinic-book{box-shadow:none!important;border-radius:12px!important}.clinic-photo{gap:22px!important}.clinic-photo img{height:520px!important;border-radius:18px!important}.clinic-photo span{border-radius:12px!important}.clinic-care{padding:82px 0!important;gap:14px!important}.clinic-care article{border-radius:14px!important}.clinic-faq{padding-bottom:70px!important}
.wp-brutal{width:100%!important;padding-top:0!important}.brutal-hero{min-height:auto!important;width:min(calc(100% - 80px),1180px)!important;margin:auto!important;grid-template-columns:1fr .85fr!important;gap:36px!important;padding:118px 0 78px!important}.brutal-hero h1{padding:0!important;font-size:clamp(3rem,5vw,5.2rem)!important}.brutal-hero img{height:560px!important;clip-path:none!important;mix-blend-mode:normal!important;opacity:1!important;border-radius:0!important}.brutal-contact{position:static!important;grid-column:1/-1!important}.brutal-services,.brutal-pricing{width:min(calc(100% - 80px),1180px)!important;margin:86px auto!important}.brutal-gallery{width:min(calc(100% - 80px),1180px)!important;margin:auto!important;gap:14px!important}.brutal-gallery img{height:340px!important}
.wp-console{padding-top:118px!important}.console-shell{min-height:auto!important;grid-template-columns:.9fr 1.1fr!important}.console-ui{border-radius:14px!important;box-shadow:none!important}.console-flow{gap:14px!important}.console-flow article,.console-plans article{border-radius:12px!important}.console-image{padding:82px 0!important}.console-image img{height:520px!important;border-radius:14px!important;opacity:1!important}.console-proof{padding:78px 0!important}
.wp-swiss{width:100%!important;padding:118px max(40px,calc((100vw - 1180px)/2)) 80px!important}.swiss-grid{min-height:auto!important;grid-template-columns:80px 1fr .72fr!important}.swiss-grid img{height:560px!important}.swiss-gallery{padding:82px 0!important;gap:14px!important}.swiss-gallery img{height:340px!important}.swiss-method{gap:34px!important}
@media(max-width:980px){
  .wp-editorial,.wp-gallery,.wp-clinic,.wp-brutal,.wp-console,.wp-swiss{width:min(calc(100% - 28px),1180px)!important;padding:94px 0 58px!important}
  .wp-editorial h1,.wp-gallery h1,.wp-clinic h1,.wp-brutal h1,.wp-console h1,.wp-swiss h1{font-size:clamp(2.35rem,10.5vw,4rem)!important}
  .ed-cover,.ed-manifest,.ed-reserve,.clinic-hero,.clinic-photo,.clinic-care,.clinic-faq,.brutal-hero,.brutal-pricing,.console-shell,.console-flow,.console-plans,.console-proof,.swiss-grid,.swiss-method{grid-template-columns:1fr!important}
  .ed-cover{padding-bottom:58px!important}.ed-cover figure,.clinic-photo img,.console-image img,.swiss-grid img{height:360px!important}.ed-cover aside{border-left:0!important;padding-left:0!important}
  .ed-menu,.ed-collage,.gal-strip,.gal-services,.gal-offers,.brutal-gallery,.swiss-gallery{grid-template-columns:1fr!important}
  .ed-collage img,.ed-collage img:nth-child(2),.gal-strip figure,.brutal-gallery img,.swiss-gallery img{height:260px!important;margin-top:0!important}
  .gal-hero{min-height:70vh!important;padding:100px 14px 52px!important}.gal-services,.gal-offers,.gal-booking,.brutal-hero,.brutal-services,.brutal-pricing,.brutal-gallery{width:100%!important}
  .brutal-hero{padding:96px 0 56px!important}.brutal-hero img{height:360px!important}
  .swiss-grid img{grid-column:auto!important;grid-row:auto!important}
}

/* ---------------------------------------------------------------------------
   .mock-* component layer — the shared chrome for the 30 vertical showcase
   mini-sites (NOO-34). shared/mock-components.php has always emitted this
   markup; nothing ever styled it, so nav/CTA/footer rendered browser-default.

   Design intent: the layer carries NO palette of its own. Each vertical sets
   its own body background/colour in an inline <style> block, so every value
   here is derived from the page's own `color` through color-mix(). One rule
   set therefore reads correctly on the dark verticals (wedding #1a1412,
   events #0a0c12) and the light ones (architect #f4f5f2) without touching a
   single vertical page. A vertical that wants a stronger accent only has to
   set --mock-accent in its own <style> block; everything else follows.
   --------------------------------------------------------------------------- */
body:has(.mock-nav){
  --mock-hair:color-mix(in srgb,currentColor 16%,transparent);
  --mock-veil:color-mix(in srgb,currentColor 8%,transparent);
  --mock-quiet:color-mix(in srgb,currentColor 70%,transparent);
  --mock-accent:currentColor;
}
/* restaurant/ reads --demo-accent throughout, but only index.php declares it;
   its other four pages fell back to an invalid var(). The value is the accent
   from verticals-data/restaurant.php. */
body.mock-restaurant{--demo-accent:#e17032;--mock-accent:#e17032}
/* site.css paints every <p> in the main site's cool grey. On a mock vertical
   that ignores the page's palette, so re-derive it from the page's own ink. */
body:has(.mock-nav) p{color:var(--mock-quiet)}
/* ...but not in the hero. Every vertical's hero sits on a photograph, and the
   photo's own brightness already eats most of the separation; dropping the lead
   to 70% ink on top of that is what made it unreadable. Measured over the real
   hero images (qa/hero-contrast.js), full-strength ink is worth ~1.4x contrast
   and is the difference between failing and passing AA on 20 of the 30. Hero
   copy therefore keeps the page's ink at full strength and earns its hierarchy
   from size, not from being faded out. */
body:has(.mock-nav)>header p{color:currentColor}
/* Same story for .hero: the main-site rule splits it into a two-column grid and
   bleeds a blue brand shape into the corner. Mock heroes are single-column and
   are not Noostrid-branded. */
body:has(.mock-nav) .hero{display:flex;align-items:center;grid-template-columns:none;padding:0}
body:has(.mock-nav) .hero:before{display:none}
/* ...and the fixed grid texture body:before paints behind every page. It is
   Noostrid's own backdrop, not the client's. */
body:has(.mock-nav):before{display:none}

.mock-nav{
  position:sticky;top:0;z-index:50;
  display:flex;align-items:center;gap:clamp(10px,2.5vw,30px);flex-wrap:wrap;
  padding:13px clamp(16px,4vw,44px);
  background:color-mix(in srgb,currentColor 6%,transparent);
  backdrop-filter:blur(18px) saturate(1.3);
  -webkit-backdrop-filter:blur(18px) saturate(1.3);
  border-bottom:1px solid var(--mock-hair);
}
.mock-brand{
  font-family:Space Grotesk,Arial,sans-serif;font-weight:700;
  font-size:clamp(1.02rem,1.5vw,1.3rem);margin-right:auto;
  min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
}
.mock-nav-links{display:flex;align-items:center;gap:2px;flex-wrap:wrap}
.mock-nav-links a{
  display:inline-block;padding:9px 13px;border-radius:999px;white-space:nowrap;
  font-size:.88rem;color:var(--mock-quiet);
  transition:color .2s ease,background .2s ease;
}
.mock-nav-links a:hover,.mock-nav-links a:focus-visible,.mock-nav-links a.active{
  color:inherit;background:var(--mock-veil);
}
.mock-cta{
  display:inline-flex;align-items:center;justify-content:center;
  min-height:42px;padding:11px 18px;border-radius:999px;white-space:nowrap;
  border:1px solid color-mix(in srgb,var(--mock-accent) 55%,transparent);
  color:var(--mock-accent);font-weight:700;font-size:.78rem;letter-spacing:.04em;
  transition:background .2s ease,border-color .2s ease,transform .2s ease;
}
.mock-cta:hover,.mock-cta:focus-visible{background:var(--mock-veil);border-color:currentColor;transform:translateY(-1px)}

/* Most verticals set their own background/colour on .mock-button inline, which
   still wins; this only supplies shape, weight and a neutral fallback fill. */
.mock-button{
  display:inline-flex;align-items:center;justify-content:center;
  min-height:48px;padding:14px 26px;border-radius:999px;cursor:pointer;
  border:1px solid var(--mock-hair);
  background:color-mix(in srgb,currentColor 12%,transparent);
  color:inherit;font-family:inherit;font-size:.92rem;font-weight:700;letter-spacing:.02em;
  transition:transform .2s ease,box-shadow .2s ease,filter .2s ease;
}
.mock-button.secondary{background:transparent;border-color:color-mix(in srgb,currentColor 34%,transparent)}
.mock-button:hover,.mock-button:focus-visible{transform:translateY(-2px);box-shadow:0 16px 36px rgba(0,0,0,.24);filter:brightness(1.06)}

.mock-contact-form{max-width:660px}
.mock-contact-form .form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin-bottom:22px}
.mock-contact-form label{display:grid;gap:7px;font-size:.82rem;letter-spacing:.04em;text-transform:uppercase}
.mock-contact-form input,.mock-contact-form textarea{
  width:100%;font:inherit;font-size:1rem;text-transform:none;letter-spacing:0;color:inherit;
  padding:12px 14px;border-radius:8px;
  border:1px solid var(--mock-hair);
  background:color-mix(in srgb,currentColor 6%,transparent);
}
.mock-contact-form textarea{min-height:130px;resize:vertical}
.mock-contact-form input:focus,.mock-contact-form textarea:focus{
  outline:2px solid color-mix(in srgb,var(--mock-accent) 60%,transparent);outline-offset:1px;
}
.mock-contact-form .form-note{margin-top:14px;font-size:.8rem;color:var(--mock-quiet)}

.mock-footer{
  display:grid;grid-template-columns:1.25fr 1fr;gap:clamp(20px,4vw,52px);align-items:start;
  padding:clamp(48px,7vw,84px) clamp(16px,4vw,44px) 34px;
  border-top:1px solid var(--mock-hair);
  background:color-mix(in srgb,currentColor 4%,transparent);
}
.mock-footer-main strong{display:block;font-family:Space Grotesk,Arial,sans-serif;font-size:1.3rem;margin-bottom:10px}
.mock-footer-main p{margin:0;max-width:40ch}
.mock-footer-links{align-self:center}
.mock-credit{max-width:48ch;color:var(--mock-quiet);font-size:.92rem}
.mock-credit a{color:var(--mock-accent);text-decoration:underline;text-underline-offset:3px}
.mock-footer-meta{
  grid-column:1/-1;margin-top:14px;padding-top:20px;
  border-top:1px solid var(--mock-hair);color:var(--mock-quiet);
}

/* restaurant/ ships its own .mock-hero/.mock-section inline on index.php; these
   are the defaults its other pages fall back to. */
.mock-hero{position:relative;display:flex;align-items:center;min-height:80vh;padding:0 clamp(16px,4vw,44px)}
.mock-hero .inner{max-width:820px}
.mock-section{max-width:1100px;margin:0 auto;padding:clamp(56px,8vw,92px) clamp(16px,4vw,24px)}

/* Every vertical carried its two-column section as an inline
   style="display:grid;grid-template-columns:1fr 1fr" (NOO-42). An inline
   declaration outranks any stylesheet rule, so those sections stayed two
   columns at 390px and squeezed body copy into a ~130px gutter. The layout
   lives here now; the collapse below is one rule instead of 29 page edits.
   Modifiers only exist where a page genuinely differed. */
.mock-split{display:grid;grid-template-columns:1fr 1fr;gap:clamp(28px,4vw,48px);align-items:center}
.mock-split.stretch{align-items:stretch}
.mock-split.top{align-items:start}
.mock-split.aside{grid-template-columns:1fr 420px;align-items:start}

@media(max-width:760px){
  .mock-nav{gap:8px;padding:10px 14px}
  .mock-brand{font-size:1rem;flex:1 1 auto}
  .mock-nav-links{order:3;width:100%;gap:0;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}
  .mock-nav-links::-webkit-scrollbar{display:none}
  .mock-nav-links a{padding:7px 11px;font-size:.84rem}
  .mock-cta{min-height:36px;padding:8px 12px;font-size:.68rem}
  .mock-footer{grid-template-columns:1fr}
  .mock-contact-form .form-grid{grid-template-columns:1fr}
  .mock-hero{min-height:72vh}
  .mock-split,.mock-split.aside{grid-template-columns:1fr}
}