:root{
  --white:#FCFFFF;
  --blue:#09318D;
  --pink:#EED2E2;
  --pink-soft:#F8EAF2;
  --text:#25304F;
  --muted:#5D6786;
  --serif:'Instrument Serif',Georgia,serif;
  --sans:'Instrument Sans',system-ui,sans-serif;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:var(--sans);background:var(--white);color:var(--text);line-height:1.7;font-size:17px}
a{color:inherit;text-decoration:none}
.wrap{max-width:1080px;margin:0 auto;padding:0 28px}
section{padding:110px 0}
h1,h2,h3{font-family:var(--serif);font-weight:400;color:var(--blue);line-height:1.1}
h1{font-size:clamp(40px,5.6vw,70px)}
h2{font-size:clamp(34px,4.5vw,52px);margin-bottom:24px}
h3{font-size:27px;margin-bottom:10px}
em{font-style:italic}
.eyebrow{font-size:12px;letter-spacing:.22em;text-transform:uppercase;color:var(--blue);margin-bottom:22px;display:block}
.line{width:56px;height:1px;background:var(--blue);margin:0 0 28px}

/* nav */
header{position:sticky;top:0;z-index:10;background:rgba(252,255,255,.9);backdrop-filter:blur(8px);border-bottom:1px solid rgba(9,49,141,.08)}
nav{display:flex;justify-content:space-between;align-items:center;height:84px}
.logo{display:inline-flex;align-items:center;gap:10px;font-family:var(--serif);font-size:28px;color:var(--blue);letter-spacing:.02em}
.logo-mark{width:34px;height:37px;flex:none}
.logo small{font-family:var(--sans);font-size:11px;letter-spacing:.2em;text-transform:uppercase;margin-left:8px}
.leaf{position:absolute;pointer-events:none;color:var(--blue);z-index:0}
.about,.services,.book,.quote-band{position:relative;overflow:hidden}
.wrap{position:relative;z-index:1}
.leaf.l-hero1{width:330px;top:-70px;right:-90px;transform:rotate(25deg);opacity:.35}
.leaf.l-hero2{width:170px;bottom:-30px;left:-40px;transform:rotate(-30deg);opacity:.3}
.leaf.l-about{width:260px;bottom:-60px;right:-50px;transform:rotate(-15deg);opacity:.3}
.leaf.l-band{width:230px;top:-40px;left:-40px;transform:rotate(-20deg);opacity:.4}
.leaf.l-band2{width:170px;bottom:-30px;right:-20px;transform:rotate(160deg);opacity:.4}
.leaf.l-svc{width:260px;top:-60px;right:-60px;transform:rotate(30deg);color:var(--pink);opacity:.35}
.leaf.l-book1{width:240px;top:30px;left:-70px;transform:rotate(60deg);opacity:.3}
.leaf.l-book2{width:200px;bottom:-30px;right:-40px;transform:rotate(-40deg);opacity:.3}
.quote-band p.meaning{font-family:var(--sans);font-style:normal;font-size:17px;color:var(--text);max-width:640px;margin:26px auto 0;line-height:1.7}
@media(max-width:820px){.leaf.l-hero1{width:220px}.leaf.l-about,.leaf.l-svc{width:180px}}
nav ul{display:flex;gap:34px;list-style:none;font-size:14px;letter-spacing:.04em}
nav ul a:hover{color:var(--blue)}
.btn{display:inline-block;padding:14px 32px;border:1px solid var(--blue);font-size:13px;letter-spacing:.14em;text-transform:uppercase;transition:.3s;border-radius:2px}
.btn.solid{background:var(--blue);color:var(--white)}
.btn.solid:hover{background:transparent;color:var(--blue)}
.btn.ghost{color:var(--blue)}
.btn.ghost:hover{background:var(--blue);color:var(--white)}

/* hero */
.hero{padding:100px 0 120px;position:relative;overflow:hidden}
.hero-grid{display:grid;grid-template-columns:1.25fr 1fr;gap:70px;align-items:center}
.hero p.lead{font-size:20px;color:var(--muted);margin:28px 0 38px;max-width:520px}
.hero .btns{display:flex;gap:16px;flex-wrap:wrap}
.arch{aspect-ratio:3/4;background:var(--pink);border-radius:999px 999px 4px 4px;position:relative;display:flex;align-items:flex-end;justify-content:center;overflow:hidden}
.arch::after{content:"";position:absolute;inset:14px;border:1px solid rgba(9,49,141,.35);border-radius:999px 999px 2px 2px;pointer-events:none}
.arch img{width:100%;height:100%;object-fit:cover}
.arch span{position:absolute;bottom:44px;font-family:var(--serif);font-style:italic;color:var(--blue);font-size:17px;line-height:1.35;text-align:center;padding:0 44px}
.art-hero{position:absolute;top:19%;left:6%;width:88%}
.art-duo{width:100%;max-width:280px;margin-top:40px}
.ico{width:44px;height:44px;margin-bottom:18px;display:block}
.art-group{display:block;width:100%;max-width:300px;margin:56px auto 0}

