@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@300;400;500;600&family=Playfair+Display:ital,wght@0,400;1,400&display=swap');

:root{
  --legal-bg:#0b0a09;
  --legal-surface:#151210;
  --legal-surface-soft:#1d1815;
  --legal-text:#f2ece7;
  --legal-muted:#c4b8b0;
  --legal-accent:#c69c84;
  --legal-line:rgba(214,178,157,.2);
}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
body.esthetic-legal{margin:0;background:var(--legal-bg);color:var(--legal-text);font-family:Manrope,Arial,sans-serif}
.esthetic-legal .nav{min-height:94px;padding:0 6vw;display:flex;align-items:center;justify-content:space-between;gap:32px;border-bottom:1px solid var(--legal-line);background:rgba(8,7,6,.88);position:sticky;top:0;z-index:20;backdrop-filter:blur(18px)}
.esthetic-legal .nav img{display:block;width:166px}
.esthetic-legal .nav-links{display:flex;align-items:center;justify-content:flex-end;gap:26px}
.esthetic-legal .nav a{color:var(--legal-muted);text-decoration:none;font-size:11px;letter-spacing:.14em;text-transform:uppercase;transition:color .22s,border-color .22s,background .22s}
.esthetic-legal .nav a:hover,.esthetic-legal .nav a:focus-visible{color:#fff}
.esthetic-legal .nav a:focus-visible,.esthetic-legal .toc a:focus-visible,.esthetic-legal .document a:focus-visible{outline:2px solid var(--legal-accent);outline-offset:4px}
.esthetic-legal .nav .back{min-height:46px;padding:0 20px;border:1px solid rgba(198,156,132,.5);display:flex;align-items:center;color:#f3e9e3;background:linear-gradient(135deg,rgba(198,156,132,.14),rgba(198,156,132,.03))}

.esthetic-legal .hero{position:relative;overflow:hidden;padding:112px 7vw 84px;background:radial-gradient(circle at 82% 8%,rgba(178,126,100,.24),transparent 34%),linear-gradient(135deg,#201815 0%,#100e0d 52%,#080807 100%);border-bottom:1px solid var(--legal-line)}
.esthetic-legal .hero:after{content:"";position:absolute;inset:auto 7vw 0;height:1px;background:linear-gradient(90deg,var(--legal-accent),transparent 72%)}
.esthetic-legal .kicker{font-size:11px;letter-spacing:.22em;text-transform:uppercase;color:var(--legal-accent)}
.esthetic-legal h1,.esthetic-legal h2,.esthetic-legal h3{font-family:"Playfair Display",serif;font-weight:400}
.esthetic-legal .hero h1{max-width:900px;font-size:clamp(54px,6vw,94px);line-height:.94;letter-spacing:-.05em;margin:27px 0 24px}
.esthetic-legal .hero h1 em{color:var(--legal-accent);font-weight:400}
.esthetic-legal .hero p{max-width:720px;margin:0;font-size:16px;line-height:1.82;color:#d2c7c0}
.esthetic-legal .meta{margin-top:26px;font-size:12px;color:#9d8f87}

.esthetic-legal .legal-layout{padding:92px 7vw 125px;display:grid;grid-template-columns:260px minmax(0,850px);gap:7vw;justify-content:center;background:linear-gradient(180deg,#0b0a09,#100d0c)}
.esthetic-legal .toc{position:sticky;top:128px;align-self:start;border-top:1px solid var(--legal-line)}
.esthetic-legal .toc a{display:block;padding:17px 0;border-bottom:1px solid var(--legal-line);font-size:14px;line-height:1.5;color:#bcaea6;text-decoration:none;transition:color .22s,padding-left .22s}
.esthetic-legal .toc a:hover{color:var(--legal-accent);padding-left:6px}
.esthetic-legal .document{font-size:16px;line-height:1.9;color:#ddd4ce}
.esthetic-legal .document section{padding:0 0 48px;margin:0 0 52px;border-bottom:1px solid var(--legal-line)}
.esthetic-legal .document h2{font-size:clamp(31px,3vw,39px);line-height:1.16;letter-spacing:-.025em;color:#f4ede8;margin:0 0 24px}
.esthetic-legal .document h3{font-size:25px;color:var(--legal-accent);margin:32px 0 14px}
.esthetic-legal .document h4{font-size:16px;color:#f2e8e2;margin:26px 0 10px}
.esthetic-legal .document p{margin:0 0 18px}
.esthetic-legal .document ul{padding-left:23px;margin:14px 0 22px}
.esthetic-legal .document li{padding:5px 0}
.esthetic-legal .document a{color:#e1b9a2}
.esthetic-legal .document table{width:100%;border-collapse:collapse;margin:27px 0;font-size:14px;line-height:1.6}
.esthetic-legal .document th,.esthetic-legal .document td{padding:15px 14px;text-align:left;vertical-align:top;border:1px solid var(--legal-line)}
.esthetic-legal .document th{background:var(--legal-surface-soft);color:#f2e8e2;font-weight:600}
.esthetic-legal .notice{padding:26px 29px;background:linear-gradient(135deg,rgba(198,156,132,.15),rgba(198,156,132,.05));border:1px solid var(--legal-line);border-left:2px solid var(--legal-accent);margin-bottom:38px;color:#eee4de}

@media(max-width:800px){
  .esthetic-legal .nav{min-height:82px;padding:0 20px}.esthetic-legal .nav img{width:138px}.esthetic-legal .nav-links>a:not(.back){display:none}.esthetic-legal .nav .back{font-size:9px;padding:0 14px}
  .esthetic-legal .hero{padding:76px 24px 61px}.esthetic-legal .hero p{font-size:15px}
  .esthetic-legal .legal-layout{padding:57px 24px 82px;grid-template-columns:1fr;gap:52px}.esthetic-legal .toc{position:static}.esthetic-legal .document{font-size:16px}.esthetic-legal .document h2{font-size:30px}.esthetic-legal .document table{display:block;overflow-x:auto}
}

@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.esthetic-legal *{transition:none!important}}
