/* The About page is an open, typographic introduction to the project. */
@font-face{font-family:'About Bodoni';src:url('/physics-experience/fonts/bodoni-moda-italic.ttf') format('truetype');font-style:italic;font-weight:400 900;font-display:swap}
.about-page.about-page{--about-paper:#f7f4ed;--about-ink:#272822;--about-muted:#68685f;--about-copper:#80664d;--about-line:#34352c29;background:var(--about-paper);padding:180px 0 90px}
.about-page .about-container{width:min(1160px,calc(100% - 96px))}
.about-page .about-intro{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:0 80px;max-width:none;margin:0 0 112px}
.about-page .about-eyebrow{grid-column:1/-1;margin:0 0 34px;font-size:10px;letter-spacing:.22em;color:var(--about-muted)}
.about-page .about-intro h1{font:400 clamp(68px,7vw,104px)/1.08 'Lora',Georgia,serif;letter-spacing:-.065em}
.about-page .about-intro h1 span{display:block;font:italic 400 clamp(82px,8.5vw,124px)/1.1 'About Bodoni',Georgia,serif;font-optical-sizing:none;font-variation-settings:'opsz' 24;letter-spacing:-.055em;color:var(--about-copper)}
.about-page .about-intro__lede{align-self:end;margin:0 0 12px;max-width:390px;font:400 22px/1.65 'Lora',Georgia,serif;letter-spacing:-.025em;color:var(--about-ink)}
.about-page .about-mission{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:90px;padding-top:46px}
.about-page .about-section-icon,.about-page .about-standards article>svg,.about-page .about-creator__portrait,.about-page .about-symbols,.about-page .about-section-number{display:none}
.about-page h2{font:400 33px/1.25 'Lora',Georgia,serif;letter-spacing:-.035em;margin-bottom:26px}
.about-page .about-mission__statement p{font-size:16px;line-height:1.9}
.about-page .about-mission__statement em{font:italic 400 1.15em/1.6 'Lora',Georgia,serif}
.about-page .about-principles{gap:18px;padding-top:23px;margin-top:30px}
.about-page .about-principles li{font-size:10px;text-transform:uppercase;letter-spacing:.06em}
.about-page .about-standards{justify-content:flex-start}
.about-page .about-standards article{display:block;padding:0 0 30px}
.about-page .about-standards article+article{padding-top:30px}
.about-page .about-standards h3{font:400 23px/1.4 'Lora',Georgia,serif;letter-spacing:-.025em}
.about-page .about-standards p{font-size:15px;line-height:1.85}
.about-page .about-creator{margin-top:100px;border-top:1px solid var(--about-line);padding-top:38px}
.about-page .about-section-heading{margin-bottom:48px}
.about-page .about-section-heading h2{font-size:13px;letter-spacing:.08em;text-transform:uppercase;margin:0}
.about-page .about-creator__card{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:80px;border:0}
.about-page .about-creator__identity{display:flex;align-items:flex-start;justify-content:flex-start;padding:0;background:transparent;color:var(--about-ink)}
.about-page .about-creator__identity h3{font:italic 400 clamp(38px,4vw,57px)/1.15 'About Bodoni',Georgia,serif;font-optical-sizing:none;font-variation-settings:'opsz' 24;letter-spacing:-.035em;overflow-wrap:normal}
.about-page .about-creator__identity p{color:var(--about-copper);font:italic 400 22px/1.4 'Lora',Georgia,serif;margin-top:14px}
.about-page .about-creator__bio{padding:0;background:transparent}
.about-page .about-creator__bio .about-creator__hello{font:400 25px/1.55 'Lora',Georgia,serif;letter-spacing:-.03em}
.about-page .about-creator__bio p{font-size:16px;line-height:1.85}
.about-page .about-contact{font-size:13px;gap:10px}
body:has(.about-page) .site-header{--chrome-bg:#f9f7f0;--chrome-text:#292a25;--chrome-accent:#80664d;--chrome-line:#27282220;inset:24px max(24px,calc((100vw - 1160px)/2)) auto;border:1px solid #5c5a4824;border-radius:36px;background:#fcfaf5bf;backdrop-filter:blur(24px);box-shadow:0 8px 32px #36342609,inset 0 1px 0 #fff9}
body:has(.about-page) .site-header::after{display:none}
body:has(.about-page) .site-header__inner{min-height:68px;max-width:none;padding-inline:26px;grid-template-columns:1fr auto 1fr;gap:22px}
body:has(.about-page) .site-brand__emblem,body:has(.about-page) .site-brand__caption{display:none}
body:has(.about-page) .site-brand .site-brand__name{font:italic 400 30px/1.05 'About Bodoni',Georgia,serif;font-optical-sizing:none;font-variation-settings:'opsz' 24;letter-spacing:-.035em}
body:has(.about-page) .site-navigation{gap:2px}
body:has(.about-page) .site-navigation a{min-height:40px;padding-inline:11px;border-radius:22px;font:400 16px/1.4 'Lora',Georgia,serif;letter-spacing:-.015em;color:#66665c}
body:has(.about-page) .site-navigation a::after,body:has(.about-page) .site-navigation a::before{display:none}
body:has(.about-page) .site-navigation a:hover,body:has(.about-page) .site-navigation a.is-active{background:#2728220a;color:#272822}
body:has(.about-page) .site-header__actions{gap:14px;justify-self:end}
body:has(.about-page) .site-section-switch{padding:4px;border:0;border-radius:22px;background:#27282209}
body:has(.about-page) .site-section-switch a{min-height:32px;padding-inline:12px;border-radius:18px;font:400 13px/1.4 'Lora',Georgia,serif}
body:has(.about-page) .site-section-switch a.is-selected{background:#30312b;color:#faf8f1;box-shadow:0 1px 5px #0002}
body:has(.about-page) .site-search-toggle{border:1px solid #27282212;padding:0;min-width:38px;height:38px;border-radius:50%;background:#fff5}
body:has(.about-page) .site-search-toggle kbd{display:none}
body:has(.about-page) .site-search-toggle svg{width:17px;height:17px}
body:has(.about-page) .site-menu-toggle{border:0;background:#27282209}
body:has(.about-page) .site-mobile-navigation{border-radius:0 0 26px 26px;padding:12px 18px 20px;background:#faf8f2f5}
body:has(.about-page) .site-header:has(.site-mobile-navigation){border-radius:26px}
body:has(.about-page) .site-mobile-navigation a{font:400 22px/1.3 'Lora',Georgia,serif;min-height:48px;border:0;padding:12px 16px;border-radius:12px}
body:has(.about-page) .site-mobile-navigation a.is-active{background:#27282209}
body:has(.about-page) .site-mobile-navigation .site-mobile-navigation__switch{font-size:16px;border-top:1px solid var(--chrome-line);border-radius:0}
body:has(.about-page) .site-footer{background:#efede5;color:#272822;border-color:#34352c22;padding-top:48px}
body:has(.about-page) .site-footer__brand>a{font:italic 400 36px/1 'About Bodoni',Georgia,serif;color:#272822}
body:has(.about-page) .site-footer__brand p,body:has(.about-page) .site-footer nav a{color:#68685f}
body:has(.about-page) .site-footer nav h2{color:#80664d}
body:has(.about-page) .site-footer__bottom{border-color:#34352c22;color:#68685f}
@media(max-width:1000px){.about-page .about-intro{gap:0 40px}.about-page .about-intro__lede{font-size:20px}.about-page .about-mission{gap:48px}.about-page .about-creator__card{gap:48px}}
@media(max-width:800px){.about-page.about-page{padding-top:142px}.about-page .about-container{width:calc(100% - 48px)}.about-page .about-intro{grid-template-columns:1fr;margin-bottom:64px}.about-page .about-intro__lede{margin:30px 0 0;max-width:540px}.about-page .about-mission{grid-template-columns:1fr;gap:40px}.about-page .about-creator{margin-top:56px}.about-page .about-creator__card{grid-template-columns:1fr;gap:36px}.about-page .about-section-heading{margin-bottom:30px}}
@media(max-width:640px){body:has(.about-page) .site-header{inset:14px 14px auto;border-radius:32px}body:has(.about-page) .site-header__inner{min-height:62px;padding-inline:22px;gap:10px}body:has(.about-page) .site-brand .site-brand__name{font-size:28px}body:has(.about-page) .site-header__actions{gap:8px}body:has(.about-page) :is(.site-search-toggle,.site-menu-toggle){min-width:44px;width:44px;height:44px}.about-page .about-intro h1{font-size:64px}.about-page .about-intro h1 span{font-size:78px}.about-page .about-eyebrow{margin-bottom:26px}.about-page .about-intro__lede{font-size:19px}.about-page h2{font-size:30px}.about-page .about-creator__identity h3{font-size:43px}.about-page .about-creator__bio .about-creator__hello{font-size:23px}.about-page .about-principles{gap:12px 20px}}
@media(max-width:360px){.about-page .about-intro h1{font-size:55px}.about-page .about-intro h1 span{font-size:66px}.about-page .about-container{width:calc(100% - 40px)}}

.about-page .about-creator__identity h3,.about-page .about-creator__identity p{align-self:auto}
body:has(.about-page) .site-mobile-navigation{max-height:calc(100svh - 116px)}
@media(max-width:640px){body:has(.about-page) .site-mobile-navigation{max-height:calc(100svh - 92px)}}

/* Original artwork defines the composition, with a typographic opening and closing. */
.about-page.about-page{padding-top:150px;padding-bottom:96px;--about-copper:#995638}
.about-page .about-intro{grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-areas:'eyebrow artwork' 'title artwork' 'lede artwork';grid-template-rows:auto 1fr auto;gap:0 56px;margin-bottom:100px;align-items:start}
.about-page .about-eyebrow{grid-area:eyebrow;margin:34px 0 40px;letter-spacing:.2em;font-size:10px}
.about-page .about-intro h1{grid-area:title;font-size:clamp(76px,7.3vw,110px);line-height:1.1}
.about-page .about-intro h1 span{font-size:clamp(90px,8.4vw,122px);margin-top:8px;letter-spacing:-.055em}
.about-page .about-intro__lede{grid-area:lede;align-self:end;font-size:21px;max-width:380px;margin:38px 0 38px;line-height:1.65}
.about-artwork{grid-area:artwork;width:100%;margin:0}
.about-artwork__image{overflow:hidden;background:#e5dece}
.about-artwork img{display:block;width:100%;height:auto;aspect-ratio:1122/1402;object-fit:contain}
.about-artwork figcaption{display:flex;justify-content:space-between;gap:20px;padding-top:14px;color:#6b685f;font:400 10px/1.5 'DM Sans',Arial,sans-serif;letter-spacing:.08em}
.about-artwork figcaption span:first-child{color:#3d3c35}
.about-page .about-mission{padding-top:52px;gap:100px}
.about-page .about-mission__statement h2{max-width:360px;font-size:42px;line-height:1.25;margin-bottom:32px}
.about-page .about-principles li{font:italic 400 14px/1.4 'Lora',Georgia,serif;text-transform:none;letter-spacing:-.015em}
.about-page .about-creator{background:#292b27;padding:54px 56px 60px;margin-top:90px;border:0;color:#f1eee4}
.about-page .about-section-heading{margin-bottom:42px}
.about-page .about-section-heading h2{color:#b9b6ab;font:400 10px/1.5 'DM Sans',Arial,sans-serif;letter-spacing:.18em}
.about-page .about-creator__card{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:64px}
.about-page .about-creator__identity{color:#f1eee4}
.about-page .about-creator__identity h3{font-size:clamp(45px,4.1vw,59px);line-height:1.15}
.about-page .about-creator__identity p{color:#c9b29b;margin-top:20px;font-size:23px}
.about-page .about-creator__bio p{color:#c3c2b9;font-size:15px;line-height:1.9}
.about-page .about-creator__bio .about-creator__hello{color:#f1eee4;font-size:25px;line-height:1.5;margin-bottom:25px}
.about-page .about-contact{color:#e4ccb5;border-color:#c0a68a80;font-size:12px;margin-top:6px}
.about-page .about-contact:hover{color:#fff;border-color:#fff}
.about-page .about-contact:focus-visible{outline-color:#e4ccb5}
@media(max-width:1100px){.about-page .about-intro{gap:0 32px}.about-page .about-intro h1{font-size:clamp(68px,8vw,85px)}.about-page .about-intro h1 span{font-size:clamp(73px,8.5vw,94px)}.about-page .about-intro__lede{font-size:18px;margin:28px 0 32px}.about-page .about-eyebrow{margin-top:18px;margin-bottom:22px}.about-page .about-creator{padding:44px 36px}.about-page .about-creator__card{gap:40px}}
@media(max-width:800px){.about-page.about-page{padding-top:132px}.about-page .about-intro{grid-template-columns:1fr;grid-template-areas:'eyebrow' 'title' 'lede' 'artwork';grid-template-rows:auto;gap:0;margin-bottom:60px}.about-page .about-eyebrow{margin-top:0;margin-bottom:28px}.about-page .about-intro h1{font-size:75px}.about-page .about-intro h1 span{font-size:93px}.about-page .about-intro__lede{max-width:510px;font-size:20px;margin:30px 0 42px}.about-artwork{max-width:560px;justify-self:center}.about-page .about-mission{gap:38px;padding-top:40px}.about-page .about-mission__statement h2{font-size:36px}.about-page .about-creator{margin-top:56px;padding:38px 30px}.about-page .about-creator__card{grid-template-columns:1fr;gap:32px}.about-page .about-creator__identity h3{font-size:48px}.about-page .about-creator__identity p{margin-top:10px}.about-page .about-section-heading{margin-bottom:32px}}
@media(max-width:480px){.about-page .about-intro h1{font-size:65px}.about-page .about-intro h1 span{font-size:82px}.about-page .about-intro__lede{font-size:19px}.about-page .about-creator{margin-inline:-24px;padding:40px 24px}.about-page .about-creator__identity h3{font-size:46px}.about-page .about-creator__bio .about-creator__hello{font-size:24px}.about-page.about-page{padding-bottom:0}}
@media(max-width:360px){.about-page .about-intro h1{font-size:55px}.about-page .about-intro h1 span{font-size:69px}.about-page .about-creator{margin-inline:-20px;padding-inline:20px}.about-page .about-creator__identity h3{font-size:40px}}

/* A continuous art-directed environment for a personal portfolio. */
.about-page.about-page{--about-paper:#f1ece2;--about-ink:#282b26;--about-muted:#61635a;--about-copper:#965039;position:relative;isolation:isolate;padding:0;background:#f1ece2;overflow:hidden}
.about-page .about-container{width:min(1240px,calc(100% - 96px))}
.about-page .about-intro{position:relative;isolation:isolate;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;min-height:930px;height:min(100svh,1100px);padding:160px 0 110px;margin:0;gap:0}
.about-page .about-intro::before{content:'';position:absolute;z-index:-2;inset:0 calc((min(1240px,100vw - 96px) - 100vw)/2);background:radial-gradient(ellipse at 79% 39%,#d6c6a84d,transparent 63%),linear-gradient(155deg,#faf7ee,#f1ece2 58%,#e9dfd1);pointer-events:none}
.about-atmosphere{position:absolute;z-index:-1;right:calc((min(1240px,100vw - 96px) - 100vw)/2 - 9vw);top:38px;width:min(85vw,1260px);height:100%;overflow:hidden;pointer-events:none;mask-image:linear-gradient(to right,transparent 1%,#000 31%,#000 94%,transparent),linear-gradient(to bottom,transparent 1%,#000 18%,#000 82%,transparent 99%);mask-composite:intersect}
.about-atmosphere img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 42%;mix-blend-mode:multiply}
.about-page .about-eyebrow{position:relative;z-index:1;margin:0 0 32px;font-size:10px;letter-spacing:.2em;color:#60645a}
.about-page .about-intro h1{position:relative;z-index:1;max-width:650px;margin:0;font:400 clamp(70px,8.3vw,128px)/1.08 'Lora',Georgia,serif;letter-spacing:-.065em;color:#282b26}
.about-page .about-intro h1 span{display:block;font:italic 400 clamp(130px,14vw,210px)/.93 'About Bodoni',Georgia,serif;font-optical-sizing:none;font-variation-settings:'opsz' 24;letter-spacing:-.06em;color:#965039;margin:6px 0 0 -4px}
.about-page .about-intro__lede{position:relative;z-index:1;align-self:auto;max-width:350px;font:400 19px/1.7 'Lora',Georgia,serif;letter-spacing:-.02em;margin:48px 0 0;color:#4e544a}
.about-personal-note{position:absolute;bottom:42px;left:0;font:400 11px/1.5 'DM Sans',Arial,sans-serif;letter-spacing:.08em;color:#62675a;margin:0}
.about-page .about-mission{position:relative;isolation:isolate;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:120px;margin:0;padding:110px 0 105px;border:0}
.about-page .about-mission::before{content:'';position:absolute;z-index:-2;inset:0 calc((min(1240px,100vw - 96px) - 100vw)/2);background:linear-gradient(165deg,#e9dfd1,#eee5d9 40%,#ddccba);pointer-events:none}
.about-page .about-mission::after{content:'';position:absolute;z-index:-1;inset:0 -40vw;background:url('/about-art/paper-study-v1.webp') no-repeat -14vw 46%;background-size:70vw;opacity:.045;mix-blend-mode:multiply;mask-image:linear-gradient(90deg,#000,transparent 70%);pointer-events:none}
.about-page .about-mission__statement h2{font:italic 400 clamp(44px,4.8vw,67px)/1.15 'About Bodoni',Georgia,serif;letter-spacing:-.045em;max-width:520px;margin:0 0 36px}
.about-page .about-mission__statement p{max-width:520px;line-height:1.95}
.about-page .about-standards{padding-top:14px}
.about-page .about-standards article{padding-bottom:36px}
.about-page .about-standards article+article{padding-top:36px;border-color:#80705d40}
.about-page .about-standards h3{font-size:25px}
.about-page .about-principles{margin-top:36px;border-color:#80705d40}
.about-page .about-creator{position:relative;isolation:isolate;margin:0;padding:90px 0 98px;background:transparent;border:0}
.about-page .about-creator::before{content:'';position:absolute;z-index:-2;inset:0 calc((min(1240px,100vw - 96px) - 100vw)/2);background:#292d29;pointer-events:none}
.about-page .about-creator::after{content:'';position:absolute;z-index:-1;inset:0 -30vw;background:url('/about-art/paper-study-v1.webp') no-repeat 4% 56%;background-size:80vw;opacity:.095;mix-blend-mode:luminosity;mask-image:linear-gradient(90deg,transparent,#000 20%,transparent 73%);pointer-events:none}
.about-page .about-creator__card{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:110px}
.about-page .about-section-heading{margin-bottom:44px}
.about-page .about-creator__identity h3{font-size:clamp(45px,5vw,69px);line-height:1.1}
.about-page .about-creator__bio{max-width:560px}
.about-page .about-creator__bio .about-creator__hello{font-size:27px;line-height:1.55}
.about-page .about-contact{font-size:13px}
body:has(.about-page) .site-footer{background:#252925;color:#f0ecdf;border-color:#ffffff17;padding-top:48px}
body:has(.about-page) .site-footer__brand>a{color:#f0ecdf}
body:has(.about-page) .site-footer__brand p,body:has(.about-page) .site-footer nav a{color:#b9beb2}
body:has(.about-page) .site-footer nav h2{color:#bba48a}
body:has(.about-page) .site-footer__bottom{color:#9ea898;border-color:#ffffff17}
@media(max-width:1100px){.about-page .about-intro{min-height:850px}.about-atmosphere{width:90vw;right:-23vw}.about-page .about-mission{gap:60px}.about-page .about-creator__card{gap:60px}.about-page .about-intro__lede{max-width:330px}}
@media(max-width:800px){.about-page .about-container{width:calc(100% - 48px)}.about-page .about-intro{height:auto;min-height:1180px;padding:142px 0 690px;justify-content:flex-start}.about-page .about-intro::before,.about-page .about-mission::before,.about-page .about-creator::before{left:-24px;right:-24px}.about-page .about-intro h1{font-size:86px}.about-page .about-intro h1 span{font-size:158px}.about-page .about-intro__lede{max-width:440px;font-size:19px;margin-top:30px}.about-atmosphere{top:auto;bottom:5px;right:-22vw;width:128vw;height:710px;mask-image:linear-gradient(to right,transparent,#000 15%,#000 87%,transparent),linear-gradient(to bottom,transparent,#000 20%,#000 77%,transparent 99%);mask-composite:intersect}.about-atmosphere img{object-position:center 53%}.about-personal-note{bottom:30px}.about-page .about-mission{grid-template-columns:1fr;gap:42px;padding:68px 0}.about-page .about-mission__statement h2{font-size:52px}.about-page .about-standards{padding:0}.about-page .about-creator{padding:60px 0 66px}.about-page .about-creator__card{grid-template-columns:1fr;gap:34px}.about-page .about-creator__identity h3{font-size:52px}.about-page .about-creator::after{background-size:150vw;background-position:center 12%;opacity:.055}.about-page .about-creator__bio .about-creator__hello{font-size:25px}}
@media(max-width:480px){.about-page .about-intro{min-height:1010px;padding:130px 0 555px}.about-page .about-eyebrow{margin-bottom:27px}.about-page .about-intro h1{font-size:clamp(51px,14.6vw,70px);letter-spacing:-.065em}.about-page .about-intro h1 span{font-size:clamp(116px,32vw,154px)}.about-page .about-intro__lede{font-size:17px;max-width:320px;margin-top:30px}.about-atmosphere{right:-36vw;width:155vw;height:600px;bottom:0}.about-personal-note{font-size:10px;letter-spacing:.035em}.about-page .about-mission__statement h2{font-size:44px}.about-page .about-creator{margin-inline:0;padding-inline:0}.about-page .about-creator__identity h3{font-size:44px}.about-page .about-creator__bio .about-creator__hello{font-size:23px}}
@media(max-width:360px){.about-page .about-container{width:calc(100% - 40px)}.about-page .about-intro::before,.about-page .about-mission::before,.about-page .about-creator::before{left:-20px;right:-20px}.about-page .about-intro{min-height:1020px}.about-page .about-creator__identity h3{font-size:40px}}
@media(prefers-reduced-motion:reduce){.about-page{scroll-behavior:auto}}

/* Taiji: ink and ivory form one continuous, balanced page. */
.about-page.about-page{--about-paper:#f4eee1;--about-ink:#252723;--about-muted:#65665d;--about-copper:#4f5148;background:#f4eee1}
.about-page .about-intro::before{background:linear-gradient(150deg,#f9f4e8,#f3edde 64%,#eee7d8)}
.about-atmosphere{inset:0 calc((min(1240px,100vw - 96px) - 100vw)/2);width:auto;height:100%;mask-image:linear-gradient(to right,transparent 1%,transparent 22%,#000 49%,#000),linear-gradient(to bottom,transparent,#000 17%,#000 81%,transparent);mask-composite:intersect}
.about-atmosphere img{width:100%;height:100%;object-fit:cover;object-position:65% center;mix-blend-mode:multiply}
.about-page .about-intro h1{font-size:clamp(70px,7.7vw,117px);color:#252723}
.about-page .about-intro h1 span{color:#3e4238}
.about-page .about-intro__lede{color:#50554a}
.about-page .about-mission::before{background:linear-gradient(140deg,#eee7d8,#f5efe3 55%,#e8e3d6)}
.about-page .about-mission::after{background-image:url('/about-art/taiji-ink-v1.webp');background-size:120vw;background-position:-53vw 48%;opacity:.035}
.about-page .about-mission__statement em{color:#44483c}
.about-page .about-creator::before{background:#242823}
.about-page .about-creator::after{background-image:url('/about-art/taiji-ink-v1.webp');background-size:115vw;background-position:-27vw 46%;opacity:.055}
.about-page .about-creator__identity p{color:#c4c8b9}
.about-page .about-contact{color:#dce0d0;border-color:#bdc4ac65}
.about-page .about-contact:focus-visible{outline-color:#dce0d0}
body:has(.about-page) .site-header{--chrome-accent:#51564b;background:#faf7efc7}
body:has(.about-page) .site-footer{background:#20241f}
body:has(.about-page) .site-footer nav h2{color:#bbc2ad}
@media(max-width:1100px){.about-atmosphere{inset:0 calc((min(1240px,100vw - 96px) - 100vw)/2);width:auto}.about-page .about-intro h1{font-size:clamp(64px,7.7vw,84px)}}
@media(max-width:800px){.about-page .about-intro{min-height:1100px;padding-bottom:590px}.about-page .about-intro h1{font-size:84px}.about-atmosphere{top:auto;left:auto;bottom:18px;right:-16vw;width:170vw;height:640px;mask-image:linear-gradient(to right,transparent,#000 27%,#000 93%,transparent),linear-gradient(to bottom,transparent,#000 17%,#000 82%,transparent);mask-composite:intersect}.about-atmosphere img{object-fit:contain;object-position:right center}.about-page .about-creator::after{background-size:210vw;background-position:-85vw center;opacity:.04}}
@media(max-width:480px){.about-page .about-intro{min-height:1030px;padding-bottom:540px}.about-page .about-intro h1{font-size:clamp(51px,14.6vw,70px)}.about-atmosphere{height:565px;bottom:20px}.about-personal-note{bottom:30px}}
@media(max-width:360px){.about-page .about-intro{min-height:980px}.about-atmosphere{height:480px;bottom:30px}}
@media(max-width:800px){
 .about-atmosphere{mask-image:linear-gradient(to right,transparent,#000 22%,#000 95%,transparent)}
 .about-atmosphere img{position:absolute;top:50%;left:0;height:auto;transform:translateY(-50%);mask-image:linear-gradient(to bottom,transparent,#000 17%,#000 84%,transparent)}
}

/* The essentials: identity, a single project sentence, and direct contact. */
.about-page.about-page--essential .about-intro{min-height:820px;height:100svh;padding:155px 0 100px}
.about-page.about-page--essential .about-eyebrow{margin-bottom:28px}
.about-page.about-page--essential .about-intro__lede{max-width:330px;margin-top:34px;font-size:19px}
.about-page .about-contact--hero{position:relative;z-index:1;align-self:flex-start;min-height:44px;margin:22px 0 0;padding:10px 0;gap:18px;color:#464c40;border-color:#464c4060;font:400 14px/1.5 'DM Sans',Arial,sans-serif;letter-spacing:0}
.about-page .about-contact--hero:hover{color:#1c211a;border-color:#1c211a}
.about-page .about-contact--hero:focus-visible{outline-color:#464c40}
.about-page .about-contact--hero svg{flex-shrink:0;transition:transform .2s ease}
.about-page .about-contact--hero:hover svg{transform:translate(2px,-2px)}
body:has(.about-page--essential) .site-footer{background:#eee7d8;padding:18px max(24px,calc((100vw - 1240px)/2));border:0;color:#65695e}
body:has(.about-page--essential) .site-footer__inner{display:none}
body:has(.about-page--essential) .site-footer__bottom{margin:0;padding:0;border:0;max-width:none;font-size:10px;letter-spacing:.04em;color:#65695e}
body:has(.about-page--essential) .site-footer__bottom>span:last-child{display:none}
@media(max-width:800px){.about-page.about-page--essential .about-intro{min-height:0;height:auto;padding:142px 0 580px}.about-page.about-page--essential .about-intro__lede{max-width:440px;font-size:19px;margin-top:30px}.about-page--essential .about-atmosphere{height:590px;bottom:0}}
@media(max-width:480px){.about-page.about-page--essential .about-intro{padding:128px 0 455px}.about-page.about-page--essential .about-intro__lede{max-width:300px;font-size:17px;margin-top:28px}.about-page .about-contact--hero{font-size:13px;margin-top:18px}.about-page--essential .about-atmosphere{height:480px;bottom:0}}
@media(max-width:360px){.about-page.about-page--essential .about-intro{padding-bottom:400px}.about-page--essential .about-atmosphere{height:415px}}
@media(prefers-reduced-motion:reduce){.about-page .about-contact--hero svg{transition:none;transform:none}}