/* Compact two-by-two collection preview, isolated to the trial homepage. */
body.cinematic-trial #collections.collection-pair-preview .collection-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 38px;width:min(540px,100%);margin:0 auto;justify-self:center}
body.cinematic-trial #collections.collection-pair-preview .collection-row{display:block;width:100%;padding:26px 0;min-height:0;margin:0;border-top:1px solid #ffffff26;scroll-margin-top:105px}
body.cinematic-trial #collections.collection-pair-preview .collection-composition{display:block;zoom:1;width:100%;margin:0}
body.cinematic-trial #collections.collection-pair-preview .package-copy{width:100%;max-width:none}
body.cinematic-trial #collections.collection-pair-preview .package-copy .overline{font-size:8.4px;line-height:1.5;margin:0 0 18px;color:#d6d9df}
body.cinematic-trial #collections.collection-pair-preview .package-copy h2{font-size:clamp(24px,2.04vw,26.4px);line-height:1.1;margin:0 0 10px}
body.cinematic-trial #collections.collection-pair-preview .package-copy .narrative{font-size:9.8px;line-height:1.55;max-width:220px;min-height:65px;margin:0 0 13px;color:#e1e3e6}
body.cinematic-trial #collections.collection-pair-preview .details-link{font-size:12px;margin-top:10px}
@media(max-width:600px){body.cinematic-trial #collections.collection-pair-preview .collection-list{gap:0 24px}body.cinematic-trial #collections.collection-pair-preview .collection-row{padding:22px 0}body.cinematic-trial #collections.collection-pair-preview .package-copy h2{font-size:clamp(22px,4.6vw,26.4px)}body.cinematic-trial #collections.collection-pair-preview .package-copy .overline{font-size:7.7px;min-height:33px;margin-bottom:12px}body.cinematic-trial #collections.collection-pair-preview .package-copy .narrative{font-size:9.8px;min-height:87px}body.cinematic-trial #collections.collection-pair-preview .details-link{font-size:12px}}
@media(max-width:340px){body.cinematic-trial #collections.collection-pair-preview .collection-list{grid-template-columns:1fr}body.cinematic-trial #collections.collection-pair-preview .package-copy .overline,body.cinematic-trial #collections.collection-pair-preview .package-copy .narrative{min-height:0}}

body.cinematic-trial #collections.collection-pair-preview{display:block}
body.cinematic-trial #collections.collection-pair-preview .package-copy{text-align:left}

/* Quieter hero framing on the homepage. */
body.cinematic-trial .hero-copy>p:not(.eyebrow){opacity:.65}
body.cinematic-trial .hero-copy>.eyebrow{font-size:10px;line-height:1.5}

/* The manifesto and collection introduction share one responsive heading scale. */
body.cinematic-trial #about h2,
body.cinematic-trial #collections .collection-menu-intro h2{font-size:clamp(24px,2.5vw,34px);line-height:1.25}
@media(max-width:700px){body.cinematic-trial #about h2,body.cinematic-trial #collections .collection-menu-intro h2{font-size:22px;line-height:1.25}}

@media(max-width:760px){
 body.cinematic-trial .photography-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;align-items:start}
 body.cinematic-trial .photography-grid .mobile-photo-card{min-height:0;padding:0;overflow:hidden;border-radius:14px;transform:none}
 body.cinematic-trial .mobile-photo-toggle{width:100%;min-height:76px;padding:16px 12px;border:0;background:transparent;color:#f5f6f8;font:inherit;text-align:center;cursor:pointer}
 body.cinematic-trial .mobile-photo-card .mobile-photo-toggle h3{margin:0;font-size:14px;line-height:1.35;text-wrap:balance}
 body.cinematic-trial .mobile-photo-reveal{display:grid;grid-template-rows:0fr;opacity:0;visibility:hidden;transition:grid-template-rows .4s ease,opacity .3s ease,visibility .4s}
 body.cinematic-trial .mobile-photo-inner{overflow:hidden;min-height:0;padding-inline:12px}
 body.cinematic-trial .mobile-photo-inner p{font-size:13px;line-height:1.5;margin:0 0 14px}
 body.cinematic-trial .mobile-photo-inner .photography-visit{display:block;padding-bottom:16px;font-size:10px;line-height:1.5}
 body.cinematic-trial .mobile-photo-card.is-open{background:#303943dd;border-color:#f8db72;box-shadow:0 0 24px #f8db7245;transform:scale(1.015)}
 body.cinematic-trial .mobile-photo-card.is-open .mobile-photo-reveal{grid-template-rows:1fr;opacity:1;visibility:visible}
 body.cinematic-trial .mobile-photo-toggle:focus-visible{outline:2px solid #f8db72;outline-offset:-4px;border-radius:14px}
}
@media(prefers-reduced-motion:reduce){body.cinematic-trial .mobile-photo-reveal{transition:none}}

/* Card text is controlled by the accordion, never by detached scroll observers. */
@media(max-width:760px){
 body.cinematic-trial .mobile-photo-toggle h3,
 body.cinematic-trial .mobile-photo-inner p{opacity:1!important;transform:none!important;visibility:visible;color:#f5f6f8}
}

/* Mobile photography echoes the collection cards, with one continuous surface. */
@media(max-width:760px){
 body.cinematic-trial #photography .photography-grid .mobile-photo-card{background:transparent!important;border:1px solid #ffffff26;border-radius:14px;box-shadow:none!important;isolation:isolate;transition:background .35s ease,box-shadow .35s ease,border-color .35s ease,transform .35s ease}
 body.cinematic-trial #photography .photography-grid .mobile-photo-card:is(:hover,:focus-within,.is-open){background:rgba(248,219,114,.055)!important;border-color:#ffffff40!important;box-shadow:0 0 25px rgba(248,219,114,.16)!important;transform:scale(1.015)}
 body.cinematic-trial #photography .mobile-photo-toggle{padding:20px 16px;text-align:left;background:transparent!important;box-shadow:none!important;filter:none!important}
 body.cinematic-trial #photography .mobile-photo-toggle h3{font-size:clamp(18px,4.6vw,22px);font-weight:700;line-height:1.25;text-align:left;text-wrap:balance}
 body.cinematic-trial #photography .mobile-photo-card.is-open h3{color:#f8db72;text-shadow:none}
 body.cinematic-trial #photography .mobile-photo-reveal,body.cinematic-trial #photography .mobile-photo-inner,body.cinematic-trial #photography .mobile-photo-inner p,body.cinematic-trial #photography .photography-visit{background:transparent!important;box-shadow:none!important;filter:none!important}
 body.cinematic-trial #photography .mobile-photo-inner{padding-inline:16px}
 body.cinematic-trial #photography .mobile-photo-inner p{font-size:12px;line-height:1.55;color:#e1e3e6;text-align:left}
 body.cinematic-trial #photography .mobile-photo-inner .photography-visit{display:inline-block;padding:0 0 18px;border-radius:0;border:0;color:#e1e3e6;font-size:11px;letter-spacing:0;text-transform:none;text-decoration:underline;text-underline-offset:4px}
}

/* Photography names and collapsed cards at 79% of the previous mobile scale. */
@media(max-width:760px){
 body.cinematic-trial #photography .photography-grid{width:79%;margin-inline:auto;gap:9.48px}
 body.cinematic-trial #photography .photography-grid .mobile-photo-card{border-radius:11.06px}
 body.cinematic-trial #photography .mobile-photo-toggle{min-height:60.04px;padding:15.8px 12.64px}
 body.cinematic-trial #photography .mobile-photo-toggle h3{font-size:clamp(14.22px,3.634vw,17.38px)}
 body.cinematic-trial #photography .mobile-photo-inner{padding-inline:12.64px}
}

/* Keep the two homepage introductions on one centered line. */
body.cinematic-trial #about .manifesto-copy,
body.cinematic-trial #collections .collection-menu-intro{
 width:min(980px,100%);max-width:980px;margin-inline:auto;container-type:inline-size;
}
body.cinematic-trial #about h2,
body.cinematic-trial #collections .collection-menu-intro h2{
 max-width:none;width:100%;font-size:clamp(12px,3.65cqw,34px);line-height:1.25;
 white-space:nowrap;text-align:center;text-wrap:nowrap;
}
body.cinematic-trial #about h2 span{display:inline}