/* Iteration 8: new editorial About and one reusable, normal-flow divider. */
.about{padding-top:100px;padding-bottom:145px;position:relative}
.about>.section-title{font-size:clamp(90px,14.5vw,260px);line-height:.88;letter-spacing:-.07em;margin:90px 0 75px}
.about-intro{max-width:1250px;font-size:clamp(28px,4vw,70px);font-style:italic;font-weight:400;line-height:1.06;letter-spacing:-.045em;margin:0 0 70px}
.about-body{max-width:890px;margin:0 0 0 36%;font-size:clamp(22px,2.2vw,38px);line-height:1.25;letter-spacing:-.035em}
.about-groups{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12%;margin:100px 0 0 18%}
.about-group h3{font:12px/1.5 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.7px;margin:0 0 25px;color:#8f4da0}
.about-group ul{list-style:none;padding:0;margin:0}
.about-group li{position:relative;font-size:clamp(18px,1.65vw,29px);line-height:1.35;letter-spacing:-.025em;padding:0 0 0 20px;margin:0 0 25px}
.about-group li::before{content:'·';position:absolute;left:0;top:0;color:#a04baf;font-size:1.2em;line-height:1.1}
.about-closing{position:relative;max-width:1320px;margin:105px 0 0 14%;font-size:clamp(32px,4.25vw,76px);line-height:1.08;letter-spacing:-.05em}
.about-closing::before{content:'“';position:absolute;left:-.45em;top:-.08em;color:#a04baf}
/* Fixed height, zero vertical transforms, no sticky state and no full-page layer. */
.spectral-marquee{position:relative;display:grid;grid-template-rows:1fr 1fr;width:100%;height:110px;min-width:0;overflow:hidden;background:var(--paper);color:var(--ink)}
.marquee-row{display:flex;align-items:center;min-width:0;width:100%;overflow:hidden;contain:paint}
.marquee-track{display:flex;flex:none;width:max-content;animation:spectral-marquee-travel var(--marquee-duration,58s) linear infinite;animation-play-state:paused}
.marquee-copy{display:flex;flex:none;width:max-content}
.marquee-unit{display:block;flex:none;white-space:pre;font-size:clamp(24px,2.1vw,34px);line-height:1;font-weight:600;letter-spacing:-.035em}
.marquee-row:nth-child(2){color:#8f4da0}
.marquee-row:nth-child(2) .marquee-track{--marquee-duration:74s;animation-direction:reverse}
.marquee-row:nth-child(2) .marquee-unit{font-size:clamp(19px,1.7vw,28px);font-weight:400;letter-spacing:-.025em}
.spectral-marquee.marquee-running .marquee-track{animation-play-state:running;will-change:transform}
.page-hidden .marquee-track{animation-play-state:paused!important}
@keyframes spectral-marquee-travel{from{transform:translate3d(0,0,0)}to{transform:translate3d(-50%,0,0)}}
/* Only the former major-section rule is replaced; internal list rules remain. */
.spectral-marquee+.playlist-presence{border-top:0}
@media(max-width:900px){.about-body{margin-left:18%}.about-groups{gap:8%;margin-left:8%}}
@media(max-width:650px){
 .about{padding-top:65px;padding-bottom:90px}
 .about>.section-title{font-size:22vw;margin:60px 0 42px}
 .about-intro{font-size:8vw;line-height:1.1;margin-bottom:35px}
 .about-intro br{display:none}
 .about-body{margin:0;font-size:21px;line-height:1.35}
 .about-groups{grid-template-columns:minmax(0,1fr);gap:35px;margin:55px 0 0}
 .about-group h3{font-size:11px;margin-bottom:22px}
 .about-group li{font-size:18px;line-height:1.4;padding-left:16px;margin-bottom:19px}
 .about-closing{margin:58px 0 0 16px;font-size:8.7vw;line-height:1.15}
 .spectral-marquee{height:64px}
 .marquee-unit{font-size:20px;letter-spacing:-.035em}
 .marquee-row:nth-child(2) .marquee-unit{font-size:16px;letter-spacing:-.025em}
}
@media(prefers-reduced-motion:reduce){.marquee-track{animation:none!important;transform:none!important;will-change:auto!important}}