:root{--paper:#f6f2ed;--ink:#3e3646;--purple:#70617d;--gold:#ab8c5d;--line:#dcd3db}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}
body{margin:0;background:var(--paper);color:var(--ink);font:18px/1.75 system-ui,sans-serif}
a{color:inherit}img{max-width:100%;height:auto}
.skip{position:fixed;top:8px;left:8px;z-index:99;transform:translateY(-180%);padding:14px 20px;background:#fff;color:#111;border:2px solid #111}.skip:focus{transform:none}
header{position:sticky;top:0;z-index:20;background:#f6f2edf2;border-bottom:1px solid var(--line);backdrop-filter:blur(12px)}
nav{max-width:1320px;margin:auto;padding:18px 5%;display:flex;align-items:center;justify-content:space-between;gap:25px}
.brand{display:flex;align-items:center;gap:12px;text-decoration:none;font:24px Georgia,serif}
.brand small{display:block;font:9px/2 system-ui;letter-spacing:3px;text-transform:uppercase}
.nav-logo{width:62px;height:62px;object-fit:contain;border-radius:50%;background:#fff}
.links{display:flex;gap:30px;font-size:14px}.links a{text-decoration:none}.links a:hover{color:var(--gold)}
.navcta{border:1px solid var(--purple);padding:8px 20px;border-radius:30px}
h1,h2,h3{font-family:Georgia,'Times New Roman',serif;font-weight:400;line-height:1.1}
h1{font-size:clamp(40px,5.2vw,68px);letter-spacing:-2px;margin:22px 0}
h2{font-size:clamp(30px,3.4vw,44px);letter-spacing:-1px;margin:0 0 22px}
.eyebrow{font-size:11px;letter-spacing:3px;text-transform:uppercase;color:var(--purple);font-weight:600}
.crumbs{font-size:13px;color:#7c7280;margin:0 0 18px}.crumbs a{text-decoration:none}.crumbs a:hover{color:var(--gold)}
.hero-s{max-width:1200px;margin:auto;padding:60px 6% 40px;display:grid;grid-template-columns:1.1fr 1fr;gap:50px;align-items:center}
.hero-s>*{min-width:0}.hero-s figure{margin:0}
.hero-s img{display:block;width:100%;height:auto;border-radius:180px 180px 12px 12px;box-shadow:0 22px 65px #79678526}
.hero-s img.wide{border-radius:140px 140px 12px 12px}
.lead{font:italic 22px/1.6 Georgia,serif;color:var(--purple);max-width:560px;margin:0 0 26px}
.tag{display:inline-block;border:1px solid #cbbdd0;padding:4px 12px;border-radius:20px;font-size:12px;margin-bottom:18px}
.button{display:inline-flex;align-items:center;justify-content:center;gap:24px;background:var(--purple);color:#fff;padding:16px 28px;border-radius:40px;text-decoration:none;font:15px system-ui;transition:transform .25s,background .25s}
.button:hover{background:#584964;transform:translateY(-2px)}
.wrap{max-width:860px;margin:auto;padding:60px 6%}.wrap p{color:#706774}
.band{background:#eee8ef}
ul{padding-left:20px}li{margin:8px 0;color:#706774}li::marker{color:var(--gold)}
.steps{list-style:none;padding:0;counter-reset:s;display:grid;gap:22px}
.steps li{counter-increment:s;display:grid;grid-template-columns:44px 1fr;gap:0 16px;margin:0}
.steps li:before{content:counter(s);grid-row:1/3;font:30px Georgia,serif;color:var(--gold)}
.steps strong{font:22px Georgia,serif;color:var(--ink);font-weight:400}.steps span{color:#706774;font-size:16px}
details{border-top:1px solid #d6cbd9;padding:20px 0;font-size:16px}
summary{cursor:pointer;color:var(--purple);font-weight:600;font-size:18px}details p{margin:14px 0 0}
.contact{background:#62536e;color:#f9f4f9;text-align:center;padding:80px 6%}
.contact .eyebrow{color:#dfcadc}.contact p{max-width:650px;margin:20px auto;color:#e3d8e8}
.contact h2{margin:18px auto 14px}.contact .button{background:#f5eee9;color:#53445e}
.small{font-size:12px}
.others{list-style:none;padding:0;display:grid;gap:6px}.others a{color:var(--purple);font-weight:600}
.legal-page h2{font-size:28px;margin:34px 0 12px}.legal-page p{margin:0 0 14px}
.pend{background:#f3e3b4;color:#4a3a12;padding:1px 6px;border-radius:4px}
footer{padding:40px 6%;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:20px;font-size:12px;color:#7c7280;flex-wrap:wrap}
footer .brand{font-size:20px;display:inline}.footnote{max-width:520px;align-self:center}.legal{align-self:center}.top{text-decoration:none;white-space:nowrap;align-self:center}
:focus-visible{outline:3px solid #b98b47;outline-offset:5px}
@media(max-width:760px){body{font-size:17px}.links a:not(.navcta){display:none}.links{gap:15px}.navcta{font-size:12px;padding:7px 13px}.brand{font-size:21px;gap:8px}.nav-logo{width:46px;height:46px}
.hero-s{grid-template-columns:1fr;padding:35px 6% 20px;gap:30px}.hero-s img{border-radius:100px 100px 12px 12px}.wrap{padding:45px 6%}.lead{font-size:20px}footer{flex-direction:column}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}}
