.about-page .masthead{background:var(--navy)}
.nav-link[aria-current=page]{text-decoration:underline;text-decoration-color:var(--gold);text-decoration-thickness:2px;text-underline-offset:7px}
.about-reading-progress{position:absolute;bottom:0;left:0;width:100%;height:3px;pointer-events:none}
.about-reading-progress i{display:block;width:100%;height:100%;background:var(--gold);transform:scaleX(0);transform-origin:left}
.about-hero{padding:clamp(140px,12vw,178px) 0 48px}
.about-hero-grid{display:grid;grid-template-columns:1.05fr 1fr;gap:6.5%;align-items:center}
.about-hero h1{font-size:clamp(64px,5.7vw,82px);line-height:1.02;max-width:none}
.about-hero h1 span{display:block}
.about-hero .eyebrow{display:flex;align-items:center;gap:12px}
.chapter-dash{display:inline-block;background:var(--red);width:28px;height:3px;flex-shrink:0}
.about-lead{font-size:19px;line-height:1.7;max-width:46ch;margin:26px 0 22px}
.about-scroll{display:inline-flex;align-items:center;gap:24px}
.about-scroll span{transition:transform .2s}
.about-scroll:hover span{transform:translateY(4px)}
.about-film{margin:26px 0 0;min-width:0}
.film-frame{background:var(--navy);padding:8px;transform:rotate(1.4deg);box-shadow:11px 11px 0 var(--gold)}
.about-film video{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:contain;background:var(--navy)}
.about-film figcaption{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:17px 9px 10px;color:white;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.12em}
.about-film figcaption span:first-child{font-family:Tanker,sans-serif;font-size:24px;letter-spacing:.03em}
.about-film-note{display:flex;gap:13px;align-items:center;margin-top:33px;font-size:14px;font-weight:700}
.about-film-note>span{font-size:33px;line-height:1;color:var(--red)}
.about-facts{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);padding-top:31px;margin:58px 0 0;gap:28px}
.about-facts>div{display:grid;grid-template-columns:auto 1fr;column-gap:22px;align-items:center}
.about-facts>div+div{border-left:1px solid var(--line);padding-left:30px}
.about-facts dt{display:flex;align-items:center;gap:9px;margin:0}
.fact-number{font-family:Tanker,sans-serif;font-size:78px;line-height:1}
.fact-unit{font-size:10px;text-transform:uppercase;letter-spacing:.07em;writing-mode:vertical-rl;transform:rotate(180deg);font-weight:700}
.about-facts dd{margin:0;font-size:13px;line-height:1.7;color:var(--muted)}
.about-dilemma{position:relative;padding:88px 0 99px;background:var(--navy);color:white;overflow:hidden}
.about-chapter-grid{display:grid;grid-template-columns:1.05fr 1fr;gap:8%;align-items:center}
.chapter-kicker{display:flex;align-items:center;gap:15px}
.chapter-kicker>span{font-size:12px;letter-spacing:0;border:1px solid currentColor;display:inline-flex;width:31px;height:31px;align-items:center;justify-content:center}
.about-dilemma .chapter-kicker{color:var(--gold)}
.about-page h2{font-size:clamp(52px,5.15vw,78px);line-height:1.06}
.about-chapter-copy{font-size:19px;line-height:1.85;color:#e3e9f1}
.about-chapter-copy p{margin:0}
.event-strip{display:flex;align-items:center;flex-wrap:wrap;gap:17px;margin-top:27px;font-size:12px;font-weight:700;color:#bdcbdb}
.event-strip span:nth-child(2){color:var(--gold);font-size:22px;font-weight:400}
.about-lanes{position:absolute;bottom:0;right:0;display:flex;gap:10px;height:21px;width:38%;transform:skewX(-35deg);transform-origin:bottom right}
.about-lanes i{display:block;flex:1;background:var(--gold)}
.about-lanes i:nth-child(2){opacity:.7}
.about-lanes i:nth-child(3){opacity:.4}
.about-beige{background:var(--paper)}
.about-beige-grid{display:grid;grid-template-columns:1fr 1.08fr;gap:9%;align-items:center}
.bread-figure{margin:0;padding:35px 15px 12px;max-width:490px;width:100%;justify-self:center}
.bread-card{background:#e8e9e6;border:2px solid var(--navy);padding:25px 30px 22px;box-shadow:8px 8px 0 var(--navy);transform:rotate(-5deg);transition:transform .35s var(--ease)}
.bread-figure:hover .bread-card{transform:rotate(-1deg) translateY(-4px)}
.bread-card-top{display:flex;align-items:center;justify-content:space-between;font-size:10px;line-height:1.4;letter-spacing:.16em;font-weight:700;text-transform:uppercase;border-bottom:1px solid #011e4340;padding-bottom:16px}
.bread-card-top span:last-child{font-size:20px}
.bread-illustration{display:block;width:52%;height:auto;margin:22px auto 13px}
.bread-card-title{display:block;font-family:Tanker,sans-serif;font-size:clamp(40px,4.2vw,62px);line-height:1.03;text-align:center}
.bread-card-bottom{display:flex;align-items:center;justify-content:space-between;margin-top:25px;padding-top:15px;border-top:1px solid #011e4340;font-size:11px;line-height:1.5;font-weight:700}
.bread-member{font-family:Tanker,sans-serif;font-size:33px}
.bread-figure figcaption{font-size:12px;text-align:center;color:var(--muted);margin-top:38px}
.about-beige-copy>p:not(.eyebrow){font-size:17px;line-height:1.8;margin:24px 0 0}
.about-workshop{background:white}
.about-workshop-intro{display:grid;grid-template-columns:.86fr 1fr;gap:11%;align-items:center;margin-bottom:48px}
.about-workshop-story{font-size:18px;line-height:1.8;margin:0}
.family-lab{background:var(--paper);border:1px solid var(--line)}
.process-tabs{display:grid;grid-template-columns:repeat(3,1fr)}
.process-tab{display:flex;gap:15px;align-items:center;color:var(--navy);background:white;border:0;border-bottom:3px solid var(--line);padding:20px 25px;text-align:left;line-height:1.2;min-width:0}
.process-tab+.process-tab{border-left:1px solid var(--line)}
.process-tab>span:nth-child(2){font-family:Tanker,sans-serif;font-size:29px}
.process-number{font-size:11px;font-weight:700}
.process-arrow{margin-left:auto;font-size:25px;transition:transform .2s}
.process-tab:hover{background:#f4f4ef}
.process-tab[aria-selected=true]{background:var(--navy);color:white;border-bottom-color:var(--gold)}
.process-tab[aria-selected=true] .process-arrow{color:var(--gold);transform:rotate(45deg)}
.process-panel{display:grid;grid-template-columns:150px minmax(0,1fr);align-items:center;gap:45px;max-width:850px;margin:auto;padding:38px 25px;min-height:225px}
.process-panel+.process-panel{border-top:1px solid var(--line)}
.js .process-panel+.process-panel{border-top:0}
.process-graphic{width:150px;max-height:145px;color:var(--navy)}
.process-panel .eyebrow{font-size:11px;margin-bottom:10px}
.process-panel h3{font-size:38px;margin-bottom:11px}
.process-panel p:last-child{font-size:15px;line-height:1.7;color:var(--muted);margin-bottom:0;max-width:54ch}
.process-panel.entering{animation:panel-in .25s var(--ease) both}
@keyframes panel-in{from{opacity:.3;transform:translateY(5px)}to{opacity:1;transform:none}}
.about-finale-grid{display:grid;grid-template-columns:1fr 1fr;gap:7%;align-items:center}
.about-product{margin:0}
.about-product img{width:100%;height:auto}
.about-product figcaption{font-size:11px;color:var(--muted);margin-top:13px}
.about-finale-copy>p[data-story-paragraph="6"]{font-size:17px;line-height:1.8;margin:25px 0}
.about-signoff{font-size:18px;line-height:1.6;font-weight:700;max-width:40ch}
.about-actions{display:flex;align-items:center;gap:23px;flex-wrap:wrap;margin:29px 0 17px}
.about-actions+.micro{font-size:12px;margin:0}
.about-page .js .reveal.pending,.js .about-page .reveal.pending{opacity:1;transform:none}
.js .about-page .reveal.in{animation:about-reveal .6s var(--ease) both;transition:none}
@keyframes about-reveal{from{transform:translateY(12px)}to{transform:none}}
@media(min-width:1600px){.about-hero-grid{gap:9%}.about-hero{padding-top:173px}.about-lead{font-size:20px}.about-facts{margin-top:65px}}
@media(max-width:1100px){.about-facts>div{column-gap:12px}.about-facts>div+div{padding-left:19px}.about-facts dd{font-size:12px}.fact-number{font-size:63px}.about-lead{font-size:17px}.about-hero-grid{gap:5%}.about-film figcaption{letter-spacing:.08em;font-size:9px}.about-chapter-copy{font-size:17px}.about-beige-grid{gap:7%}.bread-card{padding:20px 23px}.about-workshop-intro{gap:8%}.about-workshop-story{font-size:17px}.about-finale-copy>p[data-story-paragraph="6"]{font-size:16px}.about-page h2{font-size:clamp(48px,5.5vw,64px)}}
@media(max-width:820px){.about-hero-grid{grid-template-columns:1fr;gap:36px}.about-hero-copy{max-width:680px}.about-hero h1{font-size:clamp(68px,9.5vw,88px);max-width:none}.about-lead{max-width:58ch;font-size:19px}.about-film{width:min(100%,640px);margin:0 auto}.about-hero{padding-top:140px}.about-facts>div{display:block}.about-facts dt{margin-bottom:11px}.about-facts dd{font-size:12px}.about-film figcaption{font-size:10px}.about-chapter-grid{grid-template-columns:1fr;gap:29px}.about-dilemma{padding:64px 0 78px}.about-dilemma h2{font-size:clamp(57px,9vw,76px)}.about-chapter-copy{max-width:62ch;font-size:18px}.about-beige-grid{grid-template-columns:1fr;gap:30px}.bread-figure{max-width:420px;order:2}.about-beige-copy{max-width:62ch}.about-beige-copy h2{font-size:clamp(54px,8.5vw,72px)}.bread-card-title{font-size:56px}.about-workshop-intro{grid-template-columns:1fr;gap:26px}.about-workshop-intro h2{font-size:64px}.about-workshop-story{max-width:62ch}.process-tab{padding:19px 16px;gap:10px}.process-tab>span:nth-child(2){font-size:26px}.process-panel{gap:28px;grid-template-columns:120px minmax(0,1fr);padding:30px;min-height:234px}.process-graphic{width:120px}.process-panel h3{font-size:32px}.about-finale-grid{grid-template-columns:1fr;gap:30px}.about-finale-copy{order:-1;max-width:63ch}.about-finale-copy h2{font-size:clamp(58px,9vw,75px)}.about-product{width:min(100%,620px);margin:auto}.about-actions{margin-top:25px}}
@media(max-width:500px){.about-hero{padding-top:111px;padding-bottom:34px}.about-hero h1{font-size:65px;max-width:11ch}.about-hero .eyebrow{font-size:10px;gap:9px;letter-spacing:.12em}.chapter-dash{width:19px}.about-lead{font-size:17px;line-height:1.75;margin-top:24px}.about-scroll{font-size:13px;gap:16px}.about-hero-grid{gap:30px}.about-film{width:calc(100% - 12px);margin-left:0}.film-frame{padding:5px;box-shadow:7px 7px 0 var(--gold);transform:rotate(1deg)}.about-film figcaption{padding:12px 5px 8px;font-size:8px;letter-spacing:.09em}.about-film figcaption span:first-child{font-size:21px}.about-film-note{font-size:12px;margin-top:22px;gap:9px}.about-film-note>span{font-size:27px}.about-facts{margin-top:33px;padding-top:23px;gap:10px}.about-facts>div+div{padding-left:13px}.fact-number{font-size:51px}.fact-unit{font-size:8px;letter-spacing:0}.about-facts dt{gap:5px;margin-bottom:10px}.about-facts dd{font-size:10px;line-height:1.65}.about-dilemma{padding-block:53px 65px}.about-dilemma h2{font-size:55px}.about-chapter-copy{font-size:16px;line-height:1.85}.event-strip{font-size:10px;gap:12px;margin-top:18px}.chapter-kicker{gap:12px;font-size:10px;letter-spacing:.13em}.chapter-kicker>span{width:27px;height:27px;font-size:10px}.about-lanes{width:50%;height:16px;gap:7px}.about-beige-copy h2{font-size:54px}.about-beige-copy>p:not(.eyebrow){font-size:16px;margin-top:22px}.bread-figure{padding:20px 16px 0}.bread-card{padding:19px 23px;box-shadow:6px 6px 0 var(--navy);transform:rotate(-4deg)}.bread-card-top{font-size:8px;padding-bottom:12px}.bread-illustration{width:49%;margin:15px auto 13px}.bread-card-title{font-size:46px}.bread-card-bottom{font-size:9px;margin-top:20px;padding-top:11px}.bread-member{font-size:29px}.bread-figure figcaption{font-size:10px;margin-top:30px}.about-beige-grid{gap:21px}.about-workshop-intro{margin-bottom:30px;gap:23px}.about-workshop-intro h2{font-size:59px}.about-workshop-story{font-size:16px;line-height:1.85}.process-tab{padding:16px 9px;gap:7px;flex-wrap:wrap}.process-number{font-size:9px;flex-basis:100%}.process-tab>span:nth-child(2){font-size:24px}.process-arrow{display:none}.process-panel{grid-template-columns:1fr;gap:15px;padding:24px;min-height:327px}.process-graphic{width:94px;height:82px}.process-panel .eyebrow{font-size:9px;letter-spacing:.11em}.process-panel h3{font-size:32px}.process-panel p:last-child{font-size:14px}.about-finale-copy h2{font-size:53px}.about-finale-copy>p[data-story-paragraph="6"]{font-size:16px;margin:23px 0}.about-signoff{font-size:17px}.about-actions{align-items:flex-start;flex-direction:column;gap:20px}.about-actions+.micro{font-size:11px;max-width:39ch}.about-product figcaption{font-size:10px}}
@media(prefers-reduced-motion:reduce){.film-frame,.bread-card,.bread-figure:hover .bread-card{transform:none}.about-reading-progress{display:none}.process-panel.entering{animation:none}.about-scroll:hover span{transform:none}}