/* about */
.about{background:var(--pink-soft)}
.about-grid{display:grid;grid-template-columns:1fr 1.3fr;gap:80px;align-items:start}
.about p{margin-bottom:18px;color:var(--text)}
.tags{display:flex;flex-wrap:wrap;gap:10px;margin-top:26px}
.tags span{border:1px solid rgba(9,49,141,.4);color:var(--blue);padding:6px 16px;font-size:13px;border-radius:999px}

.stats{display:grid;gap:22px;margin-top:10px}
.stats b{display:block;font-family:var(--serif);font-weight:400;font-size:54px;line-height:1;color:var(--blue)}
.stats span{font-size:14px;color:var(--muted)}
.quote-band{background:var(--pink);padding:80px 0;text-align:center}
.quote-band p{font-family:var(--serif);font-style:italic;color:var(--blue);font-size:clamp(26px,3.4vw,40px);line-height:1.25;max-width:800px;margin:0 auto}

/* help */
.help-head{max-width:620px;margin-bottom:60px}
.pillars{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border-top:1px solid rgba(9,49,141,.25)}
.pillar{padding:34px 30px 10px 0}
.pillar+.pillar{padding-left:30px;border-left:1px solid rgba(9,49,141,.15)}
.pillar .n{font-family:var(--serif);font-style:italic;color:var(--blue);font-size:18px;display:block;margin-bottom:12px}
.pillar p{color:var(--muted);font-size:16px}

/* services */
.services{background:var(--blue);color:var(--white)}
.services h2,.services h3{color:var(--white)}
.services .eyebrow{color:var(--pink)}
.svc-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:rgba(238,210,226,.3);border:1px solid rgba(238,210,226,.3);margin-top:50px}
.svc{background:var(--blue);padding:40px 38px;transition:.3s}
.svc:hover{background:#0c3a9e}
.svc p{color:rgba(252,255,255,.78);font-size:16px}
.svc h3{color:var(--pink)}

/* booking */
.book{text-align:center}
.book .inner{max-width:640px;margin:0 auto}
.book .line{margin:0 auto 28px}
.book p{color:var(--muted);margin-bottom:36px}
.contact{display:flex;justify-content:center;gap:50px;flex-wrap:wrap;margin-top:60px;padding-top:40px;border-top:1px solid rgba(9,49,141,.15)}
.contact div small{display:block;font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--muted)}
.contact a{color:var(--blue);font-family:var(--serif);font-size:22px}
.contact a:hover{text-decoration:underline}

footer{background:var(--pink);padding:32px 0;text-align:center;font-size:13px;color:var(--blue);letter-spacing:.06em}

@media(max-width:820px){
  section{padding:76px 0}
  nav ul{display:none}
  .hero-grid,.about-grid{grid-template-columns:1fr;gap:44px}
  .arch{max-width:340px;margin:0 auto}
  .pillars,.svc-grid{grid-template-columns:1fr}
  .pillar+.pillar{padding-left:0;border-left:0;border-top:1px solid rgba(9,49,141,.15)}
}

.logo-full{height:74px;width:auto;display:block;color:var(--blue)}

/* conóceme */
.know{position:relative}
.know-head{max-width:640px;margin-bottom:60px}
.know-head p{font-size:19px;color:var(--muted);margin-top:4px}
.know-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:0;border-top:1px solid rgba(9,49,141,.25)}
.know-grid>div{padding:36px 40px 30px 0;border-bottom:1px solid rgba(9,49,141,.12)}
.know-grid>div:nth-child(even){padding-left:40px;padding-right:0;border-left:1px solid rgba(9,49,141,.12)}
.know-grid .n{font-family:var(--serif);font-style:italic;color:var(--blue);font-size:18px;display:block;margin-bottom:10px}
.know-grid p{color:var(--muted);font-size:16px}
.know-facts{margin-top:36px;font-size:12px;letter-spacing:.2em;text-transform:uppercase;color:var(--blue)}
@media(max-width:820px){.know-grid{grid-template-columns:1fr}.know-grid>div,.know-grid>div:nth-child(even){padding:30px 0;border-left:0}}

.about strong{color:var(--blue);font-weight:600}

.logo-big{display:block;width:min(560px,86%);height:auto;margin:0 auto 34px;color:var(--blue)}
.quote-band .line{margin:0 auto 28px}
.quote-band{padding:100px 0}