/* One desktop rhythm for the landscape header and the sections below it. */
@media(min-width:851px){
 .home-page{--home-width:1160px;--home-gutter:max(6%,calc(50% - 580px))}
 .landscape-hero{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(300px,.9fr);align-items:center;column-gap:4%;padding:64px var(--home-gutter) 24px;height:568px;min-height:0}
 .hero-identity{grid-column:1;grid-row:1;text-align:center;min-width:0;transform:translateY(-48px)}
 .landscape-heading{display:block;text-align:center}
 .landscape-heading h1{margin:0;white-space:normal}
 .stitched-title{width:min(100%,690px);margin:0 auto}
 .hero-caption{display:flex;justify-content:center;margin:17px 0 0;padding:0;text-align:center}
 .hero-caption .eyebrow{font-size:15px;font-weight:600;letter-spacing:.1em;color:#303521;text-shadow:0 1px 5px #f4f1ed}
 .lace-portrait{position:absolute;top:75px;right:calc(var(--home-gutter) + 37px);width:min(100%,400px);margin:0;transform:none;z-index:5}
 .lace-divider{bottom:-31px;z-index:4}
 .home-sections>section{padding-left:var(--home-gutter);padding-right:var(--home-gutter)}
 .home-sections>.about-home{padding:92px var(--home-gutter) 70px}
 .about-intro{margin-bottom:43px}
 .about-intro h2{font-size:clamp(3rem,4vw,4.1rem);margin-top:10px}
 .about-layout{max-width:1000px;margin:0 auto;grid-template-columns:minmax(270px,360px) minmax(0,560px);gap:7%;justify-content:center}
 .about-portrait{max-width:360px}
 .about-copy{max-width:560px}
 .home-sections>.album-portfolio{padding:65px var(--home-gutter) 75px;gap:24px 4%}
 .album-portfolio h2{font-size:clamp(3rem,4vw,4.1rem);margin:10px 0 17px}
 .album-portfolio>a{max-width:440px}
 .album-botanical{margin-top:36px}
 .home-sections>.dates-home{padding:68px var(--home-gutter)!important}
 .dates-home h2,.booking-home>h2,.faq-home>h2,.guides-home>h2{font-size:clamp(3rem,4vw,4.1rem)}
 .home-sections>.booking-home,.home-sections>.guides-home{padding-top:72px;padding-bottom:76px}
 .booking-steps{margin-top:32px}
 .home-sections>.faq-home{padding:70px max(6%,calc(50% - 450px))}
 .home-sections>.faq-home>h2{margin-bottom:23px}
 .guide-pair{margin-top:29px}
 .guides-home .section-top{justify-content:center}
}
@media(min-width:851px) and (max-width:1150px){
 .landscape-hero{grid-template-columns:minmax(0,1fr);gap:3%;padding-top:68px;height:568px}
 .lace-portrait{top:75px;right:calc(var(--home-gutter) + 20px);width:min(100%,360px)}
 .about-layout{gap:5%}
}
@media(max-width:850px){
 .hero-identity{grid-column:1/-1;min-width:0}
 .landscape-heading{grid-column:auto}
 .hero-caption{grid-column:auto}
 .guides-home .section-top{justify-content:center}
}

/* Three balanced guide links, without card surfaces. */
.home-page .guide-pair{grid-template-columns:repeat(3,minmax(0,1fr));gap:0;border-block:1px solid var(--line);margin-top:32px}
.home-page .guide-pair>a{display:flex;align-items:center;justify-content:center;min-height:100px;padding:24px 20px;text-align:center;border:0;border-radius:0;background:transparent;transition:color .18s}
.home-page .guide-pair>a+a{border-left:1px solid var(--line)}
.home-page .guide-pair>a:hover{background:transparent;color:var(--accent)}
.home-page .guide-pair>a:focus-visible{outline:3px solid var(--accent);outline-offset:4px}
.home-page .guide-pair h3{margin:0;text-decoration:none}
@media(max-width:700px){.home-page .guide-pair{grid-template-columns:1fr}.home-page .guide-pair>a{min-height:80px;padding:20px 12px}.home-page .guide-pair>a+a{border-left:0;border-top:1px solid var(--line)}}

/* Additional selected work uses the established two-column album. */
.album-portfolio .album-work{aspect-ratio:4/5}
.album-portfolio .album-work img{object-position:center}

/* A compact collage: a larger portrait beside two smaller photographs. */
.home-page .guides-home h2{font-size:var(--type-section)!important;line-height:1.15!important;margin:0 0 24px;text-align:left;max-width:none;width:100%}
@media(max-width:700px){.home-page .guides-home h2{font-size:2.125rem!important}}
.home-page .home-sections>.album-portfolio{display:block;width:100%;max-width:calc(1000px + 2 * var(--page-gutter));margin-inline:auto;padding-left:var(--page-gutter);padding-right:var(--page-gutter)}
.home-page .album-portfolio-copy{margin-bottom:24px}
.portfolio-collage{display:grid;gap:6px}
.portfolio-group{display:grid;grid-template-columns:3fr 2fr;gap:6px;align-items:stretch}
.portfolio-group-reverse{grid-template-columns:2fr 3fr}
.home-page .portfolio-photo{display:block;overflow:hidden;cursor:zoom-in;width:100%;min-width:0;margin:0}
.portfolio-photo img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}
.portfolio-feature{grid-column:1;grid-row:1/span 2}
.portfolio-small{grid-column:2;aspect-ratio:1/1}
.portfolio-small+.portfolio-small{aspect-ratio:4/5}
.portfolio-group-reverse .portfolio-small{grid-column:1;aspect-ratio:4/5}
.portfolio-group-reverse .portfolio-feature{grid-column:2;grid-row:1/span 2}
/* Useful guide links beside a short three-image portfolio preview. */
.home-page .home-guide-portfolio{grid-column:1/-1;grid-row:2;display:grid;grid-template-columns:minmax(0,35fr) minmax(0,65fr);gap:48px;padding:56px var(--page-gutter) 64px}
.home-page .home-guide-portfolio>section{min-width:0;width:100%;max-width:none;margin:0;padding:0}
.home-page .home-guide-portfolio .album-portfolio-copy{text-align:left;margin:0 0 24px}
.home-page .home-guide-portfolio h2{margin:0;text-align:left}
.home-page .home-guide-portfolio .guide-pair{grid-template-columns:1fr;margin-top:24px}
.home-page .home-guide-portfolio .guide-pair>a{min-height:76px;padding:18px 0}
.home-page .home-guide-portfolio .guide-pair>a+a{border-left:0;border-top:1px solid var(--line)}
.home-guide-portfolio .portfolio-group{height:clamp(400px,46vw,600px);grid-template-rows:repeat(2,minmax(0,1fr))}
.home-guide-portfolio .portfolio-photo{min-height:0;aspect-ratio:auto}
.home-guide-portfolio .portfolio-photo img{height:100%;object-fit:cover}
.home-page .home-guide-portfolio .portfolio-full-link{margin-top:16px;justify-content:flex-start;width:fit-content;border-bottom:0;text-decoration:underline;text-decoration-thickness:1px}
@media(max-width:850px){
 .home-page .home-guide-portfolio{display:flex;flex-direction:column;gap:40px;padding-top:40px;padding-bottom:48px}
 .home-guide-portfolio .portfolio-collage{display:grid;columns:auto}
 .home-guide-portfolio .portfolio-group{display:grid;height:clamp(320px,82vw,500px)}
 .home-page .home-guide-portfolio .portfolio-photo{display:block;margin:0}
 .home-guide-portfolio .portfolio-photo img{height:100%;object-fit:cover}
}
/* On desktop the introduction and available dates share the first row. */
@media(min-width:1100px){
 .home-page .home-sections{display:grid;grid-template-columns:minmax(0,3fr) minmax(0,2fr);column-gap:32px;align-items:start}
 .home-page .home-sections>.about-home{grid-column:1;grid-row:1;padding:184px 0 56px var(--page-gutter)}
 .home-page .about-intro{position:relative;text-align:left;margin:0 0 32px;max-width:none}
 .home-page .about-intro h2{margin:0}
 .home-page .about-star{position:absolute;top:-36px;left:0}
 .home-page .about-layout{display:grid;grid-template-columns:minmax(180px,210px) minmax(0,1fr);align-items:start;gap:28px;margin:0;max-width:none}
 .home-page .about-portrait{width:100%;max-width:none;margin:0}
 .home-page .about-copy{display:block;max-width:none;margin:0;padding:0}
 .home-page .home-sections>.dates-home{grid-column:2;grid-row:1;align-self:start;min-width:0;margin:156px var(--page-gutter) 0 0!important;padding:28px!important;gap:24px}
 .home-page .dates-home .upcoming-dates{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
 .home-page .dates-home>.button{width:100%;justify-content:center}
 .home-page .home-sections>.album-portfolio{grid-column:1/-1;grid-row:2}
 .home-page .home-sections>.guides-home{grid-column:1/-1;grid-row:3}
}
/* Keep the established section order on smaller screens. */
@media(max-width:1099px){
 .home-page .home-sections{display:flex;flex-direction:column}
 .home-page .about-home{order:0}
 .home-page .album-portfolio{order:1}
 .home-page .dates-home{order:2}
 .home-page .guides-home{order:3}
 .home-page .home-guide-portfolio{order:3}
}
@media(max-width:700px){
 .portfolio-collage{display:block;columns:2;column-gap:6px}
 .portfolio-group{display:contents}
 .home-page .portfolio-photo{display:inline-block;vertical-align:top;break-inside:avoid;aspect-ratio:auto;margin:0 0 6px}
 .portfolio-photo img{height:auto;object-fit:contain}
}