@font-face{font-family:DarkBodoni;src:url('/dark/fonts/bodoni.woff2') format('woff2');font-weight:400 900;font-display:swap}
@font-face{font-family:DarkCormorant;src:url('/dark/fonts/cormorant.woff2') format('woff2');font-weight:300 700;font-style:italic;font-display:swap}
@font-face{font-family:DarkManrope;src:url('/dark/fonts/manrope.woff2') format('woff2');font-weight:200 800;font-display:swap}
@font-face{font-family:DarkDM;src:url('/dark/fonts/dm-sans.woff2') format('woff2');font-weight:100 1000;font-display:swap}
@font-face{font-family:DarkFraunces;src:url('/dark/fonts/fraunces.woff2') format('woff2');font-weight:100 900;font-display:swap}
@font-face{font-family:DarkJP;src:url('/dark/fonts/noto-jp.woff2') format('woff2');font-weight:100 900;font-display:swap}

/* Color and type live here; shared original-content structure lives in creative.css. */
[data-dark]{--art-bg:#10100f;--art-ink:#ece8df;--art-muted:#aaa79e;--art-rule:#494841;--art-wash:#1a1a17;--art-display:DarkBodoni,Georgia,serif;--art-body:DarkDM,DarkJP,sans-serif;--art-pad:clamp(24px,4.4vw,80px);--art-gap:clamp(72px,8vw,128px);--paper:var(--art-bg);--ink:var(--art-ink);--line:var(--art-rule);background:var(--art-bg);color:var(--art-ink)}
[data-dark="slate"]{--art-bg:#101316;--art-ink:#e4e8eb;--art-muted:#a6adb3;--art-rule:#454d53;--art-wash:#171d21;--art-display:DarkManrope,sans-serif;--art-body:DarkManrope,DarkJP,sans-serif}
[data-dark="nocturne"]{--art-bg:#141114;--art-ink:#eae1e3;--art-muted:#b0a4ad;--art-rule:#51464e;--art-wash:#1e191e;--art-display:DarkCormorant,Georgia,serif}
[data-dark="carbon"]{--art-bg:#090a09;--art-ink:#e5e6df;--art-muted:#a5aaa0;--art-rule:#41463d;--art-wash:#151713;--art-display:DarkDM,sans-serif}
[data-dark="umber"]{--art-bg:#1b1713;--art-ink:#eee5d7;--art-muted:#b3a899;--art-rule:#564c40;--art-wash:#231e18;--art-display:DarkFraunces,Georgia,serif}
[data-dark] .site-header{background:var(--art-bg);color:var(--art-ink);border-color:var(--art-rule)}
[data-dark] .site-header a,[data-dark] .mobile-menu summary{color:var(--art-ink);border-color:var(--art-rule)}
[data-dark] .mobile-menu nav{background:var(--art-bg);border-color:var(--art-rule)}
[data-dark] .art-content{position:relative;isolation:isolate;font-weight:350}
[data-dark="obsidian"] .art-content::before,[data-dark="umber"] .art-content::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:url('/dark/grain.svg') repeat;opacity:.38}
[data-dark] .art-content .section-shell{max-width:1800px}
[data-dark] .art-content .about{border-top:0}
[data-dark] .about-heading{margin-bottom:42px;padding-bottom:18px}
[data-dark] .art-content .about-heading .section-label{font:400 11px/1.5 var(--art-body);letter-spacing:.17em}
[data-dark] .art-content .social-links a{font:400 12px/1.5 var(--art-body);letter-spacing:.015em}
[data-dark] .art-content .bio-intro{grid-template-columns:repeat(12,minmax(0,1fr));grid-template-rows:auto 1fr;gap:30px 52px;margin-bottom:96px}
[data-dark] .intro-portrait{grid-column:1/7;grid-row:1/3;align-self:start;overflow:hidden}
[data-dark] .art-content .portrait{width:100%;aspect-ratio:1;object-fit:contain}
[data-dark] .art-content .about-copy .identity{grid-column:7/13;grid-row:1;display:flex;flex-direction:column;gap:18px;font:400 clamp(72px,7.6vw,122px)/1.03 var(--art-display);letter-spacing:-.055em;margin:0}
[data-dark] .identity-name{display:block;width:fit-content;max-width:100%}
[data-dark] .identity-reading{font:350 13px/1.5 var(--art-body);letter-spacing:.12em}
[data-dark] .intro-copy{grid-column:7/13;grid-row:2;align-self:start;max-width:36em}
[data-dark] .art-content .about-copy{font:350 16px/2 var(--art-body)}
[data-dark] .art-content .intro-copy p{font-size:16px;line-height:2.05;letter-spacing:.018em;margin-bottom:26px}
[data-dark] .art-content .intro-copy p:first-child{font-size:18px;line-height:1.95}
[data-dark] .art-content .about-copy h3:not(.identity){font:400 32px/1.15 var(--art-display);letter-spacing:-.025em}
[data-dark] .art-content .about-copy li{font-size:15px;line-height:1.8}
[data-dark] .art-content .profile-grid{font-size:15px}
[data-dark] .art-content .bio-profile,[data-dark] .art-content .bio-current{padding-top:28px}
[data-dark] .art-content .experience-group summary{font:350 16px/1.65 var(--art-body)}
[data-dark] .art-content .text-link{font:400 27px/1.4 var(--art-display)}
[data-dark] .art-content .section-top{grid-template-columns:36px minmax(0,1fr) auto;gap:24px;align-items:baseline;padding-bottom:30px}
[data-dark] .art-content .section-top .section-label{font:400 clamp(42px,5.8vw,92px)/1.1 var(--art-display);letter-spacing:-.045em}
[data-dark] .chapter-number{font:400 11px/1.5 var(--art-body);letter-spacing:.12em}
[data-dark] .art-content .view-all{font:400 11px/1.5 var(--art-body);letter-spacing:.08em}
[data-dark] .photo-toolbar{font:400 11px/1.5 var(--art-body);letter-spacing:.08em}
[data-dark] .art-content figcaption{font:350 11px/1.5 var(--art-body);letter-spacing:.07em}
[data-dark] .art-content .image-cue{border:1px solid var(--art-rule);background:var(--art-bg);width:44px;height:44px;font-size:24px}
[data-dark] .art-content .photo-gallery.variant{grid-auto-columns:calc((100% - 24px)/2);gap:24px}
[data-dark] .art-content .photo-gallery.variant img{transition:transform 750ms cubic-bezier(.22,1,.36,1)}
[data-dark] .art-content .video-section{background:var(--art-wash);color:var(--art-ink)}
[data-dark] .art-content .contact-section{background:var(--art-bg);color:var(--art-ink);border-top:1px solid var(--art-rule)}
[data-dark] .art-content .contact-link{font:350 clamp(26px,3vw,48px)/1.6 var(--art-body);letter-spacing:.01em}
[data-dark] .art-content .closing-word{font:400 clamp(54px,19vw,300px)/1.25 var(--art-display);letter-spacing:-.055em}
[data-dark] .site-footer{font-family:var(--art-body)}
.reading-progress{height:2px;position:fixed;bottom:0;left:0;right:0;z-index:25;pointer-events:none}
.reading-progress span{display:block;width:100%;height:100%;background:var(--art-ink);transform:scaleX(0);transform-origin:left}

/* Five distinct compositions, with the same archived source content. */
[data-dark="slate"] .art-content .bio-intro{grid-template-rows:auto auto;gap:44px 32px}
[data-dark="slate"] .art-content .about-copy .identity{grid-column:1/-1;grid-row:1;flex-direction:row;align-items:baseline;gap:32px;font-size:clamp(100px,13vw,208px);font-weight:300;letter-spacing:-.08em}
[data-dark="slate"] .intro-portrait{grid-column:1/6;grid-row:2}
[data-dark="slate"] .intro-copy{grid-column:7/13;grid-row:2;align-self:center}
[data-dark="slate"] .art-content [data-photo-mode="index"] .photo-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:40px 24px}
[data-dark="slate"] .art-content .bio-profile,[data-dark="slate"] .art-content .bio-current{grid-column:1/-1;display:grid;grid-template-columns:1fr 2fr;gap:6vw}
[data-dark="slate"] .art-content .about-copy h3:not(.identity){font-weight:300;font-size:30px}
[data-dark="nocturne"] .art-content .bio-intro{gap:26px 52px}
[data-dark="nocturne"] .intro-portrait{grid-column:1/6;grid-row:1/3;margin-top:32px}
[data-dark="nocturne"] .art-content .about-copy .identity{font-style:italic;font-weight:300;font-size:clamp(90px,10.2vw,164px);line-height:1.05;letter-spacing:-.06em}
[data-dark="nocturne"] .art-content .section-top .section-label,[data-dark="nocturne"] .art-content .about-copy h3:not(.identity),[data-dark="nocturne"] .art-content .text-link,[data-dark="nocturne"] .art-content .closing-word{font-style:italic;font-weight:300}
[data-dark="nocturne"] .art-content .photo-gallery.variant{grid-auto-columns:58%;gap:32px}
[data-dark="carbon"] .art-content .bio-intro{gap:26px 44px}
[data-dark="carbon"] .intro-portrait{grid-column:1/6}
[data-dark="carbon"] .art-content .about-copy .identity{font-weight:300;font-size:clamp(62px,6.8vw,112px);letter-spacing:-.075em}
[data-dark="carbon"] .art-content .section-top .section-label{font-size:clamp(40px,4.5vw,72px);font-weight:300}
[data-dark="carbon"] .art-content [data-photo-mode="index"] .photo-gallery{grid-template-columns:repeat(3,minmax(0,1fr));gap:26px 16px}
[data-dark="umber"] .art-content .about-copy .identity{grid-column:1/-1;grid-row:1;display:flex;flex-direction:row;align-items:baseline;gap:32px;font-weight:300;font-size:clamp(100px,11vw,172px);font-variation-settings:"SOFT" 0,"WONK" 0,"opsz" 144}
[data-dark="umber"] .art-content .bio-intro{grid-template-rows:auto auto;gap:40px 36px}
[data-dark="umber"] .intro-portrait{grid-column:8/13;grid-row:2}
[data-dark="umber"] .intro-copy{grid-column:1/7;grid-row:2;align-self:center}
[data-dark="umber"] .art-content .section-top .section-label,[data-dark="umber"] .art-content .about-copy h3:not(.identity){font-weight:300;font-variation-settings:"SOFT" 0,"WONK" 0,"opsz" 144}
[data-dark="umber"] .art-content .photo-gallery.variant{grid-auto-columns:54%;gap:32px}

@media(hover:hover) and (prefers-reduced-motion:no-preference){
 [data-dark]:not([data-motion="off"]) .art-content .photo-gallery .image-open:hover img{transform:scale(1.025)}
 [data-dark] .art-content .view-all:hover{opacity:.72}
}
@media(max-width:1100px){
 [data-dark] .art-content .bio-intro{column-gap:32px}
 [data-dark] .art-content .intro-copy p,[data-dark] .art-content .intro-copy p:first-child{font-size:16px}
 [data-dark] .art-content .about-copy .identity{font-size:clamp(54px,7.4vw,88px)}
 [data-dark="slate"] .art-content .about-copy .identity{font-size:13vw}
 [data-dark="nocturne"] .art-content .about-copy .identity{font-size:10vw}
 [data-dark="umber"] .art-content .about-copy .identity{font-size:11vw}
 [data-dark] .art-content .profile-grid{font-size:14px}
 [data-dark] .art-content .section-top{grid-template-columns:24px minmax(0,1fr) auto;gap:16px}
 [data-dark] .art-content .section-top .section-label{font-size:5.8vw}
}
@media(max-width:760px){
 [data-dark] .about-heading{margin-bottom:30px}
 [data-dark] .art-content .bio-intro{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto;gap:28px;margin-bottom:60px}
 [data-dark] .art-content .about-copy .identity{grid-column:1;grid-row:1;font-size:clamp(62px,14vw,110px);line-height:1.1;display:block;margin:0;letter-spacing:-.055em}
 [data-dark] .identity-reading{display:none}
 [data-dark] .intro-portrait{grid-column:1;grid-row:2;margin:0;width:100%}
 [data-dark] .intro-copy{grid-column:1;grid-row:3;max-width:none}
 [data-dark] .art-content .intro-copy p,[data-dark] .art-content .intro-copy p:first-child{font-size:16px;line-height:2}
 [data-dark="nocturne"] .art-content .about-copy .identity{font-size:20vw}
 [data-dark="umber"] .art-content .about-copy .identity{font-size:15vw}
 [data-dark="slate"] .art-content .about-copy .identity{font-size:16vw}
 [data-dark="slate"] .art-content .bio-profile,[data-dark="slate"] .art-content .bio-current{display:block}
 [data-dark] .art-content .section-top{grid-template-columns:minmax(0,1fr) auto;gap:12px 20px}
 [data-dark] .chapter-number{grid-column:1/-1}
 [data-dark] .art-content .section-top .section-label{font-size:clamp(27px,6.8vw,50px)}
 [data-dark] .art-content .view-all{font-size:10px;letter-spacing:.025em;gap:12px}
 [data-dark] .art-content .experience-group summary{font-size:15px}
 [data-dark] .art-content .contact-link{font-size:26px;letter-spacing:0}
}
@media(max-width:540px){
 [data-dark] .art-content .photo-gallery.variant{grid-auto-columns:88%;gap:16px}
 [data-dark="slate"] .art-content [data-photo-mode="index"] .photo-gallery,[data-dark="carbon"] .art-content [data-photo-mode="index"] .photo-gallery{grid-template-columns:minmax(0,1fr);gap:32px}
 [data-dark] .art-content .about-copy .identity{font-size:clamp(60px,18vw,96px)}
 [data-dark="nocturne"] .art-content .about-copy .identity{font-size:clamp(70px,24vw,130px)}
 [data-dark="slate"] .art-content .about-copy .identity{font-size:clamp(62px,19vw,105px)}
 [data-dark="umber"] .art-content .about-copy .identity{font-size:clamp(60px,18vw,100px)}
 [data-dark] .art-content .section-top .section-label{font-size:clamp(23px,6.8vw,34px)}
 [data-dark="nocturne"] .art-content .section-top .section-label{font-size:clamp(25px,7.4vw,38px)}
 [data-dark] .photo-toolbar{letter-spacing:.015em}
 [data-dark] .art-content .closing-word{font-size:19vw;letter-spacing:-.065em}
 [data-dark="slate"] .art-content .closing-word,[data-dark="carbon"] .art-content .closing-word{font-size:18vw}
}
@media(prefers-reduced-motion:reduce){[data-dark] .art-content *{transition:none!important;animation:none!important;scroll-behavior:auto!important}}
[data-dark][data-motion="off"] .art-content *{transition:none!important;animation:none!important;scroll-behavior:auto!important}