/* Baby shower page, photo-led option. Scoped under .gbr.b2 */
.gbr.b2 img{display:block;max-width:100%}
.gbr.b2 .hero2{padding:0 20px}
.gbr.b2 .hero2 .frame{position:relative;height:calc(100svh - 102px);min-height:480px;overflow:hidden;display:flex;align-items:center;justify-content:center;text-align:center}
.gbr.b2 .hero2 .frame>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:35% 50%}
@media(max-width:760px){.gbr.b2 .hero2 .frame>img{object-position:17% 50%}.gbr.b2 .full img.pl{object-position:34% 50%}}
.gbr.b2 .hero2 .frame::after{content:"";position:absolute;inset:0;background:rgba(10,28,26,.28)}
.gbr.b2 .hero2 .in{position:relative;z-index:1;padding:24px;max-width:1000px}
.gbr.b2 .hero2 h1{font-size:clamp(52px,9vw,128px);line-height:1;font-weight:400;text-wrap:balance}
.gbr.b2 .hero2 .sub{margin:24px 0 0;font-size:19px}
.gbr.b2 .hero2 .ctas{margin-top:32px;display:flex;gap:14px;justify-content:center;flex-wrap:wrap}
.gbr.b2 .why{position:relative;display:flex;align-items:center;background:#0C2121;padding:100px 0;overflow:hidden}
.gbr.b2 .why .emb{position:absolute;left:-481px;top:15px;width:730px;height:auto;pointer-events:none}
.gbr.b2 .why .tx{position:relative;flex:0 0 46.5%;box-sizing:border-box;padding:0 0 0 14vw;display:flex;flex-direction:column;justify-content:center;gap:25px}
.gbr.b2 .why .tx h2{font-size:40px;line-height:45px;font-weight:400;text-wrap:balance}
.gbr.b2 .why .tx p{margin:0;font-size:22px;line-height:1.3}
.gbr.b2 .why .tx .bring{margin:0;display:grid;gap:18px}
.gbr.b2 .why .tx .bring div{border-top:1px solid rgba(255,255,255,.28);padding-top:12px}
.gbr.b2 .why .tx .bring dt{font-size:12px;letter-spacing:.14em;text-transform:uppercase;opacity:.8}
.gbr.b2 .why .tx .bring dd{margin:6px 0 0;font-size:18px;line-height:1.4}
.gbr.b2 .why .tx p.note{font-size:16px;opacity:.8}
.gbr.b2 .why .tx p.one{border-top:1px solid rgba(255,255,255,.28);padding-top:18px;font-size:19px;line-height:1.4}
.gbr.b2 .why .ph{flex:1 1 auto;min-width:0;margin-left:100px}
.gbr.b2 .why .ph img{display:block;width:100%;height:593px;object-fit:cover;border-radius:6000px 0 0 0}
.gbr.b2 .why.rev .emb{left:auto;right:-481px;transform:scaleX(-1)}
.gbr.b2 .why.rev .tx{order:2;padding:0 14vw 0 0}
.gbr.b2 .why.rev .ph{order:1;margin-left:0;margin-right:100px}
.gbr.b2 .why.rev .ph img{border-radius:0 6000px 0 0}
.gbr.b2 .full{margin:0;position:relative}
.gbr.b2 .full img{width:100%;height:min(80vh,720px);object-fit:cover;object-position:70% 55%}
.gbr.b2 .full figcaption{position:absolute;inset:auto 0 0 0;padding:120px 24px 56px;text-align:center;font-size:clamp(28px,4vw,54px);line-height:1.12;font-weight:400;background:linear-gradient(180deg,transparent,rgba(10,28,26,.78));text-wrap:balance}
.gbr.b2 .opt{padding:96px 24px;text-align:center}
.gbr.b2 .opt>h2{font-size:clamp(34px,4.2vw,58px);font-weight:400}
.gbr.b2 .two{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;max-width:1120px;margin:52px auto 0}
.gbr.b2 .two article{background:#1b3a37;border-radius:999px 999px 0 0;padding:84px 36px 44px;display:flex;flex-direction:column;align-items:center}
.gbr.b2 .two .k{margin:0;font-size:12px;letter-spacing:.14em;text-transform:uppercase;opacity:.8}
.gbr.b2 .two h3{margin:12px 0 0;font-size:36px;line-height:1.1;font-weight:400;text-wrap:balance}
.gbr.b2 .two .pr{margin:16px 0 0;font-size:30px}
.gbr.b2 .two .d{margin:16px 0 28px;line-height:1.6;max-width:32ch;flex:1}
.gbr.b2 .looks{margin:44px 0 0;display:flex;gap:10px;align-items:center;justify-content:center;flex-wrap:wrap;font-size:14px;letter-spacing:.08em;text-transform:uppercase}
.gbr.b2 .looks span{width:22px;height:22px;border-radius:50%;background:var(--c);margin-left:10px}
.gbr.b2 .looks span:first-child{margin-left:0}
.gbr.b2 .looks em{flex-basis:100%;margin-top:10px;font-style:normal;text-transform:none;letter-spacing:0;opacity:.8}
.gbr.b2 .faq2{padding:96px 24px}
.gbr.b2 .faq2>h2{font-size:clamp(34px,4.2vw,58px);font-weight:400;text-align:center;margin-bottom:40px}
.gbr.b2 .final .fine2{margin-top:28px;font-size:13px;letter-spacing:.1em;text-transform:uppercase;opacity:.85;line-height:1.8}
.gbr.b2 #options,.gbr.b2 #faq{scroll-margin-top:110px}
@media (max-width:1200px){.gbr.b2 .hero2 .frame{height:calc(100svh - 90px)}
 .gbr.b2 .why .emb{left:-218px;top:41.8%;width:300px}
 .gbr.b2 .why.rev .emb{left:auto;right:-218px;transform:scaleX(-1)}
 .gbr.b2 .why .tx{flex:0 0 45%;padding:0 0 0 18.4vw}.gbr.b2 .why.rev .tx{padding:0 18.4vw 0 0}
 .gbr.b2 .why .ph img{height:min(593px,64vw)}}
@media (max-width:760px){
 .gbr.b2 .why,.gbr.b2 .why.rev{display:block;padding:0}
 .gbr.b2 .why .emb{display:none}
 .gbr.b2 .why .tx,.gbr.b2 .why.rev .tx{padding:35px 40px 45px;flex:none}
 .gbr.b2 .why .tx h2{font-size:28px;line-height:1.2}
 .gbr.b2 .why .tx p{font-size:18px}
 .gbr.b2 .why .tx p.one{font-size:17px}
 .gbr.b2 .hero2 h1{font-size:40px}
 .gbr.b2 .hero2 .sub{font-size:17px}
 .gbr.b2 .faq2>h2,.gbr .opt .h2{font-size:28px}
 .gbr.b2 .final h2,.gbr.b2 .final .in h2{font-size:30px;line-height:1.15}
 .gbr.b2 .full figcaption{font-size:22px;padding:80px 20px 36px}
 .gbr.b2 .why .ph,.gbr.b2 .why.rev .ph{margin:0}
 .gbr.b2 .why .ph img{height:260px}.gbr.b2 .why.rev .ph img{border-radius:6000px 0 0 0}
 .gbr.b2 .hero2{padding:0 20px}

 .gbr.b2 .two{grid-template-columns:minmax(0,1fr)}
 .gbr.b2 .full img{height:60vh}
}