/* 02 / Light photographic dossier: approved photography with six verbatim prototype features. */
.b3-02{--b302-ink:#252522;--b302-muted:#625f58;--b302-line:#d8d0c2;--b302-brass:#806744;padding:62px 4.2vw 52px;background:#fff;color:var(--b302-ink)}
.b3-02 .b302-heading{display:grid;grid-template-columns:minmax(0,1.9fr) minmax(0,1fr);gap:clamp(32px,4vw,70px);align-items:end;margin:0 0 32px}
.b3-02 .b302-heading h2{margin:0;font:400 clamp(35px,3.25vw,51px)/1.15 'Tenor Sans',Onest,Arial,sans-serif;letter-spacing:-1.15px;text-wrap:pretty}
.b3-02 .b302-heading .b302-lead{margin:0 0 4px;color:var(--b302-muted);font:400 18px/1.55 Onest,Arial,sans-serif;text-wrap:pretty}
.b3-02 .b302-opening{height:clamp(380px,43vw,650px);margin:0 0 37px;overflow:hidden;background:#d9d5cb}
.b3-02 .b302-opening>img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 38%}
.b3-02 .b302-journal{display:grid;gap:30px}
.b3-02 .b302-spread{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:0;min-width:0;min-height:455px;background:#f0ede6}
.b3-02 .b302-photo{min-width:0;min-height:455px;margin:0;overflow:hidden;background:#d3d0c4}
.b3-02 .b302-photo>img{display:block;width:100%;height:100%;min-height:455px;object-fit:cover;transition:transform .8s cubic-bezier(.2,.65,.25,1)}
.b3-02 .b302-pairs{display:flex;flex-direction:column;justify-content:center;min-width:0;padding:32px clamp(24px,2.65vw,45px)}
.b3-02 .b302-pair{min-width:0}
.b3-02 .b302-pair+.b302-pair{margin-top:27px;padding-top:26px;border-top:1px solid var(--b302-line)}
.b3-02 .b302-pair h3{margin:0 0 17px;font:400 clamp(25px,2vw,31px)/1.2 'Tenor Sans',Onest,Arial,sans-serif;letter-spacing:-.45px;text-wrap:pretty}
.b3-02 .b302-choices{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:26px;margin:0}
.b3-02 .b302-choice{min-width:0}
.b3-02 .b302-choice dt{margin:0 0 11px;min-height:42px;font:500 16px/1.35 Onest,Arial,sans-serif;color:#716b60;text-wrap:pretty}
.b3-02 .b302-choice dd{margin:0;font:400 18px/1.5 Onest,Arial,sans-serif;color:#686158}
.b3-02 .b302-choice--resort dt{color:var(--b302-brass)}
.b3-02 .b302-choice--resort dd{font-weight:500;color:#2b2924}
.b3-02 .b302-spread--reverse{background:#f7f5f0}
.b3-02 .b302-spread--reverse .b302-photo{grid-column:2;grid-row:1}
.b3-02 .b302-spread--reverse .b302-pairs{grid-column:1;grid-row:1}
.b3-02 .b302-spread--reverse .b302-photo>img{object-position:50% 50%}
.b3-02 .b302-comparison-note{margin:23px 0 28px;font:400 16px/1.5 Onest,Arial,sans-serif;color:#766e60}
.b3-02 .b302-closing{display:flex;align-items:center;justify-content:space-between;gap:35px;padding-top:28px;border-top:1px solid var(--b302-line)}
.b3-02 .b302-closing>div{min-width:0;max-width:650px}
.b3-02 .b302-closing h3{margin:0 0 10px;font:400 30px/1.2 'Tenor Sans',Onest,Arial,sans-serif;letter-spacing:-.5px}
.b3-02 .b302-closing p{margin:0;font:400 18px/1.5 Onest,Arial,sans-serif;color:var(--b302-muted)}
.b3-02 .b302-closing .b3-cta{flex:none;min-width:min(100%,415px)}
@media(hover:hover) and (pointer:fine){.b3-02 .b302-photo:hover>img{transform:scale(1.025)}}
@media(min-width:761px) and (max-width:1180px){
 .b3-02{padding-top:48px;padding-bottom:42px}
 .b3-02 .b302-heading{grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:30px;align-items:start}
 .b3-02 .b302-heading h2{font-size:39px;letter-spacing:-.8px}
 .b3-02 .b302-opening{height:430px;margin-bottom:28px}
 .b3-02 .b302-spread{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
 .b3-02 .b302-pairs{padding:27px}
 .b3-02 .b302-choices{display:block}
 .b3-02 .b302-choice+.b302-choice{margin-top:16px}
 .b3-02 .b302-choice dt{min-height:0;margin-bottom:7px}
 .b3-02 .b302-pair h3{font-size:27px;margin-bottom:17px}
 .b3-02 .b302-pair+.b302-pair{margin-top:24px;padding-top:23px}
 .b3-02 .b302-photo,.b3-02 .b302-photo>img{min-height:100%}
 .b3-02 .b302-closing{align-items:flex-start;gap:24px}
 .b3-02 .b302-closing .b3-cta{min-width:0;width:365px}
}
@media(max-width:760px){
 .b3-02{padding:36px 20px 35px}
 .b3-02 .b302-heading{display:block;margin-bottom:25px}
 .b3-02 .b302-heading h2{font-size:34px;line-height:1.17;letter-spacing:-.8px}
 .b3-02 .b302-heading .b302-lead{margin:20px 0 0;font-size:18px;line-height:1.5}
 .b3-02 .b302-opening{height:300px;margin:0 -20px 24px}
 .b3-02 .b302-opening>img{object-position:51% 50%}
 .b3-02 .b302-journal{gap:24px;margin-inline:-20px}
 .b3-02 .b302-spread{display:flex;flex-direction:column;min-height:0}
 .b3-02 .b302-photo{height:270px;min-height:0}
 .b3-02 .b302-photo>img{height:100%;min-height:0;object-fit:cover}
 .b3-02 .b302-pairs{padding:27px 20px 29px}
 .b3-02 .b302-pair h3{font-size:27px;line-height:1.2;letter-spacing:-.4px;margin-bottom:20px}
 .b3-02 .b302-choices{display:block}
 .b3-02 .b302-choice+.b302-choice{margin-top:19px}
 .b3-02 .b302-choice dt{min-height:0;margin-bottom:8px;font-size:16px;line-height:1.4}
 .b3-02 .b302-choice dd{font-size:18px;line-height:1.5}
 .b3-02 .b302-pair+.b302-pair{margin-top:26px;padding-top:25px}
 .b3-02 .b302-comparison-note{margin:23px 0 25px;font-size:16px}
 .b3-02 .b302-closing{display:block;padding-top:25px}
 .b3-02 .b302-closing h3{font-size:28px;line-height:1.2}
 .b3-02 .b302-closing p{font-size:18px;line-height:1.5}
 .b3-02 .b302-closing .b3-cta{margin-top:23px;width:100%;min-width:0}
}
@media(max-width:350px){
 .b3-02{padding-inline:18px}
 .b3-02 .b302-heading h2{font-size:31px;letter-spacing:-.65px}
 .b3-02 .b302-heading .b302-lead{font-size:17px}
 .b3-02 .b302-opening{height:260px;margin-inline:-18px}
 .b3-02 .b302-journal{margin-inline:-18px}
 .b3-02 .b302-photo{height:235px}
 .b3-02 .b302-pairs{padding-inline:18px}
 .b3-02 .b302-pair h3{font-size:25px}
 .b3-02 .b302-choice dd,.b3-02 .b302-closing p{font-size:17px}
}
@media(prefers-reduced-motion:reduce){.b3-02 .b302-photo>img{transition:none}.b3-02 .b302-photo:hover>img{transform:none}}
.b3-02 .b302-opening>img{object-position:50% 54%}.b3-02 .b302-spread:first-child .b302-photo>img{object-position:52% center}
@media(max-width:760px){.b3-02 .b302-opening>img{object-position:60% 54%}}

/* Verbatim prototype copy: heading, six features, and CTA only. */
.b3-02 .b302-heading{display:block;max-width:1150px}
.b3-02 .b302-heading h2{max-width:1100px}
.b3-02 .b302-pair p{margin:0;font:400 20px/1.55 Onest,Arial,sans-serif;color:var(--b302-muted);text-wrap:pretty}
.b3-02 .b302-closing{margin-top:30px;justify-content:center}
.b3-02 .b302-closing .b3-cta{margin-top:0}
@media(max-width:760px){.b3-02 .b302-pair p{font-size:18px;line-height:1.55}.b3-02 .b302-closing{margin-top:25px}.b3-02 .b302-heading h2{font-size:32px}}
@media(max-width:350px){.b3-02 .b302-heading h2{font-size:29px}.b3-02 .b302-pair p{font-size:17px}}