:root{
  --paper:#f3f0e8;
  --ink:#252720;
  --muted:#686a61;
  --line:rgba(37,39,32,.18);
  --dark:#1d211b;
  --light:#f8f6f0;
  --max:1280px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;line-height:1.55}
img{display:block;width:100%;height:auto}
a{color:inherit}
.site-header{position:fixed;z-index:50;top:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;padding:20px 32px;color:white;mix-blend-mode:difference}
.wordmark{text-decoration:none;text-transform:uppercase;letter-spacing:.12em;font-size:.76rem;font-weight:700}
.site-nav{display:flex;gap:18px;align-items:center}
.site-nav a{text-decoration:none;font-size:.72rem;letter-spacing:.05em}
.menu-button{display:none;background:none;border:0;color:inherit;font:inherit}
.hero{height:100svh;min-height:680px;position:relative;display:grid;align-items:end;overflow:hidden;color:white}
.hero>img{position:absolute;inset:0;height:100%;object-fit:cover;object-position:center 56%}
.hero-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.04) 20%,rgba(0,0,0,.66) 100%)}
.hero-copy{position:relative;z-index:2;padding:0 7vw 8vh;max-width:1050px}
.eyebrow,.kicker{text-transform:uppercase;letter-spacing:.17em;font-size:.72rem;font-weight:700}
.hero h1,.section-head h2,.tea-intro h2,.contact h2{font-family:Georgia,'Times New Roman',serif;font-weight:400;line-height:.98;letter-spacing:-.035em}
.hero h1{font-size:clamp(3.1rem,7vw,7.8rem);margin:.35rem 0 2.3rem}
.enter-link{text-decoration:none;border-bottom:1px solid currentColor;padding-bottom:6px;font-size:.82rem;letter-spacing:.06em;text-transform:uppercase}
.section-pad{padding:110px max(6vw,24px)}
.intro{max-width:var(--max);margin:auto;display:grid;grid-template-columns:1fr 4fr;gap:5vw;align-items:start}
.intro .kicker{margin-top:.8rem}
.intro-without-kicker .intro-text{grid-column:2}
.intro-text{font-family:Georgia,'Times New Roman',serif;font-size:clamp(1.8rem,3.2vw,3.55rem);line-height:1.2;margin:0;max-width:1050px}
.section-head{max-width:var(--max);margin:0 auto 46px}
.section-head.compact{margin-bottom:38px}
.section-head h2,.tea-intro h2,.contact h2{font-size:clamp(2.4rem,5vw,5.5rem);margin:.3rem 0 0}
.visual-essay{background:#ebe7dd}
.essay-frame{margin:0;min-height:88vh;display:grid;grid-template-columns:1.2fr .8fr;align-items:center;border-bottom:1px solid var(--line)}
.essay-frame:nth-child(even){grid-template-columns:.8fr 1.2fr}
.essay-frame:nth-child(even) img{order:2}
.essay-frame img{height:88vh;object-fit:cover}
.essay-frame figcaption{padding:9vw 7vw;font-family:Georgia,'Times New Roman',serif;font-size:clamp(1.9rem,3.6vw,4.5rem);line-height:1.08}
.projects{background:var(--light)}
.project-square-grid{max-width:var(--max);margin:auto;display:grid;grid-template-columns:repeat(2,1fr);gap:18px}
.project-square{position:relative;aspect-ratio:1/1;overflow:hidden;color:white}
.project-square img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .5s ease}
.project-square:hover img{transform:scale(1.025)}
.square-overlay{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.03) 25%,rgba(0,0,0,.76) 100%)}
.square-copy{position:absolute;left:0;right:0;bottom:0;padding:34px}
.square-copy p{font-size:.68rem;text-transform:uppercase;letter-spacing:.14em;margin:0 0 10px;color:rgba(255,255,255,.75)}
.square-copy h3{font-family:Georgia,'Times New Roman',serif;font-size:clamp(2rem,3.2vw,4rem);line-height:1;margin:0 0 12px;font-weight:400}
.square-copy span,.square-copy a{font-size:.88rem;max-width:420px;display:block;text-decoration:none}
.current{background:var(--dark);color:var(--light)}
.current-grid{max-width:var(--max);margin:auto;display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid rgba(255,255,255,.25)}
.current-grid article{padding:34px 40px 12px 0;border-right:1px solid rgba(255,255,255,.25)}
.current-grid article+article{padding-left:40px}
.current-grid article:last-child{border-right:0}
.current-grid span{font-size:.7rem;color:#aeb3a7}
.current-grid h3{font-family:Georgia,'Times New Roman',serif;font-size:2rem;font-weight:400;margin:1rem 0}
.current-grid p{color:#c8ccc2}
.journal{background:var(--paper)}
.journal-grid{max-width:var(--max);margin:auto;display:grid;grid-template-columns:repeat(12,1fr);gap:20px}
.journal-grid figure{grid-column:span 4;margin:0}
.journal-grid .journal-large{grid-column:span 8;grid-row:span 2}
.journal-grid .journal-wide{grid-column:span 8}
.journal-grid img{height:410px;object-fit:cover}
.journal-grid .journal-large img{height:690px}
.journal-grid .journal-wide img{height:450px}
.journal-grid figcaption{font-family:Georgia,'Times New Roman',serif;font-size:.98rem;padding-top:9px;border-top:1px solid var(--line);margin-top:10px}

.research-intro{max-width:760px;margin:22px 0 0;color:var(--muted);font-size:1.05rem;line-height:1.55}
.research-columns{max-width:var(--max);margin:auto;display:grid;grid-template-columns:1fr 1fr;gap:9vw}
.research-columns>div>h3{font-family:Georgia,'Times New Roman',serif;font-size:2.2rem;font-weight:400;border-bottom:1px solid var(--line);padding-bottom:15px}
.research-columns article{padding:19px 0;border-bottom:1px solid var(--line)}
.research-columns h4{font-size:1rem;margin:0 0 8px}
.research-columns p{color:var(--muted);margin:0}
.contact{background:#ddd8cc}
.contact>p,.contact>h2,.contact-links{max-width:1050px}
.contact>p:not(.kicker){font-family:Georgia,'Times New Roman',serif;font-size:1.4rem;max-width:760px}
.contact-links{display:flex;gap:28px;margin-top:35px}
.contact-links a{text-transform:uppercase;letter-spacing:.1em;font-size:.75rem;text-decoration:none;border-bottom:1px solid currentColor;padding-bottom:4px}
footer{display:flex;justify-content:space-between;padding:28px max(6vw,24px);background:#11130f;color:#e9e7df;font-size:.72rem;text-transform:uppercase;letter-spacing:.08em}
footer a{text-decoration:none}
@media(max-width:900px){
  .site-header{padding:18px 20px;mix-blend-mode:normal;background:rgba(20,22,18,.92)}
  .menu-button{display:block;text-transform:uppercase;letter-spacing:.1em;font-size:.7rem}
  .site-nav{display:none;position:absolute;top:58px;left:0;right:0;background:#171915;padding:24px 20px;flex-direction:column;align-items:flex-start}
  .site-nav.open{display:flex}
  .hero-copy{padding:0 24px 8vh}
  .intro{grid-template-columns:1fr;gap:20px}
  .intro-without-kicker .intro-text{grid-column:1}
  .essay-frame,.essay-frame:nth-child(even),.current-grid,.research-columns{grid-template-columns:1fr}
  .essay-frame,.essay-frame:nth-child(even){min-height:auto}
  .essay-frame:nth-child(even) img{order:0}
  .essay-frame img{height:66vh}
  .essay-frame figcaption{padding:65px 24px}
  .project-square-grid{grid-template-columns:1fr 1fr}
  .current-grid article,.current-grid article+article{padding:28px 0;border-right:0;border-bottom:1px solid rgba(255,255,255,.25)}
  .journal-grid{grid-template-columns:1fr}
  .journal-grid figure,.journal-grid .journal-large,.journal-grid .journal-wide{grid-column:auto}
  .journal-grid img,.journal-grid .journal-large img,.journal-grid .journal-wide img{height:auto;aspect-ratio:4/3}
}
@media(max-width:620px){
  .section-pad{padding:82px 20px}
  .hero{min-height:620px}
  .hero h1{font-size:3.15rem}
  .project-square-grid{grid-template-columns:1fr;gap:14px}
  .square-copy{padding:24px}
  .contact-links{flex-direction:column;align-items:flex-start;gap:16px}
  footer{flex-direction:column;gap:10px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.project-square img{transition:none}}

.research-columns h4 a {
  color: inherit;
  text-decoration: none;
  border-bottom: 1px solid rgba(32, 35, 30, .28);
}
.research-columns h4 a:hover,
.research-columns h4 a:focus-visible {
  border-bottom-color: currentColor;
}

.image-wrap{position:relative;height:88vh;overflow:hidden}
.image-wrap img{height:100%;object-fit:cover}
.tram-image img{object-position:center 22%;filter:saturate(.72) contrast(1.05)}
.image-veil{position:absolute;inset:0;background:linear-gradient(90deg,rgba(16,18,15,.12),rgba(16,18,15,.34))}
.journal-head h2{max-width:980px;font-size:clamp(2.25rem,4.2vw,4.9rem);line-height:1.04}
@media(max-width:900px){
  .image-wrap{height:66vh}
}

/* v5 refinements */
.hero{align-items:start}
.hero>img{transform:scale(1.22);transform-origin:left center;object-position:center 54%}
.hero-copy{padding:18vh 7vw 0;max-width:930px}
.hero h1{font-size:clamp(3rem,6.2vw,6.9rem);max-width:900px}
.project-square-grid>a.project-square{display:block;text-decoration:none}
.square-copy strong{display:block;margin-top:15px;font-size:.68rem;text-transform:uppercase;letter-spacing:.12em;font-weight:600}
.film-feature{max-width:var(--max);margin:110px auto 0;padding-top:80px;border-top:1px solid var(--line);display:grid;grid-template-columns:.82fr 1.18fr;gap:7vw;scroll-margin-top:80px}
.film-copy h2{font-family:Georgia,'Times New Roman',serif;font-size:clamp(2.6rem,4.6vw,5rem);font-weight:400;line-height:1.02;letter-spacing:-.035em;margin:.35rem 0 1.5rem}
.film-copy>p{color:var(--muted);max-width:610px}
.film-copy .film-lead{font-family:Georgia,'Times New Roman',serif;font-size:1.55rem;line-height:1.35;color:var(--ink)}
.film-credits{margin:32px 0 0}
.film-credits div{display:grid;grid-template-columns:1fr 1fr;padding:10px 0;border-top:1px solid var(--line)}
.film-credits dt{font-size:.7rem;text-transform:uppercase;letter-spacing:.1em}
.film-credits dd{margin:0;font-family:Georgia,'Times New Roman',serif}
.film-parts{display:grid;gap:34px}
.film-parts>div>p{margin:0 0 10px;font-size:.68rem;text-transform:uppercase;letter-spacing:.14em;font-weight:700}
.video-wrap{position:relative;padding-top:56.25%;background:#111}
.video-wrap iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
@media(max-width:900px){
  .hero>img{transform:scale(1.08);transform-origin:center center;object-position:57% 54%}
  .hero-copy{padding:17vh 24px 0;max-width:760px}
  .film-feature{grid-template-columns:1fr;gap:55px;margin-top:82px;padding-top:60px}
}
@media(max-width:620px){
  .hero{align-items:end}
  .hero>img{transform:none;object-position:57% 54%}
  .hero-copy{padding:0 20px 8vh}
  .hero h1{font-size:2.75rem}
  .film-feature{margin-top:68px;padding-top:48px}
  .film-credits div{grid-template-columns:1fr;gap:3px}
}


/* v6 project page and simplified section headings */
.detail-page{background:var(--light)}
.detail-header{position:absolute;color:var(--ink);mix-blend-mode:normal}
.detail-nav{display:flex}
.project-page{padding-top:76px}
.project-intro{max-width:var(--max);margin:auto;padding-bottom:70px}
.project-intro h1{font-family:Georgia,'Times New Roman',serif;font-size:clamp(3.4rem,8vw,8rem);font-weight:400;line-height:.96;letter-spacing:-.045em;margin:.45rem 0 2rem}
.project-lead{font-family:Georgia,'Times New Roman',serif;font-size:clamp(1.7rem,3vw,3rem);line-height:1.2;max-width:850px;margin:0 0 2rem}
.project-description{font-size:1.05rem;color:var(--muted);max-width:720px}
.project-intro .film-credits{max-width:720px;margin-top:45px}
.project-films{padding-top:20px;background:var(--paper)}
.standalone-films{max-width:var(--max);margin:auto;grid-template-columns:1fr 1fr;gap:26px}
@media(max-width:900px){.standalone-films{grid-template-columns:1fr}.detail-nav{display:flex;position:static;background:none;padding:0;flex-direction:row}.project-page{padding-top:64px}}
@media(max-width:620px){.detail-header{background:var(--light);color:var(--ink)}.detail-nav a:first-child{display:none}.project-intro h1{font-size:3.6rem}}

/* v7 expanded field journal */
.journal-grid video{display:block;width:100%;height:450px;object-fit:cover;background:#111}
.journal-grid .journal-large video{height:690px}
.journal-expanded figure:nth-child(5),
.journal-expanded figure:nth-child(8),
.journal-expanded figure:nth-child(11),
.journal-expanded figure:nth-child(12){align-self:start}
@media(max-width:900px){
  .journal-grid video,.journal-grid .journal-large video{height:auto;aspect-ratio:4/3}
}

/* v8 unfolding visual biography */
.essay-frame figcaption strong{font-weight:400}
.essay-frame figcaption span{display:inline-block;margin-top:.7em;font-family:Arial,Helvetica,sans-serif;font-size:clamp(.92rem,1.35vw,1.15rem);line-height:1.55;letter-spacing:0;max-width:620px}


/* v9 corrections and editorial biography scale */
.essay-frame figcaption{font-size:clamp(1.55rem,2.55vw,3.25rem);line-height:1.12;max-width:760px;}
.essay-frame:nth-child(6) figcaption{font-size:clamp(1.35rem,2.15vw,2.75rem);line-height:1.18;}
.project-square-grid{gap:34px;}
.project-square img[alt*="Alexandre Hogue"]{object-position:center center;}
.project-square img[src*="katies-rhododendron"]{object-position:center 55%;}
.project-hero-image{margin:0;width:100%;height:min(72vh,760px);overflow:hidden;background:#ddd;}
.project-hero-image img{width:100%;height:100%;object-fit:cover;object-position:center 52%;display:block;}
@media(max-width:900px){
  .essay-frame figcaption,.essay-frame:nth-child(6) figcaption{font-size:clamp(1.45rem,4.6vw,2.55rem);}
  .project-square-grid{gap:20px;}
  .project-hero-image{height:56vh;}
}


/* v11 mobile polish */
@media(max-width:900px){
  body{overflow-x:hidden}
  .site-header{padding:14px 16px}
  .wordmark{font-size:.68rem}
  .site-nav{top:52px;padding:22px 16px;gap:15px}
  .site-nav a{font-size:.78rem}
  .hero{height:100svh;min-height:560px}
  .hero>img{object-position:58% center}
  .hero-copy{padding:0 20px max(7vh,42px)}
  .hero h1{font-size:clamp(2.65rem,11vw,4.6rem);line-height:1.01;max-width:92vw;margin-bottom:1.5rem}
  .eyebrow,.kicker{font-size:.64rem}
  .section-pad{padding:78px 20px}
  .intro-text{font-size:clamp(1.65rem,7vw,2.75rem)}
  .section-head{margin-bottom:30px}
  .section-head h2,.tea-intro h2,.contact h2{font-size:clamp(2.35rem,10vw,4rem);line-height:1.02}

  .essay-frame,.essay-frame:nth-child(even){
    display:flex;
    flex-direction:column;
    border-bottom:1px solid var(--line)
  }
  .essay-frame:nth-child(even) img{order:0}
  .essay-frame img,.image-wrap{height:auto;min-height:0;width:100%}
  .essay-frame img,.image-wrap img{aspect-ratio:4/5;object-fit:cover}
  .essay-frame figcaption{
    width:100%;
    padding:38px 20px 52px;
    font-size:clamp(1.45rem,7vw,2.25rem);
    line-height:1.16
  }
  .essay-frame:nth-child(6) figcaption{
    font-size:clamp(1.3rem,6.2vw,2rem);
    line-height:1.22
  }

  .project-square-grid{grid-template-columns:1fr;gap:18px}
  .project-square{aspect-ratio:4/5}
  .square-copy{padding:22px}
  .square-copy h3{font-size:clamp(2rem,10vw,3.2rem)}
  .square-copy span,.square-copy a{font-size:.9rem;line-height:1.42}

  .current-grid{display:block}
  .current-grid article,.current-grid article+article{
    padding:28px 0;
    border-right:0;
    border-bottom:1px solid rgba(255,255,255,.25)
  }
  .current-grid h3{font-size:1.8rem}
  .current-grid p{font-size:.98rem}

  .journal-grid{
    display:grid;
    grid-template-columns:1fr;
    gap:34px
  }
  .journal-grid figure,.journal-grid .journal-large,.journal-grid .journal-wide{
    grid-column:auto;
    grid-row:auto
  }
  .journal-grid img,.journal-grid video,
  .journal-grid .journal-large img,.journal-grid .journal-large video,
  .journal-grid .journal-wide img{
    width:100%;
    height:auto;
    aspect-ratio:auto;
    max-height:none;
    object-fit:contain;
    background:transparent
  }
  .journal-grid video{object-fit:cover}
  .journal-grid figcaption{font-size:.9rem}

  .research-columns{display:block}
  .research-columns>div+div{margin-top:56px}
  .research-columns>div>h3{font-size:1.85rem}
  .research-columns h4{font-size:1rem}
  .research-columns p{font-size:.95rem}

  .contact>p:not(.kicker){font-size:1.2rem;line-height:1.45}
  .contact-links{flex-wrap:wrap}
  footer{padding:24px 20px}
}

@media(max-width:520px){
  .hero>img{object-position:61% center}
  .hero h1{font-size:clamp(2.45rem,12vw,3.35rem)}
  .section-pad{padding:68px 18px}
  .essay-frame figcaption{padding:34px 18px 46px}
  .project-square{aspect-ratio:1/1.18}
  .square-copy{padding:20px 18px}
  .project-intro{padding-bottom:48px}
  .project-intro h1{font-size:clamp(2.8rem,15vw,3.9rem)}
  .project-lead{font-size:clamp(1.45rem,7vw,2rem)}
  .project-description{font-size:1rem}
  .project-hero-image{height:auto}
  .project-hero-image img{height:auto;aspect-ratio:4/5;object-fit:cover}
  .standalone-films{gap:18px}
  .film-copy .film-lead{font-size:1.3rem}
}

/* v13 — The Way of Tea detail page, aligned with Katie's Teachings */
.tea-project-intro{padding-bottom:90px}
.tea-copy{max-width:720px}
.tea-copy p{
  font-family:Arial,Helvetica,sans-serif;
  font-size:1.05rem;
  line-height:1.55;
  color:var(--muted);
  margin:0 0 1.25rem;
}
.tea-copy a{color:inherit;text-decoration:none;border-bottom:1px solid rgba(37,39,32,.35)}
.tea-copy a:hover,.tea-copy a:focus-visible{border-bottom-color:currentColor}
.tea-journey-link{
  max-width:720px;
  margin:28px 0 0;
  font-size:1rem;
  text-decoration:underline;
  text-underline-offset:4px;
}
.tea-invitation{max-width:720px;margin-top:48px;padding-top:28px;border-top:1px solid var(--line)}
.tea-invitation p{font-size:1.05rem;line-height:1.55;color:var(--muted);margin:0 0 24px}
.tea-email{display:inline-block;text-transform:uppercase;letter-spacing:.1em;font-size:.75rem;text-decoration:none;border-bottom:1px solid currentColor;padding-bottom:4px}
.tea-image-row{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:64px}
.tea-image-row figure{margin:0;overflow:hidden}
.tea-image-row img{width:100%;aspect-ratio:1/1;object-fit:cover}
.tea-image-row figure:first-child img{object-position:center 52%}
.tea-image-row figure:nth-child(2) img{object-position:center 52%}
.tea-image-row figure:nth-child(3) img{object-position:center 58%}
/* Keep the original Tea photograph unaltered and uncropped. */
.tea-hero-image{height:auto;overflow:visible;background:transparent}
.tea-hero-image img{width:100%;height:auto;aspect-ratio:auto;object-fit:contain;object-position:center;display:block}
@media(max-width:620px){
  .tea-project-intro{padding-bottom:64px}
  .tea-copy p,.tea-invitation p{font-size:1rem;line-height:1.55}
  .tea-invitation{margin-top:38px}
  .tea-image-row{gap:6px;margin-top:48px}
  .tea-image-row img{aspect-ratio:1/1.15}
  .tea-hero-image img{height:auto;aspect-ratio:auto;object-fit:contain}
}


/* v14 tea hero + editorial field journal */
.tea-hero-image{
  height:min(48vh,520px);
  background:var(--light);
}
.tea-hero-image img{
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center center;
}

.tea-image-row-four{
  grid-template-columns:repeat(4,1fr);
}
.tea-image-row-four img{
  aspect-ratio:4/5;
  object-fit:cover;
}

.journal-grid{
  gap:26px;
}
.journal-grid figure{
  margin:0;
}
.journal-grid figure img,
.journal-grid figure video{
  display:block;
  width:100%;
}
.journal-grid figcaption{
  display:none;
}

@media(max-width:900px){
  .tea-hero-image{
    height:auto;
  }
  .tea-hero-image img{
    height:auto;
    aspect-ratio:auto;
    object-fit:contain;
  }
  .tea-image-row-four{
    grid-template-columns:repeat(2,1fr);
    gap:8px;
  }
  .journal-grid{
    gap:22px;
  }
}

@media(max-width:520px){
  .tea-image-row-four{
    grid-template-columns:repeat(2,1fr);
  }
}


/* v16: traces of home visual essay frame */
.traces-frame img{object-position:46% center;}
@media(max-width:900px){.traces-frame img{object-position:44% center;}}



/* final homepage refinements: preserve original hero framing; use enhanced tram */
.tram-image img{
  object-position:center 28%;
  filter:none;
}
.tram-image .image-veil{
  background:linear-gradient(90deg,rgba(16,18,15,.03),rgba(16,18,15,.12));
}
.practice-list{
  list-style:none;
  padding:0;
  margin:1.25em 0 0;
  font-family:Arial,Helvetica,sans-serif;
  font-size:clamp(.88rem,1.18vw,1.05rem);
  line-height:1.5;
  letter-spacing:0;
}
.practice-list li{
  padding:.32em 0;
  border-top:1px solid var(--line);
}
.practice-list li:last-child{border-bottom:1px solid var(--line);}

/* Slightly quieter practice intro typography */
.intro-text{
  font-size:clamp(1.7rem,2.85vw,3.15rem);
}

@media(max-width:900px){
  .tram-image img{object-position:center 30%;}
  .practice-list{font-size:.96rem;}
  .intro-text{font-size:clamp(1.55rem,6.3vw,2.45rem);}
}

/* v19: expanded Visual Field Notes — 24 stills + motion, with calmer editorial bands */
.field-notes{
  max-width:var(--max);
  margin:0 auto;
  display:flex;
  flex-direction:column;
  gap:18px;
}
.field-row{
  display:grid;
  gap:18px;
  width:100%;
}
.field-row figure{
  margin:0;
  min-width:0;
  overflow:hidden;
  background:#e4e0d6;
}
.field-row img,
.field-row video{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
}
.field-row-full{grid-template-columns:1fr}
.field-row-full figure{height:clamp(420px,52vw,700px)}
.field-row-pair{height:clamp(280px,31vw,430px)}
.field-row-video{grid-template-columns:1fr}
.field-row-video figure{height:clamp(340px,40vw,560px);background:#111}
.field-pair-7-5{grid-template-columns:7fr 5fr}
.field-pair-5-7{grid-template-columns:5fr 7fr}

.field-opening img{object-position:center 47%}
.field-closing img{object-position:center 53%}
.field-lives-row figure:first-child img{object-position:62% center}
.field-hand-row figure:first-child img{object-position:center 50%}
.field-abstract-row figure:last-child img{object-position:center 48%}
.field-winter-wide-row figure:first-child img{object-position:center 55%}
.field-winter-wide-row figure:last-child img{object-position:center 65%}

/* Storyline: keep the final portrait natural and gently framed. */
.essay-frame .today-portrait{object-position:center 47%}

@media(max-width:900px){
  .field-notes{gap:12px}
  .field-row{gap:12px}
  .field-row-full figure{height:auto;aspect-ratio:4/3}
  .field-row-pair{height:clamp(210px,40vw,330px)}
  .field-row-video figure{height:auto;aspect-ratio:16/9}
  .field-lives-row figure:first-child img{object-position:60% center}
  .essay-frame .today-portrait{object-position:center 42%}
}

@media(max-width:620px){
  .journal.section-pad{padding-left:16px;padding-right:16px}
  .field-notes{gap:10px}
  .field-row{gap:10px}
  .field-row-pair{grid-template-columns:1fr 1fr;height:42vw;min-height:150px;max-height:210px}
  .field-row-video figure{aspect-ratio:16/9}
  .field-row-full figure{aspect-ratio:5/4}
  .field-lives-row figure:first-child img{object-position:62% center}
}

/* v20 refinements from sequence edit */
.field-friction-row figure:first-child img{object-position:center 48%}
.field-friction-row figure:last-child img{object-position:center 50%}
.field-winter-detail-row figure:first-child img{object-position:center 50%}
.field-winter-detail-row figure:last-child img{object-position:center 48%}
.field-lives-row figure:first-child img{object-position:60% center}
.field-lives-row figure:last-child img{object-position:center 48%}
.field-hand-single figure{height:clamp(320px,38vw,520px)}
.field-hand-single img{object-position:center 48%}
.field-garlic-single figure{height:clamp(340px,42vw,560px)}
.field-garlic-single img{object-position:center 52%}
.field-motion-habitat figure{height:clamp(300px,34vw,470px)}
.field-motion-green figure{height:clamp(300px,34vw,470px)}
@media(max-width:620px){
  .field-hand-single figure,
  .field-garlic-single figure{height:auto;aspect-ratio:4/3}
  .field-motion-habitat figure,
  .field-motion-green figure{height:auto;aspect-ratio:16/9}
}

/* v20: user-edited Visual Field Notes sequence */
.field-row-single-medium,
.field-row-single-wide{grid-template-columns:1fr}
.field-row-single-medium figure{
  width:min(78%,900px);
  margin:0 auto;
  height:clamp(360px,38vw,520px);
}
.field-row-single-wide figure{
  width:100%;
  height:clamp(360px,42vw,560px);
}
.field-friction-row figure:first-child img{object-position:center 48%}
.field-friction-row figure:last-child img{object-position:center 48%}
.field-winter-detail-row figure:first-child img{object-position:center 48%}
.field-winter-detail-row figure:last-child img{object-position:center 48%}
.field-habitat-row figure:first-child img{object-position:60% center}
.field-habitat-row figure:last-child img{object-position:center center}
.field-hand-single img{object-position:center 48%}
.field-garlic-single img{object-position:center center}
.field-row-video-forest figure{height:clamp(360px,42vw,580px)}
.field-row-video-forest video{object-position:center center}
.field-winter-wide-row figure:first-child img{object-position:center 58%}
.field-winter-wide-row figure:last-child img{object-position:center 62%}

@media(max-width:900px){
  .field-row-single-medium figure{width:88%;height:auto;aspect-ratio:4/3}
  .field-row-single-wide figure{height:auto;aspect-ratio:4/3}
}
@media(max-width:620px){
  .field-row-single-medium figure{width:100%;aspect-ratio:4/3}
  .field-row-single-wide figure{aspect-ratio:4/3}
  .field-row-video-forest figure{height:auto;aspect-ratio:16/9}
}

/* v21: final pairing refinements */
.field-sunflower-pine-row figure:first-child img{object-position:center 46%}
.field-sunflower-pine-row figure:last-child img{object-position:center 64%}
.field-butterfly-row .field-video-paired{background:#111}
.field-butterfly-row .field-video-paired video{object-position:center center}
.field-garlic-row figure:first-child img{object-position:center 48%}
.field-garlic-row figure:last-child img{object-position:center 50%}
.field-row-video-green figure{height:clamp(300px,34vw,470px)}
.field-row-video-green video{object-position:center center}

@media(max-width:620px){
  .field-sunflower-pine-row,
  .field-butterfly-row,
  .field-garlic-row{grid-template-columns:1fr 1fr}
  .field-row-video-green figure{height:auto;aspect-ratio:16/9}
}


/* v22: storyline frame corrections + butterfly simplification */
.story-emergence img{object-position:center 52%;}
.story-orchard img{object-position:center 46%;}
.story-buds img{object-position:center 45%;}
.story-observation img{object-position:center 52%;}
.story-wonder img{object-position:center 50%;}

.field-row-video-butterfly figure{
  width:min(78%, 900px);
  margin:0 auto;
  height:clamp(300px,34vw,470px);
  background:#111;
}
.field-row-video-butterfly video{object-position:center center;}

@media(max-width:900px){
  .story-emergence img{object-position:center 50%;}
  .story-orchard img{object-position:center 44%;}
  .story-buds img{object-position:center 42%;}
  .story-observation img{object-position:center 50%;}
  .story-wonder img{object-position:center 48%;}
  .field-row-video-butterfly figure{width:88%;height:auto;aspect-ratio:16/9;}
}
@media(max-width:620px){
  .field-row-video-butterfly figure{width:100%;aspect-ratio:16/9;}
}


/* v23: final frame, habitat and footer refinements */
/* Match the tram's portrait proportions so the photograph is framed rather than heavily cropped. */
.tram-frame{grid-template-columns:.82fr 1.18fr;}
.tram-frame .image-wrap{height:88vh;}
.tram-frame .tram-image img{object-position:center center;}

/* The Today image is landscape; a slightly shorter frame preserves its natural composition. */
.story-today{min-height:72vh;}
.story-today .today-portrait{height:72vh;object-position:52% center;}

.field-habitat-row .field-video-paired{background:#111;}
.field-habitat-row .field-video-paired video{object-position:center center;}
.field-pines-wide figure{height:clamp(420px,52vw,700px);}
.field-pines-wide img{object-position:center 52%;}

.site-footer{display:block;padding:28px max(6vw,24px);background:#11130f;color:#e9e7df;}
.footer-main{display:flex;justify-content:space-between;align-items:center;font-size:.72rem;text-transform:uppercase;letter-spacing:.08em;}
.copyright-note{max-width:900px;margin:24px 0 0;padding-top:18px;border-top:1px solid rgba(233,231,223,.22);font-size:.68rem;line-height:1.55;text-transform:none;letter-spacing:.025em;color:rgba(233,231,223,.72);}

@media(max-width:900px){
  .tram-frame,.tram-frame:nth-child(even){grid-template-columns:1fr;}
  .tram-frame .image-wrap{height:auto;}
  .tram-frame .image-wrap img{aspect-ratio:3/4;object-fit:cover;object-position:center center;}
  .story-today{min-height:auto;}
  .story-today .today-portrait{height:auto;aspect-ratio:4/3;object-fit:cover;object-position:52% center;}
  .field-pines-wide figure{height:auto;aspect-ratio:4/3;}
}
@media(max-width:620px){
  .footer-main{flex-direction:column;align-items:flex-start;gap:10px;}
  .copyright-note{margin-top:18px;}
  .story-today .today-portrait{aspect-ratio:4/3;}
}


/* v24: final editorial simplification and Today image framing */
/* Preserve the full Today portrait. Its 4:3 composition should not be cropped to the generic story-frame height. */
.story-today{min-height:72vh;align-items:center;}
.story-today .today-portrait{
  width:100%;
  height:auto;
  aspect-ratio:4/3;
  object-fit:contain;
  object-position:center center;
  align-self:center;
  background:#e9e6de;
}

/* Give the sunflower a full visual pause after the root/seed pairing. */
.field-sunflower-wide figure{height:clamp(430px,50vw,690px);}
.field-sunflower-wide img{object-position:center 48%;}

@media(max-width:900px){
  .story-today .today-portrait{height:auto;aspect-ratio:4/3;object-fit:contain;object-position:center center;}
  .field-sunflower-wide figure{height:auto;aspect-ratio:16/10;}
}
@media(max-width:620px){
  .field-sunflower-wide figure{aspect-ratio:4/3;}
}


/* v23: field-notes pacing break after disturbance */
.field-interlude{
  min-height:220px;
  display:flex;
  align-items:center;
  justify-content:center;
  text-align:center;
  border-top:1px solid var(--line);
  border-bottom:1px solid var(--line);
  margin:16px 0;
}
.field-interlude span{
  font-family:Georgia,'Times New Roman',serif;
  font-size:clamp(1.4rem,2.2vw,2.2rem);
  line-height:1.2;
  color:var(--muted);
}
@media(max-width:620px){
  .field-interlude{min-height:150px;margin:6px 0;}
  .field-interlude span{font-size:1.35rem;}
}

@media(max-width:620px){.research-intro{font-size:.95rem;line-height:1.5;margin-top:18px}}


/* v25: split Visual Field Notes into a homepage preview + continuation page */
.field-interlude-link{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:15px 20px;
  border:1px solid var(--ink);
  color:var(--ink);
  text-decoration:none;
  font-family:Georgia,'Times New Roman',serif;
  font-size:clamp(1.08rem,1.5vw,1.35rem);
  line-height:1.2;
  transition:background .2s ease,color .2s ease;
}
.field-interlude-link:hover,
.field-interlude-link:focus-visible{background:var(--ink);color:var(--paper);}
.project-image-credit{
  display:block;
  margin-top:10px;
  font-size:.58rem;
  line-height:1.3;
  letter-spacing:.06em;
  color:rgba(255,255,255,.64);
  font-weight:400;
}
.field-notes-page{background:var(--paper);}
.field-notes-header{
  color:var(--ink);
  mix-blend-mode:normal;
  background:rgba(243,240,232,.96);
  border-bottom:1px solid var(--line);
}
.field-notes-page-intro{
  padding-top:150px;
  padding-bottom:70px;
  max-width:var(--max);
  margin:0 auto;
}
.field-notes-page-intro h1{
  font-family:Georgia,'Times New Roman',serif;
  font-size:clamp(3rem,7vw,7rem);
  font-weight:400;
  line-height:.98;
  letter-spacing:-.04em;
  margin:.25rem 0 2rem;
}
.field-notes-back,
.field-notes-return a{
  text-decoration:none;
  border-bottom:1px solid currentColor;
  padding-bottom:5px;
  font-size:.76rem;
  text-transform:uppercase;
  letter-spacing:.09em;
}
.journal-continuation{padding-top:0;}
.field-notes-return{
  max-width:var(--max);
  margin:70px auto 0;
  padding-top:28px;
  border-top:1px solid var(--line);
  text-align:right;
}
@media(max-width:900px){
  .field-notes-page-intro{padding-top:120px;padding-bottom:52px;}
}
@media(max-width:620px){
  .field-interlude-link{width:100%;padding:14px 16px;font-size:1rem;}
  .field-notes-page-intro{padding-top:110px;padding-bottom:42px;}
  .field-notes-return{text-align:left;margin-top:50px;}
}