/* A responsive version of Oesa's original red brand-and-story poster. */
.about-page{background:#cc311e;color:#f0e7d6;font-family:OesaMono,'Courier New',monospace}.about-page .site-header{background:#cc311e;border-bottom:1px solid #f0e7d633}.about-page .site-nav a[aria-current=page]{color:#024012;border-color:#024012}.about-page .site-nav a:hover{color:#ff83be}.about-page .site-nav.is-open{background:#cc311e}.about-page main{overflow:hidden}.about-wrap{width:calc(100% - 80px);max-width:920px;margin-inline:auto}.about-opening{padding:70px 0 75px;text-align:center}.about-wordmark{width:85%;max-width:760px;height:auto;margin:0 auto 25px}.about-intro-line{font-size:11px;letter-spacing:.03em;margin:0 0 23px}.about-story-jump{font-size:11px;display:inline-flex;gap:20px;align-items:center;border-bottom:1px solid #f0e7d677;padding-bottom:6px}.about-story-jump:hover{color:#ff83be}.about-mission{position:relative;padding:30px;border:3px dotted #024012;border-radius:28px;margin-bottom:70px}.about-info{position:absolute;top:-31px;left:calc(50% - 30px);display:grid;place-items:center;width:60px;height:60px;background:#024012;border-radius:50%;font:bold 43px/1 OesaMono,monospace;color:#cc311e}.about-mission p{font-size:clamp(16px,1.7vw,21px);line-height:1.5;margin:10px 0 20px}.about-mission p:last-child{margin-bottom:0}.about-brand-section{position:relative;margin:0 0 60px;padding-left:65px}.about-side-label{position:absolute;left:0;top:0;writing-mode:vertical-rl;transform:rotate(180deg);font:400 13px/1.5 OesaMono,monospace;margin:0;color:#f0e7d6;letter-spacing:0}.about-chair-story{display:grid;grid-template-columns:150px 1fr;gap:30px}.about-chair-pair{padding-top:8px;display:flex;flex-direction:column;align-items:center;gap:20px}.about-chair-pair img:first-child{transform:rotate(6deg)}.about-chair-pair img:last-child{transform:scaleX(-1) rotate(-4deg)}.about-brand-section p{font-size:14px;line-height:1.65;margin:0 0 22px}.about-brand-section p:last-child{margin-bottom:0}.about-lettering{width:100%;height:auto;margin:0 0 20px}.about-dot-copy{position:relative;padding-left:35px}.about-dot-copy::before{content:'';position:absolute;left:0;top:6px;width:22px;height:22px;background:#f0e7d6;border-radius:50%}.about-photo-pair{display:grid;grid-template-columns:1fr 1fr;gap:18px}.about-photo-pair img{width:100%;height:auto;aspect-ratio:1.06;object-fit:cover}.about-swatches{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:22px 0}.about-swatches span{height:145px}.about-swatches .swatch-forest{background:#024012}.about-swatches .swatch-sage{background:#c8daba}.about-swatches .swatch-red{background:#cc311e}.about-swatches .swatch-clay{background:#d78361}.about-swatches .swatch-pink{background:#ff83be;grid-column:span 2;height:24px}.about-swatches .swatch-cream{background:#f0e7d6;grid-column:span 2;height:24px}.about-timeline{padding-top:10px;scroll-margin-top:30px}.about-hand-title{font:400 clamp(45px,6vw,75px)/1.7 OesaHand,cursive;letter-spacing:-.06em;color:#ff83be;text-shadow:-4px 3px 0 #024012;transform:rotate(-7deg);text-align:center;margin:20px 0 55px}.about-year{display:grid;grid-template-columns:125px 1fr;gap:32px;margin-bottom:48px}.about-year h3{font:400 32px/1.3 OesaDisplay,Georgia,serif;margin:0;color:#f0e7d6;letter-spacing:0}.about-year p{font-size:14px;line-height:1.8;margin:0 0 24px}.about-year figure{margin:30px 0 0}.about-annotated{position:relative}.about-annotated img,.about-story-photo{width:100%;height:auto}.about-annotated figcaption{position:absolute;right:-12px;top:-24px;font:400 22px/1.7 OesaHand,cursive;color:#ff83be;text-shadow:-2px 2px 0 #024012;transform:rotate(9deg)}.about-annotated figcaption span{display:block;text-align:right;font-family:Georgia,serif;color:#024012;font-size:38px;line-height:1;text-shadow:none;padding-right:12px}.about-support{display:grid;grid-template-columns:1fr 1.15fr;gap:20px;align-items:stretch;margin-top:35px}.about-support figure{margin:0}.about-support img{width:100%;height:100%;object-fit:cover}.about-support>div{border:3px dotted #024012;padding:22px;display:flex;flex-direction:column;justify-content:center}.about-support>div p{font-size:16px;line-height:1.5;color:#024012}.about-support>div .about-support-label{font-size:10px;text-transform:uppercase;letter-spacing:.08em}.about-support>div p:last-child{margin:0}.about-support a:hover{color:#f0e7d6}.about-future{margin-block:55px 40px}.about-future h3{text-transform:uppercase;font-size:25px;position:relative}.about-future h3 span{display:block;font:400 26px/1.6 OesaHand,cursive;text-transform:none;color:#ff83be;text-shadow:-2px 2px 0 #024012;transform:rotate(-12deg)}.about-small-link{font-size:11px;border-bottom:1px solid #f0e7d677;padding-bottom:6px;display:inline-block}.about-small-link:hover{color:#ff83be}.about-team{max-width:850px;margin:0 auto}.about-team img{width:100%;height:auto}.about-hello{padding:0 0 60px;text-align:center}.about-hello h2{margin:0 0 24px;font-size:48px}.about-hello>a{font-size:16px;border-bottom:1px solid #f0e7d677;padding-bottom:8px}.about-page .site-footer{background:#cc311e;color:#f0e7d6;border-top:1px solid #f0e7d644}.about-page .footer-bottom{border-color:#f0e7d644}.about-page a:focus-visible{outline-color:#f0e7d6}
@media(max-width:700px){.about-wrap{width:calc(100% - 44px)}.about-opening{padding:45px 0 60px}.about-wordmark{width:100%;margin-bottom:22px}.about-intro-line{font-size:10px}.about-mission{padding:25px 20px;margin-bottom:45px}.about-mission p{font-size:16px;line-height:1.65}.about-brand-section{padding-left:0;margin-bottom:45px}.about-side-label{position:static;writing-mode:horizontal-tb;transform:none;grid-column:1/-1;margin-bottom:20px;font-size:11px;border-bottom:1px solid #f0e7d644;padding-bottom:10px}.about-chair-story{grid-template-columns:85px 1fr;gap:0 18px}.about-chair-pair{gap:35px}.about-chair-pair img{width:78px;height:auto}.about-brand-section p{font-size:12px;line-height:1.8}.about-dot-copy{padding-left:25px}.about-dot-copy::before{width:15px;height:15px}.about-photo-pair{gap:10px}.about-swatches{gap:9px;margin-block:15px}.about-swatches span{height:95px}.about-hand-title{font-size:48px;margin-bottom:40px}.about-year{grid-template-columns:1fr;gap:18px;margin-bottom:40px}.about-year h3{font-size:29px}.about-year p{font-size:13px;line-height:1.85}.about-support{gap:14px}.about-support>div{padding:15px}.about-support>div p{font-size:12px;line-height:1.7;margin-bottom:15px}.about-support>div .about-support-label{font-size:8px}.about-annotated figcaption{right:0;font-size:18px}.about-future h3 span{display:inline-block;margin-right:10px}.about-hello{padding-bottom:45px}.about-hello h2{font-size:40px}.about-hello>a{font-size:13px}}
@media(prefers-reduced-motion:reduce){.about-page{scroll-behavior:auto}}

.about-team #about-team-title{margin-bottom:20px}

.about-team-photo{margin:0 0 75px}.about-team-photo img{width:100%;height:auto}.about-team-photo figcaption{text-align:center;font:400 18px/1.8 OesaMono,monospace;margin-top:20px;color:#f0e7d6}.about-team-photo figcaption span{color:#ff83be;margin-inline:15px}@media(max-width:600px){.about-team-photo figcaption{font-size:14px}.about-team-photo figcaption span{margin-inline:8px}.about-team-photo{margin-bottom:50px}}

.about-vision{padding-top:30px;margin-bottom:65px}.about-dream{display:grid;grid-template-columns:170px minmax(0,1fr);gap:28px;margin-bottom:30px}.about-dream h2{font:400 22px/1.5 OesaDisplay,Georgia,serif;color:#f0e7d6;letter-spacing:0;margin:0}.about-dream p{font-size:14px;line-height:1.8;margin:0}.about-vision .about-hand-title{margin-bottom:55px}
@media(max-width:650px){.about-dream{grid-template-columns:1fr;gap:12px;margin-bottom:30px}.about-dream h2{font-size:21px}.about-vision{margin-bottom:45px}}