@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,400;0,500;0,600;1,400;1,500&family=DM+Sans:wght@400;500&display=swap');

:root{
  --cream:#fffaf5;
  --ink:#4a4060;
  --ink-soft:#716783;
  --coral:#ee8f7c;
  --lavender:#b9b2e3;
}
*{box-sizing:border-box}
html{min-height:100%;scroll-behavior:smooth}
body{margin:0;min-height:100vh;font-family:'DM Sans',Arial,sans-serif;color:var(--ink);background:#c5bedb;-webkit-font-smoothing:antialiased}
a{color:inherit}
.sky-page{position:relative;isolation:isolate;min-height:100vh;overflow-x:hidden}
.sky-page::before{content:'';position:fixed;inset:-10px;z-index:-2;background:url('../img/sky-hero.png') center/cover no-repeat;filter:blur(3px);transform:scale(1.02)}
.sky-page::after{content:'';position:fixed;inset:0;z-index:-1;background:linear-gradient(to bottom,rgba(67,56,90,.03),rgba(255,247,238,.07));pointer-events:none}
.header{position:absolute;inset:0 0 auto 0;z-index:10}
.header-inner{width:min(100% - 52px,1500px);margin:auto;min-height:90px;display:flex;align-items:center;justify-content:space-between;gap:28px}
.brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--cream);white-space:nowrap;text-shadow:0 1px 18px rgba(75,55,92,.2)}
.logo{width:40px;height:40px;flex:0 0 auto}
.brand-name{font-family:'Cormorant Garamond',Garamond,serif;font-size:13px;letter-spacing:.23em;text-transform:uppercase}
.nav{display:flex;align-items:center;gap:clamp(14px,2vw,30px)}
.nav a{font-size:14px;text-decoration:none;color:rgba(255,250,245,.96);white-space:nowrap;padding-bottom:4px;text-shadow:0 1px 16px rgba(75,55,92,.15)}
.nav a:hover{opacity:.76}.nav a.active{text-decoration:underline;text-underline-offset:8px;text-decoration-color:rgba(255,255,255,.65)}
.nav .contact{border:1px solid rgba(255,255,255,.85);border-radius:999px;padding:10px 18px;text-decoration:none}
.mobile-toggle{display:none;background:none;border:0;color:white;font-size:30px;cursor:pointer}
.hero{min-height:100svh;display:grid;place-items:center;padding:110px 24px 70px}
.hero-inner{text-align:center;max-width:1100px;transform:translateY(-1vh)}
.hero h1,.page-title{font-family:'Cormorant Garamond',Garamond,serif;font-weight:400;letter-spacing:-.025em}
.hero h1{margin:0;color:var(--cream);font-size:clamp(62px,7.4vw,114px);line-height:.92;text-shadow:0 2px 22px rgba(80,60,95,.12)}
.tagline{margin:24px 0 0;font-family:'Cormorant Garamond',Garamond,serif;font-style:italic;color:var(--cream);font-size:clamp(31px,3.6vw,51px);line-height:1}
.subline{margin:24px 0 0;font-family:'Cormorant Garamond',Garamond,serif;color:rgba(74,64,96,.82);font-size:clamp(18px,1.7vw,24px)}
.explore-btn{display:inline-block;margin-top:36px;border:1px solid rgba(74,64,96,.45);border-radius:999px;padding:13px 44px;text-decoration:none;font-family:'Cormorant Garamond',Garamond,serif;font-size:18px;color:rgba(74,64,96,.88);background:rgba(255,255,255,.10);backdrop-filter:blur(2px)}
.explore-btn:hover{background:rgba(255,255,255,.22)}
.page-wrap{padding:145px 26px 80px}
.page-title{text-align:center;color:var(--cream);font-size:clamp(50px,5.6vw,82px);line-height:.95;margin:0 0 44px;text-shadow:0 2px 22px rgba(80,60,95,.12)}
.grid{width:min(100%,1280px);margin:auto;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.card{display:flex;flex-direction:column;overflow:hidden;border-radius:22px;border:1px solid rgba(255,255,255,.78);background:rgba(255,250,245,.84);box-shadow:0 18px 55px -34px rgba(70,55,90,.52);backdrop-filter:blur(10px);text-decoration:none;min-height:100%}
.card:hover{transform:translateY(-2px);transition:.2s ease}
.card-image{aspect-ratio:4/3;display:grid;place-items:center;overflow:hidden;position:relative;background:linear-gradient(135deg,#efbdcb,#d8c5ec 55%,#b5d0e8)}
.card-image img{width:100%;height:100%;object-fit:cover;display:block}
.card-mark{width:78px;height:78px;color:rgba(255,255,255,.75)}
.badge{position:absolute;top:14px;left:14px;background:rgba(255,255,255,.76);border-radius:999px;padding:6px 12px;color:var(--ink);font-size:11px;letter-spacing:.08em;text-transform:uppercase;backdrop-filter:blur(4px)}
.card-copy{padding:20px 21px 23px;display:flex;flex-direction:column;flex:1}
.card h2{font-family:'Cormorant Garamond',Garamond,serif;font-weight:500;font-size:30px;line-height:1.1;margin:0;color:var(--ink)}
.card p{font-size:15px;line-height:1.55;color:var(--ink-soft);margin:10px 0 0;flex:1}.visit{margin-top:16px;color:var(--coral);font-size:13px}
.simple{width:min(100%,760px);margin:auto;border:1px solid rgba(255,255,255,.78);background:rgba(255,250,245,.84);border-radius:22px;padding:clamp(30px,5vw,48px);box-shadow:0 18px 55px -34px rgba(70,55,90,.52);backdrop-filter:blur(10px)}
.about-text{font-family:'DM Sans',Arial,sans-serif;font-size:clamp(18px,1.8vw,22px);line-height:1.65;text-align:center;margin:0;color:var(--ink)}
.about-logo{width:50px;height:50px;color:var(--coral);margin:0 auto 24px;display:block}
.form{display:grid;gap:18px}.form label{display:grid;gap:7px;font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:var(--coral)}
.form input,.form textarea{width:100%;padding:12px 14px;border-radius:11px;border:1px solid rgba(185,178,227,.75);background:rgba(255,255,255,.75);font:inherit;color:var(--ink)}
.form textarea{min-height:160px;resize:vertical}.form button{justify-self:start;border:0;border-radius:999px;background:var(--ink);color:white;padding:12px 28px;font:inherit;cursor:pointer}
.email{display:block;text-align:center;margin-top:22px;color:var(--ink-soft);font-size:14px}
.reading{width:min(100%,760px);margin:auto;background:rgba(255,250,245,.9);border:1px solid rgba(255,255,255,.78);border-radius:22px;padding:clamp(28px,5vw,48px);box-shadow:0 18px 55px -34px rgba(70,55,90,.52);backdrop-filter:blur(10px)}
.reading p{font-family:'Cormorant Garamond',Garamond,serif;font-size:22px;line-height:1.7;color:var(--ink);margin:0 0 1.1em}.reading.poem p{text-align:center;font-style:italic;white-space:pre-line}
.back{display:inline-block;margin-top:20px;color:var(--coral);text-decoration:none}
@media(max-width:1050px){.header-inner{width:calc(100% - 36px)}.nav{gap:15px}.nav a{font-size:12px}.brand-name{font-size:11px}.grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.mobile-toggle{display:block}.nav{display:none;position:absolute;top:78px;left:18px;right:18px;flex-direction:column;align-items:stretch;background:rgba(255,250,245,.92);padding:18px;border-radius:18px;box-shadow:0 15px 40px rgba(70,55,90,.16)}.nav.open{display:flex}.nav a{color:var(--ink);text-shadow:none;font-size:16px;text-align:center;padding:8px}.nav .contact{border-color:rgba(74,64,96,.25)}.hero{padding-top:120px}.grid{grid-template-columns:1fr}.page-wrap{padding-left:18px;padding-right:18px}}