/* Graceful bold · Malana Hokulani · October 15, 2026 */
:root{--paper:#fffaf2;--cream:#f8efdf;--ink:#43232b;--brown:#a20a27;--pink:#b51240;--red:#a20a27;--gold:#f2b6c7;--sage:#d68b9d;--peach:#f2b6c7;--line:#a20a2730;--shadow:0 20px 55px #5914260b;--display:'Bodoni Moda',Didot,'Bodoni MT',Georgia,serif}
body{background:var(--paper);color:var(--ink);font-family:Arial,'Helvetica Neue',sans-serif;font-size:17px;line-height:1.75}
h1,h2,.serif,.price{font-family:var(--display);font-weight:500;color:var(--red);letter-spacing:-.055em}
h2{font-size:clamp(2.9rem,5.6vw,5.4rem);line-height:1.06;text-wrap:balance}
h2 em,h1 em{font-weight:500}
p{max-width:72ch}
.site-header{max-width:1340px;padding:25px 40px;border-color:var(--line)}
.brand{font-family:var(--display);font-weight:600;letter-spacing:.01em;text-transform:none;color:var(--red);font-size:1.6rem}
.section-nav a{font-size:.78rem;letter-spacing:.06em;font-weight:500;color:var(--red)}
.preview-banner{background:var(--red);color:var(--paper);font-size:.68rem;letter-spacing:.12em;font-weight:400;padding:9px 20px}
.wrap{width:min(1190px,calc(100% - 80px))}.narrow{width:min(800px,calc(100% - 80px))}.section{padding:110px 0}
.eyebrow{background:transparent;color:var(--red);padding:0;transform:none;font-weight:500;font-size:.68rem;letter-spacing:.2em;line-height:1.6;margin-bottom:25px}
.hero{padding:86px 0 120px;background:var(--paper);position:relative}
.hero:after{content:'';position:absolute;bottom:4px;left:0;width:100%;height:110px;background:url('/assets/thread-editorial.svg') center/cover no-repeat;pointer-events:none;opacity:.7}
.hero-grid{grid-template-columns:minmax(0,1.35fr) minmax(0,.75fr);gap:65px;align-items:start}
.hero h1{font-family:var(--display);font-size:clamp(3.8rem,6.15vw,6.7rem);line-height:1.06;letter-spacing:-.065em;margin-bottom:34px;color:var(--red)}
.hero h1 em{color:var(--red);position:relative;white-space:nowrap}
.hero h1 em:after{content:'';position:absolute;bottom:0;left:0;width:100%;height:.08em;background:var(--gold);z-index:-1;transform:rotate(-3deg)}
.hero .lede{font-size:1.08rem;line-height:1.7;margin-bottom:20px}.hero-photo-wrap{padding:20px 0 0;isolation:isolate}
.hero-photo-wrap:before{content:'';position:absolute;z-index:-1;right:-22px;bottom:180px;width:150px;height:180px;background:url('/assets/leopard-approved.png') center/cover;clip-path:polygon(20% 0,100% 12%,92% 100%,0 85%);transform:rotate(7deg)}
.hero-photo-stack{border:0;border-radius:47% 47% 0 0;box-shadow:13px 14px 0 #f5bdcc;aspect-ratio:830/1208}
.tape{display:none}.portrait-caption{font-weight:500;color:var(--red);letter-spacing:.12em;font-size:.72rem;text-align:center;margin-top:28px}.portrait-caption span{font-size:.66rem;margin-top:7px}
.hero-endorsement{font-family:var(--display);font-style:italic;font-size:1.7rem;line-height:1.28;border-top:1px solid var(--line);padding-top:25px;color:var(--red)}
.hero-endorsement cite{font-size:.62rem;line-height:1.7;letter-spacing:.12em;font-weight:400;color:var(--ink)}
.button{background:var(--red);border:1px solid var(--red);color:var(--paper);border-radius:0;box-shadow:none;font-size:.78rem;letter-spacing:.045em;font-weight:500;padding:16px 23px;transition:background .2s,transform .2s}
.button:hover,.button:focus-visible{background:#790b24;box-shadow:none;transform:translateY(-2px)}.header-link{font-size:.8rem;font-weight:500;color:var(--red)}
.button.alt{color:var(--red)}
.questions-section{background:var(--red);color:var(--paper)}.questions-section h2,.questions-section .eyebrow{color:var(--paper)}
.signals{gap:0 40px;counter-reset:question}.signal{background:transparent;border:0;border-top:1px solid #fffaf24d;color:var(--paper);font-family:var(--display);font-size:clamp(1.25rem,1.75vw,1.5rem);line-height:1.5;padding:27px 0;position:relative}
.signal:before{counter-increment:question;content:'0' counter(question);display:block;font-family:Arial,sans-serif;font-size:.6rem;letter-spacing:.15em;color:var(--gold);margin-bottom:13px}.questions-section .lede{font-size:1.1rem;font-weight:400;color:var(--paper)}
.question-bridge{background:#f8c5d1;border:0}.question-bridge p{font-size:1.1rem;line-height:1.8}.question-bridge h2{margin-bottom:35px}.question-bridge p:last-child{margin-top:30px}
.ways{background:var(--paper)}.ways-intro{text-align:left;max-width:none}.ways-intro .lede{margin-left:0;max-width:820px;font-size:1.2rem}
.price-grid{gap:30px;margin-top:55px}.price-card{border:1px solid var(--line);box-shadow:none;padding:45px;background:#f8d5de;color:var(--ink);position:relative;overflow:hidden}
.price-card.featured{background:var(--red);color:var(--paper);border-color:var(--red)}.price-card h3{font-family:var(--display);font-size:clamp(2.5rem,3.7vw,3.5rem);font-weight:500;line-height:1.12;letter-spacing:-.04em}.price{font-size:clamp(4rem,6vw,6rem);margin:18px 0 28px;letter-spacing:-.07em}.price-card.featured .price,.price-card.featured h3,.price-card.featured .eyebrow{color:var(--paper)}
.price-card.featured .button{background:var(--paper);color:var(--red);border-color:var(--paper);box-shadow:none}.price-card p,.price-card li{font-size:1rem}.price-card .eyebrow{font-size:.61rem;letter-spacing:.13em}
.coaching-overview{margin-top:75px}.coaching-overview h3{font-family:var(--display);font-size:clamp(2rem,4vw,3.5rem);color:var(--red);font-weight:500}.coaching-process{gap:0;border-block:1px solid var(--line);margin:40px 0}
.coaching-process article{background:transparent;border:0;border-right:1px solid var(--line);padding:32px}.coaching-process article:first-child{padding-left:0}.coaching-process article:last-child{border:0}.coaching-process h3{font-family:var(--display);font-size:2rem;color:var(--red);line-height:1.2}.process-number{font-weight:400;font-size:.68rem;letter-spacing:.12em;color:var(--red)}.week-card{background:var(--paper);border-color:var(--line);box-shadow:none}
#about{background:#f9ebdf}.about-head{grid-template-columns:170px minmax(0,1fr);gap:40px;margin-bottom:48px}.about-photo-frame{box-shadow:9px 10px 0 #e9b4c2;transform:none;border:0;border-radius:48% 48% 0 0}.about-copy{margin-left:auto;margin-right:auto;max-width:760px}.about-head h2{font-family:var(--display)}
.life-transformation,.bio-birthday figure,.bio-food-history figure,.bio-hawaii-now figure{box-shadow:none}.bio-chapter .eyebrow{border-top:1px solid var(--line);padding-top:30px}.bio-chapter h3{font-family:var(--display);font-size:2.2rem;text-transform:none;letter-spacing:-.03em;font-weight:500;color:var(--red);line-height:1.2}
.proof-wall{background:var(--paper)}.proof-wall h2{max-width:1000px}.proof-wall .quote-feature{background:var(--red);color:var(--paper);border:0;box-shadow:none}.proof-wall .quote-feature blockquote{font-family:var(--display);font-size:clamp(1.8rem,3vw,2.7rem);line-height:1.3}.proof-wall .quote-feature .testimonial-detail{font-family:Arial,sans-serif;font-size:1rem}.proof-wall .quote-feature cite{font-size:.65rem;letter-spacing:.1em;font-weight:400}
.proof-wall .quote-visual{background:#f7c3d1;border:0;color:var(--red)}.proof-wall .quote-visual p{font-family:var(--display);font-size:2rem}.proof-card{box-shadow:none;border:1px solid var(--line);background:var(--paper)}.proof-card:nth-child(2n){background:#f8e4e9}.proof-card:nth-child(3n){background:#f7f0e5}.proof-card.big{background:var(--red);color:var(--paper)}.proof-card blockquote{font-family:var(--display);font-size:1.5rem;line-height:1.5}.proof-card cite{font-size:.65rem;letter-spacing:.1em;font-weight:500}.proof-shot{filter:none;border-color:var(--line)}
.application-section{background:#f6c1d0}.application-card{background:var(--paper);box-shadow:none;border:1px solid var(--line);border-radius:0;padding:38px}.application-card label{font-weight:500}.application-card input,.application-card textarea,.application-card select{border-radius:0;border-color:#b49099;background:#fffdf8}.application-card fieldset{border-color:var(--line)}.application-card legend{font-weight:500}
.faq{background:var(--paper)}summary{color:var(--red)}.faq details{border-color:var(--line)}
.closing{background:var(--red);color:var(--paper);overflow:hidden}.closing h2{color:var(--paper)}.closing h2 em{color:var(--gold)}.closing .button{background:var(--paper);color:var(--red);border-color:var(--paper)}.closing p{color:var(--paper)}.thread{background:url('/assets/thread-editorial.svg') center/contain no-repeat!important;filter:brightness(0) invert(1);opacity:.65;border:0!important;box-shadow:none!important;height:90px!important;width:100%!important;transform:none!important}
.read-more{background:var(--paper)}.writing-feature{border:0;background:transparent;box-shadow:none}.writing-feature-copy{padding:30px 35px 30px 0}.writing-testimonial{border:1px solid var(--line);box-shadow:none;background:#f8e5e9}.studio-art{border:0;box-shadow:none;background:transparent}.writing-feature .studio-art img{object-fit:contain}
footer{background:var(--paper);color:var(--red);border-top:1px solid var(--line)}
a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #bb5272;outline-offset:5px}
@media(max-width:900px){.hero-grid{grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:35px}.hero h1{font-size:clamp(3.3rem,6.6vw,5.2rem)}.price-card{padding:30px}.about-copy{margin-inline:auto}.section-nav{gap:15px}.coaching-process article{padding:22px}}
@media(max-width:700px){.wrap,.narrow{width:calc(100% - 40px)}.site-header{padding:20px;gap:18px;flex-wrap:wrap}.brand{font-size:1.5rem}.section-nav{width:100%;justify-content:flex-start;gap:16px;flex-wrap:wrap}.section-nav a{font-size:.68rem}.hero{padding:50px 0 95px}.hero-grid{grid-template-columns:1fr;gap:40px}.hero h1{font-size:clamp(2.8rem,10.6vw,4.6rem);line-height:1.08;letter-spacing:-.065em}.hero .eyebrow{font-size:.6rem;letter-spacing:.12em}.hero-photo-wrap{width:min(350px,87%);margin:0 auto}.hero:after{height:70px}.hero-photo-wrap:before{right:-17px}.section{padding:70px 0}h2{font-size:clamp(2.7rem,10vw,4rem)}.signals,.price-grid,.coaching-process{grid-template-columns:1fr}.signals{gap:0}.signal{font-size:1.4rem;padding:25px 0}.price-grid{gap:25px}.price-card{padding:30px 25px}.price-card h3{font-size:2.6rem}.coaching-process article,.coaching-process article:first-child{border-right:0;border-bottom:1px solid var(--line);padding:28px 0}.about-head{grid-template-columns:100px minmax(0,1fr);gap:24px}.about-head h2{font-size:2.4rem}.about-copy{margin-left:0}.proof-wall .quote-feature blockquote{font-size:1.9rem}.proof-grid{grid-template-columns:1fr}.application-card{padding:25px 20px}.writing-feature-copy{padding:0 0 35px}.button-row{gap:18px}.hero .button{font-size:.71rem;padding:15px 18px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}.button:hover{transform:none}}

/* The Life After Session: room for the name on all screen sizes. */
.price-card h3{line-height:1.25;overflow-wrap:normal}.hero h1{font-size:clamp(3.3rem,5.3vw,6rem)}.process-accordion summary{cursor:pointer}.about-copy>details{margin-top:32px}.price-card .micro{margin-top:16px}@media(max-width:640px){.hero h1{font-size:clamp(2.65rem,10.7vw,4.3rem)}.price-card h3{font-size:1.55rem}}

/* Founding launch: one session, one offer. */
.price-grid{grid-template-columns:minmax(0,1fr);max-width:850px;margin-inline:auto}.pilot-quotes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.pilot-quotes .proof-card{padding:30px}.pilot-quotes blockquote{margin:0 0 24px}.pilot-quotes cite{display:block;font-style:normal}@media(max-width:800px){.pilot-quotes{grid-template-columns:1fr}}

/* A readable example of the written guide, built with real text. */
.guide-sample-section{background:#f8e4e9}.guide-sample-section>.wrap>.lede{max-width:800px}.sample-paper{margin:45px auto 0;padding:52px;background:#fffaf2;border:1px solid #a20a2730;box-shadow:0 20px 50px #5914260a;max-width:970px}.sample-paper-head{border-bottom:1px solid #a20a2730;padding-bottom:22px;margin-bottom:28px}.sample-paper-head h3{font-family:var(--display);font-size:clamp(2.5rem,4.5vw,4rem);text-transform:none;letter-spacing:-.04em;font-weight:500;color:var(--red);margin:0 0 12px;line-height:1.1}.sample-paper-head p,.sample-note{font-size:.85rem}.sample-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px 40px}.sample-paper h4{font-family:var(--display);font-size:1.6rem;color:var(--red);line-height:1.2;font-weight:500;margin:0 0 12px}.sample-grid p,.sample-direction p{font-size:.98rem;line-height:1.75}.sample-direction{margin-top:12px;padding:26px;background:#f6d8e1}.sample-direction p{margin-bottom:0}.sample-plan{border-block:1px solid #a20a2730;margin:30px 0}.sample-plan summary{padding:20px 0;cursor:pointer}.sample-plan ol{padding-left:22px}.sample-plan li{padding:8px 0 12px 6px}.sample-note{margin:24px 0 0}@media(max-width:650px){.sample-paper{padding:28px 22px}.sample-grid{grid-template-columns:1fr;gap:10px}.sample-direction{padding:22px}.sample-paper h4{font-size:1.5rem}}

/* Founding invitation: clear hierarchy, aligned edges + readable two-column body. */
.ways-intro{max-width:1050px}.ways .price-grid{max-width:none;margin-top:38px}.founding-offer{padding:48px}.founding-offer-header{display:grid;grid-template-columns:minmax(210px,.65fr) minmax(0,1.35fr);gap:48px;align-items:center;padding-bottom:36px;border-bottom:1px solid #fffaf260;margin-bottom:36px}.founding-label{display:inline-block;background:#fffaf2;color:#a20a27;padding:8px 14px;font:600 .76rem/1.3 Arial,sans-serif;letter-spacing:.13em;text-transform:uppercase}.founding-price .price{font-size:clamp(4rem,6vw,5.2rem);line-height:1.05;letter-spacing:-.025em;margin:20px 0 12px;font-weight:500}.founding-price .founding-limit{font-size:1rem;margin:0;color:#fffaf2}.founding-offer .founding-intro h3{font-size:clamp(1.8rem,2.7vw,2.7rem);line-height:1.15;text-transform:none;letter-spacing:-.025em;margin-bottom:18px}.founding-intro p{max-width:55ch;margin:0;line-height:1.8}.founding-offer-body{display:grid;grid-template-columns:1fr 1fr;gap:48px}.founding-offer .founding-offer-body h3{font-size:1.95rem;line-height:1.2;text-transform:none;letter-spacing:-.025em;margin-bottom:22px}.founding-offer-body p,.founding-offer-body li{font-size:1rem;line-height:1.8}.founding-offer-body ul{padding-left:21px}.founding-offer-body li{margin-bottom:14px}.founding-offer .header-link{color:#fffaf2;text-underline-offset:5px;text-decoration:underline}.founding-offer-footer{border-top:1px solid #fffaf260;padding-top:30px;margin-top:24px}.founding-offer-footer .micro{margin:16px 0 0;opacity:1}.hero-founding-note{font-size:.92rem;color:var(--red);margin-top:22px}.hero-founding-note strong{font-weight:700}@media(max-width:760px){.founding-offer{padding:30px 24px}.founding-offer-header,.founding-offer-body{grid-template-columns:1fr;gap:28px}.founding-offer-header{padding-bottom:28px;margin-bottom:28px}.founding-offer .founding-intro h3{font-size:2rem}.founding-offer .founding-offer-body h3{font-size:1.8rem}.founding-price .price{font-size:4.8rem}.founding-offer-footer .button{max-width:100%;white-space:normal;text-align:center}}

/* Keep the decorative thread continuous at every viewport width. */
.hero:after{background-size:100% 100%;background-position:center center}

/* Soft studio backdrop preview; preserve the original portrait. */
.hero{background-image:linear-gradient(90deg,#fffaf2 0%,rgba(255,250,242,.99) 30%,rgba(255,250,242,.93) 52%,rgba(255,250,242,.79) 80%,rgba(255,250,242,.85) 100%),url('/assets/creative-studio-evolved.webp');background-size:cover;background-position:center,right center}
.hero-photo-wrap:before{display:none}
@media(max-width:700px){.hero{background-image:linear-gradient(180deg,#fffaf2 0%,rgba(255,250,242,.98) 50%,rgba(255,250,242,.84) 78%,rgba(255,250,242,.9) 100%),url('/assets/creative-studio-evolved.webp');background-position:center,center bottom}}

/* Give the recap action box its own readable spacing. */
.sample-direction{margin-top:28px;padding:30px 32px}
.sample-direction h4{margin-bottom:18px;max-width:100%}
.sample-direction p{max-width:none;margin:0;line-height:1.75}
.sample-direction p+p{margin-top:18px}
@media(max-width:650px){.sample-direction{margin-top:24px;padding:24px 22px}.sample-direction h4{font-size:1.45rem;line-height:1.25;margin-bottom:16px}.sample-direction p+p{margin-top:16px}}

/* A clear opening question, then the woman behind the work. */
.opening-rule{height:1px;background:var(--red);opacity:.45;width:min(100%,390px);margin:30px 0}
.hero-offer-description{font-size:.84rem;line-height:1.65;color:var(--red);max-width:43ch;margin:0 0 26px}
.hero-desire{font-family:var(--display);color:var(--red);font-size:clamp(2rem,3vw,3rem);line-height:1.15;margin:28px 0 20px}
.hero-desire em{font-weight:inherit}.offer-live-format{font-size:1.12rem;line-height:1.7;margin-top:24px;max-width:720px}
.hero-grid{align-items:center}.hero .button-row{margin-top:30px}
@media(max-width:700px){.opening-rule{margin:25px 0}.hero-desire{font-size:2.2rem}.hero-offer-description{font-size:.85rem}.offer-live-format{font-size:1.04rem}}

.about-recognition{font-size:1.05rem;color:var(--red);margin:0 0 15px;font-weight:600}.founding-offer-body>div{min-width:0}

/* Readable session details: keep the red invitation, give the copy its own paper. */
.founding-offer-body{gap:26px;align-items:start}
.founding-offer-body>div{background:#fffaf2;color:#302426;padding:32px;min-width:0;border:1px solid #fffaf260}
.founding-offer .founding-offer-body h3{color:#a20a27;font-size:clamp(1.7rem,2.4vw,2.15rem);line-height:1.18;margin-bottom:24px}
.founding-offer .founding-offer-body p{font-size:1.08rem;line-height:1.75;margin:0 0 21px;max-width:none}
.founding-offer .founding-offer-body p:last-child{margin-bottom:0}
.founding-offer .founding-offer-body .header-link{color:#a20a27;font-size:.95rem}
.founding-offer-body strong{font-weight:650}
.founding-offer-body .session-closing{border-top:1px solid #a20a2730;padding-top:24px;color:#a20a27}
@media(max-width:1000px){.founding-offer-body{grid-template-columns:1fr}.founding-offer-body>div{padding:30px}}
@media(max-width:600px){.founding-offer{padding:28px 18px}.founding-offer-body>div{padding:25px 22px}.founding-offer .founding-offer-body p{font-size:1.05rem;line-height:1.7}.founding-offer .founding-offer-body h3{font-size:1.9rem}}

/* The Becoming: desire-led opening and room for the invitation. */
.hero .offer-name{font-size:.8rem;letter-spacing:.13em;line-height:1.6}
.hero .hero-descriptor{font-size:1.12rem;line-height:1.75;max-width:48ch;color:var(--red);margin:28px 0 0}
.hero .hero-inclusions{font-size:.94rem;line-height:1.75;margin-top:26px;max-width:48ch}
.bridge-invitation{font-family:var(--display);font-size:clamp(1.8rem,3vw,2.5rem)!important;line-height:1.25!important;color:var(--red)}
.closing .eyebrow{color:var(--paper);margin-bottom:28px}
.closing h2{font-size:clamp(3rem,6vw,5.8rem);line-height:1.06}
@media(max-width:700px){.hero .hero-descriptor{font-size:1.05rem}.hero .offer-name{font-size:.67rem}.closing h2{font-size:clamp(2.6rem,10vw,4rem)}}

.bio-hawaii-comparison{max-width:620px;margin:34px auto 40px}.bio-hawaii-comparison img{display:block;width:100%;height:auto}.bio-hawaii-comparison figcaption{padding:22px 0 0}.bio-hawaii-comparison h4{font-size:1.05rem;margin:0 0 14px;color:var(--red)}.bio-hawaii-comparison figcaption p{font-size:1rem;line-height:1.75;margin-bottom:16px}
@media(max-width:650px){.bio-hawaii-comparison{margin:28px auto 32px}.bio-hawaii-comparison figcaption{padding-top:18px}}

/* Original personal-style photo alongside the invitation into expression. */
.expression-layout{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(0,.85fr);gap:64px;align-items:center}
.expression-copy{min-width:0}.expression-photo{margin:0;width:100%;border:9px solid #fffaf2;box-shadow:12px 12px 0 #a20a2720;overflow:hidden}
.expression-photo img{display:block;width:100%;aspect-ratio:5/8;height:auto;object-fit:cover;object-position:center top}
@media(max-width:1000px){.expression-layout{grid-template-columns:minmax(0,1.3fr) minmax(0,.8fr);gap:32px}.expression-layout h2{font-size:clamp(2.6rem,4.5vw,4.4rem)}}
@media(max-width:760px){.expression-layout{grid-template-columns:1fr;gap:34px}.expression-photo{width:min(100%,350px);justify-self:center}.expression-layout h2{font-size:clamp(2.7rem,10vw,4rem)}}

.becoming-life-section{background:#f8e4e9}.becoming-life-layout{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,.85fr);gap:60px;align-items:center}.becoming-life-copy{min-width:0}.becoming-life-copy h2{font-size:clamp(2.7rem,4.5vw,4.5rem);line-height:1.08;margin-bottom:30px}.becoming-life-copy p{font-size:1.1rem;line-height:1.8}.becoming-life-layout .expression-photo{max-width:390px;justify-self:center}
@media(max-width:800px){.becoming-life-layout{grid-template-columns:1fr;gap:32px}.becoming-life-layout .expression-photo{width:min(100%,350px)}.becoming-life-copy h2{font-size:clamp(2.6rem,9vw,4rem)}}

.becoming-life-layout .expression-photo{border:0;box-shadow:none;overflow:visible}.becoming-life-layout .expression-photo img{aspect-ratio:auto;height:auto;object-fit:contain}

/* Visible life imagery, with a quieter photo treatment. */
#about .about-hawaii-visible{max-width:480px;margin:38px auto 32px}
#about .about-hawaii-visible img{border:7px solid #fffaf2;box-sizing:border-box}
#about .about-hawaii-visible figcaption{padding-top:15px;text-align:center}
#about .about-hawaii-visible figcaption p{font-size:1rem;line-height:1.65;margin-bottom:0}
#about details .life-transformation>a{max-width:400px}
#about details .bio-birthday{max-width:280px;margin:25px auto}
.becoming-photo-pair{position:relative;width:100%;max-width:390px;min-height:570px;justify-self:center}
.becoming-photo-pair figure{margin:0;border:7px solid #fffaf2;box-sizing:border-box;box-shadow:0 8px 20px #432f2514}
.becoming-photo-pair img{display:block;width:100%;height:auto}
.becoming-ocean{width:86%;transform:rotate(-3deg)}
.becoming-portrait{position:relative;width:60%;margin:-135px 0 0 auto!important;transform:rotate(3deg)}
@media(max-width:800px){.becoming-photo-pair{max-width:340px;min-height:490px}.becoming-portrait{margin-top:-115px!important}}

/* Let the story comparison sit directly on the page. */
#about .life-transformation{background:transparent;padding:0;box-shadow:none;max-width:760px;margin:0 auto}
#about .life-captions{gap:32px;padding:24px 0 0}
@media(max-width:650px){#about .life-captions{gap:20px}}

/* Small, unframed glimpses of everyday life near the story ending. */
#about .story-life-photos{display:grid;grid-template-columns:1.45fr 1fr;gap:18px;align-items:center;max-width:640px;margin:30px auto}
#about .story-life-photos figure{margin:0;background:transparent;padding:0}
#about .story-life-photos img{display:block;width:100%;height:auto}
#about .bio-chapter>p{margin-bottom:18px}
@media(max-width:480px){#about .story-life-photos{gap:12px;margin:24px auto}}

/* Personal snapshots: aligned tops, natural proportions, slim ivory edges. */
#about .story-life-photos{align-items:start;height:auto}
#about .story-life-photos figure{height:auto;overflow:visible;border:5px solid #fffaf2;box-sizing:border-box}
#about .story-life-photos img{width:100%;height:auto;object-fit:contain}
@media(max-width:480px){#about .story-life-photos{height:auto}}

/* One shared edge for every framed supporting photograph. */
:root{--photo-border-width:5px;--photo-border-color:#fffaf2}
#about .life-transformation,#about .bio-birthday figure,#about .story-life-photos figure,.becoming-photo-pair figure{border:0;padding:0;background:transparent}
#about .life-transformation img,#about .bio-birthday img,#about .about-hawaii-visible img,#about .story-life-photos img,.becoming-photo-pair img{border:var(--photo-border-width) solid var(--photo-border-color);box-sizing:border-box}

/* The original comparison contains a pale mat: crop its display to the photos. */
#about .life-transformation>a{position:relative;aspect-ratio:674/842;overflow:hidden;border:var(--photo-border-width) solid var(--photo-border-color);box-sizing:border-box}
#about .life-transformation>a img{position:absolute;width:133.531%;max-width:none;height:auto;left:-15.282%;top:-6.295%;border:0}

.becoming-life-copy .becoming-life-label{font-family:var(--display);font-size:1.4rem;line-height:1.25;color:var(--red);margin:26px 0 10px;letter-spacing:0;text-transform:none}

/* Compact About rhythm: readable paragraphs, less space between story beats. */
#about{padding-block:72px}
#about .about-head{gap:28px;margin-bottom:26px}
#about .about-copy{max-width:800px;line-height:1.6}
#about .about-copy>p{margin-bottom:14px}
#about .about-recognition{margin-bottom:8px}
#about .about-heading .eyebrow{margin-bottom:12px}
#about .about-hawaii-visible{margin:24px auto}
#about .about-hawaii-visible figcaption{padding-top:10px}
#about .about-hawaii-visible h4{margin-bottom:8px}
#about .about-hawaii-visible figcaption p{line-height:1.5}
#about .about-copy>details{margin-top:22px}
#about .process-accordion{padding:12px 0}
#about .process-accordion[open] summary{margin-bottom:10px}
#about .life-spread{margin:18px 0 24px}
#about .life-captions{padding-top:16px;gap:24px}
#about .life-captions p{margin-bottom:10px;line-height:1.5}
#about .bio-chapter{margin:24px 0}
#about .bio-chapter h3{margin-bottom:12px}
#about .bio-chapter>p{margin-bottom:12px;line-height:1.6}
#about details .bio-birthday{max-width:260px;margin:18px auto}
#about .story-life-photos{margin:22px auto}
#about .bio-chapter:last-child{margin-bottom:4px}
@media(max-width:700px){#about{padding-block:50px}#about .about-head{gap:18px;margin-bottom:22px}#about .about-copy>p,#about .bio-chapter>p{margin-bottom:12px}#about .bio-chapter{margin:22px 0}#about .bio-chapter h3{font-size:1.85rem}#about .about-hawaii-visible{margin:22px auto}}

/* Approved original-life photo placements, October 17, 2026. */
.becoming-style-photo{max-width:350px;margin:30px auto}.becoming-style-photo img,.becoming-writing-photo img,.becoming-care-photo img{display:block;width:100%;height:auto;border:6px solid #fffaf2;box-sizing:border-box}.becoming-writing-photo{margin:26px 0 0;max-width:500px}.becoming-care-photo{max-width:320px;margin:24px auto}.becoming-garden-pause{margin:0;width:100%;height:280px;overflow:hidden}.becoming-garden-pause img{display:block;width:100%;height:100%;object-fit:cover}.becoming-portrait img{height:auto!important;aspect-ratio:auto!important;object-fit:contain!important}@media(max-width:700px){.becoming-garden-pause{height:190px}.becoming-style-photo{max-width:280px}}

#about .story-life-photos-single{grid-template-columns:1fr;max-width:780px;margin-left:auto;margin-right:auto}#about .story-life-photos-single img{width:100%;height:auto;aspect-ratio:auto;object-fit:contain}

/* Real-life moments throughout the personal story. */
#about .story-desires-palms{max-width:650px;margin:32px auto}#about .story-desires-palms img{display:block;width:100%;height:380px;object-fit:cover;object-position:center 45%}
#about .story-neighborhood-pair{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:32px 0}#about .story-neighborhood-pair figure{margin:0}#about .story-neighborhood-pair img{display:block;width:100%;aspect-ratio:1;object-fit:cover;object-position:center top}
#about .story-pleasure-pair{display:grid;grid-template-columns:1.2fr .9fr;align-items:center;gap:30px;max-width:760px;margin:40px auto;padding:12px}#about .story-pleasure-pair figure{margin:0;background:#fffaf2;padding:7px;box-shadow:0 8px 24px #432f2516}#about .story-icecream{transform:rotate(-2deg)}#about .story-nails{transform:rotate(3deg)}#about .story-pleasure-pair img{display:block;width:100%;height:auto;border:0}
@media(max-width:600px){#about .story-desires-palms img{height:280px}#about .story-neighborhood-pair{gap:10px}#about .story-pleasure-pair{gap:14px;padding:6px;margin:30px auto}}

#about .story-neighborhood-single{grid-template-columns:1fr;max-width:560px;margin-left:auto;margin-right:auto}.becoming-care-photo img{aspect-ratio:1098/1370;height:auto;object-fit:cover;object-position:center top}

#about .story-neighborhood-pair{align-items:center}#about .story-canal-rainbow img{aspect-ratio:auto;height:auto;object-fit:contain}

#about .story-beach-full{max-width:600px;margin:32px auto}#about .story-beach-full img{display:block;width:100%;height:auto;max-height:none;aspect-ratio:auto;object-fit:contain}

.action-plan-preview{width:100%;max-width:1000px;margin:38px auto 12px;scroll-margin-top:30px}.action-plan-preview a{display:block}.action-plan-preview img{display:block;width:100%;height:auto;aspect-ratio:auto;border:0;box-shadow:0 12px 30px #432f2515}@media(max-width:600px){.action-plan-preview{margin-top:26px}}