/* A logo, an avatar, three links. The About page is only a word cloud. */
*{box-sizing:border-box}
html{min-height:100%;background:#f5f3ed}
body{margin:0;min-height:100svh;font-family:Arial,Helvetica,sans-serif;--paper:#f5f3ed;--ink:#303e37;--soft:#6d7b70;--accent:#b05c36;background:var(--paper);color:var(--ink)}
a{color:inherit;text-decoration:none;text-underline-offset:7px}
a:hover{text-decoration:underline}
a:focus-visible{outline:2px solid var(--accent);outline-offset:8px}
.minimal-skip{position:fixed;top:-100px;left:20px;z-index:20;background:var(--paper);padding:12px 18px;font-size:13px}
.minimal-skip:focus{top:12px}
.minimal-sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.minimal-mark{font:bold 43px/1 Georgia,serif;letter-spacing:-4px;white-space:nowrap;text-decoration:none!important}
.minimal-mark span{color:#b05c36}
.minimal-avatar{display:block;width:36px;height:36px;object-fit:cover;border-radius:50%;filter:saturate(.75)}
.minimal-brand{display:flex;gap:24px;align-items:center;width:max-content}
.minimal-links{display:flex;align-items:center;gap:32px;font-size:12px;line-height:1.5}
.minimal-links a{padding:9px 0;white-space:nowrap}
.minimal-links a[aria-current=page]{text-decoration:underline}
.minimal-home{position:relative;z-index:1;min-height:100svh}
.minimal-header{position:relative;z-index:1;display:flex;justify-content:space-between;align-items:center;gap:30px;padding:32px 48px;max-width:1600px;margin:auto}
.abstract-shapes{position:fixed;inset:0;pointer-events:none;overflow:hidden}
.abstract-shapes i{position:absolute;display:block;font-style:normal}
/* 01 / Quiet: a small island of type on warm paper. */
:is(.style-quiet,.quiet-dark) .minimal-home{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:38px;padding:40px 24px 90px}
:is(.style-quiet,.quiet-dark) .abstract-shapes i:first-child{width:66vmax;height:66vmax;border:1px solid #b9b5a43d;border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%)}
:is(.style-quiet,.quiet-dark) .abstract-shapes i:nth-child(2){width:1px;height:100%;background:#b9b5a41f;left:calc(50% + 23vmax);transform:rotate(18deg)}
:is(.style-quiet,.quiet-dark).page-about .abstract-shapes{opacity:.45}
/* 02 / Orbit: charcoal, a copper point, and an off-center composition. */
.style-orbit{--paper:#171b20;--ink:#edece6;--soft:#9daea9;--accent:#d3956e}
.style-orbit .minimal-home{padding:48px 56px;display:flex;flex-direction:column;justify-content:space-between}
.style-orbit .minimal-home .minimal-links{align-self:flex-end;margin:0 2vw 4vh 0;gap:40px;font:12px/1.5 ui-monospace,SFMono-Regular,Consolas,monospace}
.style-orbit .abstract-shapes i:first-child{width:61vmin;height:61vmin;border:1px solid #63747c4d;border-radius:50%;left:53%;top:44%;transform:translate(-50%,-50%)}
.style-orbit .abstract-shapes i:nth-child(2){width:76vmin;height:31vmin;border:1px solid #7f8a9352;border-radius:50%;left:53%;top:44%;transform:translate(-50%,-50%) rotate(-32deg)}
.style-orbit .abstract-shapes i:nth-child(3){width:10px;height:10px;background:#b05c36;border-radius:50%;left:calc(53% + 21vmin);top:calc(44% - 22vmin)}
.style-orbit .minimal-header{padding:32px 48px}
.style-orbit.page-about .abstract-shapes{opacity:.45}
.style-orbit.page-about .abstract-shapes i:nth-child(3){display:none}
.style-orbit .minimal-header .minimal-links{font-family:ui-monospace,SFMono-Regular,Consolas,monospace}
/* 03 / Cutout: three flat shapes and a small, anchored column. */
.style-cutout{--paper:#e9eef0;--ink:#263c49;--soft:#657d86;--accent:#a24a32}
.style-cutout .minimal-home{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:42px;padding:40px 17vw 65px}
.style-cutout .minimal-home .minimal-links{flex-direction:column;gap:13px;align-items:flex-start;font-size:14px}
.style-cutout .abstract-shapes i:first-child{width:55vw;height:100vh;right:-10vw;top:-29vh;background:#c7d4da;transform:rotate(33deg)}
.style-cutout .abstract-shapes i:nth-child(2){width:32vmin;height:32vmin;right:17vw;bottom:16vh;background:#d8a68e;border-radius:50%}
.style-cutout .abstract-shapes i:nth-child(3){width:30vw;height:1px;background:#6e858b80;right:4vw;bottom:20vh;transform:rotate(-18deg)}
.style-cutout.page-about .abstract-shapes{opacity:.14}
/* Shared words: actual selectable HTML, arranged as a typographic cloud. */
.minimal-about{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;min-height:calc(100svh - 107px);padding:20px 34px 48px}
.word-cloud{max-width:1170px;width:100%;font-family:Georgia,'Times New Roman',serif;display:flex;flex-direction:column;gap:10px;text-align:center}
.cloud-row{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:9px 24px}
.cloud-word{display:inline-block;line-height:1.02;white-space:nowrap;letter-spacing:-.045em;font-weight:400}
.word-tiny{font-size:clamp(13px,1.7vw,22px);letter-spacing:-.02em}
.word-small{font-size:clamp(16px,2.3vw,30px);letter-spacing:-.025em}
.word-medium{font-size:clamp(19px,3.05vw,40px)}
.word-large{font-size:clamp(25px,4.1vw,54px)}
.word-xl{font-size:clamp(31px,5.4vw,72px)}
.word-hero{font-size:clamp(50px,8.4vw,112px);letter-spacing:-.065em}
.tone-accent{color:var(--accent)}
.tone-soft{color:var(--soft)}
:is(.style-quiet,.quiet-dark) .word-hero{font-style:italic}
:is(.style-quiet,.quiet-dark) .cloud-row:nth-child(2) .word-xl{font-style:italic}
:is(.style-quiet,.quiet-dark) .cloud-row:nth-child(6) .word-medium{font-style:italic}
.style-orbit .word-cloud{font-family:Arial,Helvetica,sans-serif;gap:13px}
.style-orbit .word-xl,.style-orbit .word-hero{font-weight:600;letter-spacing:-.065em}
.style-orbit .word-small,.style-orbit .word-tiny{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:-.055em;font-size:clamp(13px,1.65vw,22px)}
.style-orbit .word-hero{color:#d3956e}
.style-cutout .word-cloud{font-family:Arial,Helvetica,sans-serif;gap:10px;transform:rotate(-2deg)}
.style-cutout .cloud-word{font-weight:700;letter-spacing:-.055em}
.style-cutout .word-tiny,.style-cutout .word-small{font-weight:400;letter-spacing:-.025em}
@media(max-width:800px){.minimal-header{padding:26px 30px}.minimal-links{gap:25px}.minimal-about{padding:20px 23px 40px;min-height:calc(100svh - 95px)}.cloud-row{gap:8px 17px}.word-cloud{gap:11px}.style-orbit .minimal-header{padding:26px 30px}.style-cutout .word-cloud{transform:rotate(-1deg)}.style-cutout .cloud-row:nth-child(2),.style-cutout .cloud-row:nth-child(6){transform:none}}
@media(max-width:520px){.minimal-mark{font-size:43px}.minimal-brand{gap:20px}.minimal-avatar{width:32px;height:32px}.minimal-links{gap:28px;font-size:12px}.minimal-header{padding:23px 22px 16px;flex-wrap:wrap;justify-content:center;gap:16px}.minimal-header .minimal-brand{width:100%;justify-content:center}.minimal-header .minimal-links{justify-content:center}:is(.style-quiet,.quiet-dark) .minimal-home{gap:33px;padding-bottom:70px}:is(.style-quiet,.quiet-dark) .abstract-shapes i:first-child{width:115vmin;height:115vmin}.style-orbit .minimal-home{padding:35px 29px}.style-orbit .minimal-home .minimal-links{gap:27px;font-size:11px;margin:0 0 20px;align-self:flex-start}.style-orbit .abstract-shapes i:first-child{width:77vmin;height:77vmin;left:50%;top:47%}.style-orbit .abstract-shapes i:nth-child(2){width:95vmin;height:41vmin;left:50%;top:47%}.style-orbit .abstract-shapes i:nth-child(3){left:76%;top:33%}.style-orbit .minimal-header{padding:23px 22px 16px}.style-cutout .minimal-home{padding-left:14vw;gap:35px}.style-cutout .abstract-shapes i:first-child{width:70vw;right:-27vw;top:-32vh}.style-cutout .abstract-shapes i:nth-child(2){width:35vmin;height:35vmin;right:9vw;bottom:19vh}.style-cutout .abstract-shapes i:nth-child(3){right:2vw;bottom:23vh}.minimal-about{min-height:calc(100svh - 134px);padding:12px 13px 28px}.word-cloud{gap:11px}.cloud-row{gap:7px 11px}.word-hero{font-size:58px}.word-xl{font-size:34px}.word-large{font-size:27px}.word-medium{font-size:20px}.word-small{font-size:16px}.word-tiny{font-size:13px}.style-orbit .word-cloud{gap:12px}.style-orbit .word-xl{font-size:31px}.style-orbit .word-hero{font-size:54px}.style-orbit .word-medium{font-size:18px}.style-orbit .word-large{font-size:25px}.style-orbit .word-small,.style-orbit .word-tiny{font-size:12px}.style-cutout .word-cloud{transform:none}.style-cutout .word-xl{font-size:31px}.style-cutout .word-hero{font-size:54px}.style-cutout .word-medium{font-size:18px}.style-cutout .word-large{font-size:25px}.style-cutout .word-small{font-size:15px}}
@media(max-width:360px){.cloud-row{column-gap:8px}.word-xl{font-size:30px}.word-hero{font-size:50px}.word-large{font-size:24px}.word-medium{font-size:18px}.word-small{font-size:14px}.word-tiny{font-size:12px}.style-orbit .word-xl,.style-cutout .word-xl{font-size:28px}.style-orbit .word-hero,.style-cutout .word-hero{font-size:48px}.style-orbit .word-large,.style-cutout .word-large{font-size:23px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto}}
/* The résumé shares one corrected source with the existing preview. */
.minimal-resume{max-width:780px;margin:45px auto 80px;padding:0 35px;font-size:15px;line-height:1.75}
.minimal-resume h1,.minimal-resume h2,.minimal-resume h3{line-height:1.15;letter-spacing:-.035em;font-family:Georgia,serif;font-weight:400}
.minimal-resume h1{font-size:47px;margin:18px 0}
.minimal-resume .eyebrow{font:10px/1.5 ui-monospace,monospace;letter-spacing:.13em;text-transform:uppercase;color:var(--soft)}
.minimal-resume .resume-lead{font-size:19px;color:var(--soft)}
.minimal-resume a{text-decoration:underline}
.minimal-resume section{border-top:1px solid color-mix(in srgb,var(--ink) 24%,transparent);margin-top:35px;padding-top:22px}
.minimal-resume h2{font-size:30px;margin:0 0 23px}
.minimal-resume h3{font-size:23px;margin:22px 0 10px}
.minimal-resume .resume-meta{font:11px/1.7 ui-monospace,monospace;color:var(--soft)}
.minimal-resume article+article{margin-top:30px}
.minimal-resume p{margin:11px 0}
.minimal-resume ul{padding-left:20px}
@media(max-width:520px){.minimal-resume{margin:25px auto 55px;padding:0 23px;font-size:14px}.minimal-resume h1{font-size:38px}.minimal-resume .resume-lead{font-size:17px}}
@media print{.minimal-header,.minimal-skip,.abstract-shapes{display:none}.minimal{background:#fff;color:#000;--ink:#000;--soft:#333}.minimal-resume{max-width:none;margin:0;padding:0;font-size:11pt}.minimal-resume h1{font-size:26pt}.minimal-resume h2{font-size:18pt}.minimal-resume h3{font-size:14pt}.minimal-resume article{break-inside:avoid}}

@media(min-width:801px){.cloud-row{column-gap:32px}.style-cutout .minimal-about{overflow-x:clip}}

/* Round five: Quiet's exact centered composition, in three dark palettes. */
@media screen{
:is(.document-graphite,.style-graphite){--paper:#1c1b1a;--ink:#e9e5dc;--soft:#aaa99f;--accent:#d29a78;--quiet-line:#b5ad9b26;--quiet-rule:#b5ad9b14;background:var(--paper);color-scheme:dark}
:is(.document-midnight,.style-midnight){--paper:#111e30;--ink:#e7edf6;--soft:#a0b2ca;--accent:#91bfe0;--quiet-line:#b1c5df24;--quiet-rule:#b1c5df14;background:var(--paper);color-scheme:dark}
:is(.document-evergreen,.style-evergreen){--paper:#142820;--ink:#e4ece2;--soft:#a1b9a7;--accent:#cfbd8b;--quiet-line:#becfbc24;--quiet-rule:#becfbc14;background:var(--paper);color-scheme:dark}
.quiet-dark .abstract-shapes i:first-child{border-color:var(--quiet-line)}
.quiet-dark .abstract-shapes i:nth-child(2){background:var(--quiet-rule)}
}

/* Round six: green paint studies, retaining the dark Quiet layout. */
@media screen{
:is(.document-pine,.style-pine){--paper:#102c25;--ink:#e8efe5;--soft:#abbfab;--accent:#d5bd8f;--quiet-line:#c2d7c326;--quiet-rule:#c2d7c314;background:var(--paper);color-scheme:dark}
:is(.document-moss,.style-moss){--paper:#2e3b28;--ink:#f1eddc;--soft:#b8c5a5;--accent:#d9c389;--quiet-line:#d6ddbb2b;--quiet-rule:#d6ddbb18;background:var(--paper);color-scheme:dark}
:is(.document-sage,.style-sage){--paper:#455d4d;--ink:#f5f1e2;--soft:#d0dbc5;--accent:#f0d4b0;--quiet-line:#dce4cf30;--quiet-rule:#dce4cf1a;background:var(--paper);color-scheme:dark}
:is(.style-pine,.style-moss,.style-sage) .minimal-mark span{color:#dfa581}
}