@font-face{font-family:'Google Sans Flex';src:url('fonts/google-sans-flex-variable.woff') format('woff');font-weight:100 1000;font-display:swap}
:root{

  --bg:#f9fafb;--surface:#fff;--soft:#f5f6f8;--ink:#252831;--muted:#6c7280;

  --line:#e8eaee;--accent:#363d4b;--hover:#eef0f4;--on-ink:#fff;--shadow:0 12px 40px rgb(30 38 54 / .045);

  --ease:cubic-bezier(.22,1,.36,1);

  color-scheme:light;scroll-behavior:smooth;scroll-padding-top:38px;

}
:root[data-theme=dark]{--bg:#16181e;--surface:#1e2129;--soft:#262a34;--ink:#eef0f6;--muted:#a4aaba;--line:#343946;--accent:#d9dfea;--hover:#303644;--on-ink:#1a1d26;--shadow:0 12px 40px rgb(0 0 0 / .12);color-scheme:dark}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--ink);font-family:'Google Sans Flex',Arial,sans-serif;-webkit-font-smoothing:antialiased;line-height:1.65}
a{color:inherit;text-decoration:none}
button{font:inherit;color:inherit;cursor:pointer;border:0}
button,a,summary{-webkit-tap-highlight-color:transparent}
button[hidden],[hidden]{display:none!important}
img{display:block;max-width:100%;height:auto}
h1,h2,h3,p{margin:0}
h1,h2,h3{font-weight:540;letter-spacing:-.045em;line-height:1.15;text-wrap:balance}
p{text-wrap:pretty}
h2{font-size:clamp(30px,3.2vw,45px)}
h3{font-size:24px}
em{font:inherit}
a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid var(--ink);outline-offset:5px}
::selection{background:var(--ink);color:var(--on-ink)}
.container{width:min(1320px,calc(100% - 96px));margin-inline:auto}
.icon{display:block;width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}
.icon-library{width:0;height:0;position:absolute;overflow:hidden}
.icon-button{display:inline-grid;place-items:center;width:44px;height:44px;padding:0;flex-shrink:0;border:1px solid var(--line);border-radius:5px;background:var(--surface);transition:background .25s,border-color .25s,transform .4s var(--ease)}
.icon-button:hover{background:var(--soft);border-color:var(--ink);transform:rotate(6deg)}
.skip-link{position:fixed;left:18px;top:12px;z-index:1000;padding:12px 20px;background:var(--ink);color:var(--on-ink);transform:translateY(-160%);border-radius:5px}
.skip-link:focus{transform:none}
.eyebrow,.small-label{font-size:10px;font-weight:500;line-height:1.6;letter-spacing:.11em;text-transform:uppercase}
.small-label{color:var(--muted)}
.button{display:inline-flex;align-items:center;justify-content:space-between;gap:24px;min-height:48px;padding:12px 19px;border-radius:5px;font-size:12px;font-weight:500;transition:background .25s,transform .35s var(--ease),box-shadow .3s}
.button .icon{width:18px;height:18px;transition:transform .35s var(--ease)}
.button-primary{background:var(--ink);color:var(--on-ink)}
.button-primary:hover{transform:translateY(-3px);box-shadow:0 8px 18px rgb(30 35 48 / .13)}
.button-primary:hover .icon{transform:translate(2px,-2px)}
.soft-link,.underlined-link{display:inline-flex;align-items:center;gap:15px;min-height:44px;font-size:12px;position:relative}
.soft-link::after,.underlined-link::after{content:'';position:absolute;height:1px;left:0;right:35px;bottom:5px;background:currentColor;transform:scaleX(0);transform-origin:left;transition:transform .35s var(--ease)}
.soft-link:hover::after,.underlined-link:hover::after{transform:scaleX(1)}
.soft-link .icon,.underlined-link .icon{width:17px;height:17px;transition:transform .35s var(--ease)}
.soft-link:hover .icon{transform:translateX(4px)}
.section-space{padding-top:75px}
.section-label{display:flex;align-items:center;gap:13px;margin-bottom:33px}
.section-number{font-size:9px;color:var(--muted);font-variant-numeric:tabular-nums}
.section-rule{height:1px;background:var(--line);flex:1;margin-left:16px;transform-origin:left}
.divider-plus{color:var(--muted);font-size:17px;font-weight:300;line-height:1}
[data-spotlight]{position:relative;isolation:isolate}
[data-spotlight]::before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;border-radius:inherit;opacity:0;background:radial-gradient(350px circle at var(--pointer-x,50%) var(--pointer-y,50%),rgb(213 219 231 / .22),transparent 80%);transition:opacity .4s}
[data-spotlight]:hover::before{opacity:1}
.project-toolbar{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:19px}
.project-filters{display:flex;flex-wrap:wrap;gap:4px;padding:4px;background:var(--soft);border:1px solid var(--line);border-radius:5px}
.project-filters button{min-height:40px;padding:9px 14px;border-radius:5px;background:transparent;font-size:10px;color:var(--muted);transition:background .3s,color .3s,box-shadow .3s}
.project-filters button>span{font-size:8px;margin-left:5px;opacity:.6}
.project-filters button:hover{color:var(--ink)}
.project-filters button[aria-pressed=true]{background:var(--surface);color:var(--ink);box-shadow:0 2px 5px rgb(30 35 50 / .06)}
.project-counter{font-size:9px;color:var(--muted);white-space:nowrap}
.project-fallback{position:relative;z-index:3;font-size:12px;margin-top:15px}
.project-fallback summary{min-height:44px;cursor:pointer;padding-block:10px}
.project-fallback p{font-size:12px;color:var(--muted);line-height:1.85}
.js-enabled .project-fallback{display:none}
.filter-enter{animation:row-in .45s var(--ease)}
@keyframes row-in{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
.xenforo-panel{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:45px;background:var(--surface);border:1px solid var(--line);border-radius:5px;padding:34px}
.xenforo-copy h2{font-size:40px;margin:19px 0 24px}
.xenforo-copy h2>span{color:var(--muted)}
.xenforo-copy>p:not(.small-label){font-size:12px;line-height:1.95;color:var(--muted);margin-top:15px}
.toolkit{padding-left:4px}
.toolkit-item{display:flex;align-items:center;gap:15px;padding:22px 0;border-bottom:1px solid var(--line);transition:transform .4s var(--ease)}
.toolkit-item:hover{transform:translateX(5px)}
.toolkit-item>.icon{width:28px;height:28px;stroke-width:1.2;color:var(--muted)}
.toolkit-item>span:nth-child(2){font-size:12px;letter-spacing:-.01em}
.toolkit-item small{display:block;color:var(--muted);font-size:9px;margin-top:4px;letter-spacing:0}
.toolkit-item>span:last-child{margin-left:auto;font-size:8px;color:var(--muted)}
.toolkit>p{font-size:9px;color:var(--muted);margin-top:24px}
.copy-email{width:44px;height:44px}
.copy-email>.icon{width:17px;height:17px}
.site-footer{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;flex-wrap:wrap;padding-top:27px;padding-bottom:27px;margin-top:50px;border-top:1px solid var(--line)}
.footer-name{font-size:14px;font-weight:520;letter-spacing:-.025em}
.footer-name>span{display:block;font-size:9px;color:var(--muted);font-weight:400;letter-spacing:0;margin-top:5px}
.footer-links{display:flex;align-items:center;gap:19px;font-size:10px;flex-wrap:wrap}
.footer-links a,.footer-links button{min-height:44px;padding:9px 0;background:transparent;display:inline-flex;align-items:center}
.footer-links a:hover,.footer-links button:hover{color:var(--muted)}
.footer-end{display:flex;align-items:center;justify-content:space-between;gap:20px;width:100%;padding-top:16px;border-top:1px solid var(--line);font-size:8px;color:var(--muted)}
.footer-end>a{display:flex;align-items:center;gap:15px;min-height:35px}
.back-to-top{position:fixed;right:max(24px,env(safe-area-inset-right));bottom:max(24px,env(safe-area-inset-bottom));z-index:30;display:grid;place-items:center;width:52px;height:52px;border:1px solid var(--ink);border-radius:5px;background:var(--ink);color:var(--on-ink);box-shadow:0 6px 20px rgb(0 0 0 / .2);transition:transform .2s,box-shadow .2s}
.back-to-top>.icon{width:28px;height:28px;stroke-width:2.4}
.back-to-top:hover{transform:translateY(-3px);box-shadow:0 9px 24px rgb(0 0 0 / .25)}
@media(max-width:600px){.back-to-top{right:max(16px,env(safe-area-inset-right));bottom:max(16px,env(safe-area-inset-bottom));width:48px;height:48px}}
@media(prefers-reduced-motion:reduce){.back-to-top{transition:none}.back-to-top:hover{transform:none}}
@media print{.back-to-top{display:none!important}}
dialog{background:var(--surface);color:var(--ink);border:0;padding:0}
dialog::backdrop{background:rgb(26 32 44 / .14);backdrop-filter:blur(9px);animation:backdrop-in .3s ease}
body:has(dialog[open]){overflow:hidden}
.explore-menu{position:fixed;inset:12px 12px 12px auto;width:min(430px,calc(100% - 24px));max-width:none;max-height:none;height:calc(100dvh - 24px);margin:0;border:1px solid var(--line);border-radius:5px;overflow:auto;box-shadow:0 20px 100px rgb(30 40 65 / .12)}
.explore-menu[open]{display:flex;flex-direction:column;animation:drawer-in .55s var(--ease)}
.menu-top{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:25px 27px;border-bottom:1px solid var(--line);font-size:13px;font-weight:500}
.menu-top>span>span{display:block;margin-top:5px;font-size:8px;color:var(--muted);font-weight:400}
.menu-close{display:flex;align-items:center;gap:13px;min-height:44px;padding:5px 0;background:transparent;font-size:10px;color:var(--muted)}
.menu-close>.icon{width:19px;height:19px;transition:transform .35s}
.menu-close:hover>.icon{transform:rotate(90deg)}
.menu-body{flex:1;padding:17px 27px 25px;display:flex;flex-direction:column;gap:30px}
.menu-links>a{display:flex;align-items:center;gap:15px;min-height:69px;padding:17px 3px;border-bottom:1px solid var(--line);font-size:25px;font-weight:450;letter-spacing:-.04em;line-height:1.3;transition:padding .35s var(--ease),color .3s}
.menu-number{font-size:8px;color:var(--muted);width:17px;letter-spacing:0}
.menu-links>a>.icon{margin-left:auto;width:20px;height:20px;stroke-width:1.3;transition:transform .35s}
.menu-links>a:hover{padding-left:10px;color:var(--muted)}
.menu-links>a:hover>.icon{transform:rotate(45deg)}
.menu-preview{position:relative;background:var(--soft);border:1px solid var(--line);border-radius:5px;padding:22px;margin-top:auto}
.menu-preview-index{position:absolute;right:18px;top:12px;font-size:39px;letter-spacing:-.07em;line-height:1;color:var(--line)}
.menu-preview-label{font-size:8px;color:var(--muted)}
.menu-preview-title{font-size:23px;line-height:1.25;letter-spacing:-.04em;margin-top:21px;max-width:235px}
.menu-preview-description{font-size:10px;line-height:1.8;color:var(--muted);margin-top:13px;max-width:280px}
.menu-bottom{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px 27px;border-top:1px solid var(--line);font-size:8px;color:var(--muted)}
.menu-bottom>span{max-width:130px}
.menu-bottom>a{display:flex;align-items:center;gap:12px;min-height:44px;color:var(--ink);white-space:nowrap}
.menu-bottom .icon{width:16px;height:16px}
.project-dialog{position:fixed;inset:0;margin:auto;width:min(700px,calc(100% - 32px));max-height:calc(100dvh - 48px);border:1px solid var(--line);border-radius:5px;overflow:auto;box-shadow:0 20px 100px rgb(30 40 65 / .12)}
.project-dialog[open],.privacy-dialog[open]{animation:dialog-in .45s var(--ease)}
.project-close,.privacy-close{position:absolute;right:17px;top:17px;z-index:5;background:var(--surface)}
.dialog-project-visual{position:relative;display:flex;align-items:center;justify-content:center;height:210px;padding:28px;overflow:hidden;background:var(--soft);border-bottom:1px solid var(--line)}
.dialog-project-visual>img{width:90%;transform:translateY(28%);border:1px solid var(--line);border-radius:5px;box-shadow:0 12px 25px rgb(25 35 55 / .08)}
.dialog-project-visual>.icon{width:65px;height:65px;stroke-width:.8;color:var(--muted)}
.dialog-project-visual>span{position:absolute;left:28px;top:22px;font-size:9px;color:var(--muted)}
.dialog-project-copy{padding:33px 37px 35px}
.dialog-project-copy>.eyebrow{font-size:9px;color:var(--muted)}
.dialog-project-copy h2{font-size:38px;margin-top:19px}
.dialog-project-summary{font-size:19px;line-height:1.55;letter-spacing:-.025em;margin:24px 0 16px}
.dialog-project-copy>p:not(.eyebrow,.dialog-project-summary){font-size:13px;color:var(--muted);line-height:1.95}
.dialog-project-note{border-top:1px solid var(--line);padding-top:18px;margin-top:23px;font-size:10px!important}
.privacy-dialog{position:fixed;inset:0;margin:auto;width:min(580px,calc(100% - 32px));max-height:calc(100dvh - 48px);border:1px solid var(--line);border-radius:5px;padding:50px 35px 32px}
.privacy-dialog>.eyebrow{font-size:9px;color:var(--muted)}
.privacy-dialog h2{font-size:34px;margin:23px 0}
.privacy-dialog>p:not(.eyebrow){font-size:12px;color:var(--muted);line-height:1.95;margin-top:16px}
.toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);z-index:100;background:var(--ink);color:var(--on-ink);font-size:12px;padding:14px 22px;border-radius:5px;box-shadow:var(--shadow);max-width:calc(100% - 32px);width:max-content}
@keyframes drawer-in{from{opacity:0;transform:translateX(45px)}to{opacity:1;transform:none}}
@keyframes backdrop-in{from{opacity:0}to{opacity:1}}
@keyframes dialog-in{from{opacity:0;transform:translateY(18px) scale(.98)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:no-preference){.reveal-ready{transition:opacity .8s var(--ease),transform .8s var(--ease)}
.reveal-ready.is-pending{opacity:0;transform:translateY(22px)}
.section-label.reveal-ready{transition:opacity .65s var(--ease),transform .65s var(--ease)}
.section-label.is-pending .section-rule{transform:scaleX(.1)}
.section-rule{transition:transform 1.1s var(--ease)}}
@keyframes intro-in{from{opacity:0;transform:translateY(17px)}to{opacity:1;transform:none}}
.resume{padding-top:42px;max-width:940px}
.resume-toolbar{display:flex;align-items:center;justify-content:space-between;gap:25px;margin-bottom:47px}
.resume>.eyebrow{color:var(--muted)}
.resume h1{font-size:58px;margin-top:20px}
.resume-subtitle{font-size:18px;color:var(--muted);line-height:1.55;margin:19px 0 12px}
.resume>a{font-size:12px;text-decoration:underline;text-underline-offset:5px;display:inline-block;min-height:44px;padding-top:8px}
.resume section{margin-top:30px;padding-top:27px;border-top:1px solid var(--line)}
.resume h2{font-size:29px;margin-bottom:22px}
.resume p{font-size:13px;line-height:1.95}
.resume section>p+p{margin-top:13px}
.resume-project{display:grid;grid-template-columns:180px 1fr;gap:25px;margin-top:24px}
.resume-project h3{font-size:19px;line-height:1.4;letter-spacing:-.025em}
.resume-project p{font-size:12px;color:var(--muted)}
.resume-note{border-top:1px solid var(--line);padding-top:20px;margin-top:30px;color:var(--muted);font-size:10px!important}
.not-found{padding-top:80px;padding-bottom:45px;min-height:72vh}
.not-found>.eyebrow{color:var(--muted)}
.not-found h1{font-size:65px;margin:30px 0}
.not-found h1>em{color:var(--muted)}
.not-found>p:not(.eyebrow){color:var(--muted);font-size:13px;max-width:410px;margin-bottom:27px}
@media(min-width:1700px){.section-space{padding-top:90px}}
@media(max-width:1150px){.container{width:calc(100% - 48px)}
.project-filters button{padding-inline:11px;font-size:9px}
.project-counter{font-size:8px}
.xenforo-panel{gap:28px;padding:27px}
.xenforo-copy h2{font-size:35px}
.xenforo-copy>p:not(.small-label){font-size:11px}
.toolkit-item{gap:11px}
.toolkit-item>.icon{width:24px;height:24px}
.toolkit-item>span:nth-child(2){font-size:10px}
.toolkit-item small{font-size:8px}
.toolkit>p{font-size:8px}
.resume-project{grid-template-columns:145px 1fr}
.resume h1{font-size:52px}
.resume-subtitle{font-size:16px}
.resume-toolbar>.underlined-link{font-size:10px}
.resume-toolbar>.button{font-size:10px;gap:17px}}
@media(max-width:800px){:root{scroll-padding-top:108px}
body{padding-left:0}
.container{width:calc(100% - 48px)}
.section-space{padding-top:65px}
.section-label{margin-bottom:29px}
.project-filters button{font-size:10px;padding-inline:13px}
.project-counter{font-size:9px}
.xenforo-panel{padding:30px;gap:35px}
.xenforo-copy h2{font-size:38px}
.xenforo-copy>p:not(.small-label){font-size:11px}
.toolkit-item>span:nth-child(2){font-size:11px}
.toolkit-item small{font-size:9px}
.toolkit>p{font-size:9px}
.site-footer{margin-top:42px}
.toast{left:50%}
.resume{padding-top:33px}
.resume h1{font-size:55px}
.resume-project{grid-template-columns:165px 1fr}}
@media(max-width:600px){.container{width:calc(100% - 36px)}
.section-space{padding-top:54px}
.section-label{gap:10px;margin-bottom:25px}
.section-label>.eyebrow{font-size:8px;letter-spacing:.1em}
.section-number{font-size:8px}
.section-rule{margin-left:7px}
.divider-plus{font-size:15px}
.project-toolbar{align-items:flex-start;flex-direction:column;gap:10px;margin-bottom:16px}
.project-filters{width:100%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));padding:4px;gap:4px}
.project-filters button{font-size:10px;min-height:44px;padding:9px 8px}
.project-counter{font-size:9px;margin-left:3px}
.xenforo-panel{grid-template-columns:1fr;gap:25px;padding:27px 24px;border-radius:5px}
.xenforo-copy>.small-label{font-size:8px}
.xenforo-copy h2{font-size:37px;margin:20px 0}
.xenforo-copy>p:not(.small-label){font-size:12px}
.toolkit{padding-left:0}
.toolkit-item{padding-block:20px;gap:15px}
.toolkit-item>span:nth-child(2){font-size:12px}
.toolkit-item small{font-size:9px}
.toolkit-item>.icon{width:27px;height:27px}
.toolkit>p{font-size:9px;line-height:1.8;margin-top:21px}
.copy-email{width:44px;height:44px}
.site-footer{margin-top:39px;padding-top:23px;padding-bottom:20px;gap:18px}
.footer-name{font-size:15px;width:100%}
.footer-name>span{font-size:9px}
.footer-links{gap:25px;font-size:10px}
.footer-end{padding-top:12px;font-size:8px}
.footer-end>a{min-height:44px}
.explore-menu{inset:8px 8px 8px auto;width:calc(100% - 16px);height:calc(100dvh - 16px);border-radius:5px}
.menu-top{padding:20px 24px;font-size:13px}
.menu-close{font-size:10px}
.menu-top>span>span{font-size:8px}
.menu-body{padding:13px 24px 22px;gap:25px}
.menu-links>a{font-size:26px;min-height:66px;padding-block:18px;gap:15px}
.menu-preview{padding:21px}
.menu-preview-label{font-size:8px}
.menu-preview-title{font-size:24px;margin-top:19px}
.menu-preview-description{font-size:10px}
.menu-bottom{padding:15px 24px;font-size:8px;gap:18px}
.project-dialog{width:calc(100% - 24px);max-height:calc(100dvh - 32px);border-radius:5px}
.project-close{right:12px;top:12px}
.dialog-project-visual{height:165px;padding:23px}
.dialog-project-visual>span{font-size:8px;left:24px;top:19px}
.dialog-project-copy{padding:28px 25px 30px}
.dialog-project-copy>.eyebrow{font-size:8px}
.dialog-project-copy h2{font-size:32px}
.dialog-project-summary{font-size:18px;line-height:1.6;margin-top:22px}
.dialog-project-copy>p:not(.eyebrow,.dialog-project-summary){font-size:12px}
.privacy-dialog{padding:56px 26px 29px;border-radius:5px}
.privacy-dialog h2{font-size:30px}
.privacy-dialog>p:not(.eyebrow){font-size:12px}
.resume{padding-top:29px}
.resume-toolbar{align-items:flex-start;gap:13px;margin-bottom:34px}
.resume-toolbar>.underlined-link{font-size:9px;white-space:nowrap}
.resume-toolbar>.button{font-size:9px;gap:10px;min-height:44px;padding:11px 12px}
.resume-toolbar>.button>.icon{width:16px;height:16px}
.resume>.eyebrow{font-size:8px}
.resume h1{font-size:44px;margin-top:19px}
.resume-subtitle{font-size:16px;margin-top:17px}
.resume>a{font-size:11px}
.resume section{padding-top:23px;margin-top:27px}
.resume h2{font-size:27px;margin-bottom:20px}
.resume p{font-size:12px;line-height:1.95}
.resume-project{grid-template-columns:1fr;gap:9px;margin-top:25px}
.resume-project h3{font-size:21px}
.resume-project p{font-size:12px}
.resume-note{font-size:10px!important}
.not-found{padding-top:55px;min-height:65vh}
.not-found h1{font-size:51px}
.not-found>p:not(.eyebrow){font-size:12px}}
@media(max-width:360px){.container{width:calc(100% - 28px)}
.section-label>.eyebrow{font-size:7px}
.xenforo-panel{padding:25px 21px}
.xenforo-copy h2{font-size:34px}
.toolkit-item>span:nth-child(2){font-size:11px}
.toolkit-item small{font-size:8px}
.toolkit-item{gap:11px}
.menu-top{padding-inline:21px}
.menu-body{padding-inline:21px}
.menu-links>a{font-size:24px}
.menu-preview-title{font-size:22px}
.menu-bottom{padding-inline:21px;font-size:7px}
.dialog-project-copy h2{font-size:29px}
.resume h1{font-size:39px}}
@media(max-height:620px) and (min-width:801px){.menu-preview{display:none}
.menu-links>a{min-height:53px;padding-block:13px}
.menu-top{padding-block:13px}
.menu-bottom{padding-block:10px}}
@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}
*,*::before,*::after{animation:none!important;transition:none!important}
.reveal-ready.is-pending{opacity:1!important;transform:none!important}}
@media print{*{animation:none!important;transition:none!important}
body{padding:0;background:#fff;color:#252831}
.container{width:100%;max-width:none;margin:0}
.resume{padding:0}
.resume h1{font-size:34pt}
.resume>.eyebrow{font-size:8pt}
.resume-subtitle{font-size:12pt}
.resume section{margin-top:15px;padding-top:12px;break-inside:auto}
.resume h2{font-size:16pt;margin-bottom:12px;break-after:avoid}
.resume h3{font-size:12pt;break-after:avoid}
.resume p{font-size:9pt;line-height:1.6;color:#3c414c!important}
.resume-project{display:block;break-inside:avoid;margin-top:12px}
.resume-project h3{margin-bottom:6px}
.resume-note{font-size:8pt!important}
.resume a{color:#252831;min-height:0}
.section-space{padding-top:25px}
.section-label{margin-bottom:20px}
.xenforo-panel{padding:20px;display:block}
.xenforo-copy h2{font-size:25pt}
.toolkit{display:none}
.reveal-ready{opacity:1!important;transform:none!important}
@page{size:A4;margin:16mm}}
.xenforo-copy>p:not(.small-label){font-size:13px}
@media(max-width:1150px) and (min-width:801px){.xenforo-copy>p:not(.small-label){font-size:12px}}
@media(max-width:600px){.xenforo-copy>p:not(.small-label){font-size:13px}}
:root{scroll-padding-top:125px}
@media(min-width:1101px){.section-space{padding-top:88px}
.xenforo-panel{padding:46px;gap:70px}
.xenforo-copy h2{font-size:46px}
.xenforo-copy>p:not(.small-label){font-size:14px}
.toolkit-item>span:nth-child(2){font-size:14px}
.toolkit-item small{font-size:11px}
.toolkit>p{font-size:11px}

}
@media(max-width:1100px){.container{width:calc(100% - 64px)}}
@media(max-width:800px){.container{width:calc(100% - 48px)}}
@media(max-width:600px){.container{width:calc(100% - 36px)}}
@media(max-width:360px){.container{width:calc(100% - 28px)}}
@media print{.container{width:100%;max-width:none}
.section-space{padding-top:25px}}



/* Visual composition taken from the first local CV design. */
.hero{
  display:grid;
  grid-template-columns:1.1fr 1fr;
  align-items:center;
  gap:46px;
  padding-top:76px;
  padding-bottom:70px;
}
.intro{
  display:flex;
  align-items:center;
  gap:10px;
  font-size:15px;
  font-weight:550;
}
.hello-mark{
  font-size:24px;
  line-height:1;
  color:#9272be;
}
.hero h1{
  font-size:clamp(44px,4.9vw,66px);
  letter-spacing:-3.5px;
  line-height:1.11;
  margin-top:25px;
  margin-bottom:26px;
  font-weight:650;
}
.hero-description{
  font-size:18px;
  line-height:1.75;
  color:var(--muted);
  max-width:420px;
}
.hero-actions{
  display:flex;
  align-items:center;
  gap:28px;
  margin-top:32px;
}
.button{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:25px;
  padding:16px 23px;
  border-radius:5px;
  font-size:14px;
  font-weight:600;
  min-height:53px;
  transition:transform .18s,background .18s;
  white-space:nowrap;
}
.button:hover{
  transform:translateY(-2px);
}
.button-dark{
  background:var(--dark-button);
  color:var(--button-ink);
}
.button .icon{
  width:20px;
  height:20px;
}
.text-link{
  display:inline-flex;
  align-items:center;
  gap:11px;
  font-size:14px;
  font-weight:600;
  min-height:44px;
}
.text-link>span{
  font-size:22px;
}
.text-link:hover{
  text-decoration:underline;
  text-underline-offset:5px;
}
.hero-note{
  display:flex;
  align-items:center;
  gap:11px;
  font-size:12px;
  color:var(--muted);
  margin-top:39px;
}
.little-line{
  height:1px;
  width:26px;
  background:#aaa2b4;
}
.hero-art{
  position:relative;
  isolation:isolate;
  height:454px;
  border-radius:5px;
  background:#e9e4f3;
  overflow:hidden;
  color:#292531;
}
.art-orbit{
  position:absolute;
  border:1px solid #d3c8e7;
  border-radius:5px;
  z-index:-1;
}
.art-spark{
  position:absolute;
  right:34px;
  top:18px;
  color:#a48acb;
  font-size:90px;
  line-height:1;
}
.art-caption{
  position:absolute;
  left:31px;
  top:29px;
  font-size:15px;
  line-height:1.4;
  letter-spacing:-.2px;
}
.hero-browser{
  position:absolute;
  top:109px;
  left:39px;
  width:calc(100% - 78px);
  background:#fff;
  border:1px solid #fff;
  border-radius:5px;
  transform:rotate(-5deg);
  box-shadow:0 23px 35px #5a447321;
  overflow:hidden;
}
.browser-bar{
  height:29px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  background:#fbfbfc;
  padding:0 11px;
  border-bottom:1px solid #efedf2;
  font-size:8px;
  color:#77737e;
}
.browser-bar .icon{
  width:11px;
  height:11px;
}
.browser-dots{
  display:flex;
  gap:4px;
}
.browser-dots i{
  width:4px;
  height:4px;
  background:#d2cbd9;
  border-radius:5px;
}
.hero-browser>img{
  width:100%;
  aspect-ratio:2.2;
  object-fit:cover;
  object-position:top;
}
.browser-bottom{
  display:flex;
  gap:11px;
  align-items:center;
  padding:15px 14px;
}
.browser-bottom strong{
  font-size:12px;
  font-weight:650;
  display:block;
  letter-spacing:-.15px;
}
.browser-bottom div>span{
  font-size:9px;
  color:#7c7983;
  display:block;
  margin-top:1px;
}
.art-profile{
  position:absolute;
  right:23px;
  bottom:56px;
  display:flex;
  align-items:center;
  gap:10px;
  background:#fff;
  border-radius:5px;
  box-shadow:0 14px 35px #4d37651a;
  padding:14px 17px;
  transform:rotate(4deg);
  width:270px;
}
.profile-initials{
  width:41px;
  height:41px;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:5px;
  background:#d3bdf2;
  font-family:Space Grotesk,Arial,sans-serif;
  font-size:22px;
  font-weight:650;
  letter-spacing:-2px;
  flex-shrink:0;
}
.art-profile strong{
  display:block;
  font-size:12px;
  letter-spacing:-.2px;
}
.art-profile div>span{
  display:block;
  font-size:9px;
  color:#7b7583;
  margin-top:2px;
}
.art-profile>.icon{
  width:26px;
  height:26px;
  margin-left:auto;
  color:#9475c2;
}
.art-sticker{
  position:absolute;
  left:17px;
  bottom:83px;
  background:#d8ecd4;
  padding:12px 16px;
  display:flex;
  align-items:center;
  gap:10px;
  border-radius:5px;
  transform:rotate(-9deg);
  box-shadow:0 8px 15px #3f5b3c0a;
}
.art-sticker .icon{
  width:25px;
  height:25px;
  color:#496043;
}
.art-sticker span{
  font-size:10px;
  line-height:1.5;
}
.art-sticker strong{
  font-size:11px;
  font-weight:600;
}
.art-footnote{
  position:absolute;
  bottom:20px;
  left:29px;
  display:flex;
  gap:8px;
  align-items:center;
  font-size:9px;
  color:#696171;
}
.green-dot{
  display:inline-block;
  background:#5f8757;
  width:5px;
  height:5px;
  border-radius:5px;
}
.section-heading{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:35px;
}
.section-kicker{
  display:flex;
  align-items:center;
  gap:8px;
  font-size:13px;
  font-weight:550;
  color:var(--muted);
  margin-bottom:13px;
}
.section-dot{
  width:6px;
  height:6px;
  background:#aa8bd5;
  border-radius:5px;
  flex-shrink:0;
}
.section-heading>p{
  font-size:13px;
  line-height:1.75;
  color:var(--muted);
  padding-bottom:3px;
}
.project-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:37px 30px;
}
.project-card{
  min-width:0;
}
.project-visual{
  display:block;
  position:relative;
  border-radius:var(--radius);
  height:300px;
  overflow:hidden;
  color:#25252d;
  padding:25px 29px 0;
}
.visual-blue{
  background:#dfeaf5;
}
.visual-lilac{
  background:#e7e1f4;
}
.visual-green{
  background:#e0e9e3;
}
.visual-peach{
  background:#f3e6df;
}
.visual-heading{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin-bottom:25px;
}
.project-logo{
  font-weight:700;
  letter-spacing:-.8px;
  font-size:19px;
  display:inline-flex;
  align-items:center;
  gap:5px;
  line-height:1;
}
.visual-tag{
  font-size:9px;
  border:1px solid #ffffffa3;
  background:#ffffff40;
  border-radius:5px;
  padding:6px 11px;
  white-space:nowrap;
  color:#595867;
}
.project-window{
  border:4px solid #fff;
  border-bottom:0;
  border-radius:5px 5px 0 0;
  overflow:hidden;
  background:#fff;
  box-shadow:0 8px 24px #24334d19;
  transform:translateY(6px) rotate(-2deg);
  transition:transform .3s;
  transform-origin:center bottom;
}
.project-card:nth-child(2) .project-window{
  transform:translateY(6px) rotate(2deg);
}
.project-card:nth-child(3) .project-window{
  transform:translateY(6px) rotate(1.5deg);
}
.project-card:nth-child(4) .project-window{
  transform:translateY(6px) rotate(-1.5deg);
}
.project-visual:hover .project-window{
  transform:translateY(0) rotate(0);
}
.mini-browser{
  display:flex;
  align-items:center;
  gap:4px;
  height:21px;
  padding-inline:6px;
  background:#fbfbfc;
  color:#827e88;
}
.mini-browser>span{
  width:4px;
  height:4px;
  background:#d4d0d8;
  border-radius:5px;
}
.mini-browser small{
  font-size:7px;
  margin-left:auto;
  margin-right:auto;
  padding-right:19px;
}
.project-window img{
  width:100%;
  aspect-ratio:1.78;
  object-fit:cover;
  object-position:top;
}
.visual-link{
  position:absolute;
  bottom:17px;
  right:17px;
  width:38px;
  height:38px;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:5px;
  background:#fff;
  color:#292831;
  box-shadow:0 2px 10px #25252d12;
}
.visual-link .icon{
  width:18px;
  height:18px;
}
.project-description{
  padding:20px 3px 0;
}
.project-title-line{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:15px;
  min-height:38px;
}
.project-title-line h3{
  font-size:22px;
  letter-spacing:-.6px;
}
.project-detail{
  display:flex;
  align-items:center;
  justify-content:center;
  background:transparent;
  border-radius:5px;
  width:44px;
  height:44px;
  flex-shrink:0;
}
.project-detail:hover{
  background:var(--soft);
}
.project-detail .icon{
  width:19px;
  height:19px;
}
.project-description p{
  color:var(--muted);
  font-size:14px;
  line-height:1.8;
  max-width:470px;
  margin-top:6px;
}
.tags{
  display:flex;
  flex-wrap:wrap;
  gap:6px;
}
.project-description .tags{
  margin-top:15px;
}
.tags>span{
  font-size:10px;
  color:var(--muted);
  background:var(--soft);
  padding:5px 10px;
  border-radius:5px;
}
.about-section{
  background:var(--surface);
  border-block:1px solid var(--line);
}
.about-grid{
  display:grid;
  grid-template-columns:.86fr 1.14fr;
  gap:97px;
  align-items:center;
}
.about-identity{
  border-radius:5px;
  background:#e9e4f0;
  color:#36303e;
  padding:28px 31px 22px;
  position:relative;
  overflow:hidden;
  min-height:386px;
  display:flex;
  flex-direction:column;
}
.identity-top{
  display:flex;
  align-items:center;
  justify-content:space-between;
  font-size:11px;
  color:#766b82;
}
.identity-top .icon{
  width:20px;
  height:20px;
}
.identity-monogram{
  font-size:147px;
  font-weight:600;
  line-height:1.14;
  letter-spacing:-17px;
  font-family:Space Grotesk,Arial,sans-serif;
  margin-top:22px;
  margin-left:-3px;
  transform:rotate(-5deg);
  width:fit-content;
}
.identity-monogram>span{
  color:#a58acb;
}
.about-identity>p{
  font-size:19px;
  letter-spacing:-.4px;
  line-height:1.5;
  margin-top:7px;
  margin-bottom:31px;
}
.identity-footer{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  border-top:1px solid #d3c9e0;
  padding-top:17px;
  margin-top:auto;
  font-size:11px;
}
.about-copy h2{
  font-size:40px;
  margin-bottom:23px;
}
.about-copy>p:not(.section-kicker){
  color:var(--muted);
  font-size:14px;
  line-height:1.85;
  margin-top:15px;
}
.about-copy>.about-lead{
  font-size:17px!important;
  color:var(--ink)!important;
  line-height:1.7!important;
}
.about-cv-link{
  margin-top:22px;
  gap:18px;
}
.about-cv-link .icon{
  width:18px;
  height:18px;
}
.skills-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:0;
  margin-top:44px;
}
.skill{
  padding:5px 33px 3px;
  border-right:1px solid var(--line);
}
.skill:first-child{
  padding-left:0;
}
.skill:last-child{
  padding-right:0;
  border:0;
}
.skill-icon{
  display:inline-flex;
  width:46px;
  height:46px;
  background:var(--lavender);
  color:var(--purple-ink);
  align-items:center;
  justify-content:center;
  border-radius:5px;
  margin-bottom:24px;
}
.skill h3{
  font-size:23px;
  letter-spacing:-.7px;
  margin-bottom:14px;
}
.skill p{
  font-size:14px;
  color:var(--muted);
  line-height:1.85;
}
.skill-footnote{
  display:block;
  font-size:10px;
  color:var(--muted);
  margin-top:24px;
}
.contact-section{
  padding-bottom:68px;
}
.contact-panel{
  background:var(--lavender);
  border-radius:5px;
  padding:57px 64px;
  display:grid;
  grid-template-columns:1.4fr .8fr;
  gap:30px;
  align-items:center;
  overflow:hidden;
}
.contact-panel h2{
  font-size:49px;
  line-height:1.12;
}
.contact-panel>div>p:not(.section-kicker){
  font-size:14px;
  color:var(--muted);
  margin-top:22px;
  line-height:1.8;
}
.contact-panel .button{
  margin-top:26px;
}
.contact-address{
  display:flex;
  align-items:center;
  gap:8px;
  margin-top:12px;
}
.contact-address>a{
  font-size:12px;
  color:var(--muted);
  text-underline-offset:5px;
}
.contact-address>a:hover{
  text-decoration:underline;
}
.contact-graphic{
  max-width:300px;
  justify-self:end;
  width:100%;
  transform:rotate(-8deg);
}
.contact-graphic svg{
  width:100%;
  overflow:visible;
}
.contact-orbit{
  fill:none;
  stroke:#d1c5e6;
  stroke-width:1.5;
  stroke-dasharray:5 6;
}
.envelope-back{
  fill:#cab7e8;
  stroke:#bba4da;
  stroke-width:1;
}
.envelope{
  fill:#faf8ff;
  stroke:#c4b2df;
  stroke-width:1.5;
}
.envelope-fold{
  fill:none;
  stroke:#c4b2df;
  stroke-width:1.5;
}
.spark-large{
  fill:#a78bce;
}
.contact-dot{
  fill:#c6d9bf;
}
.cv-page .tags{
  margin-top:15px;
}
@media(min-width:1500px){.hero{
    gap:70px;
    padding-top:88px;
    padding-bottom:83px;
  }
.hero h1{
    font-size:72px;
  }
.hero-art{
    height:475px;
  }
.hero-browser{
    top:114px;
  }
.art-profile{
    bottom:64px;
  }
.art-sticker{
    bottom:95px;
  }}
@media(max-width:1100px){.hero{
    gap:28px;
    padding-block:60px;
  }
.hero h1{
    font-size:55px;
    letter-spacing:-2.5px;
  }
.hero-art{
    height:410px;
  }
.hero-browser{
    left:28px;
    width:calc(100% - 56px);
    top:107px;
  }
.art-profile{
    width:235px;
    right:17px;
    bottom:42px;
    padding:12px;
  }
.art-profile strong{
    font-size:11px;
  }
.art-profile div>span{
    font-size:8px;
  }
.art-profile>.icon{
    width:20px;
    height:20px;
  }
.art-sticker{
    bottom:87px;
    left:14px;
    padding:10px 12px;
  }
.art-caption{
    left:24px;
    font-size:14px;
  }
.art-spark{
    right:26px;
    font-size:75px;
  }
.project-visual{
    height:260px;
    padding:22px 22px 0;
  }
.visual-tag{
    font-size:8px;
  }
.visual-heading{
    margin-bottom:20px;
  }
.about-grid{
    gap:58px;
  }
.about-copy h2{
    font-size:35px;
  }
.skill{
    padding-inline:23px;
  }
.skill h3{
    font-size:21px;
  }
.contact-panel{
    padding:48px;
  }
.contact-panel h2{
    font-size:45px;
  }}
@media(max-width:850px){.hero{
    gap:23px;
    grid-template-columns:1.1fr 1fr;
    padding-top:48px;
    padding-bottom:49px;
  }
.hero h1{
    font-size:43px;
    letter-spacing:-2px;
  }
.hero-description{
    font-size:16px;
  }
.intro{
    font-size:12px;
    gap:7px;
  }
.hello-mark{
    font-size:21px;
  }
.hero-actions{
    gap:17px;
    margin-top:25px;
  }
.button{
    padding:14px 18px;
    font-size:12px;
    gap:17px;
  }
.hero-actions>.text-link{
    font-size:12px;
    gap:6px;
  }
.hero-note{
    font-size:10px;
    margin-top:28px;
  }
.hero-art{
    height:358px;
    border-radius:5px;
  }
.art-caption{
    left:20px;
    top:23px;
    font-size:12px;
  }
.art-spark{
    font-size:63px;
    right:22px;
    top:20px;
  }
.hero-browser{
    left:22px;
    width:calc(100% - 44px);
    top:92px;
  }
.browser-bottom{
    padding:11px 10px;
    gap:8px;
  }
.browser-bottom strong{
    font-size:10px;
  }
.browser-bottom div>span{
    font-size:8px;
  }
.art-profile{
    width:212px;
    right:13px;
    bottom:43px;
    padding:11px;
    gap:8px;
  }
.profile-initials{
    width:32px;
    height:32px;
    font-size:19px;
  }
.art-sticker{
    left:10px;
    bottom:99px;
    gap:7px;
    padding:8px 10px;
  }
.art-sticker .icon{
    width:21px;
    height:21px;
  }
.art-sticker span{
    font-size:8px;
  }
.art-sticker strong{
    font-size:9px;
  }
.art-footnote{
    font-size:8px;
    left:20px;
  }
.section-heading>p{
    font-size:11px;
  }
.section-heading h2{
    font-size:32px;
  }
.section-kicker{
    font-size:12px;
  }
.project-grid{
    gap:29px 22px;
  }
.project-visual{
    height:228px;
    padding:20px 17px 0;
    border-radius:5px;
  }
.visual-heading{
    gap:8px;
  }
.visual-tag{
    font-size:7px;
    padding:5px 8px;
  }
.project-description{
    padding-top:14px;
  }
.project-title-line h3{
    font-size:19px;
  }
.project-description p{
    font-size:12px;
  }
.tags>span{
    font-size:9px;
    padding:4px 8px;
  }
.about-grid{
    gap:40px;
    grid-template-columns:.85fr 1.15fr;
  }
.about-identity{
    min-height:349px;
    padding:23px;
  }
.identity-top{
    font-size:9px;
  }
.identity-monogram{
    font-size:120px;
    letter-spacing:-14px;
    margin-top:32px;
  }
.about-identity>p{
    font-size:16px;
    margin-block:10px 23px;
  }
.identity-footer{
    font-size:10px;
  }
.about-copy h2{
    font-size:30px;
    margin-bottom:18px;
  }
.about-copy>.about-lead{
    font-size:15px!important;
  }
.about-copy>p:not(.section-kicker){
    font-size:12px;
  }
.about-cv-link{
    margin-top:14px;
    font-size:12px;
  }
.skill{
    padding-inline:20px;
  }
.skill h3{
    font-size:18px;
  }
.skill p{
    font-size:12px;
  }
.skill-footnote{
    font-size:8px;
  }
.contact-panel{
    padding:38px;
    grid-template-columns:1.2fr .8fr;
  }
.contact-panel h2{
    font-size:37px;
  }
.contact-panel>div>p:not(.section-kicker){
    font-size:12px;
  }}
@media(max-width:620px){.hero{
    display:flex;
    flex-direction:column;
    align-items:stretch;
    gap:37px;
    padding-top:42px;
    padding-bottom:36px;
  }
.intro{
    font-size:13px;
  }
.hello-mark{
    font-size:24px;
  }
.hero h1{
    font-size:clamp(39px,9.9vw,60px);
    letter-spacing:-2px;
    line-height:1.12;
    margin-top:22px;
    margin-bottom:21px;
  }
.hero-description{
    font-size:16px;
    max-width:390px;
    line-height:1.8;
  }
.hero-actions{
    gap:24px;
    margin-top:25px;
  }
.button{
    font-size:13px;
    min-height:50px;
    gap:20px;
    padding:14px 20px;
  }
.hero-actions>.text-link{
    font-size:12px;
  }
.hero-note{
    font-size:10px;
    margin-top:26px;
  }
.hero-art{
    height:371px;
    width:100%;
    max-width:460px;
    align-self:center;
    border-radius:5px;
  }
.art-caption{
    left:25px;
    top:24px;
    font-size:13px;
  }
.art-spark{
    font-size:70px;
    right:29px;
    top:15px;
  }
.hero-browser{
    left:30px;
    top:98px;
    width:calc(100% - 60px);
  }
.browser-bottom strong{
    font-size:11px;
  }
.browser-bottom div>span{
    font-size:8px;
  }
.browser-bottom{
    padding:12px;
  }
.art-profile{
    bottom:44px;
    right:19px;
    width:229px;
    padding:12px;
  }
.art-profile strong{
    font-size:11px;
  }
.art-sticker{
    left:16px;
    bottom:88px;
    padding:10px 13px;
  }
.art-sticker span{
    font-size:9px;
  }
.art-sticker strong{
    font-size:10px;
  }
.art-footnote{
    left:25px;
    font-size:8px;
  }
.section-heading{
    align-items:flex-start;
    flex-direction:column;
    gap:16px;
  }
.section-heading h2{
    font-size:32px;
    line-height:1.17;
    letter-spacing:-1.4px;
  }
.section-heading>p{
    font-size:12px;
  }
.section-heading>p br{
    display:none;
  }
.project-grid{
    grid-template-columns:1fr;
    gap:30px;
  }
.project-visual{
    height:265px;
    border-radius:5px;
    padding:23px 24px 0;
  }
.visual-heading{
    margin-bottom:20px;
  }
.visual-tag{
    font-size:9px;
    padding:6px 10px;
  }
.project-description{
    padding:14px 2px 0;
  }
.project-title-line h3{
    font-size:22px;
  }
.project-description p{
    font-size:14px;
    margin-top:3px;
    line-height:1.8;
  }
.tags>span{
    font-size:10px;
    padding:5px 9px;
  }
.project-description .tags{
    margin-top:13px;
  }
.about-grid{
    display:flex;
    flex-direction:column-reverse;
    align-items:stretch;
    gap:34px;
  }
.about-copy h2{
    font-size:33px;
    line-height:1.17;
  }
.about-copy>.about-lead{
    font-size:16px!important;
  }
.about-copy>p:not(.section-kicker){
    font-size:14px;
  }
.about-cv-link{
    font-size:13px;
    margin-top:20px;
  }
.about-identity{
    min-height:324px;
    padding:25px 28px;
    max-width:440px;
    width:100%;
    align-self:center;
  }
.identity-top{
    font-size:11px;
  }
.identity-monogram{
    font-size:125px;
    margin-top:14px;
  }
.about-identity>p{
    font-size:18px;
    margin-top:5px;
  }
.identity-footer{
    font-size:11px;
  }
.skills-grid{
    grid-template-columns:1fr;
    gap:27px;
    margin-top:30px;
  }
.skill{
    border:0;
    border-bottom:1px solid var(--line);
    padding:0 0 26px!important;
  }
.skill:last-child{
    padding-bottom:0!important;
  }
.skill-icon{
    width:43px;
    height:43px;
    border-radius:5px;
    margin-bottom:17px;
  }
.skill h3{
    font-size:23px;
    margin-bottom:12px;
  }
.skill p{
    font-size:14px;
  }
.skill-footnote{
    font-size:10px;
    margin-top:17px;
  }
.contact-section{
    padding-bottom:41px;
  }
.contact-panel{
    padding:33px 28px;
    grid-template-columns:1fr;
    gap:15px;
    border-radius:5px;
  }
.contact-panel h2{
    font-size:38px;
    letter-spacing:-1.6px;
  }
.contact-panel .section-kicker{
    font-size:11px;
  }
.contact-panel>div>p:not(.section-kicker){
    font-size:14px;
    margin-top:18px;
  }
.contact-panel .button{
    margin-top:24px;
  }
.contact-address{
    gap:3px;
  }
.contact-address>a{
    font-size:11px;
  }
.contact-graphic{
    max-width:190px;
    margin-top:8px;
    margin-bottom:-12px;
    justify-self:center;
  }}
@media(max-width:360px){.hero h1{
    font-size:38px;
    letter-spacing:-1.9px;
  }
.hero-actions{
    gap:16px;
  }
.hero-art{
    height:342px;
  }
.art-profile{
    bottom:37px;
    width:211px;
    right:12px;
  }
.art-sticker{
    bottom:88px;
    left:12px;
  }
.project-visual{
    height:242px;
    padding-inline:20px;
  }
.visual-tag{
    font-size:8px;
  }
.contact-panel{
    padding:30px 23px;
  }
.contact-panel h2{
    font-size:34px;
  }}
@media(max-width:360px){.hero-actions>.button{
    font-size:11px;
    padding-inline:14px;
    gap:12px;
  }
.hero-actions>.text-link{
    white-space:nowrap;
    font-size:11px;
    gap:6px;
  }}
.project-dialog .button{
  white-space:normal;
  max-width:100%;
}
@media print{.cv-actions,.site-header,.hero-art,.project-strip,.filters,.project-count,.project-detail,.contact-graphic,.copy-email,.site-footer,.hero-actions,.hero-note,.about-identity,.about-cv-link,.toast,.project-dialog{
    display:none!important;
  }
.section-space,.hero{
    padding-block:22px;
  }
.hero{
    display:block;
  }
.hero h1{
    font-size:32pt;
  }
.hero-description{
    max-width:none;
  }
.project-grid{
    gap:20px;
  }
.project-visual{
    height:150px;
  }
.about-grid{
    display:block;
  }
.contact-panel{
    padding:20px;
    display:block;
  }
.contact-panel h2{
    font-size:28pt;
  }
.contact-panel .button{
    display:none;
  }
.skills-section,.about-section{
    border:0;
    background:#fff;
  }
.tags>span{
    border:1px solid #ddd;
    background:transparent;
    color:#333;
  }}/* Keep the first composition on the current, server-rendered personal CV. */
:root{--bg:#ffffff;--surface:#ffffff;--ink:#25252d;--muted:#666672;--line:#e4e5e9;--purple:#bba4ed;--purple-ink:#61517e;--lavender:#eeebf5;--green:#d8ecd4;--dark-button:#292831;--button-ink:#fff;--focus:#6750a4;--radius:5px;scroll-padding-top:112px}
:root[data-theme=dark]{--bg:#191b22;--surface:#22252e;--ink:#f0edf5;--muted:#b1afbd;--line:#393b47;--lavender:#302c3e;--green:#293c32;--purple:#c9b3ed;--purple-ink:#d4c1ef;--dark-button:#eeeaf5;--button-ink:#24212e}
h1,h2,h3{font-weight:640}.container{width:min(1280px,calc(100% - 88px));margin-inline:auto}.section-space{padding-top:90px}.site-header{position:sticky;top:0;z-index:20;background:rgb(255 255 255 / .95);backdrop-filter:blur(16px);border-bottom:1px solid var(--line)}:root[data-theme=dark] .site-header{background:rgb(25 27 34 / .95)}.header-inner{min-height:91px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;gap:12px;font-size:17px;font-weight:650;letter-spacing:-.035em;line-height:1.4;white-space:nowrap}.brand-symbol{display:grid;place-items:center;width:38px;height:42px}.brand-symbol img{width:37px;height:37px}:root[data-theme=dark] .brand-symbol img{filter:invert(1)}.quick-nav{display:flex;align-items:center;gap:30px}.quick-nav>a{position:relative;min-height:44px;display:flex;align-items:center;padding:10px 0;color:var(--muted);font-size:14px;transition:color .2s}.quick-nav>a::after{content:'';position:absolute;left:0;right:0;bottom:6px;height:1px;background:var(--purple-ink);transform:scaleX(0);transform-origin:left;transition:transform .3s var(--ease)}.quick-nav>a:hover,.quick-nav>a.is-active{color:var(--ink)}.quick-nav>a:hover::after,.quick-nav>a.is-active::after{transform:scaleX(1)}.header-actions{display:flex;align-items:center;gap:17px}.theme-toggle{background:transparent;border-color:transparent;width:44px;height:44px}.theme-toggle>.icon{width:23px;height:23px}.theme-sun{display:none}:root[data-theme=dark] .theme-sun{display:block}:root[data-theme=dark] .theme-moon{display:none}.header-contact{display:flex;align-items:center;gap:25px;min-height:44px;padding:10px 19px;border:1px solid var(--line);border-radius:5px;font-size:13px;font-weight:600;white-space:nowrap;transition:background .2s,border-color .2s}.header-contact:hover{background:var(--lavender);border-color:var(--purple)}.header-contact>.icon{width:19px;height:19px}.menu-toggle{display:none;align-items:center;gap:18px;min-height:44px;padding:10px 14px;background:transparent;border:1px solid var(--line);border-radius:5px;font-size:11px}.menu-glyph{display:flex;flex-direction:column;justify-content:center;gap:5px;width:18px;height:18px}.menu-glyph i{width:18px;height:1px;background:currentColor}.hero{padding-top:74px;padding-bottom:72px;min-height:0;gap:7%;grid-template-columns:1.04fr 1fr}.hero h1{font-size:clamp(44px,4.5vw,66px);line-height:1.13;letter-spacing:-.055em}.hero-description{font-size:17px;line-height:1.85;max-width:455px}.hero-art{height:465px;border-radius:5px;isolation:isolate}.hero-copy{min-width:0}.hero-browser{border-radius:5px}.hero-art:hover .hero-browser{transform:rotate(-2deg) translateY(-4px)}.art-profile{border-radius:5px}.profile-initials{display:grid;place-items:center;border-radius:5px}.profile-initials>img{width:27px;height:27px}.browser-bottom>.icon{width:34px;height:34px;padding:6px;background:var(--lavender);color:var(--purple-ink);border-radius:4px}.hero-note{font-size:12px}.text-link>.icon{width:18px;height:18px}.projects-section{border-top:1px solid var(--line);padding-top:55px}.section-kicker{display:flex;align-items:center;gap:10px;font-size:13px;font-weight:550;line-height:1.5;margin-bottom:15px;text-transform:none;letter-spacing:0}.section-dot{display:inline-block;width:6px;height:6px;background:var(--purple);border-radius:3px;flex-shrink:0}.section-heading{margin-bottom:28px}.section-heading h2{font-size:clamp(30px,3.2vw,44px)}.section-heading>p{max-width:360px;font-size:14px;line-height:1.85}.project-toolbar{margin-bottom:25px}.project-filters{background:transparent;border:0;padding:0;gap:8px;border-radius:0}.project-filters button{font-size:12px;padding:10px 17px;border:1px solid var(--line);border-radius:5px;min-height:44px}.project-filters button[aria-pressed=true]{background:var(--ink);color:var(--on-ink);border-color:var(--ink);box-shadow:none}.project-counter{font-size:11px}.project-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:42px 30px;border:0}.project-card{position:relative;min-width:0;scroll-margin-top:120px}.project-visual{height:310px;border-radius:5px}.visual-heading{gap:20px}.project-logo{font-family:'Google Sans Flex',Arial,sans-serif;letter-spacing:-.04em;font-size:23px;font-weight:650}.visual-tag{font-size:9px;max-width:145px;text-align:center;border-radius:5px}.project-window{border-radius:5px}.project-window img{width:100%}.project-description{padding-top:18px}.project-title-line h3{font-size:26px;letter-spacing:-.035em}.project-description>p{font-size:14px;line-height:1.8;max-width:520px;color:var(--muted)}.project-open{display:grid;place-items:center;width:44px;height:44px;padding:0;background:transparent;border:1px solid var(--line);border-radius:5px;flex-shrink:0;transition:background .25s,color .25s,border-color .25s}.project-open::after{content:'';position:absolute;inset:0;z-index:2}.project-card:hover .project-open{background:var(--ink);color:var(--on-ink);border-color:var(--ink)}.project-open>.icon{width:19px;height:19px;transition:transform .3s}.project-card:hover .project-open>.icon{transform:rotate(45deg)}.project-card:hover .project-window{transform:rotate(0) translateY(-5px)}.project-tags{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-top:15px}.project-tags>span{padding:4px 8px;border:1px solid var(--line);border-radius:5px;background:transparent;font-size:10px;color:var(--muted)}.project-cover{display:flex;align-items:center;justify-content:center;gap:28px;position:absolute;inset:65px 25px 15px}.cover-number{font-size:100px;letter-spacing:-.08em;line-height:1;font-weight:650}.cover-number>span{font-size:.45em;vertical-align:top;letter-spacing:0}.project-cover>p{font-size:19px;line-height:1.35;letter-spacing:-.035em}.cover-journal>img{width:65px;height:65px}.cover-journal>p{font-size:37px;font-weight:550;line-height:1.12}.project-fallback{position:relative;z-index:3;margin-top:15px;font-size:13px}.project-fallback summary{cursor:pointer;min-height:44px;padding-block:10px}.project-fallback p{color:var(--muted);font-size:13px;line-height:1.85}.js-enabled .project-fallback{display:none}.about-section{margin-top:65px;padding-top:70px;padding-bottom:70px;background:#fafbfc;border-block:1px solid var(--line)}:root[data-theme=dark] .about-section{background:var(--surface)}.about-grid{grid-template-columns:.8fr 1.2fr;gap:75px;align-items:center}.about-identity{border-radius:5px;min-height:390px;padding:30px}.identity-logo{width:80px;height:80px;margin:55px auto 45px}.about-identity>p{font-size:25px;line-height:1.35}.identity-footer{font-size:11px;gap:20px}.identity-footer>span:last-child{color:var(--purple-ink);font-size:10px}.about-copy h2{font-size:40px}.about-copy>p:not(.section-kicker){font-size:14px;line-height:1.9}.about-copy>.about-lead{font-size:18px!important;line-height:1.75!important}.about-copy>.personal-note{font-size:12px!important;border-top:1px solid var(--line);padding-top:19px}.about-copy>.text-link{margin-top:22px}.xenforo-panel{background:var(--lavender);border:0;border-radius:5px;gap:65px;padding:44px}.xenforo-copy h2{font-size:42px;line-height:1.18}.xenforo-copy>p:not(.section-kicker){font-size:14px;line-height:1.9;color:var(--muted);margin-top:18px}.toolkit-label{font-size:14px;font-weight:650;letter-spacing:-.015em;display:block;margin-bottom:10px}.toolkit-item{border-color:rgb(97 81 126 / .16)}.toolkit-item>span:nth-child(2){font-size:14px}.toolkit-item small{font-size:11px}.toolkit>p{font-size:11px}.skills-grid{gap:0}.skill{background:transparent;border:0;border-radius:0;box-shadow:none}.skill h3{font-size:24px}.skill p{font-size:14px;line-height:1.9;color:var(--muted)}.skill-icon{border-radius:5px}.contact-section{margin-top:85px}.contact-panel{background:var(--lavender);border-radius:5px;padding:55px 60px;gap:65px}.contact-panel h2{font-size:48px}.contact-panel p:not(.section-kicker){font-size:14px;line-height:1.85}.contact-address{gap:14px}.contact-address>a{font-size:13px;min-height:44px;display:flex;align-items:center}.contact-graphic{width:320px;max-width:100%}.contact-graphic svg{width:100%;height:auto}.site-footer{margin-top:55px}.site-footer .footer-name{font-size:16px}.footer-links{font-size:12px}.footer-end{font-size:10px}.dialog-project-copy .project-tags>span{font-size:10px}.resume h1{font-weight:640}.resume .button-primary{background:var(--ink);color:var(--on-ink)}
@media(min-width:1500px){.hero h1{font-size:68px}.hero-art{height:505px}.hero{padding-top:85px;padding-bottom:85px}}
@media(max-width:1100px){.container{width:calc(100% - 64px)}.header-inner{min-height:82px}.quick-nav{gap:22px}.quick-nav>a{font-size:12px}.header-contact{font-size:12px;padding-inline:15px;gap:17px}.brand{font-size:16px}.hero{gap:5%;padding-top:58px;padding-bottom:58px}.hero h1{font-size:clamp(41px,4.8vw,53px)}.hero-description{font-size:15px}.hero-art{height:410px}.art-profile{right:-7px}.project-visual{height:270px}.project-logo{font-size:20px}.visual-tag{font-size:8px;padding:6px 8px}.project-description>p{font-size:13px}.about-grid{gap:45px}.about-copy h2{font-size:34px}.about-copy>.about-lead{font-size:17px!important}.about-identity{padding:26px;min-height:365px}.identity-logo{margin-block:47px 37px;width:74px;height:74px}.about-identity>p{font-size:23px}.xenforo-panel{padding:35px;gap:40px}.xenforo-copy h2{font-size:36px}.contact-panel{padding:40px;gap:35px}.contact-panel h2{font-size:42px}.contact-graphic{width:280px}}
@media(max-width:850px){.quick-nav{display:none}.menu-toggle{display:flex}.header-contact{display:none}.header-actions{gap:9px}.header-inner{min-height:78px}.hero{grid-template-columns:1fr 1fr;gap:27px;padding-top:44px;padding-bottom:48px}.hero h1{font-size:40px}.hero-description{font-size:14px}.hero-actions{gap:20px;flex-wrap:wrap}.hero-actions>.button{font-size:12px;padding:13px 16px;gap:20px;min-height:48px}.text-link{font-size:12px}.hero-note{font-size:9px;margin-top:27px;gap:10px}.hero-art{height:340px}.art-profile{padding:11px;gap:9px;right:-6px;bottom:32px}.art-profile strong{font-size:11px}.art-profile div>span{font-size:8px}.art-profile>.icon{width:18px;height:18px}.profile-initials{width:32px;height:32px}.profile-initials>img{width:23px;height:23px}.art-sticker{left:11px;bottom:73px;padding:10px;gap:9px}.art-sticker span{font-size:8px}.art-sticker .icon{width:20px;height:20px}.art-footnote{font-size:6px}.art-caption{font-size:12px}.art-spark{font-size:50px;top:13px;right:18px}.browser-bottom strong{font-size:10px}.browser-bottom div>span{font-size:7px}.browser-bottom>.icon{width:26px;height:26px}.hero-browser{width:91%;top:98px}.section-space{padding-top:66px}.section-heading h2{font-size:34px}.section-heading>p{font-size:12px;max-width:240px}.project-grid{gap:32px 24px}.project-visual{height:235px}.visual-heading{padding:20px 20px 0;gap:10px}.project-logo{font-size:18px}.visual-tag{font-size:7px;padding:5px 6px;max-width:105px}.project-window{top:72px;width:88%;left:6%}.project-title-line h3{font-size:23px}.project-description>p{font-size:12px}.project-tags>span{font-size:9px}.cover-number{font-size:80px}.project-cover{gap:20px;inset-inline:20px}.project-cover>p{font-size:16px}.cover-journal>p{font-size:28px}.cover-journal>img{width:48px;height:48px}.about-section{margin-top:55px;padding-block:55px}.about-grid{grid-template-columns:.85fr 1.15fr;gap:30px}.about-copy h2{font-size:30px}.about-copy>p:not(.section-kicker){font-size:12px}.about-copy>.about-lead{font-size:16px!important}.about-identity{padding:23px;min-height:350px}.about-identity>p{font-size:22px}.identity-logo{width:65px;height:65px;margin-block:43px 33px}.identity-top{font-size:9px}.identity-footer{font-size:9px;gap:12px}.identity-footer>span:last-child{font-size:8px}.xenforo-panel{padding:30px;gap:29px}.xenforo-copy h2{font-size:33px}.xenforo-copy>p:not(.section-kicker){font-size:12px}.toolkit-item>span:nth-child(2){font-size:12px}.toolkit-item small{font-size:9px}.toolkit>p{font-size:9px}.skill h3{font-size:21px}.skill p{font-size:12px}.contact-panel{padding:35px;gap:25px}.contact-panel h2{font-size:36px}.contact-panel p:not(.section-kicker){font-size:12px}.contact-graphic{width:235px}.contact-address>a{font-size:12px}}
@media(max-width:600px){.container{width:calc(100% - 40px)}.header-inner{min-height:74px;gap:12px}.brand{font-size:15px;gap:8px}.brand-symbol{width:30px;height:35px}.brand-symbol img{width:29px;height:29px}.header-actions{gap:5px}.menu-toggle{font-size:10px;padding-inline:12px;gap:15px}.hero{display:flex;flex-direction:column;gap:37px;padding-top:38px;padding-bottom:40px}.hero h1{font-size:clamp(40px,10vw,53px);line-height:1.12}.hero .intro{font-size:12px;margin-bottom:25px}.hello-mark{font-size:26px}.hero-description{font-size:15px;max-width:390px;margin-top:23px}.hero-actions{flex-wrap:nowrap;gap:25px;margin-top:27px}.hero-actions>.button{font-size:12px;gap:23px;padding-inline:17px;min-height:50px}.hero-actions>.text-link{font-size:12px;gap:12px;white-space:nowrap}.hero-note{font-size:9px;line-height:1.7;margin-top:26px}.hero-art{width:100%;height:350px;max-width:410px;align-self:center;min-height:0}.hero-browser{top:93px;width:91%;left:4%}.art-caption{font-size:12px;top:22px;left:24px}.art-spark{font-size:48px;right:23px;top:16px}.browser-bar{min-height:25px;padding-inline:11px;font-size:6px}.browser-bar .icon{width:10px;height:10px}.browser-bottom{padding:10px 12px;gap:10px}.browser-bottom strong{font-size:11px}.browser-bottom div>span{font-size:8px}.browser-bottom>.icon{width:27px;height:27px}.art-profile{right:-1px;bottom:29px;padding:12px;gap:11px}.art-profile strong{font-size:12px}.art-profile div>span{font-size:8px}.art-profile>.icon{width:21px;height:21px}.art-sticker{left:15px;bottom:75px;padding:11px 12px;gap:10px}.art-sticker span{font-size:9px}.art-sticker .icon{width:22px;height:22px}.art-footnote{left:24px;bottom:12px;font-size:7px}.projects-section{padding-top:40px}.section-space{padding-top:55px}.section-heading{display:block;margin-bottom:25px}.section-heading>div{max-width:none}.section-kicker{font-size:12px;margin-bottom:15px}.section-heading h2{font-size:31px}.section-heading>p{font-size:12px;max-width:none;margin-top:16px}.project-toolbar{margin-bottom:22px;gap:13px}.project-filters{gap:5px;padding:0;grid-template-columns:repeat(2,minmax(0,1fr))}.project-filters button{font-size:11px;min-height:44px;padding:9px}.project-counter{font-size:10px}.project-grid{grid-template-columns:1fr;gap:31px}.project-visual{height:260px}.visual-heading{padding:23px 23px 0;gap:15px}.project-logo{font-size:23px}.visual-tag{font-size:8px;padding:6px 8px;max-width:125px}.project-window{width:86%;left:7%;top:78px}.project-description{padding-top:17px}.project-title-line h3{font-size:25px}.project-description>p{font-size:13px;line-height:1.85;margin-top:8px}.project-tags{margin-top:14px;gap:7px}.project-tags>span{font-size:9px;padding:4px 7px}.project-cover{inset:65px 25px 12px;gap:26px}.cover-number{font-size:96px}.project-cover>p{font-size:18px}.cover-journal>p{font-size:33px}.cover-journal>img{width:56px;height:56px}.about-section{margin-top:48px;padding-block:40px}.about-grid{grid-template-columns:1fr;gap:35px}.about-identity{min-height:0;height:305px;padding:25px}.identity-logo{width:62px;height:62px;margin-block:33px 27px}.about-identity>p{font-size:24px}.identity-top{font-size:10px}.identity-footer{font-size:11px;gap:15px;margin-top:26px;padding-top:19px}.identity-footer>span:last-child{font-size:10px}.about-copy h2{font-size:32px}.about-copy>.about-lead{font-size:17px!important}.about-copy>p:not(.section-kicker){font-size:13px;line-height:1.9}.about-copy>.personal-note{font-size:11px!important}.xenforo-panel{grid-template-columns:1fr;padding:28px 25px;gap:30px}.xenforo-copy h2{font-size:35px}.xenforo-copy>p:not(.section-kicker){font-size:13px}.toolkit-item>span:nth-child(2){font-size:13px}.toolkit-item small{font-size:10px}.toolkit>p{font-size:10px}.skills-grid{grid-template-columns:1fr;gap:0}.skill{padding:26px 0;border-bottom:1px solid var(--line)}.skill:first-child,.skill:last-child{padding-inline:0}.skill-icon{margin-bottom:20px;width:44px;height:44px}.skill h3{font-size:24px}.skill p{font-size:13px;max-width:none;line-height:1.9}.contact-section{margin-top:55px}.contact-panel{padding:30px 26px;grid-template-columns:1fr;gap:25px}.contact-panel h2{font-size:36px}.contact-panel p:not(.section-kicker){font-size:13px}.contact-panel p>br{display:none}.contact-panel .button{font-size:12px;gap:25px;padding:13px 18px;min-height:50px}.contact-address{gap:15px;justify-content:space-between}.contact-address>a{font-size:13px}.contact-graphic{width:min(270px,100%);margin:0 auto}.site-footer{margin-top:38px}.footer-links{font-size:11px;gap:25px}.footer-end{font-size:9px}}
@media(max-width:360px){.container{width:calc(100% - 32px)}.brand{font-size:14px}.menu-toggle{font-size:9px;padding-inline:11px;gap:12px}.header-actions{gap:2px}.hero h1{font-size:39px}.hero .intro{font-size:11px}.hero-description{font-size:14px}.hero-actions{gap:17px}.hero-actions>.button{font-size:11px;padding-inline:14px;gap:17px}.hero-actions>.text-link{font-size:11px;gap:9px}.hero-art{height:310px}.hero-browser{top:87px}.art-profile{bottom:24px;padding:10px;gap:8px;right:-1px}.art-profile strong{font-size:11px}.art-profile div>span{font-size:7px}.art-profile>.icon{width:17px;height:17px}.profile-initials{width:29px;height:29px}.profile-initials>img{width:21px;height:21px}.art-sticker{bottom:65px;left:10px;padding:9px;gap:8px}.art-sticker span{font-size:8px}.art-sticker .icon{width:18px;height:18px}.art-caption{font-size:11px;left:20px;top:21px}.art-spark{font-size:42px}.art-footnote{font-size:6px;left:20px;bottom:10px}.section-heading h2{font-size:29px}.project-visual{height:230px}.project-logo{font-size:20px}.visual-heading{padding:20px 20px 0;gap:10px}.visual-tag{font-size:7px;max-width:110px}.project-window{top:71px;width:88%;left:6%}.project-title-line h3{font-size:23px}.cover-number{font-size:82px}.project-cover{gap:20px;inset-inline:20px}.project-cover>p{font-size:16px}.cover-journal>p{font-size:29px}.cover-journal>img{width:49px;height:49px}.about-copy h2{font-size:29px}.contact-panel{padding:27px 23px}.contact-panel h2{font-size:32px}.contact-address>a{font-size:11px}.xenforo-panel{padding:26px 22px}}
@media(prefers-reduced-motion:no-preference){.hero-copy{animation:intro-in .75s var(--ease) both}.hero-art{animation:intro-in .9s .12s var(--ease) both}.hero-browser,.art-profile,.art-sticker{transition:transform .5s var(--ease)}}
@media print{.hero{display:block;padding:0}.hero-art,.hero-actions,.hero-note{display:none!important}.hero h1{font-size:34pt}.hero-description{font-size:10pt}.project-grid{grid-template-columns:1fr 1fr;gap:20px}.project-visual{height:170px}.project-card{display:block;break-inside:avoid}.project-window{top:45px}.project-description>p{font-size:9pt}.project-title-line h3{font-size:15pt}.about-section{background:#fff;margin-top:25px;padding-block:25px}.about-grid{display:block}.about-identity{display:none}.about-copy h2{font-size:24pt}.xenforo-panel{padding:20px;background:#eee;display:block}.toolkit{display:none}.skills-grid{display:block}.skill{padding:15px 0}.contact-panel{display:block;padding:20px;background:#eee}.contact-panel h2{font-size:26pt}.contact-graphic{display:none}.container{width:100%;max-width:none}}
@media(max-width:360px){.hero-actions{gap:14px}.hero-actions>.button{padding-inline:11px;gap:12px}.hero-actions>.text-link{gap:7px}.hero-actions>.text-link>.icon{width:15px;height:15px}}
@media(max-width:600px){.about-identity{height:auto;min-height:0}}
@media print{.resume-toolbar,.site-footer,dialog,.toast,.skip-link{display:none!important}}

/* Named Garfield addons inside the existing project details. */
.project-addon-list{margin:24px 0;display:grid;gap:0}
.project-addon-list>div{padding:16px 0;border-top:1px solid var(--line)}
.project-addon-list dt{font-size:14px;font-weight:650;line-height:1.5;color:var(--ink)}
.project-addon-list dd{margin:6px 0 0;font-size:13px;line-height:1.8;color:var(--muted)}