/* Leeann Dearing — ivory, ink, photography, an editorial serif, a little botany. */
:root{
  --ivory:#FBFAF6; --ivory-2:#F3F1EA; --ink:#141311; --graphite:#43403B; --stone:#8A857B;
  --hair:rgba(20,19,17,.16); --hair-2:rgba(20,19,17,.3); --moss:#5B6A51; --blush:#E7D9D2; --gold:#D4AF37;
  --serif:"Cormorant Garamond","Iowan Old Style",Georgia,serif; --sans:Jost,"Helvetica Neue",Arial,sans-serif;
  --wrap:1120px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation:none!important;transition:none!important}}
body{margin:0;background:var(--ivory);color:var(--ink);font-family:var(--sans);font-weight:400;font-size:17px;line-height:1.7;-webkit-font-smoothing:antialiased}
img{max-width:100%;height:auto;display:block}
a{color:inherit}
h1,h2,h3{font-family:var(--serif);font-weight:500;line-height:1.05;margin:0;letter-spacing:-.005em}
p{margin:0 0 1.1em}
.wrap{width:min(100% - 2.8rem,var(--wrap));margin-inline:auto}
.narrow{width:min(100% - 2.8rem,720px);margin-inline:auto}
.eyebrow{font-family:var(--sans);font-size:.72rem;letter-spacing:.28em;text-transform:uppercase;color:var(--stone);font-weight:500}
.rule{height:1px;background:var(--hair);border:0;margin:0}
.dbl{border-top:1px solid var(--hair-2);position:relative;padding-top:6px}
.dbl::before{content:"";position:absolute;left:0;right:0;top:3px;border-top:1px solid var(--hair-2)}
/* nav */
.top{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:26px 0 18px}
.top .name{font-family:var(--serif);font-size:1.45rem;font-weight:500;text-decoration:none;letter-spacing:.01em}
.top nav{display:flex;gap:26px;flex-wrap:wrap}
.top nav a{font-size:.78rem;letter-spacing:.2em;text-transform:uppercase;text-decoration:none;color:var(--graphite);padding-bottom:3px;border-bottom:1px solid transparent}
.top nav a:hover,.top nav a[aria-current]{border-bottom-color:var(--ink);color:var(--ink)}
@media(max-width:640px){.top{flex-direction:column;align-items:flex-start}.top nav{gap:16px}}
/* hero */
.hero{display:grid;grid-template-columns:1.05fr .95fr;gap:56px;align-items:center;padding:56px 0 80px}
.hero h1{font-size:clamp(3.2rem,7.2vw,6.4rem);font-weight:400;letter-spacing:-.015em;text-wrap:balance}
.hero h1 em{font-style:italic;font-weight:400}
.roles{margin:22px 0 0;font-size:.82rem;letter-spacing:.24em;text-transform:uppercase;color:var(--graphite)}
.roles i{font-style:normal;color:var(--stone);padding:0 .5em}
.hero .lede{font-family:var(--serif);font-size:clamp(1.35rem,2vw,1.7rem);line-height:1.4;color:var(--graphite);max-width:26em;margin:28px 0 0}
.frame{position:relative;padding:14px;border:1px solid var(--hair-2)}
.frame::before{content:"";position:absolute;inset:4px;border:1px solid var(--hair-2);pointer-events:none}
.frame img{width:100%;aspect-ratio:4/5;object-fit:cover;object-position:center 20%;filter:grayscale(1) contrast(1.02)}
.frame.color img{filter:none}
.frame figcaption{margin:12px 2px 0;font-size:.72rem;letter-spacing:.2em;text-transform:uppercase;color:var(--stone)}
@media(max-width:820px){.hero{grid-template-columns:1fr;gap:34px;padding:34px 0 56px}.frame{order:-1;max-width:420px}}
/* sprig */
.sprig{width:54px;height:54px;color:var(--moss);margin:0 auto;display:block}
/* sections */
section{padding:72px 0}
.sec-head{display:grid;grid-template-columns:auto 1fr;gap:26px;align-items:end;margin-bottom:36px}
.sec-head h2{font-size:clamp(2rem,4vw,3.1rem)}
.sec-head .eyebrow{padding-bottom:10px}
@media(max-width:640px){.sec-head{grid-template-columns:1fr;gap:8px}}
.prose{max-width:62ch;color:var(--graphite)}
.prose.serif{font-family:var(--serif);font-size:1.32rem;line-height:1.5;color:var(--ink)}
.voice{font-family:var(--serif);font-size:clamp(1.5rem,2.6vw,2.15rem);line-height:1.35;text-align:center;max-width:26em;margin:0 auto;text-wrap:balance}
.voice small{display:block;font-family:var(--sans);font-size:.74rem;letter-spacing:.24em;text-transform:uppercase;color:var(--stone);margin-top:22px}
/* paths */
.paths{display:grid;grid-template-columns:repeat(4,1fr);gap:0;border-top:1px solid var(--hair-2);border-bottom:1px solid var(--hair-2)}
.path{padding:30px 26px 32px;border-right:1px solid var(--hair);text-decoration:none;display:flex;flex-direction:column;gap:12px;min-height:220px;transition:background .2s ease}
.path:last-child{border-right:0}
.path:hover{background:var(--ivory-2)}
.path .n{font-family:var(--serif);font-size:1.9rem;line-height:1}
.path .n em{font-style:italic}
.path p{margin:0;color:var(--graphite);font-size:.98rem;flex:1}
.path .go{font-size:.74rem;letter-spacing:.22em;text-transform:uppercase;color:var(--ink)}
@media(max-width:900px){.paths{grid-template-columns:1fr 1fr}.path:nth-child(2){border-right:0}.path:nth-child(-n+2){border-bottom:1px solid var(--hair)}}
@media(max-width:520px){.paths{grid-template-columns:1fr}.path{border-right:0;border-bottom:1px solid var(--hair)}.path:last-child{border-bottom:0}}
/* feature (Sound of Home) */
.feature{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center}
.feature .frame img{aspect-ratio:3/2;object-position:center}
.feature h2{font-size:clamp(2.3rem,4.4vw,3.6rem);letter-spacing:.02em}
.feature h2 span{display:block;font-size:.42em;letter-spacing:.3em;text-transform:uppercase;font-family:var(--sans);font-weight:500;color:var(--stone);margin-bottom:12px}
.worlds{list-style:none;padding:0;margin:26px 0 0;display:grid;grid-template-columns:repeat(4,1fr);gap:0;border:1px solid var(--hair-2)}
.worlds li{padding:16px 12px;text-align:center;border-right:1px solid var(--hair)}
.worlds li:last-child{border-right:0}
.worlds b{display:block;font-family:var(--serif);font-size:1.25rem;font-weight:500;letter-spacing:.06em}
.worlds small{display:block;font-size:.7rem;letter-spacing:.18em;text-transform:uppercase;color:var(--stone);margin-top:4px}
.worlds svg{width:26px;height:26px;margin:0 auto 8px;color:var(--moss)}
@media(max-width:820px){.feature{grid-template-columns:1fr;gap:30px}.worlds{grid-template-columns:1fr 1fr}.worlds li:nth-child(2){border-right:0}.worlds li:nth-child(-n+2){border-bottom:1px solid var(--hair)}}
.btn{display:inline-block;margin-top:26px;padding:13px 26px;border:1px solid var(--ink);text-decoration:none;font-size:.76rem;letter-spacing:.22em;text-transform:uppercase;transition:background .2s ease,color .2s ease}
.btn:hover{background:var(--ink);color:var(--ivory)}
.btn.ghost{border-color:var(--hair-2)}
/* actress */
.two{display:grid;grid-template-columns:.9fr 1.1fr;gap:56px;align-items:center}
.two.flip{grid-template-columns:1.1fr .9fr}
.two.flip .frame{order:2}
@media(max-width:820px){.two,.two.flip{grid-template-columns:1fr;gap:30px}.two.flip .frame{order:0}}
.credits{list-style:none;padding:0;margin:22px 0 0;border-top:1px solid var(--hair-2)}
.credits li{display:grid;grid-template-columns:1fr auto;gap:18px;padding:12px 0;border-bottom:1px solid var(--hair);font-size:1rem}
.credits li span{color:var(--stone);font-size:.82rem;letter-spacing:.06em}
.credits li b{font-weight:500}
.credits li small{display:block;color:var(--graphite);font-size:.9rem}
/* founder */
.founder{background:var(--ivory-2);border-top:1px solid var(--hair);border-bottom:1px solid var(--hair)}
.ventures{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;margin-top:34px}
.venture{border-top:2px solid var(--gold);padding-top:14px}
.venture b{display:block;font-family:var(--serif);font-size:1.35rem;font-weight:500;line-height:1.15}
.venture small{display:block;color:var(--stone);font-size:.72rem;letter-spacing:.18em;text-transform:uppercase;margin:6px 0 8px}
.venture p{margin:0;font-size:.95rem;color:var(--graphite)}
.venture a{text-decoration:none;border-bottom:1px solid var(--hair-2)}
@media(max-width:900px){.ventures{grid-template-columns:1fr 1fr}}
@media(max-width:520px){.ventures{grid-template-columns:1fr}}
/* mosaic */
.mosaic{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:30px}
.mosaic img{aspect-ratio:4/5;object-fit:cover;width:100%}
@media(max-width:640px){.mosaic{grid-template-columns:1fr 1fr}}
/* contact */
.contact{text-align:center;padding:90px 0 100px}
.contact h2{font-size:clamp(2.2rem,4.6vw,3.6rem)}
.contact p{max-width:46ch;margin:16px auto 0;color:var(--graphite)}
.contact .links{display:flex;justify-content:center;flex-wrap:wrap;gap:12px 28px;margin-top:26px;font-size:.78rem;letter-spacing:.2em;text-transform:uppercase}
.contact .links a{text-decoration:none;border-bottom:1px solid var(--hair-2);padding-bottom:3px}
/* footer */
footer{border-top:1px solid var(--hair-2);padding:34px 0 46px;font-size:.84rem;color:var(--stone)}
footer .wrap{display:grid;gap:14px}
footer .fam{display:flex;flex-wrap:wrap;gap:8px 20px}
footer a{text-decoration:none;color:var(--graphite);border-bottom:1px solid var(--hair)}
footer a:hover{color:var(--ink);border-bottom-color:var(--ink)}
/* inner pages */
.page-head{padding:44px 0 26px;text-align:center}
.page-head h1{font-size:clamp(2.8rem,6vw,5rem);font-weight:400}
.page-head .lede{font-family:var(--serif);font-size:1.4rem;color:var(--graphite);max-width:30em;margin:18px auto 0;line-height:1.45}
.pull{font-family:var(--serif);font-size:clamp(1.6rem,3vw,2.4rem);line-height:1.3;border-left:2px solid var(--moss);padding-left:26px;margin:44px 0;max-width:24em}
.principles{list-style:none;padding:0;margin:30px 0 0;display:grid;grid-template-columns:1fr 1fr;gap:0 40px;border-top:1px solid var(--hair-2)}
.principles li{padding:18px 0;border-bottom:1px solid var(--hair)}
.principles b{display:block;font-family:var(--serif);font-size:1.45rem;font-weight:500;margin-bottom:4px}
.principles p{margin:0;color:var(--graphite);font-size:.97rem}
@media(max-width:700px){.principles{grid-template-columns:1fr}}
.lang{display:grid;grid-template-columns:repeat(3,1fr);gap:12px 28px;margin:26px 0 0;padding:0;list-style:none}
.lang li{display:flex;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid var(--hair);font-size:.98rem}
.lang li span{color:var(--stone)}
.lang li b{font-weight:500;font-family:var(--serif);font-size:1.15rem}
@media(max-width:820px){.lang{grid-template-columns:1fr 1fr}}
@media(max-width:520px){.lang{grid-template-columns:1fr}}
.psalm{text-align:center;font-family:var(--serif);font-size:1.5rem;line-height:1.4;max-width:26em;margin:0 auto;font-style:italic}
.psalm small{display:block;font-style:normal;font-family:var(--sans);font-size:.72rem;letter-spacing:.24em;text-transform:uppercase;color:var(--stone);margin-top:14px}
.world{display:grid;grid-template-columns:auto 1fr;gap:26px;padding:26px 0;border-bottom:1px solid var(--hair);align-items:start}
.world svg{width:44px;height:44px;color:var(--moss)}
.world b{font-family:var(--serif);font-size:1.7rem;font-weight:500;display:block;letter-spacing:.04em}
.world small{display:block;font-size:.72rem;letter-spacing:.2em;text-transform:uppercase;color:var(--stone);margin:2px 0 8px}
.world p{margin:0;color:var(--graphite);max-width:60ch}
.world em{font-family:var(--serif);font-style:italic;font-size:1.1rem;color:var(--ink)}
.note{font-size:.9rem;color:var(--stone);max-width:62ch}