/* Real face + illustrated Waikīkī, with a compact mobile invitation. */
.becoming-opening{grid-template-areas:"copy visual" "intro visual" "details visual";align-items:start}
.becoming-opening-intro{grid-area:intro;min-width:0}
.becoming-opening-intro .hero-descriptor{margin:0 0 12px;font-size:1.12rem;line-height:1.55}
.becoming-opening-intro>p:last-child{margin:0 0 22px;font-size:1.04rem;line-height:1.6}
.becoming-personal-opening .becoming-scene-panel{position:relative}
.becoming-personal-opening .becoming-scene{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover}
.becoming-personal-opening img.hero-friendly-face{position:absolute;width:190px;height:190px;aspect-ratio:1;object-fit:cover;object-position:center 25%;bottom:-52px;left:18px;border:7px solid #fffaf3;border-radius:50%;box-shadow:0 8px 22px #43232b25;filter:none;transform:none;opacity:1}
.becoming-personal-opening figcaption{padding:16px 0 0 230px;min-height:115px;text-align:left;font-family:Arial,sans-serif;font-style:normal;font-size:.92rem;line-height:1.5;color:#a20a27}
.becoming-personal-opening figcaption strong,.becoming-personal-opening figcaption span{display:block}
.becoming-personal-opening figcaption span{font-size:.73rem}
.becoming-personal-opening figcaption .scene-caption{font-family:var(--display,Georgia,serif);font-style:italic;font-size:1.07rem;margin-top:8px}
.becoming-version-two .becoming-personal-opening img.hero-friendly-face{border-radius:50%;box-shadow:0 8px 22px #43232b25}
.becoming-version-two .becoming-personal-opening figcaption{padding:16px 0 8px 230px;font-size:.92rem;min-height:115px}
a:focus-visible,summary:focus-visible{outline:3px solid #a20a27;outline-offset:5px}
.skip-link{position:fixed;left:16px;top:-120px;background:#fffaf3;color:#a20a27;border:2px solid #a20a27;padding:12px 18px;z-index:1000}.skip-link:focus{top:12px}
@media(max-width:700px){.becoming-hero-v2{padding-top:24px}.becoming-opening{grid-template-areas:"copy" "visual" "intro" "details";gap:18px}.becoming-hero-v2 h1{font-size:clamp(2.5rem,10.7vw,3.9rem);margin-bottom:0}.becoming-hero-v2 .offer-name{margin-bottom:12px}.becoming-personal-opening .becoming-scene{aspect-ratio:16/9;object-position:center 44%;border-radius:45px 45px 4px 4px}.becoming-personal-opening img.hero-friendly-face{width:126px;height:126px;bottom:-37px;left:12px;border-width:5px}.becoming-personal-opening figcaption,.becoming-version-two .becoming-personal-opening figcaption{min-height:64px;padding:9px 0 0 151px;font-size:.78rem;line-height:1.4}.becoming-personal-opening figcaption span{font-size:.66rem}.becoming-personal-opening figcaption .scene-caption{display:none}.becoming-opening-intro .hero-descriptor{font-size:1rem;margin-bottom:8px}.becoming-opening-intro>p:last-child{font-size:.95rem;margin-bottom:0;line-height:1.5}.becoming-opening-details .button-row{margin:0 0 14px;gap:12px}.becoming-opening-details .offer-live-format{font-size:.89rem;margin-bottom:12px}.becoming-version-two .becoming-opening{gap:18px}}