:root{--deep:#0b4f63;--deep2:#073b4b;--ocean:#176f88;--glass:#91bdc9;--mist:#dcecf0;--sky:#edf6f8;--foam:#f9fbfb;--ink:#163b46;--muted:#687f86;--line:rgba(23,111,136,.18);--shadow:0 24px 70px rgba(13,79,99,.16)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--foam);color:var(--ink);font-family:Montserrat,sans-serif;line-height:1.7}a{color:inherit}.container{width:min(1160px,calc(100% - 40px));margin:auto}.section{padding:110px 0}h1,h2,h3,.brand span{font-family:"Cormorant Garamond",serif;font-weight:500;line-height:1.02;margin-top:0}h1{font-size:clamp(4rem,8vw,7.3rem);max-width:880px;margin-bottom:28px}h2{font-size:clamp(2.8rem,5vw,4.8rem);margin-bottom:24px}h3{font-size:1.9rem;margin-bottom:10px}p{margin-top:0}.label,.eyebrow,.booking-label{font-size:.7rem;font-weight:600;letter-spacing:.22em;text-transform:uppercase;color:var(--ocean)}.header{position:fixed;top:0;left:0;right:0;z-index:30;color:white;transition:.35s;background:linear-gradient(to bottom,rgba(5,48,62,.72),transparent)}.header.scrolled{background:rgba(7,59,75,.94);backdrop-filter:blur(14px)}.nav{min-height:88px;display:flex;align-items:center;justify-content:space-between}.brand{text-decoration:none;color:#fff}.brand span,.brand small{display:block}.brand span{font-size:1.45rem;letter-spacing:.09em;text-transform:uppercase}.brand small{font-size:.62rem;letter-spacing:.24em;text-transform:uppercase;opacity:.72}.nav-links{display:flex;align-items:center;gap:28px}.nav-links a{text-decoration:none;color:white;font-size:.87rem}.nav-cta{border:1px solid rgba(255,255,255,.72);padding:10px 17px;border-radius:999px}.menu-button{display:none;color:#fff;background:transparent;border:1px solid rgba(255,255,255,.7);border-radius:999px;padding:8px 14px}.hero{position:relative;min-height:100vh;display:flex;align-items:flex-end;color:white;overflow:hidden}.hero-image{position:absolute;inset:0;background:url("story-tree-collective-hero.jpg") center/cover no-repeat;transform:scale(1.03)}.hero-overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(3,39,51,.93),rgba(3,39,51,.32) 42%,rgba(3,39,51,.02) 72%),linear-gradient(to right,rgba(3,39,51,.36),transparent 64%)}.hero-content{position:relative;z-index:2;padding-bottom:105px}.hero .eyebrow{color:rgba(255,255,255,.8)}.hero-lead{max-width:690px;font-size:clamp(1.05rem,2vw,1.3rem);margin-bottom:34px}.hero-buttons{display:flex;gap:14px;flex-wrap:wrap}.button{min-height:52px;display:inline-flex;align-items:center;justify-content:center;padding:13px 25px;border-radius:999px;text-decoration:none;font-weight:600}.button-primary{background:white;color:var(--deep)}.button-secondary{border:1px solid rgba(255,255,255,.72);color:white}.full{width:100%}.scroll-cue{position:absolute;z-index:2;right:42px;bottom:44px;text-decoration:none;color:white;display:flex;flex-direction:column;align-items:center;gap:12px;font-size:.67rem;letter-spacing:.2em;text-transform:uppercase}.scroll-cue i{display:block;width:1px;height:58px;background:linear-gradient(white,transparent)}.statement{background:radial-gradient(circle at top,rgba(145,189,201,.26),transparent 42%),var(--foam)}.statement-inner{max-width:860px;text-align:center}.statement-inner>p:last-child{font-family:"Cormorant Garamond",serif;font-size:clamp(1.55rem,3vw,2.25rem);line-height:1.45;color:#395b65}.feature{background:white}.feature-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.feature-visual{position:relative}.feature-image{min-height:650px;border-radius:30px;background:linear-gradient(rgba(7,78,98,.12),rgba(7,78,98,.32)),url("story-tree-collective-hero.jpg") left center/cover no-repeat;box-shadow:var(--shadow)}.feature-caption{position:absolute;right:-24px;bottom:34px;background:rgba(255,255,255,.92);padding:18px 24px;border-radius:999px;box-shadow:var(--shadow)}.feature-caption span{font-size:.67rem;letter-spacing:.18em;text-transform:uppercase;color:var(--ocean)}.feature-copy p{color:var(--muted);font-size:1.05rem}.listen{color:white;background:linear-gradient(145deg,rgba(255,255,255,.04),transparent 50%),var(--deep)}.light-label{color:var(--mist)}.section-heading{display:flex;justify-content:space-between;gap:40px;align-items:end;margin-bottom:46px}.section-heading>p{max-width:430px;color:rgba(255,255,255,.66)}.sessions{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.session{overflow:hidden;border-radius:24px;border:1px solid rgba(255,255,255,.13);background:rgba(255,255,255,.05)}.session-media{aspect-ratio:16/10;position:relative;display:flex;align-items:center;justify-content:center}.session-media small{position:absolute;left:24px;top:22px;font-size:.67rem;letter-spacing:.18em;text-transform:uppercase}.play{width:64px;height:64px;display:grid;place-items:center;border-radius:50%;border:1px solid rgba(255,255,255,.72)}.session-one{background:linear-gradient(to top,rgba(7,64,82,.72),rgba(7,64,82,.03)),url("story-tree-collective-hero.jpg") center bottom/cover}.session-two{background:linear-gradient(135deg,#9bc4ce,#247b94)}.session-three{background:linear-gradient(135deg,#5e97a6,#0b4f63)}.session-copy{padding:25px}.session-copy p{color:rgba(255,255,255,.66);margin-bottom:0}.occasions{background:var(--sky)}.occasion-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.occasion-grid article{min-height:230px;padding:32px;border-radius:22px;border:1px solid var(--line);background:rgba(255,255,255,.78);box-shadow:0 12px 35px rgba(18,83,100,.06)}.occasion-grid span{font-size:.7rem;letter-spacing:.18em;color:var(--ocean)}.occasion-grid p{color:var(--muted)}.about{background:white}.about-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:78px;align-items:center}.portrait{min-height:620px;border-radius:30px;background:linear-gradient(rgba(11,79,99,.18),rgba(11,79,99,.45)),url("story-tree-collective-hero.jpg") left center/cover;box-shadow:var(--shadow);display:grid;place-items:center;color:white}.portrait-placeholder{border:1px solid rgba(255,255,255,.72);border-radius:999px;padding:11px 18px}.about-copy p{color:var(--muted);font-size:1.04rem}.location{padding:68px 0;background:var(--ocean);color:white}.location-grid{display:grid;grid-template-columns:1fr 1fr;gap:55px;align-items:center}.location h2,.location p{margin-bottom:0}.location-grid>p{color:rgba(255,255,255,.76)}.booking{background:radial-gradient(circle at bottom right,rgba(145,189,201,.25),transparent 38%),var(--foam)}.booking-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:80px;align-items:start}.booking-intro>p:last-child{color:var(--muted);font-size:1.08rem;max-width:570px}.booking-panel{padding:38px;border-radius:28px;color:white;background:linear-gradient(145deg,rgba(255,255,255,.05),transparent),var(--deep);box-shadow:var(--shadow)}.booking-panel .booking-label{color:var(--mist)}.email{display:inline-block;margin-bottom:28px;text-decoration:none;font-family:"Cormorant Garamond",serif;font-size:clamp(1.6rem,3vw,2.25rem);overflow-wrap:anywhere}.socials{display:flex;gap:18px;margin-bottom:30px}.socials a{color:rgba(255,255,255,.74)}.booking-panel small{display:block;margin-top:14px;color:rgba(255,255,255,.56)}.footer{padding:38px 0;background:var(--deep2);color:rgba(255,255,255,.75)}.footer-grid{display:flex;justify-content:space-between;align-items:center;gap:30px}.footer strong{font-family:"Cormorant Garamond",serif;font-size:1.35rem;letter-spacing:.1em;text-transform:uppercase}.footer p{margin-bottom:0;font-size:.82rem}.reveal{opacity:0;transform:translateY(28px);transition:opacity .8s ease,transform .8s ease}.reveal.visible{opacity:1;transform:none}@media(max-width:920px){.menu-button{display:inline-block}.nav-links{position:absolute;top:76px;right:20px;width:min(285px,calc(100% - 40px));display:none;padding:18px;background:rgba(7,59,75,.97);border-radius:18px}.nav-links.open{display:grid}.feature-grid,.about-grid,.booking-grid,.location-grid,.sessions,.occasion-grid{grid-template-columns:1fr}.feature-caption{right:18px}.section-heading{display:block}.section-heading>p{margin-top:12px}.portrait,.feature-image{min-height:480px}}@media(max-width:580px){.container{width:min(100% - 28px,1160px)}.section{padding:78px 0}.hero{min-height:94vh}.hero-content{padding-bottom:66px}h1{font-size:clamp(3.4rem,16vw,5.1rem)}.hero-buttons,.button{width:100%}.scroll-cue{display:none}.brand span{font-size:1.08rem}.brand small{font-size:.53rem}.footer-grid{display:block}.footer-grid>p{margin-top:16px}}