/* A field folio with depth. Scroll moves whole engravings; no scrolling is
   intercepted and no words depend on animation to become readable. */
#detailed .opening{grid-template-columns:.94fr 1.12fr;gap:50px;padding-top:48px;position:relative}
#detailed .opening-text{position:relative;padding-top:16px}
#detailed h1{font-size:clamp(48px,5.5vw,77px);margin-bottom:30px}
#detailed .opening .lead{font-size:19px;line-height:1.5}
#detailed .solar{margin-top:0;position:relative}
#detailed .solar-top{padding:0 12px}
#detailed .sky-stage{position:relative;margin:18px -22px 0;isolation:isolate}
#detailed #solarCanvas{height:465px;margin:0;border-radius:49% 47% 8% 7% / 12% 13% 4% 4%;box-shadow:0 22px 34px -33px #424a3677}
#detailed .weather-selected{padding-top:23px}
#detailed .solar-actions{gap:13px}
#detailed .solar-actions button{font-size:11px}
#detailed .opening-specimens{gap:28px;margin-top:35px;max-width:440px}
#detailed .opening-specimens img{height:115px;transform-origin:60% 15%;transition:transform 600ms cubic-bezier(.2,.7,.2,1)}
#detailed .opening-specimens button:hover img,#detailed .opening-specimens button:focus-visible img{transform:rotate(-4deg) translateY(-8px)}
#detailed .reading-nav{margin-top:22px;gap:15px}
#detailed .day-strip{margin-top:15px;padding:30px 0}
#detailed .season-thread{margin:25px -12px 38px;min-height:370px;padding:60px 38% 55px 7%}
#detailed .season-thread p{font-size:29px;line-height:1.42;position:relative;z-index:2}
#detailed .thread-bough{position:absolute;right:-25px;top:-12px;width:43%;height:440px;pointer-events:none}
#detailed .thread-branch{position:static;width:100%;height:100%;object-fit:contain;animation:none;transform-origin:82% 7%}
#detailed .branch-trace{position:absolute;right:4%;top:-25px;height:430px;width:220px;pointer-events:none;opacity:.35}
#detailed .branch-trace svg{width:100%;height:100%;overflow:visible}
#detailed .branch-trace path{fill:none;stroke:#80734c;stroke-width:1;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:0}
#detailed .place-reading{padding-bottom:65px}
#detailed .place-heading{margin-bottom:36px}
#detailed .place-heading h2{font-size:48px;max-width:630px}
#detailed .place-viewport{border-radius:2px 2px 45% 3% / 2px 2px 7% 1%;box-shadow:0 16px 28px -28px #4c473c80}
#detailed .place-viewport.exploring{border-radius:2px}
#detailed .natural-world{padding-top:75px}
#detailed .section-intro{margin-bottom:40px;position:relative}
#detailed .section-intro h2{font-size:48px;max-width:600px}
#detailed .section-intro p{padding-top:4px;line-height:1.5}
#detailed .local-berry-study{grid-template-columns:1.1fr 1fr;gap:60px;padding:10px 5% 35px;position:relative}
#detailed .local-berry-study:before{content:'';position:absolute;inset:0 46% 0 -5%;background:radial-gradient(ellipse,#c6c5a442 0%,#d3d0ac25 32%,#ebebd600 68%);pointer-events:none}
#detailed .local-specimen{position:relative}
#detailed .local-specimen img{height:460px;max-height:none;transform-origin:78% 8%}
#detailed .field-details{padding:30px 0 45px}
#detailed .column-title{padding:24px 0 20px}
#detailed .column-title h3{font-size:37px}
#detailed #floraList{grid-template-columns:1fr 1fr;gap:30px 54px;padding-top:15px}
#detailed #floraList .nature-entry{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1fr);gap:22px;align-items:center;border:0;padding:30px 0}
#detailed #floraList .nature-entry:nth-child(even){padding-top:85px}
#detailed #floraList .specimen{padding:0;margin:0}
#detailed #floraList .specimen img{height:340px;transform-origin:72% 8%}
#detailed #floraList .specimen-copy{border-top:1px solid #2f2f2f22;padding-top:21px}
#detailed .nature-entry h4{font-size:34px}
#detailed .nature-entry p{line-height:1.5}
#detailed .nature-entry .latin{min-height:0}
#detailed .nature-columns>section+section{margin-top:55px}
#detailed .berry-fauna{margin:32px 0 10px;max-width:850px}
#detailed #faunaList{gap:60px}
#detailed #faunaList .nature-entry{border-bottom:0;padding-top:15px}
#detailed #faunaList .specimen{position:relative;padding:0 18px}
#detailed #faunaList .specimen img{height:280px;transform-origin:50% 70%}
#detailed #faunaList .specimen-copy{border-top:1px solid #2f2f2f25;padding-top:22px}
#detailed .weather-reading{margin-top:65px;padding:65px 0;gap:80px;align-items:center}
#detailed .history-branch{width:180px;height:270px;margin:-55px -105px 0 15px;transform-origin:70% 10%;opacity:.93}
#detailed .weather-reading h2{font-size:44px}
#detailed .harvest-reading{padding-top:18px;padding-bottom:65px}
#detailed .harvest-reading h2{font-size:44px}
#detailed #harvestCultivars{border-left:0;position:relative}
#detailed #harvestCultivars:before{content:'';position:absolute;inset:4px auto 22px 0;width:1px;background:#b2a583;transform-origin:top}
#detailed .source-index{padding-block:24px}

