/* Optional story sections also work in Classic mode. All rules stay on About. */
.starline-about-page .sl-about-quote{padding:clamp(28px,5vw,68px);margin-bottom:var(--ab-space);border-radius:var(--ab-radius);background:var(--ab-quote-bg);text-align:center}
.starline-about-page .sl-about-quote blockquote{max-width:800px;margin:auto;padding:0;border:0;background:none}
.starline-about-page .sl-about-quote p{font-family:var(--ab-font);font-size:clamp(24px,3.5vw,42px);line-height:1.35;font-style:italic;color:var(--ab-quote-fg);margin:0}
.starline-about-page .sl-about-quote cite{display:block;margin-top:24px;color:var(--ab-quote-fg);font-size:13px;letter-spacing:.08em}
.starline-about-page .sl-about-founder{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(24px,4vw,60px);align-items:center;margin-bottom:var(--ab-space)}
.starline-about-page .sl-about-founder-photo{border-radius:var(--ab-radius);overflow:hidden;background:var(--ab-card)}
.starline-about-page .sl-about-founder-photo img{display:block;width:100%;aspect-ratio:4/5;object-fit:var(--ab-fit)}
.starline-about-page .sl-about-role{font-weight:600;margin-top:-6px}
.starline-about-page .sl-about-location{display:inline-block;margin-top:22px;padding:8px 16px;border:1px solid #dce4e6;border-radius:100px}
.starline-about-page .sl-about-journey{margin-bottom:var(--ab-space)}
.starline-about-page .sl-about-milestones{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:20px}
.starline-about-page .sl-about-milestones .starline-about-badge{font-size:24px;letter-spacing:0;font-family:var(--ab-font)}
/* Refine the existing sections, keep their order and content. */
.sl-about-premium{padding:clamp(32px,5vw,64px) 0;overflow-wrap:anywhere}
.sl-about-premium *{box-sizing:border-box;min-width:0}
.sl-about-premium .starline-about-container{width:min(1160px,calc(100% - 48px))}
.sl-about-premium .starline-about-header{margin-bottom:var(--ab-space);max-width:800px}
.sl-about-premium .starline-about-title{font-family:var(--ab-font);font-size:clamp(30px,5vw,var(--ab-title));letter-spacing:-.025em;line-height:1.18}
.sl-about-premium h2{font-family:var(--ab-font);font-size:clamp(24px,3vw,var(--ab-heading));line-height:1.25;letter-spacing:-.02em;text-wrap:balance}
.sl-about-premium h3{font-family:var(--ab-font);line-height:1.35}
.sl-about-premium p{line-height:1.85}
.sl-about-premium .starline-about-badge{color:var(--ab-accent);font-size:11px;letter-spacing:.16em;margin-bottom:18px}
.sl-about-premium .starline-about-intro{gap:clamp(24px,5vw,64px);margin-bottom:var(--ab-space);grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
.sl-about-premium .starline-about-intro-image{min-height:0;border-radius:var(--ab-radius);box-shadow:var(--ab-shadow)}
.sl-about-premium .starline-about-intro-image img{min-height:0;height:auto;aspect-ratio:4/3;object-fit:var(--ab-fit)}
.sl-about-premium .starline-about-card,.sl-about-premium .starline-about-feature,.sl-about-premium .starline-about-stat,.sl-about-premium .starline-about-cta{background:var(--ab-card);border:1px solid #e3e8e9;border-radius:var(--ab-radius);box-shadow:var(--ab-shadow);padding:clamp(22px,3vw,40px)}
.sl-about-premium .starline-about-story,.sl-about-premium .starline-about-mission-grid,.sl-about-premium .starline-about-features-section,.sl-about-premium .starline-about-stats{margin-bottom:var(--ab-space)}
.sl-about-premium .starline-about-story-grid{gap:40px;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr)}
.sl-about-premium .sl-about-no-image{grid-template-columns:minmax(0,1fr)}
.sl-about-premium .starline-about-story-image{min-height:0}
.sl-about-premium .starline-about-story-image img,.sl-about-premium .starline-about-mission-image img{min-height:0;height:auto;aspect-ratio:4/3;object-fit:var(--ab-fit)}
.sl-about-premium .starline-about-section-title{text-align:left;margin-bottom:28px}
.sl-about-premium .starline-about-feature{border-top:3px solid var(--ab-accent)}
.sl-about-premium .starline-about-stat-number{font-family:var(--ab-font);font-size:clamp(28px,3vw,38px)}
.sl-about-premium .starline-about-cta{border-inline-end:5px solid var(--ab-accent);text-align:left;padding:clamp(28px,4vw,56px)}
.sl-about-premium .starline-about-cta h2{max-width:760px}
.sl-about-premium .starline-about-cta p{margin-left:0}
.sl-about-premium .starline-about-cta-button{border-radius:100px;min-height:46px;padding:14px 26px}
.starline-about-page .starline-about-cta-button:focus-visible{outline:3px solid var(--ab-accent);outline-offset:5px}
@media(max-width:991px){
.sl-about-premium .starline-about-intro,.sl-about-premium .starline-about-story-grid{grid-template-columns:1fr}
.sl-about-premium .starline-about-intro-image img{max-height:440px}
}
@media(max-width:767px){
.sl-about-premium .starline-about-container{width:calc(100% - 32px)}
.sl-about-premium{--ab-space:36px!important}
.starline-about-page .sl-about-founder{grid-template-columns:1fr}
.starline-about-page .sl-about-founder-photo{max-width:380px;width:100%;margin:auto}
.sl-about-premium .starline-about-features-grid,.sl-about-premium .starline-about-mission-grid{grid-template-columns:1fr;gap:16px}
.sl-about-premium .starline-about-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.sl-about-premium .starline-about-stat{padding:22px 12px}
.sl-about-premium .starline-about-cta-button{width:100%}
.sl-about-premium .starline-about-intro-image img{aspect-ratio:4/3}
}
.starline-about-page .sl-about-founder.sl-about-no-image{grid-template-columns:minmax(0,1fr)}
/* 1.1.52: editorial layout using the original content, images and color settings. */
.sl-about-premium{padding-top:0;overflow-x:clip}
.sl-about-premium .starline-about-container{width:100%;max-width:none}
.sl-about-premium .starline-about-container>section{width:min(1120px,calc(100% - 48px));margin-inline:auto}
.sl-about-premium .starline-about-header{max-width:none;width:100%;padding:54px 24px 58px;margin:0 0 var(--ab-space)}
.sl-about-premium .starline-about-header .starline-about-title{max-width:800px;margin-inline:auto}
.sl-about-premium .starline-about-header .starline-about-subtitle{max-width:660px;margin-inline:auto;opacity:.85}
.sl-about-premium .starline-about-header::before{content:"";display:block;width:32px;height:3px;background:var(--ab-accent);margin:0 auto 20px;border-radius:2px}
.sl-about-premium .starline-about-container>.sl-about-quote{width:100%;border-radius:0;padding:64px max(24px,calc((100% - 900px)/2));margin-top:0}
.sl-about-premium .sl-about-quote+.starline-about-header{padding-top:0;background:transparent}
.sl-about-premium .sl-about-quote+.starline-about-header .starline-about-title{color:inherit}
.sl-about-premium .sl-about-quote+.starline-about-header .starline-about-subtitle{color:inherit}
.sl-about-premium .starline-about-intro-image{order:var(--ab-image-order);box-shadow:none}
.sl-about-premium .starline-about-intro-content{padding-block:16px}
.sl-about-premium .starline-about-intro-content h2{max-width:520px}
.sl-about-premium .starline-about-badge{display:flex;align-items:center;gap:10px}
.sl-about-premium .starline-about-badge::before{content:"";width:18px;height:2px;background:currentColor;flex-shrink:0}
.sl-about-premium .starline-about-story{background:var(--ab-band);border:0;padding:40px;box-shadow:none}
.sl-about-premium .sl-about-founder{position:relative;background:var(--ab-band);border:0;border-radius:0;box-shadow:0 0 0 100vmax var(--ab-band);clip-path:inset(0 -100vmax);padding:48px 24px}
.sl-about-premium .sl-about-founder-photo{max-width:350px;justify-self:center;box-shadow:var(--ab-shadow)}
.sl-about-premium .sl-about-location{background:var(--ab-card);border:0;box-shadow:var(--ab-shadow);font-size:13px}
.sl-about-premium .sl-about-milestones{gap:20px}
.sl-about-premium .sl-about-milestones .starline-about-feature{border:1px solid #e3e8e9;padding:26px 22px;box-shadow:none}
.sl-about-premium .sl-about-milestones .starline-about-badge::before{display:none}
.sl-about-premium .starline-about-features-section{padding:40px 0;background:var(--ab-band);box-shadow:0 0 0 100vmax var(--ab-band);clip-path:inset(0 -100vmax)}
.sl-about-premium .starline-about-features-grid{counter-reset:about-values}
.sl-about-premium .starline-about-features-grid .starline-about-feature{border:0;padding:28px;counter-increment:about-values}
.sl-about-premium .starline-about-features-grid .starline-about-feature::before{content:"0" counter(about-values);display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;background:var(--ab-band);color:var(--ab-accent);font:600 13px system-ui;border-radius:10px;margin-bottom:18px}
.sl-about-premium .starline-about-cta{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:36px;align-items:center}
.sl-about-premium .starline-about-cta h2{grid-column:1;margin-bottom:12px}
.sl-about-premium .starline-about-cta p{grid-column:1;margin:0}
.sl-about-premium .starline-about-cta-button{grid-column:2;grid-row:1/3;margin:0;gap:12px}
.sl-about-premium .starline-about-cta-button::after{content:"↗";font-size:18px}
@media(max-width:767px){
.sl-about-premium .starline-about-container>section{width:calc(100% - 32px)}
.sl-about-premium .starline-about-header{padding:38px 20px 40px}
.sl-about-premium .starline-about-container>.sl-about-quote{width:100%;padding:40px 22px}
.sl-about-premium .starline-about-intro-image{order:-1}
.sl-about-premium .starline-about-story{padding:24px}
.sl-about-premium .sl-about-founder{padding:32px 0}
.sl-about-premium .starline-about-features-section{padding:32px 0}
.sl-about-premium .starline-about-cta{display:block}
.sl-about-premium .starline-about-cta-button{margin-top:24px}
.sl-about-premium .sl-about-milestones{grid-template-columns:1fr}
}
/* 1.1.53 — finishing pass. Existing color, font and radius controls remain active. */
.sl-about-premium .sl-about-quote{margin-bottom:0}
.sl-about-premium .sl-about-quote+.starline-about-header{padding:28px 24px 0;margin-bottom:32px}
.sl-about-premium .sl-about-quote+.starline-about-header::before{display:none}
.sl-about-premium .sl-about-quote+.starline-about-header .starline-about-title{font-size:clamp(26px,3vw,var(--ab-title));margin-bottom:10px}
.sl-about-premium .sl-about-quote+.starline-about-header .starline-about-subtitle{line-height:1.6}
.sl-about-premium .starline-about-intro{gap:clamp(28px,4vw,56px)}
.sl-about-premium .starline-about-intro-content h2{margin-bottom:18px;line-height:1.24}
.sl-about-premium .starline-about-copy{max-width:65ch}
.sl-about-premium .starline-about-copy p{line-height:1.8}
.sl-about-premium .starline-about-story{padding:clamp(24px,3vw,36px);border:1px solid rgb(24 56 63 / 5%)}
.sl-about-premium .sl-about-founder{gap:clamp(28px,4vw,56px)}
.sl-about-premium .sl-about-founder-photo{padding:6px;background:var(--ab-card);border:1px solid rgb(24 56 63 / 8%)}
.sl-about-premium .sl-about-founder-photo img{border-radius:max(0px,calc(var(--ab-radius) - 6px));object-position:center 30%}
.sl-about-premium .sl-about-founder .sl-about-role{margin-top:-6px;margin-bottom:20px;letter-spacing:.025em}
.sl-about-premium .sl-about-founder .sl-about-location{padding:9px 16px;margin-top:22px;border:1px solid rgb(24 56 63 / 8%)}
.sl-about-premium .sl-about-milestones{gap:18px;align-items:stretch}
.sl-about-premium .sl-about-milestones .starline-about-feature{position:relative;padding:28px 22px;border:1px solid rgb(24 56 63 / 10%);background:var(--ab-card)}
.sl-about-premium .sl-about-milestones .starline-about-badge{display:block;margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid rgb(24 56 63 / 12%);color:var(--ab-accent);font-size:25px;line-height:1.2;letter-spacing:-.02em}
.sl-about-premium .sl-about-milestones h3{font-family:inherit;font-size:17px;font-weight:650;line-height:1.4;margin-bottom:12px}
.sl-about-premium .starline-about-mission-grid{align-items:stretch;gap:24px}
.sl-about-premium .starline-about-mission-grid>.starline-about-card{padding:24px}
.sl-about-premium .starline-about-mission-image{margin-bottom:24px}
.sl-about-premium .starline-about-section-title{margin-bottom:26px}
.sl-about-premium .starline-about-features-grid .starline-about-feature{border:1px solid rgb(24 56 63 / 5%);box-shadow:var(--ab-shadow)}
.sl-about-premium .starline-about-features-grid .starline-about-feature::before{border:1px solid rgb(24 56 63 / 6%);border-radius:9px}
.sl-about-premium .starline-about-stats{gap:0;background:var(--ab-card);border:1px solid rgb(24 56 63 / 9%);border-radius:var(--ab-radius);overflow:hidden;box-shadow:var(--ab-shadow)}
.sl-about-premium .starline-about-stat{border:0;border-radius:0;box-shadow:none;padding:30px 20px;background:transparent}
.sl-about-premium .starline-about-stat+.starline-about-stat{border-inline-start:1px solid rgb(24 56 63 / 9%)}
.sl-about-premium .starline-about-stat-number{letter-spacing:-.025em;margin-bottom:10px}
.sl-about-premium .starline-about-stat-label{line-height:1.5}
.sl-about-premium .starline-about-cta{border-inline-end-width:3px;padding:clamp(28px,4vw,48px);box-shadow:var(--ab-shadow)}
.sl-about-premium .starline-about-cta-button{white-space:normal;text-align:center;min-width:150px;transition:box-shadow .2s ease,opacity .2s ease}
.sl-about-premium .starline-about-cta-button:hover{box-shadow:0 6px 18px rgb(24 56 63 / 16%)}
@media(min-width:768px) and (max-width:991px){
.sl-about-premium .sl-about-milestones{grid-template-columns:repeat(2,minmax(0,1fr))}
.sl-about-premium .starline-about-stat:nth-child(3){border-inline-start:0}
.sl-about-premium .starline-about-stat:nth-child(n+3){border-top:1px solid rgb(24 56 63 / 9%)}
}
@media(max-width:767px){
.sl-about-premium .sl-about-quote+.starline-about-header{padding:24px 20px 0;margin-bottom:28px}
.sl-about-premium .sl-about-quote blockquote p{font-size:clamp(24px,6vw,32px)}
.sl-about-premium .starline-about-intro{gap:18px}
.sl-about-premium .starline-about-intro-content{padding-block:0}
.sl-about-premium .sl-about-founder-photo{max-width:320px}
.sl-about-premium .sl-about-milestones .starline-about-feature{padding:24px}
.sl-about-premium .sl-about-milestones .starline-about-badge{margin-bottom:14px;padding-bottom:12px}
.sl-about-premium .starline-about-mission-grid>.starline-about-card{padding:20px}
.sl-about-premium .starline-about-stat{padding:24px 12px}
.sl-about-premium .starline-about-stat:nth-child(3){border-inline-start:0}
.sl-about-premium .starline-about-stat:nth-child(n+3){border-top:1px solid rgb(24 56 63 / 9%)}
.sl-about-premium .starline-about-cta-button{min-width:0}
}
@media(prefers-reduced-motion:reduce){.sl-about-premium .starline-about-cta-button{transition:none}}

/* Width controls: backgrounds remain edge-to-edge in Premium mode. */
.starline-about-page:not(.sl-about-premium) .starline-about-container{width:min(var(--ab-width),calc(100% - 40px))}
.sl-about-premium .starline-about-container>section{width:min(var(--ab-width),calc(100% - 48px))}
.sl-about-premium .starline-about-container>.sl-about-quote{width:100%}
@media(max-width:767px){
.starline-about-page:not(.sl-about-premium) .starline-about-container{width:calc(100% - var(--ab-mobile-gap) - var(--ab-mobile-gap))}
.sl-about-premium .starline-about-container>section{width:calc(100% - var(--ab-mobile-gap) - var(--ab-mobile-gap))}
.sl-about-premium .starline-about-container>.sl-about-quote{width:100%}
}