:root {
  --container: 1260px; --radius: 28px; --radius-lg: 42px;
  --section-space: 94px; --hero-space-top: 100px; --hero-space-bottom: 88px; --hero-image-height: 680px;
  --media-height: 420px; --gallery-large-height: 520px; --gallery-small-height: 248px;
  --shadow-soft: 0 16px 42px rgba(19, 13, 10, 0.08); --shadow-strong: 0 30px 78px rgba(19, 13, 10, 0.12);
}
html[data-theme="desert-gold"] { --bg:#fbf6ef; --bg-soft:#f2e5d3; --surface:rgba(255,250,244,.82); --surface-strong:rgba(255,252,248,.94); --text:#251b15; --muted:#74665a; --line:rgba(37,27,21,.08); --accent:#c89a55; --accent-dark:#9f7438; --accent-soft:#ead4b2; --hero-overlay:rgba(37,27,21,.18); --panel-bg:rgba(255,251,246,.92); }
html[data-theme="noir-palace"] { --bg:#120f0e; --bg-soft:#241c18; --surface:rgba(37,30,27,.84); --surface-strong:rgba(44,36,31,.94); --text:#f8efe3; --muted:#ccbca8; --line:rgba(248,239,227,.08); --accent:#d1a15f; --accent-dark:#e4b977; --accent-soft:#4f3e31; --hero-overlay:rgba(8,6,5,.34); --panel-bg:rgba(31,25,22,.94); }
html[data-theme="rose-majesty"] { --bg:#fff7f7; --bg-soft:#f5e3e5; --surface:rgba(255,251,251,.84); --surface-strong:rgba(255,253,253,.95); --text:#2f2325; --muted:#7f6a6d; --line:rgba(47,35,37,.08); --accent:#d3a0a8; --accent-dark:#b17882; --accent-soft:#efd9dd; --hero-overlay:rgba(47,35,37,.16); --panel-bg:rgba(255,251,252,.94); }
html[data-theme="pearl-taupe"] { --bg:#fbf8f6; --bg-soft:#ece3dc; --surface:rgba(255,253,251,.84); --surface-strong:rgba(255,255,254,.94); --text:#2c2521; --muted:#7a6f69; --line:rgba(44,37,33,.08); --accent:#c2a58e; --accent-dark:#987d69; --accent-soft:#e8ddd5; --hero-overlay:rgba(44,37,33,.16); --panel-bg:rgba(255,253,251,.95); }
html[data-theme="emerald-royal"] { --bg:#f7f8f4; --bg-soft:#dde4d7; --surface:rgba(252,253,250,.84); --surface-strong:rgba(254,255,253,.95); --text:#1f2620; --muted:#667165; --line:rgba(31,38,32,.08); --accent:#b99955; --accent-dark:#8b6e37; --accent-soft:#d8e1d1; --hero-overlay:rgba(18,24,19,.20); --panel-bg:rgba(250,252,249,.94); }
html[data-theme="mocha-silk"] { --bg:#f8f3ef; --bg-soft:#e8ddd4; --surface:rgba(255,250,247,.84); --surface-strong:rgba(255,252,250,.95); --text:#2a211d; --muted:#736760; --line:rgba(42,33,29,.08); --accent:#b98c65; --accent-dark:#8f6645; --accent-soft:#e4d2c5; --hero-overlay:rgba(42,33,29,.18); --panel-bg:rgba(255,251,248,.94); }
html[data-mode="soft"] { --section-space:82px; --hero-space-top:84px; --hero-space-bottom:72px; --hero-image-height:610px; --media-height:380px; --gallery-large-height:470px; --gallery-small-height:224px; --radius:24px; --radius-lg:34px; }
html[data-mode="elegant"] {}
html[data-mode="royal"] { --section-space:112px; --hero-space-top:116px; --hero-space-bottom:98px; --hero-image-height:760px; --media-height:460px; --gallery-large-height:580px; --gallery-small-height:272px; --radius:32px; --radius-lg:48px; }
*{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.65;background:radial-gradient(circle at top left, rgba(255,255,255,.78), transparent 26%),radial-gradient(circle at bottom right, color-mix(in srgb, var(--accent-soft) 42%, transparent), transparent 24%),linear-gradient(180deg,var(--bg) 0%,var(--bg-soft) 100%);transition:background .35s ease,color .35s ease}
a{text-decoration:none;color:inherit}.container{width:min(100% - 44px,var(--container));margin:0 auto}
.style-toggle{position:fixed;right:18px;bottom:18px;z-index:120;border:0;border-radius:999px;min-height:54px;padding:0 18px;display:inline-flex;align-items:center;gap:10px;background:linear-gradient(180deg,var(--accent) 0%,var(--accent-dark) 100%);color:#fff;font:inherit;font-weight:700;cursor:pointer;box-shadow:0 18px 34px color-mix(in srgb,var(--accent-dark) 28%,transparent)}
.style-panel{position:fixed;right:18px;bottom:84px;z-index:119;width:min(390px,calc(100vw - 30px));opacity:0;pointer-events:none;transform:translateY(12px) scale(.98);transition:opacity .22s ease,transform .22s ease}.style-panel.open{opacity:1;pointer-events:auto;transform:translateY(0) scale(1)}
.style-panel-inner{padding:22px;border-radius:28px;background:color-mix(in srgb,var(--panel-bg) 92%,transparent);backdrop-filter:blur(16px);border:1px solid var(--line);box-shadow:var(--shadow-strong)}
.style-kicker,.style-label,.eyebrow,.section-tag,.note-kicker,.detail-kicker{display:inline-block;font-size:.78rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--accent-dark)}
.style-kicker,.style-label,.eyebrow,.section-tag{margin-bottom:14px}
.style-head h3{margin:0 0 8px;font-size:1.28rem}.style-head p{margin:0 0 18px;color:var(--muted);font-size:.96rem}.style-block + .style-block{margin-top:18px}
.style-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.mode-row{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.theme-chip,.mode-chip{border:1px solid var(--line);background:var(--surface);color:var(--text);border-radius:16px;min-height:42px;padding:0 14px;font:inherit;font-size:.92rem;cursor:pointer}.theme-chip.active,.mode-chip.active{background:linear-gradient(180deg,var(--accent) 0%,var(--accent-dark) 100%);color:#fff;border-color:transparent}
.style-info{margin-top:18px;padding:14px;border-radius:18px;background:color-mix(in srgb,var(--surface-strong) 85%,transparent);border:1px solid var(--line);color:var(--muted);font-size:.93rem}.style-info strong{color:var(--text);margin-right:6px}
.topbar{position:sticky;top:0;z-index:90;background:color-mix(in srgb,var(--bg) 84%,transparent);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}.nav{min-height:82px;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);font-size:.96rem}
.hero{position:relative;overflow:hidden;padding:var(--hero-space-top) 0 var(--hero-space-bottom)}.hero-pattern{position:absolute;inset:0;pointer-events:none;opacity:.42;background:radial-gradient(circle at 14% 18%,color-mix(in srgb,var(--accent-soft) 58%,transparent),transparent 20%),radial-gradient(circle at 86% 18%,color-mix(in srgb,var(--accent-soft) 40%,transparent),transparent 18%),linear-gradient(180deg,transparent 0%,color-mix(in srgb,var(--accent-soft) 16%,transparent) 100%)}.hero-glow{position:absolute;width:520px;height:520px;border-radius:50%;right:-140px;top:-100px;background:radial-gradient(circle,color-mix(in srgb,var(--accent-soft) 70%,transparent) 0%,transparent 70%)}
.hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:.92fr 1.08fr;gap:46px;align-items:center}.hero-copy h1{margin:0 0 20px;font-size:clamp(2.9rem,5.8vw,5.4rem);line-height:.97;letter-spacing:-.055em}.hero-text{margin:0 0 34px;max-width:600px;color:var(--muted);font-size:1.08rem}.hero-actions,.contact-actions{display:flex;flex-wrap:wrap;gap:14px}.hero-facts{margin-top:22px;display:flex;flex-wrap:wrap;gap:10px}.fact-pill{padding:9px 14px;border-radius:999px;background:color-mix(in srgb,var(--surface-strong) 86%,transparent);border:1px solid var(--line);color:var(--muted);font-size:.92rem;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;background:linear-gradient(180deg,var(--accent) 0%,var(--accent-dark) 100%)}.btn-secondary{background:var(--surface);border:1px solid var(--line);color:var(--text)}
.arch-frame{position:relative;padding:16px;border-radius:var(--radius-lg);background:linear-gradient(135deg,color-mix(in srgb,var(--accent-soft) 38%,transparent),color-mix(in srgb,var(--surface-strong) 64%,transparent));box-shadow:var(--shadow-strong)}.arch-frame::before{content:"";position:absolute;inset:14px;border-radius:999px 999px 34px 34px / 180px 180px 34px 34px;border:1px solid color-mix(in srgb,var(--accent) 24%,transparent)}
.hero-image{min-height:var(--hero-image-height);border-radius:999px 999px 34px 34px / 180px 180px 34px 34px;background:linear-gradient(var(--hero-overlay),color-mix(in srgb,var(--hero-overlay) 52%,transparent)),url("https://images.unsplash.com/photo-1522335789203-aabd1fc54bc9?auto=format&fit=crop&w=1400&q=80") center/cover no-repeat}
.luxury-note{position:absolute;left:24px;bottom:24px;max-width:320px;padding:18px;border-radius:22px;background:color-mix(in srgb,var(--surface-strong) 88%,transparent);backdrop-filter:blur(12px);border:1px solid var(--line);box-shadow:var(--shadow-soft)}
.section{padding:var(--section-space) 0}.center{text-align:center}.section-title{margin:0 0 18px;font-size:clamp(2rem,3vw,3.2rem);line-height:1.07}
.intro-grid{display:grid;grid-template-columns:1.02fr .98fr;gap:24px}.intro-main,.info-card,.service-card,.statement-box,.detail-card,.contact-box{box-shadow:var(--shadow-soft)}.intro-main{padding:38px 34px;border-radius:var(--radius-lg);background:linear-gradient(180deg,var(--surface-strong),var(--surface));border:1px solid var(--line)}.intro-main h2{margin:0 0 14px;font-size:clamp(2rem,3vw,3.15rem);line-height:1.08}.intro-main p:last-child{margin:0;color:var(--muted)}.intro-side{display:grid;gap:18px}.info-card{padding:28px 24px;border-radius:24px;background:linear-gradient(180deg,var(--surface-strong),var(--surface));border:1px solid var(--line)}.info-card h3{margin:0 0 10px;font-size:1.18rem}.info-card p{margin:0;color:var(--muted)}
.statement-section{padding-top:28px;padding-bottom:18px}.statement-box{padding:28px 30px;border-radius:999px;text-align:center;background:linear-gradient(90deg,color-mix(in srgb,var(--accent-soft) 70%,transparent),var(--surface-strong),color-mix(in srgb,var(--accent-soft) 70%,transparent));border:1px solid var(--line)}.statement-box p{margin:0;color:var(--accent-dark);font-size:1.08rem}
.services-grid{margin-top:42px;display:grid;grid-template-columns:1.15fr .92fr .92fr;gap:22px}.service-card{position:relative;overflow:hidden;padding:34px 30px;border-radius:var(--radius);background:linear-gradient(180deg,var(--surface-strong),var(--surface));border:1px solid var(--line);min-height:258px}.service-card::before{content:"";position:absolute;inset:0 auto auto 0;width:100%;height:5px;background:linear-gradient(90deg,var(--accent-dark),color-mix(in srgb,var(--accent) 65%,transparent),transparent)}.featured-service{background:radial-gradient(circle at top right,color-mix(in srgb,var(--accent-soft) 36%,transparent),transparent 30%),linear-gradient(180deg,var(--surface-strong),var(--surface))}.service-kicker{margin-bottom:16px}.service-card h3{margin:0 0 12px;font-size:1.34rem}.service-card p{margin:0;color:var(--muted)}
.split-grid{display:grid;grid-template-columns:.92fr 1.08fr;gap:34px;align-items:center}.split-copy h2{margin:0 0 16px;font-size:clamp(2rem,3vw,3.05rem);line-height:1.08}.split-copy p{margin:0 0 18px;color:var(--muted)}.benefits{margin:0;padding-left:20px}.benefits li{margin-bottom:10px}.split-media{display:grid;grid-template-columns:1fr 1fr;gap:18px}.media-card{min-height:var(--media-height);border-radius:var(--radius);box-shadow:var(--shadow-strong)}.media-a{background:linear-gradient(var(--hero-overlay),color-mix(in srgb,var(--hero-overlay) 48%,transparent)),url("https://images.unsplash.com/photo-1519415943484-9fa1873496d4?auto=format&fit=crop&w=1200&q=80") center/cover no-repeat}.media-b{transform:translateY(24px);background:linear-gradient(var(--hero-overlay),color-mix(in srgb,var(--hero-overlay) 48%,transparent)),url("https://images.unsplash.com/photo-1487412947147-5cebf100ffc2?auto=format&fit=crop&w=1200&q=80") center/cover no-repeat}
.gallery-grid{margin-top:42px;display:grid;grid-template-columns:1.12fr .88fr;gap:22px}.gallery-large,.gallery-small{border-radius:var(--radius-lg);box-shadow:var(--shadow-strong)}.gallery-large{min-height:var(--gallery-large-height);background:linear-gradient(var(--hero-overlay),color-mix(in srgb,var(--hero-overlay) 48%,transparent)),url("https://images.unsplash.com/photo-1512290923902-8a9f81dc236c?auto=format&fit=crop&w=1400&q=80") center/cover no-repeat}.gallery-stack{display:grid;gap:22px}.gallery-small{min-height:var(--gallery-small-height)}.gallery-one{background:linear-gradient(var(--hero-overlay),color-mix(in srgb,var(--hero-overlay) 48%,transparent)),url("https://images.unsplash.com/photo-1507652313519-d4e9174996dd?auto=format&fit=crop&w=1200&q=80") center/cover no-repeat}.gallery-two{background:linear-gradient(var(--hero-overlay),color-mix(in srgb,var(--hero-overlay) 48%,transparent)),url("https://images.unsplash.com/photo-1519823551278-64ac92734fb1?auto=format&fit=crop&w=1200&q=80") center/cover no-repeat}
.detail-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.detail-card{padding:28px 24px;border-radius:24px;background:linear-gradient(180deg,var(--surface-strong),var(--surface));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,color-mix(in srgb,var(--accent-soft) 32%,transparent),transparent 24%),linear-gradient(180deg,var(--surface-strong),var(--surface));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)}
@media (max-width:1100px){.hero-grid,.intro-grid,.services-grid,.split-grid,.gallery-grid,.detail-grid{grid-template-columns:1fr}.split-media{grid-template-columns:1fr}.media-b{transform: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:74px 0 60px}.hero-copy h1{font-size:clamp(2.25rem,10vw,3.5rem)}.statement-box{border-radius:26px;padding:22px 20px}.contact-box,.intro-main{padding:42px 22px;border-radius:28px}.style-panel{right:10px;bottom:76px;width:calc(100vw - 20px)}.style-toggle{right:10px;bottom:10px}.style-grid,.mode-row{grid-template-columns:1fr}.luxury-note{position:static;margin-top:14px;max-width:none}.footer-inner{flex-direction:column}}