/* ask.css · the one ask: the reward line above the "Get the Collection Guide" button. Draft Nov 10, 2026. Existing tokens only, no new colors. */
.ask{display:flex;flex-direction:column;align-items:flex-start;gap:14px}
.ask--center{align-items:center;text-align:center}
.reward{margin:0;font-size:15px;line-height:1.5;letter-spacing:.02em;color:var(--muted);max-width:44ch}
.need .reward{font-size:15px;color:#6B5A3E}
.cta .reward{color:var(--white)}
@media (max-width:760px){.need .ask{align-self:stretch}.need .ask .btn{align-self:stretch;text-align:center}}
/* /experience section A (Nov 10, 2026): the 4:5 testimonial left, Javi's three paragraphs right */
.pair{padding:110px 0}
.pair .wrap{display:grid;grid-template-columns:minmax(0,400px) minmax(0,1fr);gap:72px;align-items:start}
.pair__text{display:flex;flex-direction:column;gap:24px;max-width:680px}
.pair__text .body{font-size:clamp(19px,1.4vw,20px);line-height:1.75}
.testimonial__film{display:flex;flex-direction:column;gap:16px;min-width:0}
.testimonial__film .film{aspect-ratio:240/300;width:100%}
@media (max-width:860px){.pair{padding:64px 0}.pair .wrap{grid-template-columns:minmax(0,1fr);gap:36px}.pair .testimonial__film{width:min(100%,64vh);width:min(100%,64svh)}.pair__text .body{font-size:17px}}
/* /experience section B: Preserving how it felt, the wide film full width, the feeling statement below */
.felt{padding:110px 0;border-top:1px solid #1F1F1F}
.felt .wrap{display:flex;flex-direction:column;gap:48px}
.felt__film{display:flex;flex-direction:column;gap:16px;min-width:0}
.felt__film .film{aspect-ratio:426/154;width:100%}
.felt__text{display:flex;flex-direction:column;gap:28px;align-items:flex-start;max-width:880px}
.felt__text .big{font-size:clamp(22px,2.3vw,30px);line-height:1.5}
@media (max-width:860px){.felt{padding:64px 0}.felt .wrap{gap:32px}}
/* /experience journey on the light ground (Nov 10, 2026): the home page's bone band tokens */
.journey--light{background:var(--bone);color:#111;border-top-color:transparent}
.journey--light .eyebrow{color:#6B5A3E}
.journey--light .steps::before{background:var(--dim)}
.journey--light .steps .num{background:var(--bone);border-color:#6B5A3E;color:#6B5A3E}
.journey--light .steps p{color:#3A3835}
.journey--light .reward{color:#6B5A3E}
/* home closing section with the HoneyBook form (Nov 10, 2026): the photo band on top, the form below on the Inquire page's black ground */
.cta--form{flex-direction:column;align-items:stretch;padding:0;min-height:0}
.cta__band{position:relative;overflow:hidden;display:flex;flex-direction:column}
.cta__band>.wrap{min-height:480px;justify-content:center;padding-top:80px;padding-bottom:80px}
/* the /new-here hero film behind the closing band: cover fit by js/hero-video.js from data-ratio, photo shows until the player is up */
.cta__video{background:transparent;opacity:0;transition:opacity 1.2s ease}
.cta__video.is-on{opacity:1}
.home-form{position:relative;background:var(--black);padding:88px 0 100px;text-align:left}
.home-form .wrap{display:flex;flex-direction:column;align-items:stretch;gap:28px;max-width:calc(680px + 2 * var(--gutter))}
.home-form__intro{display:flex;flex-direction:column;gap:12px}
.home-form .hb-wrap{width:100%;min-width:0}
@media (max-width:760px){.home-form{padding:56px 0 64px}}
/* About, Our story (Nov 10, 2026): the 4:5 About film over the four photos, beside the story copy */
.story--film .wrap{align-items:start}
.story__media{display:flex;flex-direction:column;gap:12px;min-width:0}
.story__media .film{aspect-ratio:240/300;width:100%}
.story--film .story__grid{grid-template-columns:repeat(4,minmax(0,1fr))}
.story--film .story__grid img{height:150px}
@media (max-width:1000px){.story__media .film{width:min(100%,56vh);width:min(100%,56svh)}.story--film .story__grid{width:min(100%,56vh);width:min(100%,56svh)}.story--film .story__grid img{height:110px}}