.about-page{color:var(--blue);font-family:var(--serif)}
.about-page .about-kicker{font:700 11px/1.7 var(--sans);letter-spacing:.16em;color:var(--brand-gold);margin:0 0 20px}
.about-hero{max-width:1280px;margin:auto;padding:76px 48px 68px;display:grid;grid-template-columns:.85fr 1.15fr;gap:56px;align-items:center}
.about-hero h1{font-size:clamp(36px,4.3vw,57px);line-height:1.35;letter-spacing:-.035em;margin-bottom:25px}
.about-lead{font-size:18px;line-height:1.9;max-width:400px;margin:0 0 30px}
.about-founders{margin:0;border:1px solid var(--line);padding:10px 10px 0;border-radius:9px;background:#fff8ed;box-shadow:0 14px 35px #2038530c}
.about-founders img{display:block;width:100%;height:auto;border-radius:4px}
.about-founders figcaption{font-size:13px;text-align:center;padding:15px 7px;letter-spacing:.03em}
.about-button{display:inline-flex;align-items:center;justify-content:space-between;gap:22px;min-height:52px;max-width:100%;padding:13px 22px;border:1px solid var(--blue);border-radius:5px;background:var(--blue);color:var(--cream);font:700 15px/1.6 var(--serif);text-decoration:none;transition:background .18s}
.about-button:hover{background:var(--deep)}
.about-button span{flex-shrink:0}
.about-letter{max-width:750px;margin:0 auto;padding:55px 30px 80px;text-align:center}
.about-letter h2{font-size:36px;margin:0 0 28px;line-height:1.5}
.about-letter>p:not(.about-kicker):not(.about-signature){font-size:17px;line-height:2;margin:20px 0}
.about-letter .about-signature{font:italic 25px/1.6 var(--display);color:var(--brand-gold);margin:27px 0 0}
.about-section-heading{text-align:center;max-width:720px;margin:0 auto 45px}
.about-section-heading h2{font-size:38px;line-height:1.45;margin-bottom:20px}
.about-section-heading>p:not(.about-kicker){font-size:17px;line-height:1.9}
.about-philosophy{background:var(--blue);color:var(--cream);padding:70px max(36px,calc((100vw - 1120px)/2)) 76px}
.about-philosophy .about-kicker{color:#e4c788}
.about-principles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:42px}
.about-principles article{border-top:1px solid #faeedf55;padding-top:25px}
.about-folio{font:italic 24px var(--display);color:#e4c788}
.about-principles h3{font-size:27px;line-height:1.45;margin:18px 0}
.about-principles p{font-size:16px;line-height:1.95;color:var(--cream)}
.about-world{padding:80px 40px 30px;max-width:1240px;margin:auto;scroll-margin-top:28px}
.about-firststeps{display:grid;grid-template-columns:.7fr 1fr;gap:55px;align-items:center;padding:34px 55px 38px;margin:0 0 38px;border:1px solid var(--line);border-radius:160px 8px 8px 8px;background:#fff8ed}
.about-bear{position:relative;aspect-ratio:1;max-width:320px;width:100%;margin:auto;overflow:hidden;mask-image:radial-gradient(ellipse at center,#000 40%,transparent 73%)}
.about-bear img{position:absolute;display:block;width:240%;max-width:none;height:auto;left:50%;top:50%;transform:translate(-50%,-50%);mix-blend-mode:multiply}
.about-firststeps h3{font-size:32px;line-height:1.4;margin-bottom:18px}
.about-firststeps p:not(.about-kicker){font-size:16px;line-height:1.9;margin-bottom:24px}
.about-firststeps .about-small{font-size:13px!important;margin:14px 0 0!important;color:var(--muted)}
.about-products{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px}
.about-product{border:1px solid var(--line);background:#fff8ed;padding:30px 26px;border-radius:8px;display:flex;flex-direction:column;align-items:flex-start}
.about-product .offer-icon{width:38px;height:38px;color:var(--brand-gold);fill:none;stroke:currentColor;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round;margin-bottom:20px}
.about-product .about-kicker{font-size:10px;letter-spacing:.09em;margin-bottom:12px}
.about-product h3{font-size:27px;line-height:1.4;margin-bottom:16px}
.about-product-intro{font-size:18px;line-height:1.65;margin-bottom:20px}
.about-product-body{font-size:15px;line-height:1.9;margin:0 0 28px;flex:1}
.about-product .about-button{font-size:14px;width:100%;padding:12px 14px;gap:12px}
.about-book-pair{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:0 0 18px;width:100%}
.about-book-pair img{width:100%;height:auto;mix-blend-mode:multiply}
.about-availability{font-size:13px;line-height:1.9;color:var(--muted);max-width:780px;text-align:center;margin:25px auto 0}
.about-pace{max-width:820px;padding:55px 30px 75px;margin:0 auto;text-align:center}
.about-pace h2{font-size:34px;margin:0 0 24px}
.about-pace p:not(.about-kicker){font-size:16px;line-height:2;margin-top:18px}
.about-pace .about-small{font-size:13px!important;color:var(--muted)}
.about-goodbye{text-align:center;background:var(--blue);color:var(--cream);padding:65px 25px 70px}
.about-goodbye .about-kicker{color:#e4c788}
.about-goodbye h2{font-size:36px;margin-bottom:18px}
.about-goodbye p:not(.about-kicker){font-size:17px;line-height:1.9;margin-bottom:27px}
.about-button-cream{background:var(--cream);color:var(--blue);border-color:var(--cream)}
.about-button-cream:hover{background:#fff9f0}
.about-goodbye a:focus-visible{outline-color:#e4c788}
body .header.brand-header .about-nav[aria-current=page]{text-decoration:underline;text-underline-offset:7px;text-decoration-color:var(--brand-gold)}
@media(max-width:850px){.about-hero{gap:30px;padding:55px 30px}.about-products{gap:16px}.about-product{padding:24px 20px}.about-principles{gap:25px}.about-firststeps{padding:28px 35px;gap:30px}}
@media(max-width:740px){
 .about-hero{grid-template-columns:1fr;gap:30px;padding:42px 22px 32px}
 .about-hero h1{font-size:39px;line-height:1.4}
 .about-lead{font-size:17px;max-width:none}
 .about-page .about-kicker{font-size:10px;margin-bottom:16px;letter-spacing:.12em}
 .about-hero .about-button{width:100%}
 .about-founders figcaption{font-size:12px;padding:12px 5px}
 .about-letter{padding:35px 24px 48px}.about-letter h2{font-size:29px}.about-letter>p:not(.about-kicker):not(.about-signature){font-size:16px}
 .about-philosophy{padding:45px 24px 48px}.about-section-heading{margin-bottom:30px}.about-section-heading h2{font-size:30px}.about-section-heading>p:not(.about-kicker){font-size:16px}
 .about-principles{grid-template-columns:1fr;gap:27px}.about-principles article{padding-top:20px}.about-principles h3{font-size:26px;margin:12px 0}.about-principles p{font-size:16px}
 .about-world{padding:48px 22px 20px}.about-firststeps{grid-template-columns:1fr;gap:12px;padding:20px 24px 28px;border-radius:120px 120px 8px 8px;margin-bottom:24px}.about-bear{max-width:210px}.about-firststeps h3{font-size:29px}.about-firststeps .about-button{width:100%}
 .about-products{grid-template-columns:1fr;gap:20px}.about-product{padding:28px 24px}.about-product h3{font-size:28px}.about-product-body{font-size:16px}.about-product .about-button{font-size:15px}
 .about-book-pair{max-width:320px;align-self:center}.about-availability{font-size:13px;text-align:left}
 .about-pace{padding:35px 24px 48px}.about-pace h2{font-size:29px}.about-pace p:not(.about-kicker){font-size:15px}
 .about-goodbye{padding:45px 24px 48px}.about-goodbye h2{font-size:30px}.about-goodbye p:not(.about-kicker){font-size:16px}.about-goodbye .about-button{width:100%;max-width:360px}
}
@media(prefers-reduced-motion:reduce){.about-button{transition:none}}
