:root{color-scheme:light;--forest:#102b27;--ink:#17312b;--paper:#f6f3e9;--gold:#d9bc78;--line:#daceb5;--body:#52574e;--serif:"Cormorant Garamond",Georgia,serif;--sans:"DM Sans",Arial,sans-serif}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:28px}
body{margin:0;background:var(--forest);color:var(--paper);font-family:var(--sans);-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
a:focus-visible{outline:3px solid var(--gold);outline-offset:7px}
.skip{position:fixed;top:10px;left:10px;z-index:5;padding:14px 20px;background:var(--paper);color:var(--forest);transform:translateY(-160%)}
.skip:focus{transform:translateY(0)}
.shell{width:min(100% - 160px,1280px);margin-inline:auto}
.garden{position:relative;isolation:isolate;min-height:850px;min-height:clamp(740px,61.3vw,1040px);overflow:hidden;background:#0d211d}
.garden-art{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;z-index:-1}
.header{display:flex;align-items:center;justify-content:space-between;padding-top:30px;gap:30px}
.brand{display:flex;align-items:center;gap:23px;font:400 36px/1.1 var(--serif);white-space:nowrap}
.brand img{width:54px;height:70px}
nav{display:flex;gap:40px;align-items:center;font:400 19px/1.4 var(--serif)}
nav a{padding:12px 0;border-bottom:1px solid transparent;transition:color .2s,border-color .2s}
nav a:hover{color:var(--gold);border-color:var(--gold)}
.welcome{padding-block:105px 125px}
h1{font:400 clamp(64px,7vw,110px)/.98 var(--serif);letter-spacing:-.028em;margin:0 0 30px;max-width:780px;text-wrap:balance}
.welcome>p{font-size:22px;line-height:1.6;letter-spacing:.005em;margin:0 0 39px;max-width:590px}
.meet{display:inline-flex;align-items:center;gap:24px;min-height:66px;padding:11px 35px;border:1px solid var(--gold);color:#f0d79c;background:rgba(9,28,23,.24);font:400 26px/1.4 var(--serif);transition:background .2s,color .2s}
.meet span{font-size:30px;line-height:1}
.meet:hover{background:var(--gold);color:var(--forest)}
.family{background:var(--paper);color:var(--ink);padding:66px 0 76px}
h2{font:400 clamp(40px,4.6vw,66px)/1.15 var(--serif);letter-spacing:-.025em;text-align:center;margin:0 0 15px;text-wrap:balance}
.flourish{display:flex;justify-content:center;align-items:center;gap:15px;height:36px;color:var(--gold)}
.flourish span{display:block;height:1px;width:65px;background:currentColor;opacity:.7}
.flourish img{width:28px;height:36px}
.family-intro{font-size:14px;line-height:1.6;text-align:center;margin:14px 0 26px;color:#686a59}
.voices{display:grid;grid-template-columns:repeat(4,1fr)}
.voice{padding:0 32px 12px;border-left:1px solid var(--line)}
.voice:first-child{border-left:0;padding-left:0}
.voice:last-child{padding-right:0}
.botanical{width:190px;max-width:100%;aspect-ratio:3/4;margin:0 auto 0;background:url('/assets/family-botanicals.webp') no-repeat;background-size:400% 100%}
.nyxa .botanical{background-position:0% center}
.ariel .botanical{background-position:33.3333% center}
.cindy .botanical{background-position:66.6667% center}
.cricket .botanical{background-position:100% center}
h3{font:400 43px/1.1 var(--serif);letter-spacing:-.02em;margin:8px 0 8px}
.role{font-size:11px;line-height:1.6;text-transform:uppercase;letter-spacing:.15em;margin:0 0 24px;min-height:35px}
.description{font-size:15px;line-height:1.8;margin:0;color:var(--body)}
.footer{position:relative;isolation:isolate;overflow:hidden;text-align:center;padding:31px 24px 50px;min-height:250px;background:var(--forest)}
.closing{font:italic 400 clamp(27px,2.6vw,37px)/1.2 var(--serif);margin:20px 0 21px;position:relative;z-index:1}
.footer-brand{display:inline-block;font-size:11px;letter-spacing:.3em;text-transform:uppercase;color:var(--gold);padding:5px}
.footer-leaves{position:absolute;width:290px;height:360px;bottom:-170px;background:url('/assets/family-botanicals.webp') no-repeat;background-size:400% 100%;opacity:.32;filter:sepia(1) saturate(.65);z-index:-1}
.leaves-left{left:-75px;transform:rotate(37deg);background-position:0% center}
.leaves-right{right:-65px;transform:rotate(-40deg);background-position:100% center}
@media(min-width:1700px){.welcome{padding-top:145px}.garden{min-height:1050px}}
@media(max-width:1100px){.shell{width:calc(100% - 96px)}.garden{min-height:750px}.brand{font-size:30px;gap:16px}.welcome{padding-top:100px}h1{font-size:82px}.welcome>p{font-size:19px;max-width:510px}.voice{padding-inline:22px}.botanical{width:155px}.role{font-size:10px;letter-spacing:.12em}.description{font-size:14px}}
@media(max-width:800px){.shell{width:calc(100% - 64px)}.header{padding-top:23px}.brand{font-size:27px;gap:10px}.brand img{width:34px;height:49px}nav{font-size:17px;gap:23px}.welcome{padding-block:100px 100px}h1{font-size:72px;max-width:600px}.garden{min-height:740px}.garden-art{object-position:38% center}.voices{grid-template-columns:repeat(2,1fr);gap:44px 0}.voice,.voice:first-child,.voice:last-child{padding-inline:25px}.voice:nth-child(odd){border-left:0;padding-left:0}.voice:nth-child(even){padding-right:0}.botanical{width:190px}.role{min-height:0;font-size:11px}.description{font-size:15px}.family{padding-block:55px 60px}}
@media(max-width:520px){.shell{width:calc(100% - 44px)}.header{align-items:flex-start;gap:15px}.brand{font-size:25px;gap:9px;white-space:normal;max-width:225px}.brand img{flex:none;width:31px;height:46px}.brand span{max-width:145px}.header nav{flex-direction:column;align-items:flex-end;gap:2px;font-size:15px;white-space:nowrap}.header nav a{padding:3px 0}.garden{min-height:720px}.garden-art{object-position:47% center}.garden:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(6,24,19,.5),rgba(6,24,19,.1));z-index:-1}.welcome{padding-top:100px;padding-bottom:85px}h1{font-size:clamp(48px,12vw,64px);line-height:1.03;margin-bottom:26px}.welcome>p{font-size:17px;line-height:1.65;max-width:330px;margin-bottom:30px}.desktop-break{display:none}.meet{font-size:23px;min-height:58px;padding-inline:25px;gap:23px}h2{font-size:42px;line-height:1.1}.family-intro{font-size:13px;max-width:285px;margin:14px auto 30px}.family{padding-top:49px}.voices{display:block}.voice,.voice:first-child,.voice:last-child{position:relative;border-left:0;border-top:1px solid var(--line);padding:32px 0 30px;min-height:245px}.botanical{float:right;width:135px;margin:0 -4px 14px 8px;aspect-ratio:3/4}h3{font-size:43px;margin-top:4px}.role{font-size:10px;letter-spacing:.1em;margin-bottom:18px;max-width:190px}.description{font-size:14px;line-height:1.8;max-width:360px}.voice:after{content:"";display:block;clear:both}.footer{padding:32px 22px 40px}.closing{font-size:28px}.closing br{display:none}.footer-leaves{opacity:.18}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}