/* One editorial viewfinder for the stills and short farm films. */
.farm-viewfinder-section{max-width:1440px;padding:105px max(5%,36px) 95px;scroll-margin-top:75px}
.farm-viewfinder{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.16fr) minmax(0,.61fr);gap:clamp(22px,2.5vw,38px);align-items:start}
.farm-viewfinder-left,.farm-viewfinder-stage,.farm-thumb-cluster-right{min-width:0}
.farm-viewfinder-copy .eyebrow{margin-bottom:25px}
.farm-viewfinder-copy h2{font-size:clamp(3.15rem,4.45vw,4.65rem);line-height:1.02;max-width:520px}
.farm-viewfinder-copy>p:not(.eyebrow){max-width:425px;color:var(--muted);font-size:1.13rem;line-height:1.6;margin-top:27px}
.farm-thumb-cluster{min-width:0}
.farm-thumb-cluster-left{display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1fr);gap:18px;margin-top:32px;align-items:start}
.farm-thumb{position:relative;display:block;width:100%;padding:0;border:2px solid transparent;background:transparent;cursor:pointer;overflow:hidden;transition:border-color .18s,transform .18s}
.farm-thumb:hover{transform:translateY(-3px)}
.farm-thumb[aria-pressed=true]{border-color:var(--gold)}
.farm-thumb img{display:block;width:100%;height:100%;object-fit:cover}
.farm-thumb-hibiscus{grid-column:1;grid-row:1/3;aspect-ratio:.65;margin-top:42px}
.farm-thumb-cooking{grid-column:2;grid-row:1;aspect-ratio:1.06}
.farm-thumb-pineapple{grid-column:2;grid-row:2;aspect-ratio:1.06}
.farm-thumb-play{position:absolute;top:50%;left:50%;display:grid;place-items:center;transform:translate(-50%,-50%);width:54px;height:54px;border:1px solid white;border-radius:50%;background:#142c2394;color:white;pointer-events:none}
.farm-thumb-play .lucide{width:23px;height:23px;fill:currentColor;stroke-width:1.5;margin-left:3px}
.farm-viewfinder-stage{margin:0}
.farm-stage-frame{position:relative;aspect-ratio:.72;border:2px solid var(--gold);padding:5px;background:var(--paper);overflow:hidden}
.farm-stage-photo,.farm-stage-frame video{width:100%;height:100%;border-radius:0}
.farm-stage-photo img{width:100%;height:100%;object-fit:cover;object-position:center center}
.farm-stage-frame video{display:block;object-fit:cover;background:var(--deep)}
.farm-stage-frame .photo-expand{bottom:14px;right:14px}
.farm-stage-caption{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:7px 14px;align-items:end;margin-top:19px}
.farm-stage-caption>span:first-child{grid-column:1/-1;color:var(--muted);font:.69rem/1.4 var(--sans);letter-spacing:.18em}
.farm-stage-caption strong{font:300 clamp(1.85rem,2.5vw,2.6rem)/1.12 var(--serif);letter-spacing:-.035em;color:var(--forest)}
.farm-stage-actions{display:flex;gap:9px;align-self:center}
.farm-stage-actions .icon-button{width:48px;min-width:48px;height:48px;border-radius:50%;border-color:var(--forest)}
.farm-stage-actions .lucide{width:18px;height:18px}
.farm-stage-detail{color:var(--muted);font-size:.78rem;line-height:1.5;max-width:440px;margin-top:10px}
.farm-thumb-cluster-right{display:grid;gap:26px}
.farm-thumb-fruit{aspect-ratio:.74}
.farm-thumb-light{aspect-ratio:.84}
.farm-viewfinder-section .farm-welcome-note{display:block;margin-top:50px;padding:24px 0 0;border-top:1px solid var(--line);border-bottom:0}
.farm-viewfinder-section .farm-welcome-note .welcome-copy{display:grid;grid-template-columns:minmax(180px,.32fr) minmax(0,1fr);gap:28px;align-items:start}
.farm-viewfinder-section .farm-welcome-note .eyebrow{margin:3px 0 0;white-space:nowrap}
.farm-viewfinder-section .farm-welcome-note p:not(.eyebrow){margin:0;max-width:780px;font-size:.78rem;line-height:1.75;color:var(--muted)}
@media(max-width:1000px){
 .farm-viewfinder-section{padding-top:80px}
 .farm-viewfinder{gap:22px;grid-template-columns:minmax(0,1fr) minmax(0,1.12fr) minmax(0,.55fr)}
 .farm-viewfinder-copy h2{font-size:clamp(2.8rem,5vw,3.6rem)}
 .farm-viewfinder-copy>p:not(.eyebrow){font-size:.88rem}
 .farm-thumb-cluster-left{gap:10px}
 .farm-thumb-cluster-right{gap:18px}
 .farm-thumb-play{width:44px;height:44px}
 .farm-stage-actions .icon-button{width:42px;min-width:42px;height:42px}
}
@media(max-width:800px){
 .farm-viewfinder-section{padding:72px 6% 68px;scroll-margin-top:20px}
 .farm-viewfinder{display:flex;flex-direction:column;gap:24px}
 .farm-viewfinder-left{display:contents}
 .farm-viewfinder-copy{order:0;width:100%}
 .farm-viewfinder-copy h2{font-size:clamp(3.15rem,7vw,4rem)}
 .farm-viewfinder-copy>p:not(.eyebrow){max-width:570px;margin-top:23px;font-size:.94rem}
 .farm-viewfinder-stage{order:1;width:100%;max-width:620px;margin-inline:auto}
 .farm-stage-frame{aspect-ratio:.88}
 .farm-thumb-cluster-left,.farm-thumb-cluster-right{order:2;display:flex;gap:12px;width:100%;max-width:620px;margin:0 auto}
 .farm-thumb-cluster-right{order:3;margin-top:-12px}
 .farm-thumb-cluster-left .farm-thumb{flex:1;aspect-ratio:1.1;grid-column:auto;grid-row:auto;margin:0}
 .farm-thumb-cluster-right .farm-thumb{flex:1;aspect-ratio:1.4}
 .farm-viewfinder-section .farm-welcome-note{margin-top:37px}
}
@media(max-width:550px){
 .farm-viewfinder-section{padding:62px 6% 60px}
 .farm-viewfinder{gap:18px}
 .farm-viewfinder-copy h2{font-size:clamp(2.8rem,10vw,3.5rem)}
 .farm-viewfinder-copy>p:not(.eyebrow){font-size:.875rem;line-height:1.7;margin-top:19px}
 .farm-stage-frame{aspect-ratio:.83}
 .farm-stage-caption{margin-top:16px}
 .farm-stage-caption strong{font-size:1.75rem}
 .farm-stage-actions{gap:6px}
 .farm-stage-actions .icon-button{width:38px;min-width:38px;height:38px}
 .farm-stage-detail{font-size:.75rem}
 .farm-thumb-cluster-left,.farm-thumb-cluster-right{gap:8px}
 .farm-thumb-cluster-right{margin-top:-10px}
 .farm-thumb-cluster-left .farm-thumb{aspect-ratio:.95}
 .farm-thumb-play{width:36px;height:36px}
 .farm-thumb-play .lucide{width:17px;height:17px}
 .farm-viewfinder-section .farm-welcome-note .welcome-copy{display:block}
 .farm-viewfinder-section .farm-welcome-note .eyebrow{white-space:normal;margin-bottom:12px}
 .farm-viewfinder-section .farm-welcome-note p:not(.eyebrow){font-size:.75rem}
}
@media(prefers-reduced-motion:reduce){.farm-thumb{transition:none}.farm-thumb:hover{transform:none}}
