@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@400;500;600;700&family=Inter:wght@300;400;500;600;700&display=swap');

:root{
  --oo-coral:#d97a55;
  --oo-salmon:#f6c1a8;
  --oo-cream:#fdf5ec;
  --oo-deep:#4a2b23;
  --oo-gold:#c8995a;
  --oo-grey:#555;
  --oo-radius-lg:24px;
  --oo-radius-md:16px;
  --oo-shadow:0 18px 40px rgba(0,0,0,.08);
  --oo-max:1120px;
}

*{box-sizing:border-box;}
html,body{margin:0;padding:0;}
body{
  font-family: Inter, system-ui, -apple-system, Segoe UI, sans-serif;
  color:var(--oo-deep);
  background:var(--oo-salmon);
  line-height:1.5;
  min-height:100vh;
}
a{color:inherit;}
.oo-wrap{max-width:var(--oo-max); margin:0 auto; padding:0 24px;}

.oo-header{
  position:sticky; top:0; z-index:50;
  backdrop-filter: blur(14px);
  background: rgba(253,245,236,.88);
  border-bottom:1px solid rgba(0,0,0,.04);
}
.oo-nav{display:flex; align-items:center; justify-content:space-between; gap:24px; padding:14px 0;}

.oo-brand-mark{display:flex; gap:10px; align-items:center; text-decoration:none;}
.oo-brand-symbol{
  width:40px; height:40px; border-radius:999px;
  background:var(--oo-coral);
  display:flex; align-items:center; justify-content:center;
}
.oo-brand-symbol span{
  width:20px; height:20px; border-radius:50%;
  border:2px solid var(--oo-cream);
  border-top:0; border-right:0;
  transform: rotate(-35deg);
  display:block;
}
.oo-brand-title{
  font-family:"Cormorant Garamond", serif;
  font-size:20px; letter-spacing:.12em; text-transform:uppercase;
}
.oo-brand-sub{font-size:11px; letter-spacing:.16em; text-transform:uppercase; color:var(--oo-grey);}

.oo-nav-links{display:flex; gap:18px; align-items:center; font-size:13px; letter-spacing:.16em; text-transform:uppercase;}
.oo-nav-links a{opacity:.85; text-decoration:none;}
.oo-nav-links a:hover{opacity:1;}

.oo-btn{
  display:inline-flex; align-items:center; justify-content:center;
  border-radius:999px; padding:10px 20px;
  font-size:13px; font-weight:600;
  letter-spacing:.12em; text-transform:uppercase;
  border:1px solid transparent;
  transition:all .18s ease-out;
  text-decoration:none;
}
.oo-btn-primary{background:var(--oo-coral); color:var(--oo-cream); border-color:var(--oo-coral); box-shadow:0 8px 18px rgba(0,0,0,.08);}
.oo-btn-primary:hover{background:#c86843; border-color:#c86843; transform:translateY(-1px); box-shadow:0 13px 26px rgba(0,0,0,.12);}
.oo-btn-ghost{background:transparent; color:var(--oo-deep); border-color:rgba(0,0,0,.16);}
.oo-btn-ghost:hover{border-color:var(--oo-deep);}
.oo-btn-cream{background:var(--oo-cream); color:var(--oo-deep); border-color:var(--oo-cream);}
.oo-btn-ghost-light{background:transparent; color:var(--oo-cream); border-color:rgba(253,245,236,.7);}

.oo-section{padding:64px 0;}
.oo-card{
  background: rgba(253,245,236,.92);
  border-radius: var(--oo-radius-lg);
  box-shadow: var(--oo-shadow);
}
.oo-card-pad{padding: 32px 34px;}
.oo-label{font-size:11px; letter-spacing:.22em; text-transform:uppercase; color:var(--oo-gold); margin-bottom:10px;}
.oo-h1{font-family:"Cormorant Garamond", serif; font-size:clamp(40px,4.4vw,52px); line-height:1.02; margin-bottom:12px;}
.oo-h3{font-family:"Cormorant Garamond", serif; font-size:22px; margin:0 0 6px;}
.oo-body{font-size:15px; color:#5d483f; margin-bottom:16px;}
.oo-muted{font-size:13px; color:var(--oo-grey);}

.oo-grid-2{display:grid; grid-template-columns: minmax(0,1fr) minmax(0,1fr); gap:24px;}
.oo-grid-3{display:grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap:18px;}
.oo-panel{
  border: 1px solid rgba(0,0,0,.06);
  border-radius: var(--oo-radius-md);
  background: #fffaf6;
  padding: 16px;
}
.oo-media{
  border-radius: var(--oo-radius-lg);
  background: #f8dfcd;
  min-height: 240px;
  box-shadow: var(--oo-shadow);
}

.oo-list{margin: 0 0 16px; padding-left: 18px; font-size: 14px; color: var(--oo-deep);}
.oo-list li{margin-bottom: 6px;}

.oo-cta{
  background: var(--oo-coral);
  color: var(--oo-cream);
  border-radius: var(--oo-radius-lg);
  box-shadow: var(--oo-shadow);
}
.oo-cta-inner{padding: 26px 26px; display:flex; justify-content:space-between; gap:14px; flex-wrap:wrap;}
.oo-cta-title{font-family:"Cormorant Garamond", serif; font-size:24px; margin-bottom:4px;}
.oo-cta-text{font-size:14px; opacity:.92;}

.oo-footer{background:#3a2520; color:var(--oo-cream); padding:40px 0 26px;}
.oo-footer-inner{display:grid; grid-template-columns:1.1fr repeat(3,minmax(0,1fr)); gap:26px; font-size:13px;}
.oo-footer-title{font-family:"Cormorant Garamond", serif; font-size:20px; letter-spacing:.14em; text-transform:uppercase; margin-bottom:6px;}
.oo-footer-strap{font-size:11px; letter-spacing:.14em; text-transform:uppercase; opacity:.8;}
.oo-f-h{font-family:"Cormorant Garamond", serif; font-size:17px; margin-bottom:8px;}
.oo-footer-bottom{margin-top:22px; border-top:1px solid rgba(255,255,255,.14); padding-top:14px; font-size:11px; display:flex; justify-content:space-between; gap:10px; opacity:.8; flex-wrap:wrap;}

@media (max-width: 920px){
  .oo-nav-links{display:none;}
  .oo-grid-2{grid-template-columns:1fr;}
  .oo-grid-3{grid-template-columns:1fr;}
  .oo-footer-inner{grid-template-columns:1fr 1fr;}
}
@media (max-width: 640px){
  .oo-header{position:static;}
  .oo-section{padding:44px 0;}
  .oo-card-pad{padding: 22px 20px;}
  .oo-footer-inner{grid-template-columns:1fr;}
}