:root{color-scheme:light;--bg:#f5f4fb;--panel:#fbfaff;--ink:#211e3b;--sub:#55516f;--muted:#77748b;--line:#dcd9e9;--accent:#e9be70;--link:#403a73;--sans:'DM Sans',Arial,sans-serif;--display:Manrope,'DM Sans',sans-serif;--mono:'DM Mono',monospace}
html[data-theme="dark"]{color-scheme:dark;--bg:#14131a;--panel:#1c1a24;--ink:#f0eef8;--sub:#d0cde0;--muted:#9c98ae;--line:#383543;--accent:#e9be70;--link:#c6c1f2}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font:17px/1.72 var(--sans);transition:background .25s,color .25s}a{color:var(--link);text-decoration-thickness:1px;text-underline-offset:4px}a:hover{color:#8e537f}figure,p,h1,h2{margin-top:0}.topbar{width:min(920px,calc(100% - 48px));margin:25px auto 0;min-height:60px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{font:700 19px var(--display);letter-spacing:-.04em;color:var(--ink);text-decoration:none}.topbar nav{display:flex;gap:28px;align-items:center}.topbar nav a,footer>a:last-child{font-size:13px;color:var(--sub);text-decoration:none}.topbar nav a:hover,footer>a:last-child:hover{color:var(--ink);text-decoration:underline;text-decoration-color:var(--accent);text-decoration-thickness:2px;text-underline-offset:5px}.lamp{border:1px solid var(--line);background:var(--panel);color:var(--ink);width:36px;height:36px;border-radius:50%;font-size:18px;cursor:pointer}.page{width:min(740px,calc(100% - 48px));margin:80px auto 0}.status,.timeline-section h2,.featured-credit,.newsletter span,.archive-kicker,.museum-note,.contact-links,footer{font-family:var(--mono);font-size:10px;letter-spacing:.075em}.status{color:var(--muted);display:flex;gap:9px;align-items:center;margin-bottom:24px}.status i{width:7px;height:7px;background:#42a47c;border-radius:50%;box-shadow:0 0 0 4px #42a47c20}.intro h1{font:800 clamp(38px,5.5vw,56px)/1.21 var(--display);letter-spacing:-.065em;margin:0 0 33px;max-width:740px}.intro h1 em{font-style:normal;text-decoration:underline;text-decoration-color:var(--accent);text-decoration-thickness:6px;text-underline-offset:3px}.intro p{font-size:18px;line-height:1.8;color:var(--sub);margin:0 0 19px}.intro p a{font-weight:500}.timeline-section{margin-top:46px}.timeline-section h2,.wins-callout h2{font-weight:500;color:var(--muted);font-size:11px;margin-bottom:17px}.timeline{border-top:1px solid var(--line)}.year-row{display:grid;grid-template-columns:82px 1fr;gap:16px;padding:13px 0 12px;border-bottom:1px solid var(--line)}.year-row time{font-size:15px;font-weight:700;color:var(--sub);line-height:1.8}.year-items p{font-size:15px;line-height:1.7;color:var(--sub);margin:0 0 8px}.year-items p:last-child{margin-bottom:0}.timeline-note{font-size:11px;color:var(--muted);margin-top:12px}.featured{margin:32px 0 51px}.photo-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.photo-strip figure,.win-photos figure{margin:0;min-width:0}.photo-strip img{width:100%;height:145px;object-fit:cover;border-radius:6px;background:#e1deea}.photo-strip figure:first-child img{object-position:50% 22%}.photo-strip figcaption,.win-photos figcaption{font-size:11px;color:var(--muted);margin-top:6px}.featured-credit{color:var(--muted);margin:13px 0 0;font-size:9px}.featured-credit a{font:inherit;color:var(--sub);text-decoration:none}.wins-callout{border-top:1px solid var(--line);padding-top:26px}.wins-callout h2{margin:0 0 7px}.wins-callout>p{font-size:16px;color:var(--sub);margin:0 0 2px}.wins-callout>a{font-size:15px;font-weight:600;text-decoration:none;border-bottom:2px solid var(--accent);padding-bottom:2px}.wins-callout>a span{font-size:17px;margin-left:5px}.win-photos{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:20px}.win-photos img{width:100%;height:110px;object-fit:cover;border-radius:5px;background:#e1deea}.newsletter{margin-top:60px;padding:20px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:22px}.newsletter p{font-size:14px;color:var(--sub);margin:0;max-width:470px}.newsletter span{color:var(--muted);white-space:nowrap;font-size:9px}.contact{padding:44px 0 30px}.contact h2{font:700 28px/1.3 var(--display);letter-spacing:-.04em;margin:0 0 8px}.contact p{font-size:14px;color:var(--muted)}.contact-links{display:flex;flex-wrap:wrap;gap:21px}.contact-links a{color:var(--sub);text-decoration:none}.contact-links a:hover{text-decoration:underline;text-decoration-color:var(--accent);text-underline-offset:4px}footer{width:min(920px,calc(100% - 48px));margin:22px auto 0;padding:18px 0 26px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;color:var(--muted);font-size:9px}footer .brand{font:700 15px var(--display);letter-spacing:-.02em}footer>a:last-child{text-transform:uppercase;font:inherit;color:var(--muted)}
/* Matching, intentionally simple layouts for the archive and drawing museum. */
.subpage{width:min(740px,calc(100% - 48px));margin:72px auto 0}.subpage-head{padding-bottom:27px;border-bottom:1px solid var(--line)}.subpage-head>a{font-size:12px}.archive-kicker{color:var(--muted);margin:29px 0 12px}.subpage-head h1{font:800 clamp(42px,6vw,58px)/1.12 var(--display);letter-spacing:-.065em;margin-bottom:14px}.subpage-head>p:last-child{color:var(--sub);font-size:16px;max-width:620px;margin:0}.archive-list{padding:15px 0 34px}.archive-entry{display:grid;grid-template-columns:105px 1fr;gap:16px;padding:17px 0;border-bottom:1px solid var(--line)}.archive-entry time{font:500 11px var(--mono);color:var(--muted);padding-top:3px}.archive-entry h2{font:700 17px/1.4 var(--display);letter-spacing:-.02em;margin:0 0 3px}.archive-entry p{font-size:14px;line-height:1.6;color:var(--sub);margin:0}.archive-photo-row{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:10px 0 44px}.archive-photo-row img{width:100%;height:125px;object-fit:cover;border-radius:5px}.archive-photo-row figcaption{font-size:10px;color:var(--muted);margin-top:5px}.museum-intro{color:var(--sub);max-width:620px}.museum-grid{columns:3;column-gap:14px;padding:29px 0 18px}.museum-piece{break-inside:avoid;margin:0 0 14px}.museum-piece img{width:100%;height:auto;border-radius:5px;background:#e1deea}.museum-piece figcaption{display:flex;justify-content:space-between;gap:8px;align-items:baseline;color:var(--sub);font-size:11px;padding-top:5px}.museum-piece figcaption span{font:9px var(--mono);color:var(--muted);white-space:nowrap}.museum-note{color:var(--muted);margin:20px 0 45px;font-size:10px}.source-note{font-size:11px;color:var(--muted);padding-bottom:28px}
@media(max-width:620px){body{font-size:16px}.topbar{width:calc(100% - 32px);margin-top:14px;gap:10px;min-height:48px}.brand{font-size:16px}.topbar nav{gap:14px}.topbar nav a{font-size:11px}.lamp{width:31px;height:31px;font-size:15px;flex:none}.page,.subpage{width:calc(100% - 40px);margin-top:52px}.intro h1{font-size:clamp(34px,9.3vw,47px);line-height:1.2;margin-bottom:23px}.intro p{font-size:16px;line-height:1.75}.timeline-section{margin-top:36px}.year-row{grid-template-columns:62px 1fr;gap:10px}.year-row time{font-size:13px}.year-items p{font-size:13px}.timeline-note{line-height:1.6}.photo-strip{gap:8px}.photo-strip img{height:105px}.photo-strip figcaption{font-size:9px}.win-photos{gap:8px}.win-photos img{height:85px}.newsletter{align-items:flex-start;flex-direction:column;gap:9px;margin-top:45px}.newsletter p{font-size:13px}.contact h2{font-size:24px}.contact-links{gap:14px;font-size:9px}footer{width:calc(100% - 40px);font-size:8px}.subpage{margin-top:48px}.subpage-head h1{font-size:46px}.subpage-head>p:last-child{font-size:14px}.archive-entry{grid-template-columns:73px 1fr;gap:10px}.archive-entry time{font-size:9px}.archive-entry h2{font-size:15px}.archive-entry p{font-size:12px}.archive-photo-row{gap:8px}.archive-photo-row img{height:80px}.archive-photo-row figcaption{font-size:8px}.museum-grid{columns:2;column-gap:9px}.museum-piece{margin-bottom:11px}.museum-piece figcaption{font-size:9px}.museum-piece figcaption span{font-size:7px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

/* Sam's 2026 portfolio: warm paper, quiet type, and a little color when you linger. */
:root{color-scheme:light;--bg:#f2efe6;--panel:#f9f7f0;--ink:#262820;--sub:#56594f;--muted:#818277;--line:#dedbcf;--accent:#e7a87c;--link:#514b72;--sans:'DM Sans',Arial,sans-serif;--display:Manrope,'DM Sans',sans-serif;--serif:'Newsreader',Georgia,serif;--mono:'DM Mono',monospace}
html[data-theme="dark"]{color-scheme:dark;--bg:#181a17;--panel:#22241f;--ink:#eeece3;--sub:#c8c7bb;--muted:#98998e;--line:#3a3c34;--accent:#dfa27a;--link:#d0c6f1}
body{background:var(--bg);background-image:radial-gradient(ellipse at 16% 7%,color-mix(in srgb,var(--accent) 9%,transparent),transparent 27rem);transition:background-color .3s,color .3s}
.brand-dot{color:#d77e5e}.topbar{width:min(1080px,calc(100% - 56px));margin-top:22px}.topbar nav{gap:25px}.topbar nav a[aria-current="page"]{color:var(--ink);text-decoration:underline;text-decoration-color:var(--accent);text-underline-offset:6px}.lamp{width:40px;height:40px;border-radius:50%;font-size:19px;background:var(--panel);box-shadow:0 2px 10px #5a524b13;transition:transform .2s,background .2s}.lamp:hover{transform:rotate(-12deg) scale(1.06);background:color-mix(in srgb,var(--accent) 22%,var(--panel))}
.page{width:min(920px,calc(100% - 56px));margin:65px auto 0}.hero{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(215px,.72fr);gap:54px;align-items:center}.hero-copy h1{font:800 clamp(50px,7vw,76px)/1.04 var(--display);letter-spacing:-.075em;margin:0 0 19px}.status,.eyebrow,.archive-kicker{font:500 10px/1.5 var(--mono);letter-spacing:.11em;color:var(--muted)}.status{margin-bottom:24px}.hero-lede{font:400 25px/1.42 var(--serif)!important;letter-spacing:-.01em;color:var(--ink)!important;margin:0 0 20px!important}.hero-copy>p:not(.hero-lede){font-size:15px;line-height:1.76;color:var(--sub);margin:0 0 13px}.microsoft-mark{width:14px;height:14px;display:inline-grid;grid-template-columns:1fr 1fr;gap:1.5px;vertical-align:-2px;margin:0 6px 0 3px}.microsoft-mark i:nth-child(1){background:#f25022}.microsoft-mark i:nth-child(2){background:#7fba00}.microsoft-mark i:nth-child(3){background:#00a4ef}.microsoft-mark i:nth-child(4){background:#ffb900}.hero-copy strong{color:var(--ink);font-weight:600}.text-link{display:inline-flex;gap:8px;align-items:center;margin-top:5px;font-size:14px;font-weight:600;text-decoration:none;border-bottom:1px solid var(--accent);padding:0 0 4px}.text-link span{transition:transform .18s}.text-link:hover span{transform:translate(3px,-2px)}.hero-portrait{margin:0;position:relative;transform:rotate(1deg)}.hero-portrait img{width:100%;height:305px;display:block;object-fit:cover;object-position:50% 34%;border-radius:4px;box-shadow:0 14px 35px #24231d1b;transition:filter .3s,transform .35s,box-shadow .3s;filter:saturate(.87)}.hero-portrait:hover img{filter:saturate(1.08);transform:rotate(-1.5deg) scale(1.025);box-shadow:0 18px 40px #24231d30}.hero-portrait figcaption{font-size:10px;color:var(--muted);margin-top:9px}.hero-portrait figcaption span{font-family:var(--serif);font-size:13px}.portrait-stamp{position:absolute;right:-13px;top:18px;background:var(--panel);color:var(--sub);padding:9px 11px;font:9px/1.45 var(--mono);letter-spacing:.08em;text-align:center;transform:rotate(5deg);box-shadow:0 3px 12px #2222}
.timeline-section{margin-top:84px}.section-heading{display:flex;align-items:baseline;gap:17px;flex-wrap:wrap;margin-bottom:18px}.section-heading .eyebrow{flex-basis:100%;margin:0}.section-heading h2{font:500 37px/1.15 var(--serif);letter-spacing:-.03em;margin:0}.section-heading>a{margin-left:auto;font-size:12px}.timeline{border-top:1px solid var(--line)}.timeline-item{display:grid;grid-template-columns:180px 1fr;gap:27px;padding:18px 0 19px;border-bottom:1px solid var(--line);position:relative}.timeline-item:before{content:"";position:absolute;width:7px;height:7px;border:1px solid var(--accent);border-radius:50%;background:var(--bg);left:169px;top:24px;box-shadow:0 0 0 4px var(--bg)}.timeline-item time{font:10px/1.7 var(--mono);color:var(--muted);padding-left:12px}.timeline-item h3{font:600 16px/1.4 var(--display);letter-spacing:-.02em;margin:0 0 3px}.timeline-item p{font-size:13px;line-height:1.65;color:var(--sub);margin:0}.timeline-note{font-size:10px;color:var(--muted);margin-top:12px}
.xtech-feature{margin:75px 0 0;padding:25px 27px;background:color-mix(in srgb,var(--panel) 83%,var(--accent) 7%);border:1px solid var(--line);border-radius:7px;display:grid;grid-template-columns:1fr minmax(260px,.85fr);align-items:center;gap:40px}.xtech-feature h2,.mosaic-caption h2,.newsletter h2{font:500 34px/1.1 var(--serif);letter-spacing:-.03em;margin:10px 0}.xtech-feature p:not(.eyebrow){font-size:14px;color:var(--sub);margin-bottom:14px}.xtech-feature figure{margin:0}.xtech-feature img{display:block;width:100%;height:230px;object-fit:cover;object-position:50% 36%;border-radius:4px;transition:filter .25s,transform .3s}.xtech-feature img:hover{filter:saturate(1.13);transform:scale(1.02)}.xtech-feature figcaption{color:var(--muted);font-size:10px;margin-top:7px}.feature-video{display:block;margin-top:13px;font:10px var(--mono);color:var(--sub);text-decoration:none}.feature-video:hover{color:var(--link)}
.photo-mosaic{margin:78px 0 0;display:grid;grid-template-columns:1.05fr 1fr 1fr 1fr;gap:13px;align-items:start}.mosaic-caption{align-self:center;padding:12px 14px 12px 0}.mosaic-caption h2{font-size:30px}.mosaic-caption>p:not(.eyebrow){font:15px/1.65 var(--serif);color:var(--sub)}.mosaic-caption>a{font-size:12px}.mosaic-photo{margin:0}.mosaic-photo img{display:block;width:100%;height:175px;object-fit:cover;border-radius:4px;filter:saturate(.72);transition:filter .3s,transform .3s,box-shadow .3s}.mosaic-tall img{height:315px}.mosaic-photo:nth-of-type(3) img{object-position:center 30%}.mosaic-photo:hover img{filter:saturate(1.12);transform:translateY(-4px);box-shadow:0 13px 24px #29271d2b}.mosaic-photo figcaption{font-size:10px;color:var(--muted);padding-top:6px}.newsletter{margin-top:82px;padding:27px 0;display:flex;align-items:center;justify-content:space-between;gap:30px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.newsletter h2{font-size:28px;margin:7px 0}.newsletter p:not(.eyebrow){font-size:13px;color:var(--sub);margin:0}.button-link{flex:none;display:inline-block;border:1px solid var(--ink);border-radius:99px;padding:10px 17px;color:var(--ink);font-size:12px;text-decoration:none;transition:color .2s,background .2s,transform .2s}.button-link:hover{background:var(--ink);color:var(--bg);transform:translateY(-2px)}.contact{padding:65px 0 35px}.contact h2{font:500 42px/1.15 var(--serif);letter-spacing:-.035em;margin:8px 0}.contact>p:not(.eyebrow){font-size:14px;color:var(--sub)}.contact-links{font-size:10px}
footer{width:min(1080px,calc(100% - 56px));margin:0 auto;padding:17px 0 25px;font-size:9px;letter-spacing:.07em}.footer-links{display:flex;gap:16px}
.subpage{width:min(850px,calc(100% - 56px));margin:62px auto 0}.subpage-head{padding:0 0 26px}.subpage-head>a{font-size:11px;color:var(--muted)}.archive-kicker{margin:31px 0 10px}.subpage-head h1{font:500 clamp(46px,7vw,68px)/1.04 var(--serif);letter-spacing:-.055em;margin-bottom:13px}.subpage-head>p:last-child{font:400 21px/1.5 var(--serif);color:var(--sub)}.archive-list{padding:5px 0 25px}.archive-entry{grid-template-columns:145px 1fr;gap:24px;padding:22px 0}.archive-entry time{font-size:10px;line-height:1.65}.archive-entry h2{font-size:17px}.archive-entry p{font-size:13px;line-height:1.7}.entry-image{margin:15px 0 0;max-width:390px}.entry-image img{display:block;width:100%;max-height:250px;object-fit:cover;border-radius:4px;filter:saturate(.84);transition:filter .25s,transform .25s}.entry-image img:hover{filter:saturate(1.1);transform:translateY(-2px)}.entry-image figcaption{font-size:10px;color:var(--muted);padding-top:6px}.archive-next{display:flex;gap:24px;flex-wrap:wrap;border-top:1px solid var(--line);padding-top:16px;font-size:12px}.source-note{font-size:10px;line-height:1.6;padding:0 0 24px}
.data-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;padding:27px 0}.data-card,.data-note{min-height:240px;border:1px solid var(--line);border-radius:6px;padding:19px;background:var(--panel);position:relative;overflow:hidden;transition:transform .2s,box-shadow .2s}.data-card:hover,.data-note:hover{transform:translateY(-4px);box-shadow:0 12px 28px #29271d18}.data-card:after{content:"";position:absolute;inset:auto -37px -54px auto;width:145px;height:145px;border-radius:50%;opacity:.19;background:var(--data-accent)}.data-amber{--data-accent:#e89a57}.data-blue{--data-accent:#67a8c4}.data-rose{--data-accent:#d77c7c}.data-green{--data-accent:#70a781}.data-lilac{--data-accent:#a49bd5}.data-ring{width:86px;height:86px;border-radius:50%;border:1px solid var(--data-accent);display:grid;place-items:center;position:relative;margin:0 0 16px}.data-ring:before,.data-ring:after{content:"";position:absolute;inset:7px;border-radius:50%;border:1px dashed color-mix(in srgb,var(--data-accent) 56%,transparent)}.data-ring:after{inset:14px;border:0;background:color-mix(in srgb,var(--data-accent) 12%,transparent)}.data-ring span{z-index:1;font:500 18px var(--display);color:var(--ink)}.data-card .eyebrow,.data-note .eyebrow{font-size:9px;margin:0 0 6px}.data-card h2{font:600 17px var(--display);margin:0 0 5px}.data-card>p:not(.eyebrow){font-size:12px;line-height:1.55;color:var(--sub);position:relative;z-index:1;margin:0 0 10px}.data-card>a,.data-note>a{font-size:10px;position:relative;z-index:1}.data-number{font:500 58px/.95 var(--serif);letter-spacing:-.06em;color:var(--data-accent);margin:12px 0 19px}.data-number span{font-size:.7em}.data-note{background:color-mix(in srgb,var(--panel) 85%,var(--accent) 10%);display:flex;flex-direction:column;justify-content:center}.data-spark{position:absolute;right:18px;top:16px;font-size:28px;color:var(--accent)}.data-note h2{font:500 24px/1.12 var(--serif);margin:3px 0 9px}.data-note>p:not(.eyebrow){font-size:12px;line-height:1.6;color:var(--sub)}.data-footer-note{font-size:10px;line-height:1.6;color:var(--muted);border-top:1px solid var(--line);padding-top:14px}
.museum-page{width:min(1030px,calc(100% - 56px));margin:56px auto 0;display:grid;grid-template-columns:minmax(0,1fr) minmax(230px,.84fr) minmax(0,1fr);grid-template-rows:auto auto auto;gap:23px 25px;align-items:start}.museum-intro-card{grid-column:2;grid-row:1;align-self:center;padding:20px 2px 28px;position:relative}.museum-intro-card .archive-kicker{margin:0 0 10px}.museum-intro-card h1{font:500 43px/1.08 var(--serif);letter-spacing:-.04em;margin:0 0 13px}.museum-intro-card>p:not(.archive-kicker){font:16px/1.68 var(--serif);color:var(--sub)}.museum-intro-card>a{font-size:11px}.intro-doodle{position:absolute;right:6px;top:9px;font-size:26px;color:var(--accent);transform:rotate(13deg)}.museum-grid{display:contents}.museum-piece{margin:0;position:relative;padding:8px;background:color-mix(in srgb,var(--panel) 78%,transparent);box-shadow:0 4px 14px #312d2412;transition:transform .3s,box-shadow .3s}.museum-piece:before{content:"";position:absolute;inset:-12px;background:radial-gradient(ellipse at 50% 0%,#fff4d477,transparent 68%);z-index:-1;opacity:.5;transition:opacity .3s}.museum-piece:hover{transform:translateY(-5px) rotate(-.4deg);box-shadow:0 16px 35px #29251d26;z-index:2}.museum-piece:hover:before{opacity:1}.museum-piece a{display:block;background:#e9e5da;min-height:140px;overflow:hidden}.museum-piece img{width:100%;max-height:410px;display:block;object-fit:contain;filter:grayscale(.94) contrast(1.02);transition:filter .35s,transform .45s}.museum-piece:hover img{filter:grayscale(.45) sepia(.16) contrast(1.06);transform:scale(1.025)}.museum-piece figcaption{display:flex;justify-content:space-between;gap:8px;align-items:baseline;color:var(--sub);font:12px var(--serif);padding:8px 2px 3px}.museum-piece figcaption span:last-child{font:8px var(--mono);color:var(--muted);white-space:nowrap}.piece-one{grid-column:1;grid-row:1;margin-top:46px}.piece-two{grid-column:3;grid-row:1;margin-top:2px}.piece-three{grid-column:1;grid-row:2;margin:0 0 0 23px}.piece-four{grid-column:3;grid-row:2;margin:0 17px 0 0}.piece-five{grid-column:2;grid-row:2;margin-top:39px}.piece-six{grid-column:2;grid-row:3;margin:-3px 16px 0}.museum-note{grid-column:1/4;grid-row:4;text-align:center;margin:26px 0 0;font-size:10px}.museum-note a{color:inherit}
body.art-body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:0;background:radial-gradient(360px circle at var(--spot-x,50%) var(--spot-y,36%),#fff5d333,transparent 75%);mix-blend-mode:screen;opacity:.5}body.art-body .topbar,body.art-body .museum-page,body.art-body footer{position:relative;z-index:1}
@media(max-width:760px){.topbar{width:calc(100% - 34px);gap:12px}.topbar nav{gap:14px}.topbar nav a{font-size:11px}.page,.subpage{width:calc(100% - 42px)}.hero{grid-template-columns:minmax(0,1.4fr) minmax(170px,.7fr);gap:24px}.hero-copy h1{font-size:58px}.hero-portrait img{height:260px}.timeline-item{grid-template-columns:145px 1fr;gap:20px}.timeline-item:before{left:134px}.photo-mosaic{grid-template-columns:repeat(3,1fr)}.mosaic-caption{grid-column:1/4;display:grid;grid-template-columns:1fr 1fr;column-gap:20px}.mosaic-caption .eyebrow,.mosaic-caption h2{grid-column:1}.mosaic-caption>p:not(.eyebrow){grid-column:2;grid-row:1/3;align-self:center}.mosaic-caption>a{grid-column:1}.mosaic-tall img{height:245px}.mosaic-photo img{height:150px}.data-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.museum-page{grid-template-columns:1fr minmax(200px,.85fr) 1fr;gap:16px}.museum-intro-card h1{font-size:36px}.piece-one{margin-top:38px}.piece-three{margin-left:8px}.piece-four{margin-right:6px}}
@media(max-width:560px){.topbar{min-height:43px;margin-top:12px;flex-wrap:wrap}.topbar .brand{font-size:16px}.topbar nav{order:3;width:100%;justify-content:space-between;gap:5px;padding-top:9px;border-top:1px solid var(--line)}.topbar nav a{font-size:10px}.lamp{margin-left:auto}.page,.subpage{margin-top:37px;width:calc(100% - 36px)}.hero{grid-template-columns:1fr;gap:24px}.hero-copy h1{font-size:55px}.hero-lede{font-size:22px!important}.hero-copy>p:not(.hero-lede){font-size:14px}.hero-portrait{width:min(64%,265px);margin:0 auto}.hero-portrait img{height:235px}.portrait-stamp{right:-19px}.timeline-section{margin-top:56px}.section-heading{gap:11px}.section-heading h2{font-size:32px}.section-heading>a{font-size:10px}.timeline-item{grid-template-columns:1fr;gap:4px;padding:14px 0 15px}.timeline-item:before{left:auto;right:1px;top:20px}.timeline-item time{padding-left:0}.timeline-item h3{font-size:15px}.timeline-item p{font-size:12px;padding-right:7px}.xtech-feature{grid-template-columns:1fr;padding:20px;gap:20px;margin-top:53px}.xtech-feature h2{font-size:31px}.xtech-feature img{height:220px}.photo-mosaic{margin-top:56px;gap:9px}.mosaic-caption{padding-right:0;column-gap:12px}.mosaic-caption h2{font-size:26px}.mosaic-caption>p:not(.eyebrow){font-size:13px}.mosaic-photo img{height:105px}.mosaic-tall img{height:180px}.mosaic-photo figcaption{font-size:8px}.newsletter{margin-top:56px;align-items:flex-start;flex-direction:column;gap:18px}.newsletter h2{font-size:26px}.contact{padding-top:51px}.contact h2{font-size:35px}.subpage-head h1{font-size:50px}.subpage-head>p:last-child{font-size:18px}.archive-entry{grid-template-columns:1fr;gap:4px;padding:17px 0}.archive-entry h2{font-size:16px}.archive-entry p{font-size:12px}.entry-image{max-width:100%}.data-grid{grid-template-columns:1fr 1fr;gap:8px}.data-card,.data-note{min-height:220px;padding:13px}.data-ring{width:67px;height:67px}.data-ring span{font-size:15px}.data-card h2{font-size:14px}.data-card>p:not(.eyebrow),.data-note>p:not(.eyebrow){font-size:10px}.data-number{font-size:46px}.data-note h2{font-size:20px}.museum-page{margin-top:40px;width:calc(100% - 30px);grid-template-columns:1fr 1fr;gap:14px 10px}.museum-intro-card{grid-column:1/3;grid-row:1;padding:8px 12px 0}.museum-intro-card h1{font-size:40px}.museum-intro-card>p:not(.archive-kicker){font-size:15px;max-width:370px}.museum-grid{display:contents}.museum-piece{padding:6px}.museum-piece a{min-height:110px}.museum-piece img{max-height:310px}.museum-piece figcaption{font-size:10px;flex-direction:column;gap:3px}.piece-one{grid-column:1;grid-row:2;margin:0}.piece-two{grid-column:2;grid-row:2;margin:29px 0 0}.piece-three{grid-column:1;grid-row:3;margin:0 0 0 8px}.piece-four{grid-column:2;grid-row:3;margin:4px 5px 0 0}.piece-five{grid-column:1;grid-row:4;margin:3px 0 0}.piece-six{grid-column:2;grid-row:4;margin:28px 5px 0 0}.museum-note{grid-column:1/3;grid-row:5;font-size:9px;margin-top:13px}footer{width:calc(100% - 36px);font-size:8px}footer .brand{font-size:13px}}
@media(prefers-reduced-motion:reduce){.museum-piece,.photo-mosaic img,.hero-portrait img,.data-card{transition:none}}

/* Current portfolio refinements */
.hero{display:block;max-width:820px;margin:0 auto}.hero-copy h1{margin-bottom:17px}.hero-copy>p:not(.hero-lede){max-width:760px}.hero-copy .text-link{margin-bottom:14px}.media-coverage{display:flex;align-items:center;gap:10px 18px;flex-wrap:wrap;border-top:1px solid var(--line);padding-top:12px;margin-top:4px}.media-coverage .eyebrow{margin:0}.media-coverage a{font:10px var(--mono);color:var(--sub);text-decoration:none}.media-coverage a:hover{color:var(--link)}
.photo-mosaic{grid-template-columns:1fr minmax(210px,.85fr) 1fr;grid-template-rows:auto auto;gap:12px 22px;align-items:center}.mosaic-caption{grid-column:2;grid-row:1/3;text-align:center;padding:25px 7px}.mosaic-caption h2{font-size:31px}.mosaic-caption>p:not(.eyebrow){font-size:16px}.mosaic-caption>a{font-size:11px}.mosaic-left-one{grid-column:1;grid-row:1}.mosaic-left-two{grid-column:1;grid-row:2}.mosaic-right-one{grid-column:3;grid-row:1}.mosaic-right-two{grid-column:3;grid-row:2}.mosaic-photo img{height:205px;object-fit:cover;border-radius:5px;object-position:center 38%}.mosaic-left-one img{object-position:22% 36%}.mosaic-left-two img{object-position:19% 35%}.mosaic-right-one img{object-position:50% 38%}.mosaic-right-two img{object-position:24% 30%}.mosaic-photo:nth-of-type(3) img{object-position:50% 38%}
.newsletter{justify-content:center;border:0;padding:0;margin-top:52px}.newsletter .button-link{font:500 11px var(--mono);letter-spacing:.04em;padding:14px 20px}
.away-note{font-size:13px;color:var(--sub);margin:0 0 17px}.contact-links a{display:inline-flex;align-items:center;gap:7px}.contact-links a svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;color:var(--sub);transition:color .2s,transform .2s}.contact-links a:hover svg{color:var(--link);transform:translateY(-2px)}
.entry-image{max-width:310px}.entry-image img{max-height:220px;object-fit:contain;object-position:center;background:var(--panel)}
.museum-page{width:min(1120px,calc(100% - 64px));display:block;margin:45px auto 0}.museum-intro-card{text-align:center;max-width:620px;margin:0 auto 28px;padding:12px}.museum-intro-card h1{font-size:54px}.museum-intro-card>p:not(.archive-kicker){max-width:500px;margin:0 auto 14px}.intro-doodle{right:17px}.museum-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:25px 32px;align-items:start}.museum-piece,.museum-piece[class]{grid-column:auto;grid-row:auto;margin:0;padding:15px;background:color-mix(in srgb,var(--panel) 91%,transparent);box-shadow:0 9px 26px #312d2418}.museum-piece:nth-child(even){margin-top:52px}.museum-piece a{min-height:0;display:grid;place-items:center;background:color-mix(in srgb,var(--bg) 75%,#e6d9bf)}.museum-piece img{width:100%;height:auto;max-height:480px;object-fit:contain;filter:grayscale(.8) contrast(1.04)}.museum-piece figcaption{font-size:14px;padding:12px 3px 4px}.museum-piece figcaption span:last-child{font-size:9px}.museum-note{margin:40px 0 10px}
body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:0;background:radial-gradient(360px circle at var(--hover-x,50%) var(--hover-y,40%),color-mix(in srgb,var(--accent) 10%,transparent),transparent 78%);opacity:.35;transition:opacity .2s}body>*{position:relative;z-index:1}
@media(max-width:760px){.photo-mosaic{grid-template-columns:1fr 1fr;gap:11px}.mosaic-caption{grid-column:1/3;grid-row:1;text-align:left;padding:12px 0;display:block}.mosaic-caption h2{font-size:27px}.mosaic-left-one{grid-column:1;grid-row:2}.mosaic-left-two{grid-column:2;grid-row:2}.mosaic-right-one{grid-column:1;grid-row:3}.mosaic-right-two{grid-column:2;grid-row:3}.mosaic-photo img{height:clamp(130px,30vw,220px)}.museum-page{width:calc(100% - 34px)}.museum-grid{grid-template-columns:1fr 1fr;gap:14px}.museum-piece:nth-child(n){margin:0}.museum-piece img{height:clamp(230px,54vw,360px)}.museum-intro-card{margin-bottom:22px;padding:8px}.museum-intro-card h1{font-size:43px}.media-coverage{gap:9px 12px}.media-coverage .eyebrow{width:100%}}
@media(max-width:420px){.museum-grid{grid-template-columns:1fr}.museum-piece img{height:auto;max-height:560px}.photo-mosaic{gap:8px}.mosaic-photo img{height:145px}}

.data-note{grid-column:1/-1;min-height:unset;padding:20px 22px}.data-note h2{font-size:22px}.data-note>p:not(.eyebrow){max-width:750px}

/* A small table lamp is the shared light/dark control. */
.lamp{position:relative;display:grid;place-items:center;overflow:visible;border-radius:11px;width:44px;height:44px;padding:0;flex:none}
.lamp-icon{width:26px;height:26px;overflow:visible;fill:none;stroke:var(--sub);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;position:relative;z-index:1;transition:stroke .2s,transform .2s}
.lamp-icon .lamp-shade{fill:color-mix(in srgb,var(--accent) 30%,var(--panel));stroke:var(--accent)}
.lamp-icon .lamp-rays{stroke:var(--accent);opacity:.72;transition:opacity .2s}
.lamp-glow{position:absolute;width:34px;height:34px;top:3px;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--accent) 46%,transparent),transparent 72%);opacity:.2;filter:blur(2px);transition:opacity .25s,transform .25s}
.lamp.is-lit .lamp-glow{opacity:.9;transform:scale(1.22)}.lamp.is-dark .lamp-glow{opacity:.06}.lamp:hover .lamp-icon{transform:translateY(-1px)}
.microsoft-mark{vertical-align:middle;transform:translateY(-1px)}
/* The drawing page is staged as a quiet gallery, with warm walls and framed works. */
body.art-body{--bg:#d1cabc;--panel:#ece7db;--ink:#282820;--sub:#555448;--muted:#777365;--line:#b9b09f;background-color:var(--bg);background-image:linear-gradient(180deg,#37372f 0,#4a4940 112px,#c9c1b2 114px,transparent 115px),radial-gradient(ellipse at 50% 18%,#fff3cf33,transparent 47rem);min-height:100vh}
html[data-theme="dark"] body.art-body{--bg:#22241f;--panel:#303129;--ink:#eee9dc;--sub:#d0c9b8;--muted:#aaa28e;--line:#4a493d;background-image:linear-gradient(180deg,#11130f 0,#191b16 112px,#2c2d26 114px,transparent 115px),radial-gradient(ellipse at 50% 18%,#f4d89412,transparent 47rem)}
body.art-body:before{background:radial-gradient(430px circle at var(--spot-x,50%) var(--spot-y,28%),#fff1c968,transparent 74%);mix-blend-mode:soft-light;opacity:.9}
body.art-body .topbar{filter:drop-shadow(0 1px 0 #ffffff12)}
.museum-page{width:min(1160px,calc(100% - 72px));margin:77px auto 0;padding:0 0 36px}
.museum-intro-card{text-align:left;max-width:760px;margin:0 auto 48px;padding:0 0 23px;border-bottom:1px solid color-mix(in srgb,var(--ink) 22%,transparent);position:relative}
.museum-intro-card .archive-kicker{margin-bottom:8px}.museum-intro-card h1{font-size:clamp(44px,6vw,68px);margin-bottom:8px}
.museum-intro-card>p:not(.archive-kicker){font:19px/1.55 var(--serif);max-width:620px;margin:0 0 14px}
.museum-intro-card:after{content:"GALLERY 01  /  PENCIL & PAPER";position:absolute;right:0;bottom:23px;color:var(--muted);font:9px var(--mono);letter-spacing:.1em}
.museum-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:55px 34px;align-items:start;position:relative;padding:15px 12px 35px}
.museum-grid:before{content:"";position:absolute;left:0;right:0;top:0;height:1px;background:color-mix(in srgb,var(--ink) 18%,transparent);box-shadow:0 5px 0 -0.3px color-mix(in srgb,var(--ink) 9%,transparent)}
.museum-piece,.museum-piece[class]{margin:0;padding:14px 14px 9px;background:linear-gradient(135deg,#f1ecdf,#d8d1c3);border:1px solid #a59b87;box-shadow:0 17px 25px #1717102b,0 3px 3px #17171022;transition:transform .3s,box-shadow .3s}
html[data-theme="dark"] .museum-piece,html[data-theme="dark"] .museum-piece[class]{background:linear-gradient(135deg,#d6d0c2,#b8b09f);border-color:#958a73;box-shadow:0 17px 30px #0008,0 3px 3px #0006}
.museum-piece:nth-child(3n+2){margin-top:36px}.museum-piece:nth-child(3n){margin-top:12px}
.museum-piece:before{inset:-50px -30px;background:radial-gradient(ellipse at 50% 0,#fff5d95b,transparent 69%);opacity:.42}
.museum-piece:hover{transform:translateY(-7px) rotate(-.25deg);box-shadow:0 25px 40px #1717103c,0 3px 3px #17171022}
.museum-piece a{position:relative;min-height:0;background:#e9e5da;padding:8px;box-shadow:inset 0 0 0 1px #c7beaa}
.museum-piece img{height:auto;max-height:420px;object-fit:contain;filter:grayscale(.85) contrast(1.06);mix-blend-mode:multiply}
html[data-theme="dark"] .museum-piece img{mix-blend-mode:multiply}.museum-piece:hover img{filter:grayscale(.25) sepia(.1) contrast(1.04)}
.museum-piece figcaption{padding:13px 2px 2px;font-size:15px;color:#34342c}.museum-piece figcaption span:last-child{font-size:8px;color:#706a5c}
.museum-note{margin:24px 0 5px;text-align:center;letter-spacing:.13em}
.data-footer-note{font-size:11px;line-height:1.7;color:var(--muted);padding:7px 0 28px;border-top:1px solid var(--line)}.data-footer-note a{color:var(--sub)}
@media(max-width:760px){.museum-page{width:calc(100% - 34px);margin-top:56px}.museum-intro-card{margin-bottom:31px}.museum-intro-card:after{position:static;display:block;margin-top:16px}.museum-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:25px 16px;padding:12px 4px 24px}.museum-piece:nth-child(n){margin:0}.museum-piece:nth-child(even){margin-top:34px}.museum-piece img{height:auto;max-height:360px}}
@media(max-width:480px){.museum-grid{grid-template-columns:1fr;gap:25px}.museum-piece:nth-child(n){margin:0 8px}.museum-piece img{height:auto;max-height:560px}.museum-intro-card h1{font-size:43px}}

body.art-body .topbar .brand,body.art-body .topbar nav a{color:#f1eee2}body.art-body .topbar nav a[aria-current="page"]{color:#fff;text-decoration-color:var(--accent)}
.mosaic-left-one img{object-position:50% 37%}
/* Pull-cord pendant switch, matching the supplied lamp reference. */
.lamp{position:fixed;top:0;right:8px;z-index:60;width:58px;height:280px;display:block;padding:0;overflow:visible;border:0;border-radius:0;background:transparent;box-shadow:none;transform:none!important}
.lamp:hover{background:transparent;box-shadow:none}.lamp-icon{position:absolute;inset:0;width:58px;height:280px;overflow:visible;fill:none;stroke:#514b72;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;transition:filter .25s}
.lamp-icon .lamp-wire{stroke:#514b72;stroke-width:3.5}.lamp-icon .lamp-shade{fill:#302d52;stroke:#302d52;stroke-width:2}
.lamp-icon .lamp-bulb{fill:#ffd778;stroke:#ffd778;filter:drop-shadow(0 0 8px #ffd778b8);transition:fill .25s,filter .25s}
.lamp-icon .lamp-pull{stroke:#625b88;stroke-width:3}.lamp-icon .lamp-knob{fill:#db3474;stroke:#db3474;transition:transform .2s}
.lamp-glow{position:absolute;z-index:1;left:16px;top:128px;width:30px;height:38px;border-radius:50%;background:radial-gradient(ellipse,#ffe7a9b8,transparent 74%);filter:blur(6px);opacity:.75;transition:opacity .3s}
.lamp.is-dark .lamp-icon .lamp-bulb{fill:#908aad;stroke:#908aad;filter:none}.lamp.is-dark .lamp-glow{opacity:0}.lamp:hover .lamp-icon .lamp-knob{transform:translateY(6px)}
.photo-mosaic{grid-template-columns:minmax(0,1fr) minmax(220px,.88fr) minmax(0,1fr);grid-template-rows:repeat(3,auto);gap:14px 22px;align-items:center}
.mosaic-caption{grid-column:2;grid-row:1/4;align-self:center}.mosaic-left-one{grid-column:1;grid-row:1}.mosaic-left-two{grid-column:1;grid-row:2}.mosaic-left-three{grid-column:1;grid-row:3}.mosaic-right-one{grid-column:3;grid-row:1}.mosaic-right-two{grid-column:3;grid-row:2}.mosaic-right-three{grid-column:3;grid-row:3}
.mosaic-photo img{height:clamp(142px,16vw,180px);object-fit:cover}.mosaic-left-one img{object-position:50% 38%}.mosaic-left-two img{object-position:16% 38%}.mosaic-left-three img{object-position:50% 39%}.mosaic-right-one img{object-position:28% 37%}.mosaic-right-two img{object-position:48% 40%}.mosaic-right-three img{object-position:14% 40%}
/* Give the drawings a proper exhibition wall and pools of light instead of a paper-page backdrop. */
body.art-body{--bg:#5c5b50;--panel:#eee8d9;--ink:#fbf5e8;--sub:#e0d9c9;--muted:#c4bcaa;--line:#8b8878;background-color:#5c5b50;background-image:linear-gradient(180deg,#34352f 0,#414239 112px,#5c5b50 114px,transparent 115px),radial-gradient(ellipse at 50% 15%,#fff0c51a,transparent 50rem)}
html[data-theme="dark"] body.art-body{--bg:#20211e;--panel:#d8d0c0;--ink:#f7f1e5;--sub:#ddd5c5;--muted:#aaa28f;--line:#48483f;background-color:#20211e;background-image:linear-gradient(180deg,#11120f 0,#191a16 112px,#20211e 114px,transparent 115px),radial-gradient(ellipse at 50% 15%,#f8d99812,transparent 50rem)}
body.art-body .museum-intro-card{border-color:#ffffff44}body.art-body .museum-intro-card h1{color:var(--ink)}body.art-body .museum-intro-card>a{color:#f5d5a6}body.art-body .museum-intro-card:after{color:#d5cbb8}
body.art-body .museum-grid:before{background:#eee3ca6b;box-shadow:0 5px 0 -0.3px #e8d8b14a}
body.art-body .museum-piece:before{background:radial-gradient(ellipse at 50% 0,#ffe9b68a,transparent 69%);opacity:.68;filter:blur(10px)}
body.art-body .museum-piece{border:5px solid #8d7857;box-shadow:0 20px 34px #13140f5c,0 0 0 1px #c8b995,0 4px 0 #5d4d36}
html[data-theme="dark"] body.art-body .museum-piece{border-color:#75664d}
body.art-body .museum-piece a{background:#eee8d9;box-shadow:inset 0 0 0 1px #c7beaa}
body.art-body .museum-piece figcaption{color:#27271f}body.art-body .museum-piece figcaption span:last-child{color:#6f6757}
body.art-body .museum-note{color:#eee4d0}body.art-body .museum-note a{color:#f5d5a6}
@media(max-width:760px){.lamp{right:8px;width:58px;height:220px}.lamp-icon{width:58px;height:220px}.lamp-glow{left:16px;top:102px;width:27px;height:31px}.photo-mosaic{grid-template-columns:1fr 1fr;grid-template-rows:auto repeat(3,auto);gap:10px}.mosaic-caption{grid-column:1/3;grid-row:1;text-align:left;padding:10px 0}.mosaic-left-one{grid-column:1;grid-row:2}.mosaic-left-two{grid-column:2;grid-row:2}.mosaic-left-three{grid-column:1;grid-row:3}.mosaic-right-one{grid-column:2;grid-row:3}.mosaic-right-two{grid-column:1;grid-row:4}.mosaic-right-three{grid-column:2;grid-row:4}.mosaic-photo img{height:clamp(125px,31vw,200px)}}

/* Keep the header links clear of the pendant cord. */
.topbar{padding-right:58px}

/* Editorial collage: a mix of tall portraits and wide moments, with the story held in the middle. */
.photo-mosaic{grid-template-columns:minmax(0,1fr) minmax(220px,.82fr) minmax(0,1fr);grid-template-rows:190px 155px 185px 150px;gap:12px 22px;align-items:stretch}
.mosaic-caption{grid-column:2;grid-row:1/5;align-self:center;padding:24px 8px;text-align:center}
.mosaic-left-one{grid-column:1;grid-row:1/3}.mosaic-left-two{grid-column:1;grid-row:3}.mosaic-left-three{grid-column:1;grid-row:4}
.mosaic-right-one{grid-column:3;grid-row:1/3}.mosaic-right-two{grid-column:3;grid-row:3}.mosaic-right-three{grid-column:3;grid-row:4}
.mosaic-photo{align-self:stretch;min-width:0;display:flex;flex-direction:column;overflow:visible}
.mosaic-photo img{width:100%;height:calc(100% - 21px);min-height:0;flex:1;object-fit:cover;border-radius:5px}
.mosaic-left-one img{object-position:50% 42%}.mosaic-left-two img{object-position:62% 37%}.mosaic-left-three img{object-position:50% 56%}
.mosaic-right-one img{object-position:23% 40%}.mosaic-right-two img{object-position:50% 62%}.mosaic-right-three img{object-position:16% 42%}
.mosaic-photo figcaption{flex:none;margin-top:5px;line-height:1.3}
@media(max-width:760px){.photo-mosaic{grid-template-columns:1fr 1fr;grid-template-rows:auto repeat(3,minmax(130px,auto));gap:12px}.mosaic-caption{grid-column:1/3;grid-row:1;text-align:left;padding:8px 0}.mosaic-left-one{grid-column:1;grid-row:2}.mosaic-left-two{grid-column:2;grid-row:2}.mosaic-left-three{grid-column:1;grid-row:4}.mosaic-right-one{grid-column:2;grid-row:3}.mosaic-right-two{grid-column:1;grid-row:3}.mosaic-right-three{grid-column:2;grid-row:4}.mosaic-photo img{height:clamp(150px,38vw,230px);flex:none}.mosaic-left-one img,.mosaic-right-one img{height:clamp(230px,56vw,340px)}}
@media(max-width:420px){.mosaic-photo img{height:165px}.mosaic-left-one img,.mosaic-right-one img{height:250px}}
/* Keep every artwork title and category legible against the gallery mat in either theme. */
body.art-body .museum-piece figcaption,body.art-body .museum-piece figcaption span{color:#201f19!important;opacity:1;font-weight:600}
body.art-body .museum-piece figcaption span:last-child{color:#484536!important;font-weight:500;font-size:9px}

/* Artwork is presented on the shared site canvas, with generous image-first spacing. */
.museum-page{width:min(1000px,calc(100% - 56px));margin:64px auto 0}
.museum-intro-card{position:relative;padding:28px 0 24px;border-bottom:1px solid var(--line);margin-bottom:34px;background:transparent;box-shadow:none}
.museum-intro-card h1{font:800 clamp(46px,7vw,68px)/1.05 var(--display);letter-spacing:-.07em;color:var(--ink);margin:0 0 12px}
.museum-intro-card>p:not(.archive-kicker){max-width:570px;color:var(--sub);font-size:17px}
.museum-intro-card>a{color:var(--link)}
.museum-grid{columns:initial;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:42px 38px;padding:0 0 20px}
.museum-piece{margin:0;min-width:0;break-inside:initial;transform:none!important;border:0!important;padding:0!important;background:transparent!important;box-shadow:none!important}
.museum-piece:nth-child(3n + 1){grid-row:span 1}
.museum-piece a{display:flex;align-items:center;justify-content:center;padding:18px;background:var(--panel);border:1px solid var(--line);border-radius:8px;min-height:350px;box-shadow:0 10px 28px #201c1412}
.museum-piece img{display:block;width:100%;height:clamp(320px,43vw,560px);max-height:none;object-fit:contain;object-position:center;filter:none;mix-blend-mode:normal;background:transparent}
.museum-piece figcaption{display:flex;flex-direction:column;align-items:flex-start;gap:7px;padding:14px 2px 0;color:var(--ink)}
.museum-piece figcaption strong{font:600 21px/1.3 var(--display);letter-spacing:-.025em;color:var(--ink)}
.museum-piece figcaption .art-meta{font:500 10px/1.5 var(--mono);letter-spacing:.04em;color:var(--muted);white-space:normal}
.museum-note{margin:30px 0 52px;color:var(--muted)}
.photo-mosaic{grid-template-columns:minmax(0,1fr) minmax(250px,.92fr) minmax(0,1fr);grid-template-rows:190px 150px 180px;gap:14px 24px;align-items:stretch}
.mosaic-caption{grid-column:2;grid-row:1/4;align-self:center;padding:24px 8px;text-align:center}
.mosaic-caption h2{font:500 clamp(23px,2.8vw,30px)/1.35 var(--serif);letter-spacing:-.02em}
.mosaic-left-one{grid-column:1;grid-row:1/3}.mosaic-left-two{grid-column:1;grid-row:3}.mosaic-left-three{grid-column:3;grid-row:1}.mosaic-right-one{grid-column:3;grid-row:2/4}.mosaic-right-two{grid-column:1;grid-row:3}.mosaic-right-three{grid-column:3;grid-row:1}
/* Use four distinct photo placements around the centered statement, with no full-bleed images. */
.mosaic-left-one{grid-column:1;grid-row:1/3}.mosaic-left-two{grid-column:1;grid-row:3}.mosaic-left-three{grid-column:3;grid-row:1}.mosaic-right-one{grid-column:3;grid-row:2/4}.mosaic-right-two{grid-column:1;grid-row:3}.mosaic-right-three{grid-column:3;grid-row:1}
.mosaic-left-three,.mosaic-right-three{display:none}
.mosaic-photo img{height:calc(100% - 20px);min-height:0;object-fit:cover}
.mosaic-left-one img{object-position:50% 38%}.mosaic-left-two img{object-position:35% 36%}.mosaic-right-one img{object-position:28% 38%}
.timeline{position:relative;border-top:0;padding-left:20px}
.timeline:before{content:"";position:absolute;left:4px;top:9px;bottom:12px;width:2px;background:var(--accent)}
.timeline-item{position:relative;border-bottom:1px solid var(--line)}
.timeline-item:before{content:"";position:absolute;left:-21px;top:22px;width:10px;height:10px;border:2px solid var(--accent);border-radius:50%;background:var(--bg)}
@media(max-width:760px){.museum-page{width:calc(100% - 40px);margin-top:48px}.museum-grid{grid-template-columns:1fr;gap:30px}.museum-piece a{min-height:0;padding:12px}.museum-piece img{height:clamp(300px,95vw,560px)}.museum-piece figcaption strong{font-size:19px}.photo-mosaic{grid-template-columns:1fr 1fr;grid-template-rows:auto repeat(2,minmax(160px,auto));gap:12px}.mosaic-caption{grid-column:1/3;grid-row:1;text-align:center;padding:8px 10px 16px}.mosaic-left-one{grid-column:1;grid-row:2}.mosaic-right-one{grid-column:2;grid-row:2/4}.mosaic-left-two{grid-column:1;grid-row:3}.mosaic-photo img{height:clamp(150px,42vw,240px);flex:none}.mosaic-right-one img{height:clamp(310px,84vw,500px)}}
@media(max-width:420px){.museum-page{width:calc(100% - 32px)}.museum-piece img{height:clamp(280px,100vw,460px)}.timeline{padding-left:16px}.timeline-item:before{left:-17px}.photo-mosaic{gap:9px}.mosaic-caption{padding-inline:2px}.mosaic-caption h2{font-size:23px}}
/* Homepage photographs stand on their own without labels underneath. */
.photo-mosaic{grid-template-columns:minmax(0,1fr) minmax(245px,.88fr) minmax(0,1fr);grid-template-rows:175px 140px 165px 145px;gap:12px 22px}
.mosaic-caption{grid-column:2;grid-row:1/5;align-self:center}
.mosaic-left-one{grid-column:1;grid-row:1/3}.mosaic-left-two{grid-column:1;grid-row:3}.mosaic-left-three{grid-column:1;grid-row:4}
.mosaic-right-one{grid-column:3;grid-row:1}.mosaic-right-two{grid-column:3;grid-row:2/4}.mosaic-right-three{grid-column:3;grid-row:4}
.mosaic-left-three,.mosaic-right-three{display:flex}
.mosaic-photo figcaption{display:none}
.mosaic-photo img{height:100%;min-height:0;flex:1}
@media(max-width:760px){.photo-mosaic{grid-template-columns:1fr 1fr;grid-template-rows:auto repeat(3,minmax(135px,auto));gap:10px}.mosaic-caption{grid-column:1/3;grid-row:1;text-align:center}.mosaic-left-one{grid-column:1;grid-row:2}.mosaic-left-two{grid-column:2;grid-row:2}.mosaic-left-three{grid-column:1;grid-row:3}.mosaic-right-one{grid-column:2;grid-row:3}.mosaic-right-two{grid-column:1;grid-row:4}.mosaic-right-three{grid-column:2;grid-row:4}.mosaic-photo img{height:clamp(145px,38vw,225px);flex:none}.mosaic-left-one img,.mosaic-right-two img{height:clamp(225px,55vw,330px)}}
/* Warm, quiet artwork mats that sit close to the page canvas. */
.museum-piece a{background:color-mix(in srgb,var(--bg) 91%,var(--accent) 9%)!important;border:1px solid color-mix(in srgb,var(--line) 72%,var(--accent) 28%)!important;box-shadow:0 8px 24px color-mix(in srgb,var(--ink) 8%,transparent)!important}

/* Centered photo-and-story interlude, following the compact three-column reference. */
.photo-mosaic{width:min(720px,calc(100% - 48px));margin:148px auto 0;grid-template-columns:minmax(0,1fr) minmax(190px,.92fr) minmax(0,1fr);grid-template-rows:155px 155px 155px 155px;gap:9px 14px;align-items:stretch}
.mosaic-caption{grid-column:2;grid-row:2/4;align-self:center;padding:16px 8px;text-align:left}
.mosaic-caption h2{font:500 22px/1.35 var(--serif);letter-spacing:-.02em}
.mosaic-caption .eyebrow{margin-bottom:10px}
.mosaic-left-one{grid-column:1;grid-row:1/3}.mosaic-left-two{grid-column:1;grid-row:3/5}.mosaic-left-three{grid-column:2;grid-row:1}.mosaic-right-one{grid-column:3;grid-row:1/3}.mosaic-right-two{grid-column:3;grid-row:3/5}.mosaic-right-three{grid-column:2;grid-row:4}
.mosaic-left-three,.mosaic-right-three{display:flex}
.mosaic-photo{min-width:0;min-height:0;overflow:hidden;border-radius:5px}
.mosaic-photo img{width:100%;height:100%;min-height:0;flex:1;object-fit:cover;border-radius:5px}
.mosaic-photo figcaption{display:none}
.mosaic-left-one img{object-position:50% 35%}.mosaic-left-two img{object-position:52% 30%}.mosaic-left-three img{object-position:50% 42%}.mosaic-right-one img{object-position:28% 36%}.mosaic-right-two img{object-position:50% 38%}.mosaic-right-three img{object-position:16% 40%}
@media(max-width:760px){.photo-mosaic{width:min(560px,calc(100% - 40px));margin-top:88px;grid-template-columns:1fr 1fr;grid-template-rows:auto repeat(3,150px);gap:10px}.mosaic-caption{grid-column:1/3;grid-row:1;text-align:center;padding:4px 12px 14px}.mosaic-caption h2{font-size:23px}.mosaic-left-one{grid-column:1;grid-row:2/4}.mosaic-left-two{grid-column:2;grid-row:2}.mosaic-left-three{grid-column:1;grid-row:4}.mosaic-right-one{grid-column:2;grid-row:3/5}.mosaic-right-two{grid-column:1;grid-row:5}.mosaic-right-three{grid-column:2;grid-row:5}}
@media(max-width:560px){.photo-mosaic{width:calc(100% - 36px);margin-top:65px;grid-template-rows:auto repeat(3,125px);gap:9px}.mosaic-caption{grid-row:1;padding:0 4px 12px}.mosaic-caption h2{font-size:21px}.mosaic-left-one{grid-row:2/4}.mosaic-left-two{grid-column:2;grid-row:2}.mosaic-left-three{grid-column:1;grid-row:4}.mosaic-right-one{grid-column:2;grid-row:3/5}.mosaic-right-two{grid-column:1;grid-row:5}.mosaic-right-three{grid-column:2;grid-row:5}}

/* Keep the art gallery rows level rather than staggered. */
.museum-grid{align-items:start!important}.museum-piece:nth-child(even){margin-top:0!important}