:root { --container:1280px; --radius-sm:16px; --radius:28px; --radius-lg:42px; --space-section:96px; --space-hero-top:108px; --space-hero-bottom:90px; --hero-height:690px; --feature-height:340px; --shadow-soft:0 12px 28px rgba(18,16,15,.07); --shadow-medium:0 22px 52px rgba(18,16,15,.10); --shadow-strong:0 34px 86px rgba(18,16,15,.14); --panel-width:400px; --glow-opacity:.38; --border-soft:1px solid rgba(255,255,255,.28); }
html[data-theme="pearl-gold"] { --bg:#fcfbf8; --bg-soft:#efe8df; --surface:rgba(255,255,255,.84); --surface-strong:rgba(255,255,255,.96); --text:#241f1b; --muted:#746b64; --line:rgba(36,31,27,.08); --accent:#c2a06f; --accent-dark:#98784f; --accent-soft:#eadcc8; --hero-overlay:rgba(36,31,27,.14); --panel-bg:rgba(255,255,255,.95); }
html[data-theme="ivory-blush"] { --bg:#fffafa; --bg-soft:#f3e5e5; --surface:rgba(255,252,252,.84); --surface-strong:rgba(255,254,254,.96); --text:#2b2324; --muted:#7d6d6f; --line:rgba(43,35,36,.08); --accent:#d2a8aa; --accent-dark:#ab7e82; --accent-soft:#efdcde; --hero-overlay:rgba(43,35,36,.14); --panel-bg:rgba(255,252,252,.95); }
html[data-theme="sage-clinic"] { --bg:#fafbf8; --bg-soft:#dfe6dc; --surface:rgba(254,255,253,.84); --surface-strong:rgba(255,255,254,.96); --text:#222823; --muted:#697168; --line:rgba(34,40,35,.08); --accent:#b79d68; --accent-dark:#8b7448; --accent-soft:#d7e0d4; --hero-overlay:rgba(34,40,35,.14); --panel-bg:rgba(254,255,253,.95); }
html[data-theme="taupe-luxe"] { --bg:#fbf9f7; --bg-soft:#e7dfd7; --surface:rgba(255,253,251,.84); --surface-strong:rgba(255,254,253,.96); --text:#2a2420; --muted:#756b65; --line:rgba(42,36,32,.08); --accent:#c0a089; --accent-dark:#94765f; --accent-soft:#e6ddd6; --hero-overlay:rgba(42,36,32,.14); --panel-bg:rgba(255,254,253,.95); }
html[data-theme="noir-clinic"] { --bg:#11100f; --bg-soft:#1d1a18; --surface:rgba(34,31,29,.84); --surface-strong:rgba(40,36,34,.96); --text:#f6f0ea; --muted:#cbc0b4; --line:rgba(246,240,234,.08); --accent:#c8a16b; --accent-dark:#e1bb83; --accent-soft:#3b332e; --hero-overlay:rgba(8,7,6,.28); --panel-bg:rgba(28,25,23,.95); }
html[data-theme="silk-rose"] { --bg:#fff9fb; --bg-soft:#f1e1e8; --surface:rgba(255,252,254,.84); --surface-strong:rgba(255,254,255,.96); --text:#2c2227; --muted:#7b6c72; --line:rgba(44,34,39,.08); --accent:#c69cb0; --accent-dark:#9f7388; --accent-soft:#ecdbe3; --hero-overlay:rgba(44,34,39,.14); --panel-bg:rgba(255,253,254,.95); }
html[data-scene="pure"] { --shadow-soft:0 10px 24px rgba(18,16,15,.06); --shadow-medium:0 18px 42px rgba(18,16,15,.08); --shadow-strong:0 26px 62px rgba(18,16,15,.11); --glow-opacity:.28; --radius:24px; --radius-lg:34px; }
html[data-scene="couture"] { --shadow-soft:0 16px 36px rgba(18,16,15,.08); --shadow-medium:0 26px 60px rgba(18,16,15,.11); --shadow-strong:0 38px 98px rgba(18,16,15,.16); --glow-opacity:.58; --radius:30px; --radius-lg:46px; }
*{box-sizing:border-box} html{scroll-behavior:smooth} body{margin:0;font-family:"Segoe UI","Helvetica Neue",Arial,sans-serif;color:var(--text);line-height:1.68;background:radial-gradient(circle at top left, rgba(255,255,255,.72), transparent 26%),radial-gradient(circle at bottom right, var(--accent-soft), transparent 30%),linear-gradient(180deg,var(--bg) 0%,var(--bg-soft) 100%);transition:background .35s ease,color .35s ease} a{text-decoration:none;color:inherit} button{font:inherit} .container{width:min(100% - 44px,var(--container));margin:0 auto}
.scroll-progress{position:fixed;top:0;left:0;z-index:160;height:3px;width:0%;background:linear-gradient(90deg,var(--accent),var(--accent-dark))}
.studio-toggle{position:fixed;right:18px;bottom:18px;z-index:130;min-height:56px;padding:0 18px;border:0;border-radius:999px;display:inline-flex;align-items:center;gap:10px;cursor:pointer;color:#fff;background:linear-gradient(180deg,var(--accent) 0%,var(--accent-dark) 100%);box-shadow:var(--shadow-medium)}
.studio-panel{position:fixed;right:18px;bottom:86px;z-index:129;width:min(var(--panel-width),calc(100vw - 22px));opacity:0;pointer-events:none;transform:translateY(12px) scale(.98);transition:opacity .22s ease,transform .22s ease}.studio-panel.open{opacity:1;pointer-events:auto;transform:translateY(0) scale(1)}.studio-panel-inner{padding:22px;border-radius:28px;background:var(--panel-bg);border:1px solid var(--line);box-shadow:var(--shadow-strong);backdrop-filter:blur(16px)}
.panel-kicker,.panel-label,.eyebrow,.section-tag,.floating-kicker,.tab-kicker,.detail-kicker,.quote-kicker,.summary-kicker{display:inline-block;font-size:.78rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--accent-dark)} .panel-kicker,.panel-label,.eyebrow,.section-tag,.summary-kicker{margin-bottom:14px}
.panel-head h3{margin:0 0 8px;font-size:1.24rem;line-height:1.2}.panel-head p{margin:0 0 18px;color:var(--muted);font-size:.95rem}.panel-block + .panel-block{margin-top:18px}.chip-grid{display:grid;gap:10px}.chip-grid.two-col{grid-template-columns:repeat(2,1fr)}.chip-grid.three-col{grid-template-columns:repeat(3,1fr)}.theme-chip,.layout-chip,.scene-chip,.tab-btn{min-height:42px;padding:0 12px;border-radius:16px;border:1px solid var(--line);background:var(--surface);color:var(--text);cursor:pointer}.theme-chip.active,.layout-chip.active,.scene-chip.active,.tab-btn.active{color:#fff;border-color:transparent;background:linear-gradient(180deg,var(--accent) 0%,var(--accent-dark) 100%)}.panel-summary{margin-top:18px;padding:14px;border-radius:18px;background:var(--surface-strong);border:1px solid var(--line)}.summary-line{display:flex;flex-wrap:wrap;gap:8px}
.lightbox{position:fixed;inset:0;z-index:150;display:grid;place-items:center;padding:26px;background:rgba(0,0,0,.78);opacity:0;pointer-events:none;transition:opacity .2s ease}.lightbox.open{opacity:1;pointer-events:auto}.lightbox-inner{max-width:1100px;width:100%}.lightbox img{width:100%;max-height:78vh;object-fit:cover;border-radius:24px}.lightbox p{margin:14px 0 0;color:#fff;text-align:center}.lightbox-close{position:absolute;top:18px;right:18px;width:46px;height:46px;border:0;border-radius:50%;background:rgba(255,255,255,.14);color:#fff;font-size:1.7rem;cursor:pointer}
.topbar{position:sticky;top:0;z-index:100;background:rgba(255,255,255,.08);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}.nav{min-height:84px;display:flex;align-items:center;justify-content:space-between;gap:24px}.logo{font-weight:700;letter-spacing:.04em;color:var(--accent-dark)}nav{display:flex;align-items:center;gap:24px}nav a{color:var(--muted)}
.hero{position:relative;overflow:hidden;padding:var(--space-hero-top) 0 var(--space-hero-bottom)}.hero-glow{position:absolute;border-radius:50%;opacity:var(--glow-opacity);pointer-events:none}.hero-glow-a{width:420px;height:420px;top:-120px;right:-60px;background:radial-gradient(circle,var(--accent-soft) 0%,transparent 72%)}.hero-glow-b{width:340px;height:340px;left:-60px;bottom:-80px;background:radial-gradient(circle,var(--accent-soft) 0%,transparent 72%)}.hero-grid{position:relative;z-index:1;display:grid;gap:42px;align-items:center}.hero-copy h1{margin:0 0 20px;font-size:clamp(2.9rem,5.8vw,5.5rem);line-height:.96;letter-spacing:-.055em}.hero-text{margin:0 0 34px;max-width:620px;color:var(--muted);font-size:1.08rem}.hero-actions,.contact-actions{display:flex;flex-wrap:wrap;gap:14px}.hero-pills{margin-top:22px;display:flex;flex-wrap:wrap;gap:10px}.hero-pill{padding:9px 14px;border-radius:999px;border:1px solid var(--line);background:var(--surface);color:var(--muted);box-shadow:var(--shadow-soft)}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:54px;padding:0 26px;border-radius:999px;font-size:.98rem;font-weight:600}.btn-primary{color:#fff;border:0;background:linear-gradient(180deg,var(--accent) 0%,var(--accent-dark) 100%);box-shadow:var(--shadow-medium)}.btn-secondary{color:var(--text);background:var(--surface);border:1px solid var(--line)}
.hero-frame{padding:16px;border-radius:var(--radius-lg);background:linear-gradient(135deg,var(--surface-strong),var(--accent-soft));box-shadow:var(--shadow-strong)}.hero-image{min-height:var(--hero-height);border-radius:var(--radius-lg);background:linear-gradient(var(--hero-overlay), rgba(0,0,0,.04)),url("https://images.unsplash.com/photo-1522335789203-aabd1fc54bc9?auto=format&fit=crop&w=1600&q=80") center/cover no-repeat}.floating-card{position:absolute;max-width:250px;padding:16px;border-radius:22px;background:var(--surface-strong);border:1px solid var(--line);box-shadow:var(--shadow-medium)}.card-a{top:24px;left:-20px}.card-b{right:20px;bottom:24px}
.section{padding:var(--space-section) 0}.center{text-align:center}.section-title{margin:0 0 18px;font-size:clamp(2rem,3vw,3.2rem);line-height:1.08}
.stats-section{padding-top:12px;padding-bottom:12px}.stats-grid{display:grid;gap:18px}.stat-card{padding:24px 22px;border-radius:22px;background:var(--surface-strong);border:1px solid var(--line);box-shadow:var(--shadow-soft);text-align:center}.stat-number{display:block;margin-bottom:6px;font-size:2rem;font-weight:700;color:var(--accent-dark)}.stat-card p{margin:0;color:var(--muted)}
.intro-grid{display:grid;gap:24px}.intro-main,.intro-card,.tabs-shell,.feature-quote,.detail-card,.contact-box,.stat-card{box-shadow:var(--shadow-soft)}.intro-main{padding:38px 34px;border-radius:var(--radius-lg);background:var(--surface-strong);border:1px solid var(--line)}.intro-main h2{margin:0 0 14px;font-size:clamp(2rem,3vw,3.1rem);line-height:1.08}.intro-main p:last-child{margin:0;color:var(--muted)}.intro-side{display:grid;gap:18px}.intro-card{padding:28px 24px;border-radius:24px;background:var(--surface);border:1px solid var(--line)}.intro-card h3{margin:0 0 10px;font-size:1.18rem}.intro-card p{margin:0;color:var(--muted)}
.tabs-shell{margin-top:34px;padding:18px;border-radius:var(--radius-lg);background:var(--surface-strong);border:1px solid var(--line)}.tabs-nav{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:16px}.tab-panel{display:none}.tab-panel.active{display:block}.tab-grid{display:grid;gap:18px;align-items:center}.tab-copy{padding:18px 14px}.tab-copy h3{margin:0 0 12px;font-size:clamp(1.6rem,2.5vw,2.3rem);line-height:1.12}.tab-copy p{margin:0;color:var(--muted)}.tab-visual{min-height:360px;border-radius:var(--radius);box-shadow:var(--shadow-medium);border:var(--border-soft)}.tab-visual-1{background:linear-gradient(var(--hero-overlay), rgba(0,0,0,.05)),url("https://images.unsplash.com/photo-1512290923902-8a9f81dc236c?auto=format&fit=crop&w=1400&q=80") center/cover no-repeat}.tab-visual-2{background:linear-gradient(var(--hero-overlay), rgba(0,0,0,.05)),url("https://images.unsplash.com/photo-1507652313519-d4e9174996dd?auto=format&fit=crop&w=1400&q=80") center/cover no-repeat}.tab-visual-3{background:linear-gradient(var(--hero-overlay), rgba(0,0,0,.05)),url("https://images.unsplash.com/photo-1519823551278-64ac92734fb1?auto=format&fit=crop&w=1400&q=80") center/cover no-repeat}
.feature-grid{display:grid;gap:34px;align-items:center}.feature-copy h2{margin:0 0 16px;font-size:clamp(2rem,3vw,3.05rem);line-height:1.08}.feature-copy p{margin:0 0 18px;color:var(--muted)}.benefits{margin:0;padding-left:20px}.benefits li{margin-bottom:10px}.feature-media{display:grid;gap:18px}.feature-card{min-height:var(--feature-height);border-radius:var(--radius);box-shadow:var(--shadow-medium);border:var(--border-soft)}.feature-a{background:linear-gradient(var(--hero-overlay), rgba(0,0,0,.05)),url("https://images.unsplash.com/photo-1519415943484-9fa1873496d4?auto=format&fit=crop&w=1400&q=80") center/cover no-repeat}.feature-b{background:linear-gradient(var(--hero-overlay), rgba(0,0,0,.05)),url("https://images.unsplash.com/photo-1515377905703-c4788e51af15?auto=format&fit=crop&w=1400&q=80") center/cover no-repeat}.feature-quote{padding:24px 22px;border-radius:24px;background:var(--surface-strong);border:1px solid var(--line)}
.gallery-grid{margin-top:40px;display:grid;gap:20px}.gallery-card{position:relative;overflow:hidden;min-height:260px;border:0;cursor:pointer;border-radius:var(--radius);box-shadow:var(--shadow-medium);text-align:left;padding:0}.gallery-card::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.03) 0%,rgba(0,0,0,.30) 100%)}.gallery-label{position:absolute;left:18px;bottom:18px;z-index:1;padding:8px 12px;border-radius:999px;background:rgba(255,255,255,.18);backdrop-filter:blur(10px);color:#fff;font-weight:600}.gallery-1{background:linear-gradient(var(--hero-overlay), rgba(0,0,0,.04)),url("https://images.unsplash.com/photo-1522335789203-aabd1fc54bc9?auto=format&fit=crop&w=1600&q=80") center/cover no-repeat}.gallery-2{background:linear-gradient(var(--hero-overlay), rgba(0,0,0,.04)),url("https://images.unsplash.com/photo-1512290923902-8a9f81dc236c?auto=format&fit=crop&w=1600&q=80") center/cover no-repeat}.gallery-3{background:linear-gradient(var(--hero-overlay), rgba(0,0,0,.04)),url("https://images.unsplash.com/photo-1519415943484-9fa1873496d4?auto=format&fit=crop&w=1600&q=80") center/cover no-repeat}.gallery-4{background:linear-gradient(var(--hero-overlay), rgba(0,0,0,.04)),url("https://images.unsplash.com/photo-1507652313519-d4e9174996dd?auto=format&fit=crop&w=1600&q=80") center/cover no-repeat}
.detail-grid{display:grid;gap:20px}.detail-card{padding:28px 24px;border-radius:24px;background:var(--surface-strong);border:1px solid var(--line)}.detail-kicker{margin-bottom:12px}.detail-card h3{margin:0 0 10px;font-size:1.18rem}.detail-card p{margin:0;color:var(--muted)}
.contact-box{padding:58px 30px;border-radius:var(--radius-lg);background:radial-gradient(circle at top right,var(--accent-soft) 0%,transparent 26%),var(--surface-strong);border:1px solid var(--line)}.contact-text{max-width:760px;margin:0 auto 30px;color:var(--muted)}.footer{padding:28px 0 38px}.footer-inner{padding-top:22px;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:20px}.footer-inner p{margin:0;color:var(--muted)}.reveal{opacity:0;transform:translateY(26px);transition:opacity .7s ease,transform .7s ease}.reveal.reveal-visible{opacity:1;transform:translateY(0)}
html[data-layout="clinic"] .hero-grid{grid-template-columns:.95fr 1.05fr} html[data-layout="clinic"] .stats-grid{grid-template-columns:repeat(4,1fr)} html[data-layout="clinic"] .intro-grid{grid-template-columns:1.05fr .95fr} html[data-layout="clinic"] .tab-grid{grid-template-columns:.9fr 1.1fr} html[data-layout="clinic"] .feature-grid{grid-template-columns:.95fr 1.05fr} html[data-layout="clinic"] .feature-media{grid-template-columns:1fr 1fr;grid-template-areas:"a q" "a b"} html[data-layout="clinic"] .feature-a{grid-area:a} html[data-layout="clinic"] .feature-b{grid-area:b} html[data-layout="clinic"] .feature-quote{grid-area:q} html[data-layout="clinic"] .gallery-grid{grid-template-columns:1.15fr .85fr .85fr;grid-template-areas:"g1 g2 g3" "g1 g4 g4"} html[data-layout="clinic"] .gallery-1{grid-area:g1;min-height:520px} html[data-layout="clinic"] .gallery-2{grid-area:g2;min-height:250px} html[data-layout="clinic"] .gallery-3{grid-area:g3;min-height:250px} html[data-layout="clinic"] .gallery-4{grid-area:g4;min-height:250px} html[data-layout="clinic"] .detail-grid{grid-template-columns:repeat(3,1fr)}
html[data-layout="gallery"] .hero-grid{grid-template-columns:1.08fr .92fr} html[data-layout="gallery"] .hero-copy{order:2} html[data-layout="gallery"] .hero-visual{order:1} html[data-layout="gallery"] .stats-grid{grid-template-columns:repeat(2,1fr)} html[data-layout="gallery"] .intro-grid{grid-template-columns:.9fr 1.1fr} html[data-layout="gallery"] .intro-main{order:2} html[data-layout="gallery"] .intro-side{order:1} html[data-layout="gallery"] .tab-grid{grid-template-columns:1fr} html[data-layout="gallery"] .feature-grid{grid-template-columns:1.08fr .92fr} html[data-layout="gallery"] .feature-copy{order:2} html[data-layout="gallery"] .feature-media{order:1;grid-template-columns:1fr} html[data-layout="gallery"] .gallery-grid{grid-template-columns:1fr 1fr;grid-template-areas:"g1 g2" "g1 g3" "g4 g4"} html[data-layout="gallery"] .gallery-1{grid-area:g1;min-height:560px} html[data-layout="gallery"] .gallery-2{grid-area:g2;min-height:260px} html[data-layout="gallery"] .gallery-3{grid-area:g3;min-height:260px} html[data-layout="gallery"] .gallery-4{grid-area:g4;min-height:300px} html[data-layout="gallery"] .detail-grid{grid-template-columns:1.2fr .8fr 1fr}
html[data-layout="editorial"] .hero-grid{grid-template-columns:1fr} html[data-layout="editorial"] .hero-copy{max-width:820px} html[data-layout="editorial"] .hero-visual{max-width:1100px} html[data-layout="editorial"] .card-a{top:auto;bottom:24px;left:24px} html[data-layout="editorial"] .card-b{top:24px;right:24px;bottom:auto} html[data-layout="editorial"] .stats-grid{grid-template-columns:repeat(4,1fr)} html[data-layout="editorial"] .intro-grid{grid-template-columns:1fr} html[data-layout="editorial"] .intro-side{grid-template-columns:repeat(2,1fr)} html[data-layout="editorial"] .tab-grid{grid-template-columns:1.05fr .95fr} html[data-layout="editorial"] .feature-grid{grid-template-columns:1fr} html[data-layout="editorial"] .feature-media{grid-template-columns:1fr 1fr .9fr;align-items:stretch} html[data-layout="editorial"] .gallery-grid{grid-template-columns:.9fr 1.1fr .9fr;grid-template-areas:"g2 g1 g3" "g2 g4 g4"} html[data-layout="editorial"] .gallery-1{grid-area:g1;min-height:540px} html[data-layout="editorial"] .gallery-2{grid-area:g2;min-height:540px} html[data-layout="editorial"] .gallery-3{grid-area:g3;min-height:260px} html[data-layout="editorial"] .gallery-4{grid-area:g4;min-height:260px} html[data-layout="editorial"] .detail-grid{grid-template-columns:1fr}
@media (max-width:1080px){.hero-grid,.stats-grid,.intro-grid,.tab-grid,.feature-grid,.feature-media,.gallery-grid,.detail-grid,.intro-side{grid-template-columns:1fr !important;grid-template-areas:none !important}.gallery-1,.gallery-2,.gallery-3,.gallery-4,.feature-a,.feature-b,.feature-quote{grid-area:auto !important;min-height:260px}.hero-copy,.hero-visual,.intro-main,.intro-side,.feature-copy,.feature-media{order:initial !important;max-width:none}}
@media (max-width:720px){.topbar{position:relative}.nav{min-height:auto;padding:18px 0;flex-direction:column;align-items:flex-start}nav{flex-wrap:wrap;gap:12px 16px}.section{padding:72px 0}.hero{padding:76px 0 60px}.hero-copy h1{font-size:clamp(2.25rem,10vw,3.5rem)}.hero-frame{padding:12px}.floating-card{position:static;margin-top:14px;max-width:none}.tabs-nav,.chip-grid.two-col,.chip-grid.three-col{grid-template-columns:1fr}.intro-main,.contact-box,.tabs-shell{padding-left:20px;padding-right:20px;border-radius:24px}.studio-panel{right:10px;bottom:76px;width:calc(100vw - 20px)}.studio-toggle{right:10px;bottom:10px}.lightbox{padding:16px}.footer-inner{flex-direction:column}}