:root{--ink:#171a18;--paper:#f5f3ee;--soft:#eae8e1;--line:#d0d0c6;--sage:#d9e1d2;--accent:#435c4c;--muted:#61655c;--pad:clamp(18px,4vw,64px);--header:72px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:calc(var(--header) + 18px)}body{margin:0;background:var(--paper);color:var(--ink);font-family:"DM Sans",Arial,sans-serif;font-size:16px;line-height:1.5}body.dialog-open{overflow:hidden}a{color:inherit}button{color:inherit;font:inherit;cursor:pointer}button:disabled{cursor:default;opacity:.4}img{display:block;max-width:100%}h1,h2,h3{margin:0;font-family:"Manrope",Arial,sans-serif;letter-spacing:-.055em;font-weight:600;line-height:1.05}h2 em{font-family:Georgia,serif;font-weight:400}a:focus-visible,button:focus-visible{outline:3px solid var(--accent);outline-offset:5px}
.screen-reader{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.skip-link{position:fixed;top:8px;left:16px;z-index:100;padding:12px 16px;background:var(--ink);color:white;transform:translateY(-160%)}.skip-link:focus{transform:none}
.site-header{position:sticky;top:0;z-index:20;min-height:var(--header);padding:12px var(--pad);display:flex;align-items:center;justify-content:space-between;gap:24px;background:var(--paper);border-bottom:1px solid var(--line)}.wordmark{text-decoration:none;font:800 24px/1 "Manrope",Arial,sans-serif;letter-spacing:-.06em}.wordmark span{display:block;font:500 10px/1.8 "DM Sans",Arial,sans-serif;letter-spacing:.13em;text-transform:uppercase}.site-header nav{display:flex;align-items:center;gap:30px}.site-header nav :is(a,.nav-contact){text-decoration:none;font-size:13px;font-weight:600}.site-header nav :is(a,.nav-contact):hover{text-decoration:underline;text-underline-offset:6px}.site-header nav a span{margin-left:8px}.nav-contact{padding:0;border:0;background:none;text-align:left}.header-location{font-size:11px;color:var(--muted)}.menu-button{display:none;min-height:44px;border:0;background:transparent;font-size:14px}.menu-button span{margin-left:8px;font-size:20px}
.front-page{max-width:1536px;margin:auto;padding:24px var(--pad) 58px}
.mobile-gallery-link{display:none}
.era-directory strong,.gallery-switcher strong{overflow-wrap:anywhere}
/* Use the approved newspaper artwork at every viewport width.
   Only scale proportionally: never substitute its lettering or hide it on mobile. */
.masthead-art{display:block;position:relative;aspect-ratio:1721 / 574;overflow:hidden}.masthead-art img{position:absolute;width:100%;height:auto;max-width:none;inset:0 auto auto 0}.masthead-text{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.front-intro{display:grid;grid-template-columns:.75fr 1.3fr auto;align-items:center;gap:24px;padding:21px 0}.eyebrow{margin:0 0 16px;text-transform:uppercase;letter-spacing:.12em;font-size:11px;font-weight:700}.front-intro .eyebrow{margin:0}.front-intro p:not(.eyebrow){margin:0;font-weight:600;font-size:17px;line-height:1.45}.front-intro p span{font-size:13px;font-weight:400;color:var(--muted)}.pdf-link{font-size:12px;font-weight:600;text-decoration:none;border-bottom:1px solid var(--line);padding-bottom:4px;width:max-content;max-width:100%}.pdf-link:hover{border-color:var(--ink)}
.era-directory{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border:1px solid var(--ink);background:var(--paper);margin-bottom:34px}.era-directory>a{display:flex;flex-direction:column;padding:20px 22px;text-decoration:none;border-right:1px solid var(--ink);transition:background .18s;min-width:0}.era-directory>a:last-child{border:0}.era-directory>a:hover{background:var(--sage)}.era-index{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:var(--muted);margin-bottom:13px}.era-index i{color:var(--ink);font-style:normal;font-size:23px;line-height:1}.era-directory strong{font:700 clamp(17px,1.65vw,24px)/1.1 "Manrope",Arial,sans-serif;letter-spacing:-.04em}.era-years{font-size:13px;font-weight:600;margin-top:8px}.era-directory small{font-size:11px;margin-top:15px;color:var(--accent)}
.editorial-stories{display:grid;grid-template-columns:1fr 1fr;gap:32px}.editorial-story{min-width:0}.editorial-story+.editorial-story{border-left:1px solid var(--line);padding-left:32px}.artwork-link{display:block;text-decoration:none}.artwork-window{position:relative;overflow:hidden;background:var(--soft)}.artwork-window img{position:absolute;max-width:none;height:auto}.world-art{aspect-ratio:796 / 398}.world-art img{width:216.206%;left:-6.784%;top:-151.256%}.fashion-art{aspect-ratio:791 / 399}.fashion-art img{width:217.573%;left:-113.021%;top:-151.128%}.studio-art{aspect-ratio:430 / 262}.studio-art img{width:400.233%;left:-11.628%;top:-460.687%}
.editorial-story>.eyebrow{margin-top:24px;margin-bottom:10px;padding-bottom:9px;border-bottom:1px solid var(--line)}.editorial-story h2{font-size:clamp(30px,3.7vw,56px)}.editorial-story>p:not(.eyebrow){max-width:570px;font-size:15px;color:#484c44}.text-link{display:inline-flex;align-items:center;justify-content:space-between;gap:28px;text-decoration:none;padding:9px 0;border-bottom:1px solid var(--ink);font-size:13px;font-weight:600;min-height:44px}.text-link:hover span{transform:translate(2px,-2px)}.text-link span{transition:transform .18s}
.editorial-note{display:grid;grid-template-columns:280px 1fr auto;gap:28px;align-items:center;margin-top:36px;border-block:1px solid var(--ink);padding:24px 0}.editorial-note .eyebrow{margin-bottom:10px}.editorial-note h2{font-size:clamp(27px,3vw,42px)}.editorial-note p:not(.eyebrow){margin:12px 0 0;max-width:670px;color:#484c44;font-size:14px}.editorial-note .text-link{align-self:end}
.work{position:relative;background:var(--soft);border-top:1px solid var(--line);padding:64px var(--pad) 54px;scroll-margin-top:0}.work>*:not(.route-anchor){max-width:1408px;margin-left:auto;margin-right:auto}.route-anchor{position:absolute;left:0;top:0;scroll-margin-top:0}
.section-heading{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:30px}.section-heading h2{font-size:clamp(34px,4.6vw,66px)}.section-heading>p{color:var(--muted);font-size:14px;margin:0 0 4px}
.gallery-switcher{position:sticky;top:var(--header);z-index:10;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border:1px solid var(--ink);background:var(--paper)}.gallery-switcher a{display:flex;flex-direction:column;min-width:0;padding:14px 20px;text-decoration:none;border-right:1px solid var(--ink)}.gallery-switcher a:last-child{border-right:0}.gallery-switcher a>span{font-size:11px;margin-bottom:7px}.gallery-switcher strong{font:700 clamp(15px,1.5vw,21px)/1.15 "Manrope",Arial,sans-serif;letter-spacing:-.035em}.gallery-switcher small{display:flex;justify-content:space-between;font-size:11px;margin-top:8px}.gallery-switcher i{font-style:normal}.gallery-switcher a:hover{background:var(--sage)}.gallery-switcher [aria-current="page"]{color:var(--paper);background:var(--ink)}.gallery-switcher [aria-current="page"]:hover{background:#2b382e}
.gallery-panel{padding-top:32px}.gallery-summary{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:start;padding-bottom:26px;border-bottom:1px solid var(--line)}.gallery-summary .eyebrow{color:var(--accent);margin-bottom:10px}.gallery-summary h3{max-width:620px;font-size:clamp(28px,3vw,44px)}.gallery-lead{margin:0 0 16px;font-size:15px;color:#484c44;max-width:630px}.gallery-tags{display:flex;gap:7px;flex-wrap:wrap;list-style:none;padding:0;margin:0}.gallery-tags li{font-size:10px;border:1px solid #b6bbaf;padding:5px 9px;border-radius:3px}
.gallery-tools{display:flex;gap:20px;justify-content:space-between;align-items:center;margin:20px 0}.gallery-tools p{font-size:12px;margin:0;color:var(--muted)}.portfolio-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;align-items:start}.portfolio-page{display:block;min-width:0;width:100%;padding:0;text-align:left;background:var(--paper);border:1px solid #c9ccc1;transition:border-color .18s,transform .18s}.portfolio-page:hover{border-color:var(--ink);transform:translateY(-3px)}.portfolio-page img{width:100%;height:auto;background:white}.page-caption{display:flex;justify-content:space-between;gap:12px;padding:13px 14px;border-top:1px solid var(--line);font-size:11px}.page-caption>span:last-child{color:var(--accent)}
.gallery-controls{margin-top:30px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:20px}.gallery-controls button{min-height:44px;width:max-content;max-width:100%;padding:10px 15px;border:1px solid #b6bbaf;background:var(--paper);font-size:12px}.gallery-controls #next-era{justify-self:end}.gallery-controls a{font-size:12px;text-decoration:none}.gallery-controls a:hover{text-decoration:underline}.no-script{border:1px solid var(--line);padding:24px}
.profile{max-width:1536px;margin:auto;padding:80px var(--pad);display:grid;grid-template-columns:1.15fr .85fr;gap:60px}.profile h2{font-size:clamp(40px,6vw,82px)}.profile-copy{align-self:end}.profile-copy>p{margin-top:0;font-size:17px;max-width:590px}.profile-copy>p+p{color:var(--muted)}.contact-button{display:flex;width:100%;align-items:center;justify-content:space-between;padding:15px 0;background:none;border:0;border-bottom:1px solid var(--ink);font-weight:600;font-size:14px}.profile-copy>small{display:block;color:var(--muted);font-size:12px;margin-top:15px}
.cv-details{grid-column:1/-1;display:grid;grid-template-columns:.8fr 1.2fr;gap:60px;padding-top:40px;border-top:1px solid var(--line)}.cv-heading h3{font-size:clamp(40px,5vw,70px)}.cv-heading>p:not(.eyebrow){max-width:430px;color:var(--muted);font-size:15px}.cv-actions{display:flex;flex-direction:column;align-items:start;gap:12px;margin-top:24px}.cv-actions a,.dialog-contact-links a{font-size:13px;font-weight:600;text-decoration:none;border-bottom:1px solid var(--line)}.cv-content h4{margin:0 0 10px;font-size:11px;text-transform:uppercase;letter-spacing:.08em}.expertise-block{padding-bottom:24px;border-bottom:1px solid var(--line)}.expertise-block p{margin:0;font-size:15px}.experience-list article{display:grid;grid-template-columns:110px 1fr;gap:4px 20px;padding:18px 0;border-bottom:1px solid var(--line)}.experience-list time{grid-row:span 2;font-size:12px;color:var(--muted)}.experience-list h4{margin:0;text-transform:none;letter-spacing:0;font-size:13px}.experience-list p{margin:0;font-size:12px;color:var(--muted)}.cv-meta{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:24px}.cv-meta p{margin:0;font-size:12px;color:var(--muted)}
body>footer{padding:26px var(--pad);border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:30px}body>footer p{margin:0;max-width:420px;font-size:11px;color:var(--muted)}
dialog{border:1px solid var(--ink);background:var(--paper);color:var(--ink);padding:35px;max-height:90svh;width:min(540px,calc(100% - 32px))}dialog::backdrop{background:#0d120ed9}dialog h2{font-size:36px}.dialog-close{position:absolute;right:15px;top:8px;min-width:44px;min-height:44px;font-size:28px;border:0;background:none}.dialog-contact-links{display:flex;flex-direction:column;align-items:start;gap:20px;margin-top:24px}
#portfolio-dialog{padding:0;width:calc(100vw - 32px);max-width:1600px;height:94svh;max-height:94svh;background:#151a16;color:#f6f7f3;overflow:hidden}#portfolio-dialog[open]{display:flex;flex-direction:column}.viewer-bar{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:10px 18px;border-bottom:1px solid #424941;flex-shrink:0}.viewer-bar p{font-size:12px;margin:0}.viewer-close{display:flex;align-items:center;gap:12px;min-height:44px;padding:0 6px;border:0;background:transparent;font-size:12px}.viewer-close span{font-size:26px}.viewer-stage{min-height:0;flex:1;overflow:auto;display:flex;justify-content:center;align-items:center;padding:16px;overscroll-behavior:contain;touch-action:pan-y pinch-zoom}.viewer-stage>img{object-fit:contain;width:100%;height:100%;max-width:100%;max-height:100%}.viewer-stage.zoomed{display:block;touch-action:pan-x pan-y pinch-zoom}.viewer-stage.zoomed>img{width:auto;height:auto;max-width:none;max-height:none;object-fit:unset}.viewer-controls{display:flex;align-items:center;justify-content:center;gap:24px;flex-shrink:0;padding:10px 18px;border-top:1px solid #424941}.viewer-controls button{border:1px solid #6b756a;background:transparent;min-width:44px;min-height:44px;padding:8px 14px;font-size:12px}.viewer-controls a{font-size:12px;text-decoration:none;border-bottom:1px solid #6b756a}.viewer-controls button:hover{background:#344034}.viewer-hint{font-size:10px;text-align:center;color:#bfc7ba;margin:0 0 9px;flex-shrink:0}#portfolio-dialog a:focus-visible,#portfolio-dialog button:focus-visible{outline-color:#d5e5ce}
@media(max-width:1050px){.header-location{display:none}.editorial-note{grid-template-columns:220px 1fr}.editorial-note>.text-link{grid-column:2;justify-self:start}.front-intro{grid-template-columns:.7fr 1.3fr}.front-intro>.pdf-link{grid-column:1/-1}.era-directory>a{padding:17px 16px}.gallery-switcher a{padding:13px 14px}}
@media(max-width:760px){
.front-page{padding-top:20px}.front-intro{gap:14px}.era-directory{grid-template-columns:repeat(2,minmax(0,1fr))}.era-directory>a:nth-child(2){border-right:0}.era-directory>a:nth-child(-n+2){border-bottom:1px solid var(--ink)}.editorial-stories{gap:22px}.editorial-story+.editorial-story{padding-left:22px}.editorial-story h2{font-size:32px}.editorial-note{grid-template-columns:180px 1fr;gap:20px}.section-heading{align-items:start;flex-direction:column;gap:18px}.gallery-summary{grid-template-columns:1fr;gap:18px}.portfolio-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.gallery-switcher{position:static;grid-template-columns:repeat(2,minmax(0,1fr))}.gallery-switcher a:nth-child(2){border-right:0}.gallery-switcher a:nth-child(-n+2){border-bottom:1px solid var(--ink)}.gallery-switcher strong{font-size:18px}.gallery-switcher a{padding:16px}.profile,.cv-details{grid-template-columns:1fr;gap:36px}body>footer{flex-wrap:wrap}}
@media(max-width:540px){:root{--header:68px}.site-header{padding-block:10px}.wordmark{font-size:23px}.menu-button{display:block}.site-header nav{display:none;position:absolute;top:100%;left:0;right:0;background:var(--paper);border-bottom:1px solid var(--ink);padding:14px var(--pad);align-items:stretch;gap:0}.site-header nav.open{display:flex;flex-direction:column}.site-header nav :is(a,.nav-contact){min-height:48px;display:flex;align-items:center;justify-content:space-between}
.site-header{gap:12px}.mobile-gallery-link{display:inline-flex;align-items:center;gap:8px;min-height:44px;margin-left:auto;text-decoration:none;font-size:12px;font-weight:700}.menu-button{padding:0;font-size:12px}.menu-button span{margin-left:5px}

.front-intro{display:flex;align-items:start;flex-direction:column;gap:9px;padding:17px 0}.front-intro .eyebrow{font-size:9px}.front-intro p:not(.eyebrow){font-size:16px}.front-intro>.pdf-link{font-size:10px}.era-directory{margin-bottom:24px}.era-directory>a{padding:14px 13px}.era-index{margin-bottom:8px;font-size:10px}.era-directory strong{font-size:18px}.era-years{font-size:12px;margin-top:7px}.era-directory small{font-size:10px;margin-top:11px}.editorial-stories{grid-template-columns:1fr;gap:28px}.editorial-story+.editorial-story{padding:24px 0 0;border-left:0;border-top:1px solid var(--line)}.editorial-story>.eyebrow{margin-top:16px}.editorial-story h2{font-size:38px}.editorial-story>p:not(.eyebrow){font-size:14px}.editorial-note{grid-template-columns:1fr;gap:18px;margin-top:28px}.editorial-note>.artwork-link{max-width:280px}.editorial-note>.text-link{grid-column:1}.front-page{padding-bottom:30px}
.work{padding-top:32px;padding-bottom:36px}.section-heading h2{font-size:34px}.section-heading>p{font-size:12px}.gallery-switcher a{padding:13px}.gallery-switcher a>span{font-size:10px}.gallery-switcher strong{font-size:16px}.gallery-switcher small{font-size:10px}.gallery-panel{padding-top:24px}.gallery-summary h3{font-size:30px}.gallery-lead{font-size:14px}.gallery-tools{align-items:start;flex-direction:column;gap:12px}.portfolio-grid{grid-template-columns:1fr;gap:20px}.page-caption{font-size:12px;padding:14px}.gallery-controls{gap:10px}.gallery-controls button{padding:9px;font-size:11px}.gallery-controls a{font-size:11px}.profile{padding-top:48px;padding-bottom:48px}.profile-copy>p{font-size:15px}.experience-list article{grid-template-columns:1fr;gap:4px}.experience-list time{grid-row:auto}.cv-meta{grid-template-columns:1fr;gap:20px}body>footer{flex-direction:column;align-items:start;gap:14px}
#portfolio-dialog{width:calc(100vw - 12px);height:96svh;max-height:96svh}.viewer-bar{padding:5px 12px;gap:10px}.viewer-bar p{font-size:10px}.viewer-stage{padding:8px}.viewer-controls{padding:8px;gap:8px;justify-content:space-between}.viewer-controls button{padding:8px 10px;font-size:11px}.viewer-controls a{font-size:10px}.viewer-hint{font-size:9px}dialog{padding:36px 24px 24px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}
@media(min-width:761px) and (max-width:900px){.era-directory,.gallery-switcher{grid-template-columns:repeat(2,minmax(0,1fr))}.era-directory>a:nth-child(2),.gallery-switcher a:nth-child(2){border-right:0}.era-directory>a:nth-child(-n+2),.gallery-switcher a:nth-child(-n+2){border-bottom:1px solid var(--ink)}.gallery-switcher{position:static}}
@media(max-width:380px){.era-directory strong{font-size:16px}.gallery-switcher strong{font-size:15px}.viewer-controls{flex-wrap:wrap;justify-content:center}}