/* Shared frame. The original ring orientation is untouched. */
body[data-alignment]{--frame-width:1440px;--side-space:9vw;--page-gutter:max(var(--side-space),calc((100vw - var(--frame-width))/2));--inner-width:calc(100vw - var(--page-gutter)*2);--scene-height:max(790px,min(100svh,1120px));--copy-bottom:clamp(112px,12svh,148px)}
body[data-alignment="02"]{--frame-width:1280px;--side-space:10vw;--scene-height:max(790px,min(100svh,1040px));--copy-bottom:clamp(105px,11svh,126px)}
body[data-alignment="03"]{--frame-width:1360px;--side-space:9.5vw;--scene-height:max(790px,min(100svh,880px));--copy-bottom:104px}
@media(min-width:701px){
 body.theme-porcelain[data-alignment] .hero{--halo-width:min(calc(var(--inner-width)*.68),calc(var(--scene-height)*.88),900px);--halo-x:calc(50% + var(--inner-width)*.18);--halo-y:max(44%,calc(116px + var(--halo-width)*.30));height:var(--scene-height);min-height:var(--scene-height);max-height:none}
 body.theme-porcelain[data-alignment] .hero .masthead{padding:36px var(--page-gutter);height:112px}
 body.theme-porcelain[data-alignment] .hero .hero-copy{left:var(--page-gutter);right:auto;top:auto;bottom:var(--copy-bottom);width:calc(var(--inner-width)*.40);max-width:510px;margin:0;transform:none}
 body.theme-porcelain[data-alignment] .hero .hero-name{font-size:clamp(184px,min(16vw,25svh),250px);margin:0 0 28px -.016em;line-height:.77}
 body.theme-porcelain[data-alignment] .hero .eyebrow{margin:0 0 22px;font-size:10px}
 body.theme-porcelain[data-alignment] .hero .tagline{margin:0 0 22px;font-size:clamp(28px,2.4vw,38px);line-height:1.27;white-space:nowrap}
 body.theme-porcelain[data-alignment] .hero .intro-copy{margin:0;max-width:35ch;font-size:14px;line-height:1.75;text-wrap:balance}
 body.theme-porcelain[data-alignment] .hero .hero-footer{left:var(--page-gutter);right:var(--page-gutter);bottom:28px}
 body[data-alignment] main>.story-section,body[data-alignment] main>.moments-section,body[data-alignment] main>.trust-section,body[data-alignment] main>.waitlist,body[data-alignment] main>.chapter-nav{padding-inline:var(--page-gutter)}
 body[data-alignment] .archive-bar,body[data-alignment] .source-note{padding-inline:var(--page-gutter)}
 body.theme-porcelain[data-alignment="02"] .hero{--halo-width:min(calc(var(--inner-width)*.71),calc(var(--scene-height)*.86),850px);--halo-x:calc(50% + var(--inner-width)*.16);--halo-y:max(45%,calc(120px + var(--halo-width)*.30))}
 body.theme-porcelain[data-alignment="02"] .hero .hero-copy{width:calc(var(--inner-width)*.43)}
 body.theme-porcelain[data-alignment="02"] .hero .hero-name{margin-bottom:23px}
 body.theme-porcelain[data-alignment="02"] .hero .eyebrow{margin-bottom:20px}
 body.theme-porcelain[data-alignment="02"] .hero .tagline{margin-bottom:18px}
 body.theme-porcelain[data-alignment="03"] .hero{--halo-width:min(calc(var(--inner-width)*.61),calc(var(--scene-height)*.83),820px);--halo-x:calc(50% + var(--inner-width)*.18);--halo-y:max(44%,calc(118px + var(--halo-width)*.30))}
 body.theme-porcelain[data-alignment="03"] .hero .hero-name{font-size:clamp(182px,15vw,226px);margin-bottom:26px}
 body.theme-porcelain[data-alignment="03"] .hero .tagline{font-size:clamp(28px,2.3vw,35px);margin-bottom:19px}
 body.theme-porcelain[data-alignment="03"] .hero .intro-copy{max-width:34ch}
}
@media(min-width:701px) and (max-width:1000px){
 body[data-alignment]{--page-gutter:8vw;--scene-height:900px;--copy-bottom:112px}
 body.theme-porcelain[data-alignment] .hero{--halo-width:min(84vw,750px);--halo-x:63%;--halo-y:max(34%,calc(95px + var(--halo-width)*.29))}
 body.theme-porcelain[data-alignment] .hero .hero-copy{width:80%;max-width:530px}
 body.theme-porcelain[data-alignment] .hero .hero-name{font-size:190px}
 body.theme-porcelain[data-alignment] .hero .tagline{font-size:31px}
 body.theme-porcelain[data-alignment] .hero .interaction-note{display:none}
}
@media(max-width:700px){
 body.theme-porcelain[data-alignment] .hero{--halo-x:55%;--halo-y:252px;--halo-width:112vw;--copy-start:430px}
 body.theme-porcelain[data-alignment] .hero .hero-copy{margin-inline:8%}
 body.theme-porcelain[data-alignment] .hero .hero-name{margin-left:-.016em}
 body.theme-porcelain[data-alignment] .hero .intro-copy{font-size:12px;line-height:1.8;max-width:34ch;text-wrap:balance;margin:0}
 body.theme-porcelain[data-alignment="02"] .hero{--halo-y:243px;--copy-start:416px}
 body.theme-porcelain[data-alignment="03"] .hero{--halo-width:106vw;--halo-y:245px;--copy-start:410px}
}
@media(max-width:370px){body.theme-porcelain[data-alignment] .hero{--halo-y:231px;--copy-start:396px}body.theme-porcelain[data-alignment="03"] .hero{--halo-y:220px;--copy-start:380px}}
/* Review previews use one shared viewport for a fair comparison. */
body.is-preview.theme-porcelain[data-alignment] .hero{--scene-height:900px;height:900px;min-height:900px;max-height:900px}
@media(max-width:700px){body.theme-porcelain[data-alignment] .hero .masthead{padding-inline:8%}}