:root{
  --bg:#f4f0eb;
  --ink:#17151a;
  --muted:#6f6872;
  --plum:#4a2c46;
  --plum2:#6f536a;
  --line:#d8cfd7;
  --paper:#fbf9f6;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:var(--bg);color:var(--ink);line-height:1.6}
a{color:inherit;text-decoration:none}
.wrap{min-height:100vh;display:grid;grid-template-rows:auto 1fr auto}
header{display:flex;justify-content:space-between;align-items:center;padding:28px 5vw;border-bottom:1px solid rgba(74,44,70,.12)}
.brand{font-size:22px;letter-spacing:.24em;font-weight:700}
.nav{display:flex;gap:26px;font-size:14px;color:var(--muted)}
main{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(320px,.9fr);gap:8vw;align-items:center;padding:8vh 5vw 10vh}
.kicker{font-size:13px;letter-spacing:.18em;text-transform:uppercase;color:var(--plum2);margin-bottom:24px}
h1{font-family:Georgia,"Times New Roman",serif;font-size:clamp(70px,10vw,156px);line-height:.86;margin:0 0 28px;letter-spacing:-.055em;font-weight:500}
.lead{font-size:clamp(22px,2.2vw,34px);max-width:760px;line-height:1.25;margin:0 0 22px}
.copy{font-size:18px;max-width:700px;color:var(--muted);margin:0 0 28px}
.contact{display:inline-flex;align-items:center;gap:12px;font-size:16px;border-bottom:1px solid var(--plum);padding-bottom:4px}
.visual{position:relative;min-height:520px;border:1px solid rgba(74,44,70,.14);background:linear-gradient(145deg,var(--paper),#ebe3e9);overflow:hidden}
.visual:before,.visual:after{content:"";position:absolute;border:1px solid rgba(74,44,70,.34);border-radius:50%}
.visual:before{width:420px;height:420px;right:-110px;top:40px}
.visual:after{width:250px;height:250px;left:48px;bottom:42px}
.arc{position:absolute;inset:12% 14%;border-left:1px solid rgba(74,44,70,.24);border-top:1px solid rgba(74,44,70,.24);transform:skewY(-10deg)}
.mark{position:absolute;left:12%;top:14%;font-family:Georgia,serif;font-size:18px;letter-spacing:.16em;color:var(--plum)}
.word{position:absolute;right:10%;bottom:10%;font-size:clamp(34px,5vw,72px);letter-spacing:.08em;font-weight:600;color:var(--plum)}
footer{display:flex;justify-content:space-between;gap:24px;flex-wrap:wrap;padding:24px 5vw 34px;border-top:1px solid rgba(74,44,70,.12);font-size:14px;color:var(--muted)}
.legal{display:flex;gap:22px}
.page{max-width:900px;margin:0 auto;padding:72px 5vw 100px}
.page h1{font-size:clamp(48px,7vw,92px);margin-bottom:34px}
.page h2{font-size:24px;margin-top:38px}
.page p{font-size:18px;color:var(--muted)}
@media(max-width:900px){
  header{padding:22px 22px}.nav{gap:16px}.nav a:first-child{display:none}
  main{grid-template-columns:1fr;padding:64px 22px 72px;gap:44px}
  .visual{min-height:360px}
  .copy{font-size:17px}
  footer{padding:24px 22px 30px}
}
@media(max-width:560px){
  .brand{font-size:18px;letter-spacing:.18em}.nav{font-size:13px}
  h1{font-size:64px}.lead{font-size:24px}.visual{min-height:300px}
  .word{font-size:42px}.page{padding:54px 22px 80px}.page p{font-size:17px}
}