/* Casa Única About editorial composition, Foundation 5.0.291.
 * Core owns what is beside what. Guide owns image composition and viewer.
 * Homepage owns Tour playback/markup. This file owns ONLY About page geometry.
 * No photo IDs, paragraph strings, parallel controllers or late override stack.
 */
.cu-editorial-story{--cu-guide-max:1680px;--cu-about-header:var(--cu-header-bottom-live,76px);--cu-about-usable:calc(100svh - var(--cu-about-header) - 32px)}
.cu-editorial-story .cu-guide-system__flow{width:100%;max-width:none;margin:0;padding:0}
.cu-editorial-story__opening,.cu-editorial-story__chapters,.cu-editorial-story__chapter-inner{width:min(calc(100% - 64px),var(--cu-guide-max));margin-inline:auto}
/* Opening and complete seven-card navigation are one first-screen visual story.
   A shorter hero photo pair leaves enough height for the card rail below. */
.cu-editorial-story__opening{padding:clamp(12px,2.1svh,22px) 0 clamp(10px,1.8svh,18px)}
.cu-editorial-story__opening .cu-guide-opening__grid{align-items:center;gap:clamp(24px,3vw,50px)}
.cu-editorial-story__opening .cu-guide-opening__eyebrow{margin-bottom:.48rem}
.cu-editorial-story__opening h1{font-size:clamp(3.45rem,5.35vw,6rem);line-height:.97;max-width:10.5ch;margin:0}
.cu-editorial-story__hero-media{min-width:0}
.cu-editorial-story__hero-media .cu-guide-media-mosaic[data-media-count="2"]{height:clamp(195px,30svh,310px);min-height:0}
.cu-editorial-story__chapters{position:relative;padding:0 0 clamp(14px,2svh,24px)}
.cu-editorial-chapter-rail__dots{display:none;pointer-events:none}
@media(max-width:1050px){.cu-editorial-chapter-rail__dots{position:absolute;right:0;bottom:3px;left:0;display:flex;justify-content:center;gap:7px;height:6px;align-items:center}.cu-editorial-chapter-rail__dot{width:5px;height:5px;border-radius:50%;background:var(--cu-green,#5e6c5b);opacity:.23;transition:opacity .16s ease,background-color .16s ease}.cu-editorial-chapter-rail__dot.is-active{opacity:.9;background:var(--cu-copper,#a66f45)}}
.cu-editorial-story__tour{padding:clamp(22px,3vw,48px) 32px;background:rgba(255,253,249,.52)}
.cu-editorial-story__tour>.cu-home-v460-tour,.cu-editorial-story__chapter-video>.cu-home-v460-tour{padding:0;background:transparent}
.cu-editorial-story__tour .cu-home-v460-tour__grid,.cu-editorial-story__chapter-video .cu-home-v460-tour__grid{width:min(100%,var(--cu-guide-max));margin-inline:auto}
.cu-editorial-story .cu-home-v460-tour__grid{border-radius:18px;background:rgba(255,255,255,.48)}
/* Full-bleed chapter background is the single background owner. */
.cu-editorial-story__chapter{width:100%;margin:0;border:0;border-top:1px solid var(--cu-line,rgba(94,108,91,.18));border-radius:0}
.cu-editorial-story__chapter-inner{padding:clamp(16px,3svh,30px) 0 clamp(24px,3.5svh,40px)}
.cu-editorial-story__chapter-head{max-width:none;margin:0 0 clamp(12px,2svh,22px)}
.cu-editorial-story__chapter-head .cu-editorial-sequence-ticker{margin:0 0 clamp(7px,1.2svh,13px)}
.cu-editorial-story__chapter-head h2{max-width:none;font-size:clamp(2.6rem,3.65vw,4.4rem);line-height:1.04;margin:0;letter-spacing:-.024em}
.cu-editorial-story__subtitle{font-size:clamp(.95rem,1.12vw,1.15rem);line-height:1.4;max-width:65ch;margin:.35rem 0 0;color:var(--cu-green,#5e6c5b);font-weight:500}
.cu-editorial-story__chapter .cu-guide-editorial__body{max-width:none}
.cu-editorial-story__chapter .cu-guide-editorial__body p,.cu-editorial-story__chapter .cu-home-v460-tour__editorial-body p{font-size:clamp(.93rem,1.04vw,1.08rem);line-height:1.55;margin:0 0 .92em;color:#786f65}
.cu-editorial-story__chapter .cu-guide-editorial__body p:last-child{margin-bottom:0}
.cu-editorial-story__chapter .cu-guide-editorial__body strong{color:var(--cu-green-deep,#344236);font-weight:700}
.cu-editorial-story__chapter .cu-guide-editorial__body em{font-style:italic}
.cu-editorial-story__beat{margin:0 0 clamp(18px,3svh,32px);min-width:0}
.cu-editorial-story__beat:last-child{margin-bottom:0}
/* Each split is one authored text/media composition, not an automatic section.
   align-items:center keeps the *assigned* paragraph group centered by its pair. */
.cu-editorial-story__composition--split .cu-guide-editorial__grid{display:grid;grid-template-columns:minmax(0,.91fr) minmax(0,1.09fr);gap:clamp(24px,3.2vw,58px);align-items:center}
.cu-editorial-story__composition--split[data-layout="copy-right"] .cu-editorial-story__visual{grid-column:1;grid-row:1}
.cu-editorial-story__composition--split[data-layout="copy-right"] .cu-guide-editorial__copy{grid-column:2;grid-row:1}
.cu-editorial-story__composition--split .cu-guide-editorial__copy,.cu-editorial-story__visual{min-width:0}
.cu-editorial-story__visual>.cu-guide-editorial__media{height:clamp(230px,36svh,390px);min-height:0}
.cu-editorial-story__visual .cu-guide-editorial__media .cu-guide-media-button{height:100%;min-height:0}
.cu-editorial-story__visual>.cu-guide-media-mosaic{height:clamp(260px,50svh,470px);min-height:0}
.cu-editorial-story__composition--split[data-presentation="square"] .cu-guide-editorial__media{height:auto;aspect-ratio:1;display:block}
.cu-editorial-story__composition--split[data-presentation="square"] .cu-guide-media-button{aspect-ratio:1;width:100%;height:100%;min-height:0}
.cu-editorial-story__composition--split[data-presentation="feature_five"] .cu-guide-editorial__grid{grid-template-columns:minmax(0,.83fr) minmax(0,1.17fr)}
.cu-editorial-story__composition--split[data-presentation="feature_five"] .cu-guide-media-mosaic{height:clamp(290px,min(53svh,32vw),495px);min-height:0}
/* Two image frames in each of the two distinct S02 rows; no 2x2 merge. */
.cu-editorial-story__chapter[data-editorial-variant="landscape_story"] .cu-editorial-story__composition--split .cu-guide-editorial__media{height:clamp(195px,31svh,340px)}
/* Source-owned mosaic semantic shapes are rendered by shared Guide CSS.
   The About owner bounds their viewport dimensions only. */
/* S04 craft and S06 wildlife are the SAME canonical 1+3 Guide mosaic.
   S04 retains the existing published grid_four presentation contract. */
.cu-editorial-story__composition--split:is([data-presentation="grid_four"],[data-presentation="mosaic"]) .cu-guide-media-mosaic{width:min(100%,760px,82svh);height:auto;aspect-ratio:1.5;margin-left:auto}
/* S06 cacao: the primary image is a true square, derived from the same
   two-column grid widths and gutter; its birds occupy the two matching rows.
   An inline-size query container keeps this exact at desktop AND mobile sizes. */
.cu-editorial-story__composition--split[data-presentation="square_stack"] .cu-editorial-story__visual{container-type:inline-size}
.cu-editorial-story__composition--split[data-presentation="square_stack"] .cu-guide-media-mosaic{width:100%;height:calc((100cqw - .72rem) / 1.7);aspect-ratio:auto;margin-inline:auto}
.cu-editorial-story__composition--split[data-presentation="square_stack"] .cu-guide-editorial__grid{grid-template-columns:minmax(0,1.14fr) minmax(0,.86fr)}
/* Desktop-only reading alignment. Mobile uses the canonical stretched flex
   composition so every image group occupies the available content width. */
@media(min-width:761px){
 .cu-editorial-story__chapter[data-editorial-variant="four_dogs"] .cu-guide-editorial__grid{align-items:start}
 .cu-editorial-story__chapter[data-editorial-variant="four_dogs"] .cu-guide-editorial__copy{padding-top:clamp(8px,2svh,20px)}
 .cu-editorial-story__chapter[data-editorial-variant="wildlife_gallery"] .cu-editorial-story__composition--split .cu-guide-editorial__grid{align-items:center}
}
/* Quotations stay beside their assigned texts, not in their own wide band. */
.cu-editorial-story__quote-grid{display:grid;grid-template-columns:minmax(0,.94fr) minmax(0,1.06fr);gap:clamp(22px,3.3vw,52px);align-items:center}
.cu-editorial-story__composition--quote_split[data-quote-side="left"] .cu-editorial-story__statement{grid-column:1;grid-row:1}
.cu-editorial-story__composition--quote_split[data-quote-side="left"] .cu-guide-editorial__copy{grid-column:2;grid-row:1}
.cu-editorial-story__statement{min-width:0;margin:0;padding:clamp(18px,2.2vw,34px);border-left:2px solid var(--cu-copper,#a66f45);border-radius:0 12px 12px 0;background:rgba(172,119,69,.08)}
.cu-editorial-story__statement blockquote{margin:0;font-family:var(--cu-font-heading,Georgia,serif);font-size:clamp(1.18rem,1.65vw,1.7rem);line-height:1.38;color:var(--cu-green-deep,#344236)}
/* Section 2 December/winds paragraphs are OUTSIDE the compact companion
   Tour card; Section 3 has exactly two paragraphs INSIDE its video card. */
.cu-editorial-story__video-companion{display:grid;grid-template-columns:minmax(0,.72fr) minmax(0,1.28fr);gap:clamp(22px,3vw,54px);align-items:center}
.cu-editorial-story__video-companion .cu-home-v460-tour__grid{padding:clamp(12px,1.4vw,20px)}
/* S02 only: a short panoramic video PREVIEW so this companion composition
   fits into a desktop reading viewport. The shared Tour modal opens the
   unchanged full-resolution video at its native aspect ratio. */
.cu-editorial-story__video-companion .cu-home-v460-tour__media{width:100%;aspect-ratio:3.2/1;max-height:min(31svh,285px)}
.cu-editorial-story__composition--video_split[data-copy-placement="inside"] .cu-home-v460-tour__grid{grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:clamp(20px,3vw,44px);align-items:center}
.cu-editorial-story__composition--video_split[data-copy-placement="inside"] .cu-home-v460-tour__copy{min-width:0}
.cu-editorial-story__composition--video_split[data-copy-placement="inside"] .cu-home-v460-tour__copy h2{font-size:clamp(2rem,3vw,3.8rem);line-height:1.05;margin:.16em 0}
.cu-editorial-story__composition--video_split[data-copy-placement="inside"] .cu-home-v460-tour__grid{padding:clamp(14px,2vw,26px)}
.cu-editorial-story__composition--video_split[data-copy-placement="inside"] .cu-home-v460-tour[data-tour-media-shape="square"] .cu-home-v460-tour__media{aspect-ratio:1;width:min(100%,calc(var(--cu-about-usable) - 64px),620px);margin-inline:auto}
.cu-editorial-story__chapter-video{margin:0;background:transparent}
/* Closing is ONE source composition and ONE video panel. Two independent
   Guide scroll targets already exist: chapter head and beginning of beat. */
.cu-editorial-story__closing-grid{display:grid;grid-template-columns:minmax(0,.86fr) minmax(0,1.14fr);grid-template-areas:"copy video" "signature video";grid-template-rows:max-content max-content;column-gap:clamp(22px,3vw,50px);row-gap:0;align-items:start;align-content:start}
.cu-editorial-story__closing-copy{grid-area:copy;display:flex;flex-direction:column;min-width:0;justify-content:flex-start}
.cu-editorial-story__signature{grid-area:signature;margin-top:clamp(10px,2svh,20px);text-align:center}
.cu-editorial-story__signature p{font-family:var(--cu-font-heading,Georgia,serif);font-size:clamp(1.35rem,2vw,1.85rem)!important;color:var(--cu-green-deep,#344236)!important;text-align:center}
.cu-editorial-story__composition--closing_split .cu-editorial-story__chapter-video{grid-area:video}
.cu-editorial-story__composition--closing_split .cu-home-v460-tour__grid{width:100%;height:auto;padding:clamp(12px,1.25vw,20px);gap:clamp(4px,.65svh,10px)}
.cu-editorial-story__composition--closing_split .cu-home-v460-tour__heading .cu-eyebrow{margin-bottom:.2rem}
.cu-editorial-story__composition--closing_split .cu-home-v460-tour__heading h2{font-size:clamp(2rem,3.3vw,3.85rem);line-height:1.05;margin:0}
.cu-editorial-story__composition--closing_split .cu-home-v460-tour__copy{min-width:0}
.cu-editorial-story__composition--closing_split .cu-home-v460-tour__subtitle{margin:0 0 .35rem}
.cu-editorial-story__composition--closing_split .cu-home-v460-tour__editorial-body p{font-size:clamp(.93rem,1.04vw,1.08rem);line-height:1.52}
.cu-editorial-story__composition--closing_split .cu-home-v460-tour__media{width:100%;aspect-ratio:2.95;max-height:min(24svh,210px);align-self:end}
.cu-editorial-story__chapter[data-editorial-variant="landscape_story"]{background:linear-gradient(160deg,rgba(76,96,76,.13),rgba(97,126,115,.04) 60%,transparent)}
.cu-editorial-story__chapter[data-editorial-variant="editorial_image_text"]{background:rgba(255,253,249,.82)}
.cu-editorial-story__chapter[data-editorial-variant="editorial_craft"]{background:linear-gradient(130deg,rgba(198,157,111,.16),rgba(255,253,249,.43))}
.cu-editorial-story__chapter[data-editorial-variant="four_dogs"]{background:rgba(85,111,82,.10)}
.cu-editorial-story__chapter[data-editorial-variant="wildlife_gallery"]{background:rgba(244,239,227,.68)}
.cu-editorial-story__chapter[data-editorial-variant="closing"]{background:linear-gradient(155deg,rgba(84,110,91,.14),rgba(242,236,219,.38))}
.cu-editorial-story .cu-guide-media-button:focus-visible{outline:3px solid var(--cu-copper,#a66f45);outline-offset:3px}
/* Single-line desktop chapter titles only when there is actual width. */
@media(min-width:1400px){.cu-editorial-story__chapter-head h2{white-space:nowrap}}
@media(max-width:1050px){
 .cu-editorial-story__opening .cu-guide-opening__grid{grid-template-columns:1fr;align-items:start}
 .cu-editorial-story__opening h1{max-width:14ch}
 .cu-editorial-story__chapter-head h2{font-size:clamp(2.3rem,5vw,3.65rem)}
 .cu-editorial-story__chapter-inner{padding-top:24px}
}
@media(max-width:760px){
 .cu-editorial-story__opening,.cu-editorial-story__chapters,.cu-editorial-story__chapter-inner{width:min(calc(100% - 32px),var(--cu-guide-max))}
 .cu-editorial-story__opening{padding:1rem 0 1.35rem}
 .cu-editorial-story__opening .cu-guide-opening__grid{display:flex;flex-direction:column;gap:16px}
 .cu-editorial-story__opening h1{font-size:clamp(3.1rem,10vw,4.6rem)}
 .cu-editorial-story__hero-media .cu-guide-media-mosaic[data-media-count="2"]{height:clamp(185px,55vw,320px)}
 .cu-editorial-story__tour{padding:1.5rem 16px}
 .cu-editorial-story__chapter-inner{padding:1.5rem 0 2rem}
 .cu-editorial-story__chapter-head h2{font-size:clamp(2.2rem,8.5vw,3.55rem);white-space:normal;overflow-wrap:normal}
 .cu-editorial-story__composition--split .cu-guide-editorial__grid,
 .cu-editorial-story__composition--quote_split .cu-editorial-story__quote-grid,
 .cu-editorial-story__video-companion,.cu-editorial-story__closing-grid{display:flex;flex-direction:column;align-items:stretch;gap:1.15rem}
 .cu-editorial-story__composition--split[data-layout="copy-right"] .cu-editorial-story__visual,.cu-editorial-story__composition--split[data-layout="copy-right"] .cu-guide-editorial__copy,
 .cu-editorial-story__composition--quote_split[data-quote-side="left"] .cu-editorial-story__statement,.cu-editorial-story__composition--quote_split[data-quote-side="left"] .cu-guide-editorial__copy{grid-column:auto;grid-row:auto}
 .cu-editorial-story__composition--split[data-layout="copy-right"] .cu-guide-editorial__copy,.cu-editorial-story__composition--quote_split .cu-guide-editorial__copy{order:0}
 .cu-editorial-story__composition--split[data-layout="copy-right"] .cu-editorial-story__visual,.cu-editorial-story__composition--quote_split .cu-editorial-story__statement{order:1}
 .cu-editorial-story__visual>.cu-guide-editorial__media{min-height:0;height:clamp(175px,60vw,335px)}
 .cu-editorial-story__visual>.cu-guide-editorial__media--1{display:block;width:100%;height:auto;aspect-ratio:1.35}
 .cu-editorial-story__visual>.cu-guide-editorial__media--1>.cu-guide-media-button{display:block;width:100%;height:100%;min-height:0;aspect-ratio:inherit}
 .cu-editorial-story__chapter[data-editorial-variant="landscape_story"] .cu-editorial-story__composition--split .cu-guide-editorial__media{height:clamp(175px,50vw,270px)}
 .cu-editorial-story__composition--split:is([data-presentation="grid_four"],[data-presentation="mosaic"]) .cu-guide-media-mosaic{width:100%;height:auto;aspect-ratio:1.25}
 .cu-editorial-story__composition--split[data-presentation="feature_five"] .cu-guide-media-mosaic{height:auto}
 .cu-editorial-story__chapter .cu-guide-editorial__body p{font-size:.97rem;line-height:1.67}
 /* On narrow phones the preview remains legible rather than a shallow stripe. */
 .cu-editorial-story__video-companion .cu-home-v460-tour__media{aspect-ratio:16/9;max-height:none}
 .cu-editorial-story__composition--video_split[data-copy-placement="inside"] .cu-home-v460-tour__grid{display:flex;flex-direction:column;align-items:stretch}
 .cu-editorial-story__composition--video_split[data-copy-placement="inside"] .cu-home-v460-tour__media{width:100%;max-width:100%;aspect-ratio:1}
 .cu-editorial-story__closing-grid{gap:1.15rem}
 .cu-editorial-story__closing-copy{order:0}
 .cu-editorial-story__composition--closing_split .cu-editorial-story__chapter-video{order:1}
 .cu-editorial-story__signature{order:2;margin-top:0}
 .cu-editorial-story__composition--closing_split .cu-home-v460-tour__media{max-height:none;aspect-ratio:16/9}
}