@font-face{font-family:'JRD Narrow V2';src:url('assets/fonts/jrd-narrow-v2-regular.ttf') format('truetype');font-weight:400;font-display:swap}
@font-face{font-family:'JRD Narrow V2';src:url('assets/fonts/jrd-narrow-v2-medium.ttf') format('truetype');font-weight:500;font-display:swap}
@font-face{font-family:'JRD Narrow V2';src:url('assets/fonts/jrd-narrow-v2-bold.ttf') format('truetype');font-weight:700;font-display:swap}
body.about-flow{--body:'JRD Narrow V2',Arial,sans-serif;--display:var(--body);--plum:#2a1724;--cream:#f3edd9;--lime:#dbea6b;background:#241a20;color:var(--cream);font:400 18px/1.5 var(--body);overflow-x:clip}
.about-flow *{box-sizing:border-box}.about-flow h1,.about-flow h2,.about-flow h3,.about-flow h4,.about-flow button,.about-flow a{font-family:var(--body)}
.about-flow h1,.about-flow h2,.about-flow h3{font-weight:700;letter-spacing:-.045em;line-height:1.02}
.about-flow :is(h2,h3)>span{color:var(--lime)}.about-flow button{border:0;background:transparent;padding:0;font:inherit;cursor:pointer}.about-flow a{color:inherit;text-decoration:none}.about-flow img{max-width:100%;height:auto;display:block}.about-flow a:focus-visible,.about-flow button:focus-visible,.about-flow [tabindex="0"]:focus-visible{outline:2px solid currentColor;outline-offset:5px;text-decoration:none}.about-flow [hidden]{display:none!important}
.about-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.aw-skip{position:fixed;left:20px;top:-100px;z-index:100;background:var(--lime);color:#201f19!important;padding:14px}.aw-skip:focus{top:10px}
.about-flow .about-canvas{max-width:1800px;margin:auto;container-type:inline-size;background:var(--plum)}
.about-board{position:relative;width:100%;aspect-ratio:1134/497;overflow:hidden;container-type:inline-size;background:var(--lime)}
.about-portal-images{position:absolute;inset:0;background:var(--lime)}.about-image-link{position:absolute;inset:0;display:block;isolation:isolate;overflow:hidden}.about-image-link img{position:absolute;top:15%;left:0;display:block;width:37.9%;height:85%;max-width:none;object-fit:cover;transition:filter .2s}.about-image-link:hover img{filter:brightness(1.07)}
/* Three slanted panels. Each photo fills its own panel's box; the tops tuck under the lime ground. */
.about-image-0{clip-path:polygon(0 30.78%,37.9% 25.29%,30.8% 100%,0 100%)}.about-image-0 img{object-position:50% 22%}.about-image-1{clip-path:polygon(38.7% 25.18%,71% 20.5%,63.9% 100%,31.6% 100%)}.about-image-1 img{left:31.6%;width:39.4%;object-position:50% 45%}.about-image-2{clip-path:polygon(71.8% 20.38%,100% 16.3%,100% 100%,64.7% 100%)}.about-image-2 img{left:64.7%;width:35.3%;object-position:30% 35%}
.about-header{position:absolute;inset:0;pointer-events:none;z-index:3;color:#201f19}.about-header a,.about-header button{pointer-events:auto}.about-header-ground{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.about-logo{position:absolute;left:5.5%;top:.65cqw;width:19.2%;line-height:0}.about-logo img{width:100%;height:auto;display:block}.about-nav{position:absolute;left:46.8%;right:18.3%;top:3.78765cqw;display:flex;justify-content:space-between;gap:12px;font:700 .93cqw/1 var(--body);white-space:nowrap}.about-nav a{padding:8px 0}.about-nav a:hover{box-shadow:0 2px currentColor}
.about-language-pill{position:absolute;left:83.79%;top:2.55506cqw;width:6.96%;height:3.7363cqw;display:flex;align-items:center;justify-content:center;border:1px solid #201f19;border-radius:999px;background:#201f19;color:var(--cream)!important;font:700 1.02cqw/1 var(--body)}.about-flow .about-search{position:absolute;left:91.8%;top:2.4cqw;display:grid;place-items:center;width:3.8cqw;height:3.8cqw;padding:1cqw;background:none;border:0;color:#201f19}.about-search svg{width:100%;height:100%;stroke:currentColor;stroke-width:1.5}.about-flow .about-menu-toggle{display:none}
.about-captions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:3.2%;padding:34px 4.2% 40px;background:var(--cream) url('assets/print-grain.svg');color:#201f19}.about-portal-copy{min-width:0;display:flex;flex-direction:column}.about-portal-copy h2{font-size:clamp(14px,1.7cqw,26px);letter-spacing:0;line-height:1.2;margin-bottom:clamp(4px,calc(1.2cqw - 6px),12px)}.about-portal-copy p{font-size:clamp(13px,1.5cqw,22px);margin:14px 0 26px}.about-portal-action{display:flex;align-items:center;justify-content:space-between;gap:10px;border-bottom:1px solid;padding:12px 0;margin-top:auto;font:700 clamp(12px,1.35cqw,20px)/1.2 var(--body);min-height:60px}.portal-arrow{width:29px;height:25px;flex:none}.about-portal-action:hover .portal-arrow{transform:translateX(4px)}.portal-arrow{transition:transform .2s}

/* A personal introduction, a photographic menu, the real process, and an album. */
.about-editorial{--plum:#351b2b;--cream:#f3edd9;--lime:#dbea6b}

.about-flow .site-search-dialog{--body:'JRD Narrow V2',Arial,sans-serif;--display:var(--body)}
html:has(body.about-flow){scroll-padding-top:0}

@media(max-width:1000px){.about-nav{left:30%;right:20%;font-size:clamp(9px,1.25vw,12px);gap:10px;top:3.5cqw}.about-language-pill{left:auto;right:7.8%;top:12px;width:62px;height:38px;font-size:12px}.about-flow .about-search{left:auto;right:2%;top:12px;width:36px;height:38px;padding:7px}}

@media(max-width:600px){

.about-board{height:calc(30.3351vw + 100px);aspect-ratio:auto;overflow:visible;z-index:11}.about-header{height:100px;background:var(--lime)}.about-header-ground{display:none}.about-portal-images{top:100px;overflow:hidden}.about-image-link img{top:0;height:100%}.about-image-0{clip-path:polygon(0 0,35.5% 0,28.7% 100%,0 100%)}.about-image-0 img{width:35.5%}.about-image-1{clip-path:polygon(36.3% 0,70% 0,63.2% 100%,29.5% 100%)}.about-image-1 img{left:29.5%;width:46%}.about-image-2{clip-path:polygon(70.8% 0,100% 0,100% 100%,64% 100%)}.about-image-2 img{left:64%;width:36%;object-position:100% 35%}.about-logo{left:5%;top:12px;width:clamp(120px,36vw,160px)}.about-language-pill{right:57px;top:27px;width:65px;height:42px}.about-flow .about-search{right:12px;top:26px;width:44px;height:44px;padding:12px}.about-flow .about-menu-toggle{position:absolute;display:grid;place-items:center;right:133px;top:27px;width:42px;height:42px;border:1px solid #201f1955;border-radius:50%}.about-menu-toggle svg{width:20px;height:20px;stroke:currentColor;stroke-width:1.5;fill:none}.about-nav{display:none;top:100px;left:0;right:0;padding:20px 5%;background:var(--lime);font-size:14px;box-shadow:0 20px 25px #0004;gap:14px 25px}.about-nav.is-open{display:grid;grid-template-columns:1fr 1fr}.about-captions{padding:14px 5% 18px;gap:9px}.about-portal-copy h2{font-size:12px;line-height:1.15;min-height:30px}.about-portal-copy p{display:none}.about-portal-action{min-height:40px;justify-content:flex-end;padding:8px 0}.about-portal-action>span{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.about-portal-action svg{width:23px;height:20px}

}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.about-flow *{transition:none!important;animation:none!important}}

/* Keep the person, then her story, visible on narrow screens. */


/* 1.3.8: My Story hero proportions match the homepage on tablet and desktop.
   The header used to scale with page width (logo 19.2%, nav .93cqw, lime ground 30.8% of the board),
   so it grew past the homepage header on wide screens and shrank below it on narrow ones.
   It now uses the homepage's fixed sizes, and the board never runs taller than the window. */
@media(min-width:601px){
.about-flow .about-board{aspect-ratio:auto;height:min(calc(100cqw * 497 / 1134),max(420px,calc(100svh - 190px)))}
.about-flow .about-header-ground{display:none}
.about-flow .about-header{bottom:auto;height:134px;display:flex;align-items:center;gap:12px;padding:0 5%}
.about-flow .about-logo{position:relative;left:auto;top:auto;flex:0 0 218px;width:218px}
.about-flow .about-nav{position:static;display:flex;gap:28px;margin:0 12px 0 auto;font:700 11px/1 var(--body);letter-spacing:.8px}
.about-flow .about-nav a{padding:16px 0}
.about-flow .about-language-pill{position:static;flex:0 0 72px;width:72px;height:44px;font-size:11px}
.about-flow .about-search{position:static;flex:0 0 44px;width:44px;height:44px;padding:11px}
.about-image-link img{top:90px;height:calc(100% - 90px)}
.about-image-0{clip-path:polygon(0 150px,37.9% 131px,30.8% 100%,0 100%)}
.about-image-1{clip-path:polygon(38.7% 130.6px,71% 114.5px,63.9% 100%,31.6% 100%)}
.about-image-2{clip-path:polygon(71.8% 114.1px,100% 100px,100% 100%,64.7% 100%)}
}
@media(min-width:601px) and (max-width:1100px){.about-flow .about-nav{gap:18px}}
@media(min-width:601px) and (max-width:800px){
.about-flow .about-header{height:104px}
.about-flow .about-logo{flex-basis:174px;width:174px}
.about-image-link img{top:70px;height:calc(100% - 70px)}
.about-image-0{clip-path:polygon(0 120px,37.9% 104.8px,30.8% 100%,0 100%)}
.about-image-1{clip-path:polygon(38.7% 104.5px,71% 91.6px,63.9% 100%,31.6% 100%)}
.about-image-2{clip-path:polygon(71.8% 91.3px,100% 80px,100% 100%,64.7% 100%)}
.about-flow .about-menu-toggle{display:grid;place-items:center;order:3;flex:0 0 42px;width:42px;height:42px;margin-left:auto;border:1px solid #201f1955;border-radius:50%}
.about-menu-toggle svg{width:20px;height:20px;stroke:currentColor;stroke-width:1.5;fill:none}
.about-flow .about-language-pill{order:4}.about-flow .about-search{order:5}
.about-flow .about-nav{display:none;position:absolute;top:104px;left:0;right:0;margin:0;padding:20px 5%;background:var(--lime);font-size:14px;box-shadow:0 20px 25px #0004;gap:14px 25px}
.about-flow .about-nav.is-open{display:grid;grid-template-columns:1fr 1fr}
.about-flow .about-board{overflow:visible;z-index:11}.about-flow .about-portal-images{overflow:hidden}
}