/* Keep the complete collage width; move it as one sheet within the hero. */
:root{--body-size-scale:1;--heading-size-scale:1;--small-size-scale:1}
.hero{background:linear-gradient(180deg,#c2e1e5,#e1e9da 65%,#f5e7c8);overflow:hidden;padding-bottom:25px}
.hero-art{position:absolute;top:0;left:0;width:100%;z-index:-2;will-change:transform;pointer-events:none}
.hero-art img{display:block;width:100%;height:auto;max-width:none}
.hero:after{background:linear-gradient(180deg,#fff9ed00 70%,#fff9ed10);pointer-events:none}
.hero-copy{max-width:1040px}
.hero-stage{height:745px;max-width:1120px}.phone-people{width:325px;left:calc(50% - 330px);transform:rotate(-2deg);top:42px}.phone-profile{width:340px;right:calc(50% - 333px);transform:rotate(2deg);top:10px}.hero .note-two{top:490px}
.product-panel{height:720px}.product-panel .solo-phone{width:calc(100% - 40px);max-width:420px;left:50%;top:90px;transform:translateX(-50%)}.sage .solo-phone{transform:translateX(-50%)}
.detail-scroll{height:555px;max-height:555px;overflow:hidden;border-radius:24px;box-shadow:0 16px 40px #30413218}.profile-crop{height:545px;overflow:hidden}.profile-crop img{margin-top:0;transform:none}.solo-phone:not(.detail-scroll){max-width:370px}.phone img{image-rendering:auto}
.friend-card.gallery-card{width:290px;flex:0 0 290px;min-height:392px;padding:28px 22px 20px;text-align:center;transform:none;border-radius:30px;background:#f0e8de;border-color:#e7ded1;box-shadow:0 8px 25px #2d382b08}.friend-card.gallery-card:nth-child(3n+2){background:#f4ede1;transform:none}.friend-card.gallery-card:nth-child(3n){background:#eaf0e5}.friend-card.gallery-card:hover{transform:translateY(-6px)}
.gallery-card .avatar{width:108px;height:108px;box-shadow:0 5px 20px #6a3d2420;background:#ede5d8}.gallery-card .avatar img{width:100%;height:100%;object-fit:cover}.gallery-card h3{font-size:calc(27px * var(--heading-size-scale));margin:15px 0 12px}.gallery-attribute{display:flex;justify-content:center;flex-wrap:wrap;gap:7px;margin:9px 0;min-height:30px}.gallery-attribute .chip{font:calc(16px * var(--body-size-scale))/1.7 var(--serif);padding:3px 9px;max-width:100%;overflow-wrap:anywhere}.home-attribute .chip{background:#dce8d5}.hobby-attribute .chip{background:#f0dcca}.job-attribute .chip{background:#e5dced}.gallery-card .card-open{margin-top:19px;text-align:center;font-size:calc(11px * var(--small-size-scale));color:#77796a}
#image-dialog{width:min(1020px,calc(100vw - 40px));max-width:1020px;height:92vh;height:92dvh;max-height:92dvh;overflow:hidden;padding:24px;border-radius:25px;box-sizing:border-box}#image-dialog[open]{display:flex;flex-direction:column;gap:16px}#image-dialog h2{font-size:calc(26px * var(--heading-size-scale));line-height:1.3;margin:0 48px 0 0;flex-shrink:0}#image-dialog .close{position:absolute;top:16px;right:16px;float:none}#image-viewport{flex:1;min-height:0;overflow:auto;overscroll-behavior:contain;border:1px solid #e8e3d8;border-radius:15px;background:#f3f0e9;scrollbar-gutter:stable}.full-screenshot{width:100%;border-radius:0;overflow:visible}#full-image{width:min(100%,800px);max-width:100%;height:auto;display:block;margin-inline:auto;border-radius:0}
.hero-description{font-size:calc(14px * var(--body-size-scale))!important;line-height:2;text-wrap:pretty}.intro p,.feature-copy>p,.details-feature .feature-copy>p,.download-band p,.future-card p{font-size:calc(14px * var(--body-size-scale))!important;line-height:2}.quiet-list{font-size:calc(13px * var(--body-size-scale))}.release-changes,#download-overview ul{font-size:calc(14px * var(--body-size-scale))!important}.feature-copy h2,.section-heading h2,.intro h2,.download-band h2{font-size:calc(clamp(32px,4vw,51px) * var(--heading-size-scale))}.hero-copy h1{font-size:calc(clamp(42px,5.2vw,68px) * var(--heading-size-scale))!important}.version-open strong,.future-card h3{font-size:calc(21px * var(--heading-size-scale))}.version-number{font-size:calc(32px * var(--heading-size-scale))!important}
.eyebrow,.hero-kicker,.section-heading p,.feature-pills a,.soft-link,.hero .phone figcaption,.panel-caption,.detail-notes span,.play-controls,.play-footnote,.version-open time,.version-download,.no-package,#version-count,.small-note,.download-technical{font-size:calc(12px * var(--small-size-scale))!important}.primary,.nav-shell nav,.rail-nav button,.play-controls button{font-size:calc(13px * var(--small-size-scale))!important}.author-toolbar button{font-size:12px}.author-toolbar{max-width:calc(100vw - 25px);flex-wrap:wrap;justify-content:center}.appearance-dialog .field{font-size:14px}#appearance-dialog label{display:block;margin-top:22px}#appearance-dialog output{float:right;font:14px var(--sans);color:#617056}#appearance-dialog input[type=range]{display:block;width:100%;margin-top:12px}.gallery-attribute .chip{white-space:normal}
@media(max-width:800px){.hero-stage{height:650px}.phone-people{width:280px;left:calc(50% - 282px)}.phone-profile{width:290px;right:calc(50% - 282px)}.hero .note-two{top:440px}.product-panel .solo-phone{width:calc(100% - 28px)}.detail-scroll{height:555px}}
@media(max-width:550px){.hero{background:linear-gradient(180deg,#c2e1e5,#dbe5dc 48%,#f5e7c8);padding-top:103px}.hero-copy h1{font-size:calc(29px * var(--heading-size-scale))!important}.hero-description{font-size:calc(12px * var(--body-size-scale))!important}.hero-stage{height:440px;margin-top:25px}.phone-people{width:174px;left:calc(50% - 169px);top:39px}.phone-profile{width:180px;right:calc(50% - 168px);top:12px}.hero .note-two{top:325px}.hero .note-one{top:0}.floating-note{font-size:12px}.product-panel{height:655px}.product-panel .solo-phone{width:calc(100% - 40px);max-width:350px;top:70px}.detail-scroll{height:540px;max-height:540px}.profile-crop{height:530px}.profile-crop img{margin-top:0}.intro p,.feature-copy>p,.details-feature .feature-copy>p,.download-band p,.future-card p{font-size:calc(13px * var(--body-size-scale))!important}.feature-copy h2,.section-heading h2,.intro h2,.download-band h2{font-size:calc(32px * var(--heading-size-scale))}.friend-card.gallery-card{width:265px;flex-basis:265px;padding:24px 20px;min-height:375px}.gallery-card .avatar{width:100px;height:100px}.gallery-attribute .chip{font-size:calc(15px * var(--body-size-scale))}#image-dialog{width:calc(100vw - 14px);padding:18px 12px;border-radius:20px}.nav-shell nav{gap:10px}.nav-shell nav button{padding:9px 11px}.nav-shell nav{font-size:11px!important}.author-toolbar button{font-size:11px;padding:7px}.play-controls{flex-wrap:wrap}.play-controls>span{flex-basis:100%}.play-controls button{font-size:12px!important}.eyebrow{letter-spacing:.05em}.version-card{flex-basis:265px}}

footer small,footer>span,footer>a:not(.brand),.phone figcaption{font-size:calc(12px * var(--small-size-scale))!important}
dialog h2{font-size:calc(30px * var(--heading-size-scale))}.field,#download-facts,#download-sha,#download-identity,#download-status,.feedback-item{font-size:calc(13px * var(--body-size-scale))}