.about-page{--about-lilac:#eee6f2;--about-sage:#e4ecdf;--about-yellow:#f7eabf;--about-blush:#f7d7e3}.about-hero{display:grid;grid-template-columns:1.1fr 1fr;gap:80px;padding:63px 0 72px;align-items:end}.about-eyebrow{text-transform:uppercase;letter-spacing:2px;font-size:12px;margin:0 0 23px}.about-hero h1{font-size:clamp(60px,6vw,84px);letter-spacing:-3px;line-height:1.12}.about-underline{position:relative;white-space:nowrap}.about-underline:after{content:'';position:absolute;bottom:-6px;left:0;right:0;height:3px;background:var(--pink);transform:rotate(-3deg);border-radius:60%}.about-opening{font:26px/1.45 var(--serif);max-width:26ch;margin:33px 0 0}.about-hero-intro{position:relative;max-width:49ch;padding-top:45px}.about-hero-intro p{margin:0;font-size:17px;line-height:1.75}.about-spark{width:42px;height:42px;position:absolute;top:-15px;left:-15px}.about-band{margin-left:-64px;margin-right:-64px;padding:65px 64px}.about-brain{background:#f8f1e5}.about-brain-layout{display:grid;grid-template-columns:1fr 1.1fr;gap:50px;align-items:center}.about-prose{max-width:59ch}.about-page h2{font-size:clamp(34px,3.6vw,48px);line-height:1.15;letter-spacing:-1.5px}.about-prose p{font-size:17px;line-height:1.75;margin:0 0 23px}.about-prose p:last-child{margin-bottom:0}.about-prose h2{margin-bottom:29px}.about-house{position:relative;margin:0}.about-house img{display:block;width:100%;height:auto;mix-blend-mode:multiply}.about-house figcaption{font:italic 20px/1.4 'Segoe Print','Bradley Hand',cursive;text-align:center;transform:rotate(-4deg);margin-top:-12px}.about-house>.doodle{position:absolute;right:8px;bottom:3px;width:68px;height:68px;transform:rotate(155deg)}.about-making{display:grid;grid-template-columns:1fr 1fr;gap:90px;padding:76px 0}.about-making-heading>.doodle{width:58px;height:58px;stroke-width:1.5;margin-bottom:23px;background:var(--about-sage);border-radius:45% 55% 60% 40%;padding:5px}.about-personal{background:var(--about-lilac)}.about-personal>h2{margin-bottom:40px}.about-personal-layout{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.about-notes{position:relative;padding:10px 20px 15px 5px;max-width:480px}.about-note{position:relative;padding:31px 28px;font:italic 31px/1.3 'Segoe Print','Bradley Hand',cursive;letter-spacing:-.8px;min-height:165px;box-shadow:0 5px 12px #17243f08}.about-note:before{content:'';position:absolute;top:-10px;left:40%;width:62px;height:23px;background:#faf7ef99;transform:rotate(-7deg)}.about-note-yellow{background:var(--about-yellow);transform:rotate(-5deg);width:85%;border-radius:2px 5px 3px 7px}.about-note-pink{background:var(--about-blush);transform:rotate(5deg);width:78%;margin:-12px 0 0 auto;border-radius:5px 2px 7px 3px}.about-note .doodle{position:absolute;width:55px;height:55px;right:20px;bottom:22px;stroke-width:1.5}.about-note-yellow .doodle{transform:rotate(90deg)}.about-closing{position:relative;text-align:center;padding:67px 0 72px;max-width:800px;margin:auto}.about-closing>.doodle{width:40px;height:40px;margin-bottom:16px}.about-closing h2{max-width:24ch;margin:auto}.about-closing-links{display:flex;justify-content:center;gap:38px;margin-top:24px}
@media(max-width:1100px){.about-band{margin-left:-40px;margin-right:-40px;padding:48px 40px}.about-hero{gap:42px}.about-brain-layout{gap:30px}.about-making,.about-personal-layout{gap:45px}.about-note{font-size:27px}}
@media(max-width:760px){.about-hero{grid-template-columns:1fr;gap:29px;padding:29px 0 35px}.about-eyebrow{margin-bottom:18px}.about-hero h1{font-size:clamp(49px,12vw,72px);letter-spacing:-2.4px}.about-opening{font-size:24px;line-height:1.4;margin-top:27px;max-width:27ch}.about-hero-intro{padding-top:20px;max-width:none}.about-spark{top:-18px;left:auto;right:4px;width:30px;height:30px}.about-hero-intro p,.about-prose p{font-size:16px;line-height:1.7}.about-band{margin-left:-24px;margin-right:-24px;padding:33px 24px}.about-brain-layout,.about-making,.about-personal-layout{grid-template-columns:1fr;gap:25px}.about-page h2{font-size:35px;letter-spacing:-1.1px}.about-prose h2{margin-bottom:23px}.about-prose p{margin-bottom:21px}.about-house{max-width:470px;justify-self:center;width:100%}.about-house figcaption{font-size:18px;margin-top:-8px}.about-house>.doodle{right:0;width:50px;height:50px}.about-making{padding:36px 0;gap:23px}.about-making-heading>.doodle{width:40px;height:40px;margin-bottom:13px}.about-making h2 br{display:none}.about-personal>h2{margin-bottom:25px}.about-notes{width:100%;max-width:400px;justify-self:center;padding:10px 12px 18px 6px}.about-note{font-size:27px;min-height:145px;padding:24px}.about-note-yellow{width:80%}.about-note-pink{width:72%;margin-top:-15px}.about-personal-layout{gap:23px}.about-closing{padding:36px 0 40px}.about-closing h2{font-size:34px}.about-closing-links{gap:14px 27px;flex-wrap:wrap;margin-top:20px}.about-closing-links .text-link{font-size:18px}}

/* Portrait is confined to the About opening composition. */
.about-hero{grid-template-columns:1.2fr 1fr;align-items:center;gap:70px}.about-hero-text{min-width:0}.about-hero-text .about-hero-intro{padding-top:30px;max-width:53ch}.about-hero-text .about-spark{left:-43px;top:32px;width:29px;height:29px}.about-portrait{position:relative;isolation:isolate;width:100%;max-width:390px;justify-self:center;margin:8px 0 10px}.about-portrait:before{content:'';position:absolute;inset:15px -17px -13px 14px;background:var(--about-blush);opacity:.65;border-radius:25px 39px 31px 46px;transform:rotate(3deg);z-index:-1}.about-portrait img{display:block;width:100%;height:auto;border-radius:22px;aspect-ratio:auto}.about-portrait-star{position:absolute;right:-25px;top:-17px;width:37px;height:37px;transform:rotate(14deg);stroke-width:1.7}
@media(max-width:1100px){.about-hero{gap:45px}.about-portrait{max-width:340px}.about-hero-text .about-spark{display:none}}
@media(max-width:760px){.about-hero{grid-template-columns:1fr;gap:29px;padding-bottom:39px}.about-hero-text .about-hero-intro{padding-top:23px}.about-portrait{max-width:260px;margin:2px 0 12px}.about-portrait:before{inset:11px -12px -10px 10px;transform:rotate(3deg)}.about-portrait img{border-radius:18px}.about-portrait-star{right:-22px;top:-13px;width:30px;height:30px}}