:root{
  --ink:#20261f;
  --forest:#274334;
  --forest-2:#3e624d;
  --cream:#f6f0e5;
  --paper:#fcfaf5;
  --honey:#c89d69;
  --caramel:#a96f45;
  --blue:#37677d;
  --line:rgba(32,38,31,.15);
  --soft:#e8dfd0;
  --white:#fffdf8;
  --shadow:0 24px 70px rgba(40,43,35,.12);
  color:var(--ink);
  background:var(--paper);
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  font-synthesis:none;
  text-rendering:optimizeLegibility
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font-size:18px;line-height:1.6}
img{display:block;max-width:100%}
a{color:inherit}
.skip-link{position:absolute;left:-999px;top:8px;z-index:99;background:var(--ink);color:#fff;padding:.7rem 1rem}.skip-link:focus{left:8px}
.site-header{max-width:1460px;margin:auto;padding:24px 38px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.brand{display:flex;align-items:center;gap:12px;text-decoration:none;line-height:1}
.brand-dot{width:52px;height:52px;border-radius:50%;display:grid;place-items:center;background:var(--forest);color:var(--cream);font:italic 29px Georgia,serif}
.brand-copy strong{display:block;font-size:12px;letter-spacing:.18em}
.brand-copy small{display:block;margin-top:6px;color:#747a74;font:italic 16px Georgia,serif}
.site-nav{display:flex;gap:30px;align-items:center}.site-nav a{font-size:13px;font-weight:800;text-decoration:none}.site-nav a:hover{text-decoration:underline;text-underline-offset:6px}
.menu-button{display:none;border:1px solid var(--line);background:transparent;border-radius:99px;padding:10px 16px;font:700 14px inherit}
.hero{max-width:1460px;margin:15px auto 75px;padding:32px 38px 0;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(380px,.72fr);gap:68px;align-items:center}
.hero-copy{padding:60px 0}.eyebrow{margin:0 0 16px;color:var(--caramel);font-size:11px;font-weight:900;letter-spacing:.19em}
h1,h2,h3{font-family:Georgia,"Times New Roman",serif;font-weight:500;letter-spacing:-.045em}
h1{font-size:clamp(66px,8vw,132px);line-height:.8;margin:0 0 34px}
h1 em{display:inline-block;margin-top:22px;color:var(--forest);font-size:.48em;line-height:1;font-weight:400}
.hero-lede{max-width:720px;color:#565e56;font-size:clamp(19px,1.6vw,25px)}
.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:34px}.button{display:inline-flex;justify-content:center;align-items:center;min-height:50px;padding:12px 22px;border-radius:999px;text-decoration:none;font-size:13px;font-weight:900}.primary{background:var(--forest);color:#fff}.primary:hover{background:#1f3529}.secondary{border:1px solid var(--line);background:#fff8}
.hero-photo{margin:0;position:relative}.hero-photo img{width:100%;aspect-ratio:3/4;object-fit:cover;border-radius:45% 45% 26px 26px;box-shadow:var(--shadow)}
.hero-photo figcaption{position:absolute;right:-15px;bottom:30px;padding:12px 16px;background:var(--cream);border:1px solid var(--line);border-radius:999px;box-shadow:0 12px 30px rgba(0,0,0,.1);transform:rotate(-3deg);line-height:1;text-align:center}.hero-photo figcaption span{display:block;font-weight:900;letter-spacing:.12em;font-size:11px}.hero-photo figcaption small{display:block;margin-top:5px;font:italic 13px Georgia,serif}
.ticker{overflow:hidden;border-block:1px solid var(--line);background:var(--cream);white-space:nowrap}.ticker div{display:inline-flex;gap:23px;align-items:center;min-width:max-content;padding:15px 0;animation:ticker 34s linear infinite;font-size:11px;font-weight:900;letter-spacing:.15em}.ticker b{color:var(--caramel)}@keyframes ticker{to{transform:translateX(-50%)}}
.section{max-width:1400px;margin:auto;padding:110px 38px}
.meet{display:grid;grid-template-columns:100px minmax(0,1fr) minmax(320px,.55fr);gap:42px;align-items:start}.section-label{font:italic 16px Georgia,serif;color:var(--caramel)}
.meet h2,.section-heading h2,.archive-title h2,.yua-copy h2,.finale h2{margin:0;font-size:clamp(50px,6vw,92px);line-height:.92}
.big-copy{max-width:760px;margin-top:34px;font:400 clamp(21px,2vw,30px)/1.45 Georgia,serif;color:#4e554e}
.portrait-card{margin:0;background:var(--forest);padding:18px;border-radius:26px;transform:rotate(1.4deg);box-shadow:var(--shadow)}.portrait-card img{width:100%;aspect-ratio:3/4;object-fit:cover;border-radius:17px}.portrait-card figcaption{padding:14px 4px 2px;color:var(--cream);font:italic 17px Georgia,serif}
.life{background:var(--cream);padding:105px max(38px,calc((100vw - 1324px)/2))}
.section-heading{display:flex;justify-content:space-between;align-items:end;gap:48px;margin-bottom:44px}.section-heading>p{max-width:500px;color:#626a62}
.story-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.story-card{overflow:hidden;border:1px solid rgba(32,38,31,.14);border-radius:22px;background:rgba(255,255,255,.45)}.story-card img{width:100%;aspect-ratio:3/4;object-fit:cover}.story-card div{padding:24px}.story-card span{font-size:10px;letter-spacing:.17em;font-weight:900;color:var(--caramel)}.story-card h3{font-size:31px;line-height:1.03;margin:16px 0 12px}.story-card p{margin:0;color:#626a62;font-size:15px}
.archive-title{display:grid;grid-template-columns:.55fr 1fr;gap:50px;align-items:start;margin-bottom:55px}.archive-title .eyebrow{margin-top:12px}
.photo-wall{display:grid;grid-template-columns:repeat(12,1fr);gap:16px}.photo{margin:0;grid-column:span 4}.photo.wide{grid-column:span 8}.photo.tall{grid-row:span 2}.photo img{width:100%;height:100%;min-height:390px;object-fit:cover;border-radius:24px}.photo.wide img{min-height:470px}.photo figcaption{padding:10px 5px 0;color:#6b726b;font:italic 15px Georgia,serif}
.yua{display:grid;grid-template-columns:minmax(300px,.7fr) minmax(0,1fr);gap:0;align-items:stretch}.yua-photo img{width:100%;height:100%;min-height:560px;object-fit:cover;border-radius:34px 0 0 34px}.yua-copy{display:flex;flex-direction:column;justify-content:center;padding:70px;background:var(--forest);color:var(--cream);border-radius:0 34px 34px 0}.yua-copy .eyebrow{color:#d8b189}.yua-copy p:not(.eyebrow){max-width:620px;color:#dce2dc;font-size:20px}.light{align-self:flex-start;margin-top:16px;background:var(--cream);color:var(--forest)}
.finale{padding:105px 38px;text-align:center;background:var(--honey)}.finale p{font-size:11px;letter-spacing:.18em;font-weight:900}.finale h2{max-width:1000px;margin:10px auto 16px}.finale span{font:italic 18px Georgia,serif}
.site-footer{max-width:1400px;margin:auto;padding:42px 38px 52px;display:grid;grid-template-columns:auto 1fr auto;gap:14px 26px;align-items:center}.site-footer p{margin:0;color:#687068}.site-footer>a:not(.brand){font-size:13px;font-weight:800}.site-footer>small{grid-column:2/4;color:#7c837c}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.ticker div{animation:none}}
@media(max-width:1050px){.story-grid{grid-template-columns:repeat(2,1fr)}.archive-title{grid-template-columns:1fr}.photo{grid-column:span 6}.photo.wide{grid-column:span 12}}
@media(max-width:900px){.site-header{padding:18px 22px;position:relative}.menu-button{display:block}.site-nav{display:none;position:absolute;left:22px;right:22px;top:78px;z-index:20;background:var(--paper);box-shadow:var(--shadow);border-radius:18px;padding:14px;flex-direction:column;align-items:stretch;gap:0}.site-nav.open{display:flex}.site-nav a{padding:12px}.hero{padding:20px 22px 0;grid-template-columns:1fr;gap:20px}.hero-copy{padding:28px 0}.hero-photo{max-width:620px;width:100%;justify-self:center}.section{padding:82px 22px}.meet{grid-template-columns:1fr;gap:25px}.section-label{display:none}.portrait-card{max-width:520px}.life{padding:82px 22px}.section-heading{display:block}.section-heading>p{margin-top:22px}.yua{grid-template-columns:1fr}.yua-photo img{min-height:0;max-height:620px;border-radius:30px 30px 0 0}.yua-copy{border-radius:0 0 30px 30px;padding:48px 34px}.site-footer{padding:36px 22px}}
@media(max-width:620px){body{font-size:17px}.brand-dot{width:46px;height:46px}h1{font-size:clamp(58px,17vw,90px)}.hero-actions{display:grid}.button{width:100%}.hero-photo figcaption{right:7px}.story-grid{grid-template-columns:1fr}.photo-wall{grid-template-columns:1fr}.photo,.photo.wide{grid-column:1}.photo img,.photo.wide img{min-height:0;aspect-ratio:3/4}.archive-title h2{font-size:48px}.site-footer{grid-template-columns:auto 1fr}.site-footer>a:not(.brand){grid-column:2}.site-footer>small{grid-column:2}}