/* --unfold is tied to each section's actual viewport position. The branch
   can settle again on rewind; illustrations always retain their full silhouette. */
#detailed.living-page:not(.motion-paused) .unfold .specimen img,
#detailed.living-page:not(.motion-paused) .unfold .local-specimen img{transform:translateY(calc((1 - var(--unfold,1))*16px)) rotate(calc((1 - var(--unfold,1))*-3deg)) scale(calc(.96 + var(--unfold,1)*.04))}
#detailed.living-page:not(.motion-paused) .unfold .thread-bough{transform:translateY(calc((1 - var(--unfold,1))*20px)) rotate(calc((1 - var(--unfold,1))*-4deg)) scale(calc(.96 + var(--unfold,1)*.04));transform-origin:85% 4%}
#detailed.living-page .unfold .branch-trace path{stroke-dashoffset:calc(1 - var(--unfold,1))}
#detailed.living-page:not(.motion-paused) .unfold .history-branch{transform:rotate(calc(13deg + (1 - var(--unfold,1))*-15deg)) translateY(calc((1 - var(--unfold,1))*24px))}
#detailed.living-page:not(.motion-paused) .unfold #harvestCultivars:before{transform:scaleY(var(--unfold,1))}
#detailed.living-page:not(.motion-paused) .unfold #harvestCultivars li{transform:translateY(calc((1 - var(--unfold,1))*14px))}
#detailed.living-page .thread-branch{animation:bough-sway 13s ease-in-out infinite alternate;animation-play-state:paused}
#detailed.living-page .in-view .thread-branch{animation-play-state:running}
#detailed.living-page.motion-paused .thread-branch{animation-play-state:paused}
#detailed.living-page .in-view .specimen img{will-change:transform}
#detailed.living-page.motion-paused .specimen img{will-change:auto}
#detailed.motion-paused img{transition:none!important}
@keyframes bough-sway{0%{transform:rotate(-1.4deg)}55%{transform:rotate(.6deg)}100%{transform:rotate(1.8deg)}}
@media(hover:hover){#detailed.living-page .specimen:hover img,#detailed.living-page .specimen:focus-visible img{clip-path:none;transform:translateY(-6px) rotate(-2deg) scale(1.035)}}

@media(max-width:1050px){
 #detailed .opening{gap:32px;grid-template-columns:1fr 1fr}
 #detailed h1{font-size:56px}
 #detailed .opening .lead{font-size:18px}
 #detailed .sky-stage{margin-inline:-10px}
 #detailed #solarCanvas{height:430px}
 #detailed .opening-specimens{gap:15px}
 #detailed .opening-specimens img{height:92px}
 #detailed .season-thread{padding-left:3%;min-height:340px}
 #detailed .season-thread p{font-size:26px}
 #detailed #floraList{gap:15px 35px}
 #detailed #floraList .nature-entry{display:block}
 #detailed #floraList .nature-entry:nth-child(even){padding-top:30px}
 #detailed #floraList .specimen img{height:300px}
 #detailed .local-berry-study{padding-inline:0;gap:25px}
 #detailed #faunaList{gap:30px}
 #detailed #faunaList .specimen img{height:240px}
}
@media(max-width:650px){
 #detailed .opening{display:grid;grid-template-columns:1fr 1fr;padding-top:22px;gap:14px}
 #detailed .opening-text{display:contents}
 #detailed .opening-text>.eyebrow{grid-column:1/-1;grid-row:1}
 #detailed h1{grid-column:1/-1;grid-row:2;font-size:clamp(35px,10.8vw,46px);margin:0 0 12px}
 #detailed .opening .solar{grid-column:1/-1;grid-row:3;margin-bottom:25px}
 #detailed .opening .lead{grid-column:1/-1;grid-row:4}
 #detailed .opening-text>.text-link{grid-row:5;align-self:start;justify-self:start;font-size:12px}
 #detailed .opening-text>.equinox-link{margin:0;grid-column:2}
 #detailed .opening-specimens{grid-column:1/-1;grid-row:6}
 #detailed .reading-nav{grid-column:1/-1;grid-row:7}
 #detailed .opening .lead{font-size:20px;line-height:1.48}
 #detailed .opening-specimens{margin-top:26px;gap:15px}
 #detailed .opening-specimens img{height:94px}
 #detailed .solar-top{padding-inline:0}
 #detailed .sky-stage{margin:15px -14px 0}
 #detailed #solarCanvas{height:350px}
 #detailed .solar-actions{gap:11px}
 #detailed .solar-actions button{font-size:11px}
 #detailed .day-strip{margin-top:5px}
 #detailed .season-thread{min-height:0;display:block;margin:12px 0 28px;padding:30px 0 265px}
 #detailed .season-thread p{font-size:25px}
 #detailed .thread-bough{top:auto;bottom:-15px;right:0;width:75%;height:295px}
 #detailed .thread-branch{width:100%;height:100%;opacity:1}
 #detailed .branch-trace{top:auto;bottom:-10px;right:10px;width:140px;height:290px}
 #detailed .place-heading h2,#detailed .section-intro h2{font-size:39px}
 #detailed .place-viewport{border-radius:2px;height:430px}
 #detailed .place-reading{padding-bottom:40px}
 #detailed .natural-world{padding-top:42px}
 #detailed .local-berry-study{display:block;padding-bottom:20px}
 #detailed .local-berry-study:before{inset:0 0 42%}
 #detailed .local-specimen img{height:380px;max-height:none}
 #detailed .field-details{padding:25px 0 15px}
 #detailed .column-title{display:block}
 #detailed #floraList{grid-template-columns:1fr;gap:15px}
 #detailed #floraList .nature-entry,#detailed #floraList .nature-entry:nth-child(even){display:block;padding:20px 0}
 #detailed #floraList .specimen img{height:330px;max-width:300px;margin:auto}
 #detailed #floraList .specimen-copy{margin-top:20px}
 #detailed #faunaList{grid-template-columns:1fr;gap:25px}
 #detailed #faunaList .specimen img{height:280px}
 #detailed .weather-reading{padding:38px 0;margin-top:35px}
 #detailed .history-branch{width:95px;height:155px;margin:-5px 0 5px 8px}
 #detailed .weather-reading h2,#detailed .harvest-reading h2{font-size:38px}
}
/* Modes retain the same composite canvas and export, without scroll staging. */
.detailed.embed #detailed .sky-stage{margin:18px 0 0}
.detailed.embed #detailed #solarCanvas{height:490px}
.detailed.notext #detailed .sky-stage{margin:0}
.detailed.notext #detailed #solarCanvas{height:100dvh;width:100vw;border-radius:0;box-shadow:none}
@media(max-width:650px){.detailed.embed #detailed #solarCanvas{height:350px}}
@media(prefers-reduced-motion:reduce){
 #detailed.living-page .thread-branch{animation:none}
 #detailed .unfold img,#detailed .unfold .thread-bough,#detailed .opening-specimens img{transform:none!important;clip-path:none!important;will-change:auto!important}
 #detailed .branch-trace path{stroke-dashoffset:0!important}
}
@media print{
 #detailed .unfold img,#detailed .unfold .thread-bough{transform:none!important;clip-path:none!important;animation:none!important}
 #detailed .branch-trace path{stroke-dashoffset:0!important}
}