.wv{line-height:0}
.hero{padding-block:clamp(36px,6vw,80px) clamp(48px,7vw,96px); background:linear-gradient(180deg,var(--mist),var(--paper)); overflow:hidden}
.hero-copy{display:grid; gap:22px; justify-items:start}
.hero-copy h1{font-size:clamp(2.3rem,5.4vw,4.2rem)}
.hero-art{position:relative; max-width:460px; width:100%; justify-self:center}
.hero-art .frame{position:relative; z-index:1; box-shadow:var(--shadow)}
.ripple{position:absolute; right:-44px; bottom:-40px; width:70%; aspect-ratio:1; border-radius:50%; border:30px solid rgba(112,200,192,.4); z-index:0}
.ripple::after{content:""; position:absolute; inset:-60px; border-radius:50%; border:2px solid rgba(112,200,192,.7)}
.book .book-cover{display:grid; place-items:center; padding:20px; position:relative}
.book .book-cover::before{content:""; position:absolute; width:min(92%,400px); aspect-ratio:1; border-radius:50%; background:radial-gradient(circle,rgba(255,255,255,.55),rgba(255,255,255,0) 70%)}
.book .cover-img{position:relative; transform:rotate(-1deg)}

.book .more{color:#fff; text-underline-offset:4px}
.qa{list-style:none; padding:0; display:grid; gap:16px; color:var(--ink-soft)}
.qa li{padding-left:18px; border-left:3px solid var(--teal)}
.qa strong{display:block; color:var(--ink)}
.who-list{margin-inline:auto}
.about-photo{max-width:440px; justify-self:center; width:100%}
.journey .gallery figure{border-radius:18px}
.journey .gallery{grid-auto-rows:clamp(200px,24vw,320px)}
.bbb-logo{display:grid; place-items:center}
.bbb-logo img{width:min(100%,340px); border-radius:50%; box-shadow:var(--shadow)}
@media (max-width:960px){.hero-art{max-width:360px}.ripple{right:-20px}.q-photo{order:-1}}
@media (max-width:620px){.ripple{border-width:20px; right:-14px}.hero-copy .btn{width:100%}}