/* Shared launch status and social presence across four independent directions. */
body{padding-bottom:82px}.brand{letter-spacing:-1.8px}nav{gap:26px}.launch-progress{margin-top:24px;padding-top:18px;border-top:1px solid var(--line)}.progress-label,.progress-foot{display:flex;align-items:center;justify-content:space-between;gap:12px}.progress-label{font-size:11px}.progress-label strong{font-size:13px;font-variant-numeric:tabular-nums;font-weight:600}.progress-label strong span{font-size:10px;font-weight:400;color:var(--muted)}progress{display:block;appearance:none;width:100%;height:5px;border:0;border-radius:6px;overflow:hidden;margin:12px 0;background:#d9ded2;color:var(--accent)}progress::-webkit-progress-bar{background:#d9ded2}progress::-webkit-progress-value{background:var(--accent);border-radius:6px}progress::-moz-progress-bar{background:var(--accent);border-radius:6px}.progress-foot{font-size:9px;color:var(--muted)}.elsewhere{padding-bottom:80px}.social-intro{display:grid;grid-template-columns:1fr 1fr;align-items:end;gap:50px;margin:20px 0 40px}.social-intro h2{font:500 48px/1.1 Manrope,sans-serif;letter-spacing:-2px;margin:0}.social-intro h2 i{font:italic 1em Georgia,serif;color:var(--accent)}.social-intro p{max-width:360px;color:var(--muted);font-size:14px;line-height:1.8;margin:0 0 3px}.social-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.social-card{padding:34px;border:1px solid var(--line);border-radius:12px;min-height:350px;background:#f0f1e9;display:flex;flex-direction:column;transition:transform .6s,box-shadow .6s}.social-card:hover{transform:translateY(-5px);box-shadow:0 16px 35px #3442220a}.social-top{display:flex;align-items:center;justify-content:space-between}.social-symbol{font:500 50px/1 Manrope,sans-serif;letter-spacing:-5px}.linkedin-symbol{font-weight:700;font-size:43px;border:2px solid currentColor;border-radius:7px;letter-spacing:-3px;line-height:1;padding:1px 8px 3px 5px}.language{font:500 9px/1.5 'DM Sans',sans-serif;letter-spacing:1.2px}.social-card h3{font:500 30px/1.15 Manrope,sans-serif;letter-spacing:-1px;margin:34px 0 12px}.social-card p{font-size:13px;line-height:1.8;color:var(--muted);max-width:360px;margin:0 0 32px}.social-bottom{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:auto;padding-top:18px;border-top:1px solid var(--line);font-size:12px}.social-placeholder{font-size:10px;color:var(--muted)}.social-bottom a{display:flex;align-items:center;gap:14px;text-decoration:underline;text-underline-offset:4px}.variant-switch{position:fixed;bottom:18px;left:50%;transform:translateX(-50%);z-index:4;display:flex;gap:4px;padding:6px;border:1px solid #dedfd7;background:#fffffff0;box-shadow:0 4px 24px #22271b12;border-radius:50px;backdrop-filter:blur(16px);width:max-content;max-width:calc(100% - 20px)}.variant-switch .switch-label{font-size:8px;letter-spacing:1px;padding:0 12px;color:#74796c}.variant-switch a{font-size:11px;border-radius:30px;padding:11px 16px;color:#686d60;white-space:nowrap}.variant-switch a span{color:inherit;font-size:9px;margin:0 6px 0 0;opacity:.6}.variant-switch a[aria-current]{background:#292b25;color:#fff}.variant-switch a:hover{background:#e5e8df;color:#292b25}.variant-switch a[aria-current]:hover{background:#414738;color:#fff}
/* 02 / Editorial: open chapters and typographic restraint. */
.theme-editorial{--paper:#faf9f5;--ink:#39342c;--accent:#8a6446;--muted:#7c746a;--line:#e0dcd2}.theme-editorial .wrap{max-width:1000px}.theme-editorial .header{height:104px}.theme-editorial .brand{font-family:Georgia,serif;font-weight:400}.theme-editorial .brand-star{display:none}.theme-editorial .hero{padding-top:110px;padding-bottom:100px}.theme-editorial .hero h1{font:400 clamp(52px,6.4vw,86px)/1.07 Georgia,serif;letter-spacing:-4px;margin:32px 0}.theme-editorial .human{color:var(--accent)}.edition-note{position:absolute;right:10px;top:115px;font-size:9px;letter-spacing:1.5px;line-height:1.9;border-left:1px solid var(--line);padding-left:24px}.edition-note span{color:var(--muted);font-size:8px}.edition-note b{display:block;font:italic 30px Georgia,serif;letter-spacing:0;margin-top:16px}.theme-editorial .project-grid{display:block;counter-reset:chapters}.theme-editorial .project{display:grid;grid-template-columns:.75fr 1.25fr;column-gap:65px;border-bottom:1px solid var(--line);padding:38px 0 52px;margin-bottom:28px;position:relative;counter-increment:chapters}.theme-editorial .project:before{content:'0' counter(chapters) ' / IN THE MAKING';font-size:9px;letter-spacing:1.5px;grid-column:1;align-self:start;color:var(--muted)}.theme-editorial .project-art{grid-column:2;grid-row:1/5;height:370px;border-radius:3px}.theme-editorial .project-info{grid-column:1;display:block;align-self:end;padding-top:15px}.theme-editorial .project-info h3{font:400 37px Georgia,serif;letter-spacing:-1.5px;margin-bottom:15px}.theme-editorial .project-info p{max-width:260px;font-size:14px;line-height:1.7}.theme-editorial .round-link{margin-top:18px;border-radius:0;border:0;border-bottom:1px solid var(--line);text-align:left;width:60px}.theme-editorial .tags{grid-column:1;flex-wrap:wrap;align-self:end}.theme-editorial .launch-progress{grid-column:1;align-self:end}.theme-editorial .focus-layout{padding:8px 0;grid-template-columns:1fr}.theme-editorial .focus-copy{display:none}.theme-editorial .timer-widget{justify-self:center;transform:rotate(-2deg);margin-top:5px}.theme-editorial .focus-art .paper-note{right:12px;top:55px}.theme-editorial .about-grid{gap:70px}.theme-editorial .landscape{transform:rotate(-2deg)}.theme-editorial .social-intro h2,.theme-editorial .contact h2{font-family:Georgia,serif;font-weight:400}.theme-editorial .social-grid{gap:0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.theme-editorial .social-card{border:0;border-radius:0;background:transparent;padding:32px 32px 32px 0}.theme-editorial .social-linkedin{border-left:1px solid var(--line);padding-left:32px}.theme-editorial .social-card h3{font-family:Georgia,serif;font-size:34px}.theme-editorial .social-card:hover{box-shadow:none}.theme-editorial .contact-button{background:var(--ink);border-radius:3px}.studio-seal{position:absolute;right:8px;top:61px;width:119px;height:119px;border-radius:50%;background:#e6c8b9;display:flex;flex-direction:column;justify-content:center;align-items:center;font-size:12px;line-height:1.1;font-weight:700;transform:rotate(12deg);box-shadow:inset 0 0 0 7px var(--paper),0 0 0 1px #d6b3a3}.studio-seal span{font-size:32px;position:absolute;bottom:-28px;left:-12px;transform:rotate(-30deg)}
/* 04 / Workbench: a personal dashboard, with a quiet, modular rhythm. */
.theme-workbench{--paper:#f6f7f8;--ink:#303438;--accent:#527569;--muted:#6e777b;--line:#dce1e2}.theme-workbench .header{height:98px}.theme-workbench .header nav{background:#ffffffe6;padding:6px 7px 6px 22px;border:1px solid #e2e6e8;border-radius:36px;box-shadow:0 3px 8px #364b5510}.theme-workbench .nav-contact{background:#edf1ee;border:0;box-shadow:none}.theme-workbench .hero{display:grid;grid-template-columns:1.2fr .8fr;column-gap:55px;align-items:start;padding-top:70px;padding-bottom:65px}.theme-workbench .hero>.eyebrow{grid-column:1}.theme-workbench .hero h1{grid-column:1;font-size:56px;line-height:1.12;letter-spacing:-2.7px;margin:23px 0}.theme-workbench .human{font-family:Manrope,sans-serif;font-style:normal;color:#808c89}.theme-workbench .hero-bottom{grid-column:1;display:block}.theme-workbench .hero-bottom p{font-size:13px}.theme-workbench .hero-bottom .text-link{width:max-content;margin-top:23px}.bench-note{grid-column:2;grid-row:1/4;background:#fff;border:1px solid #e1e5e3;box-shadow:0 12px 35px #334e4410,0 2px 4px #334e4408;padding:25px;border-radius:16px;transform:rotate(3deg);margin:13px 5px 0;transition:transform .6s}.bench-note:hover{transform:rotate(0)}.bench-note-top{font-size:8px;letter-spacing:1px;display:flex;gap:9px;align-items:center}.bench-note-top>span:last-child{margin-left:auto;font-size:17px}.bench-note h2{font-size:29px;letter-spacing:-1px;font-weight:500;margin:26px 0}.bench-note a{display:flex;justify-content:space-between;padding:15px 0;border-top:1px solid #edf0ed;font-size:12px}.bench-note a:hover{color:var(--accent)}.bench-note strong{font-weight:500;color:var(--accent);font-variant-numeric:tabular-nums}.bench-note p{font-size:10px;color:var(--muted);margin-top:20px}.theme-workbench .project-grid{gap:24px;grid-template-columns:1.15fr 1fr}.theme-workbench .project{background:white;border:1px solid #e0e5e3;border-radius:20px;padding:12px 12px 24px}.theme-workbench .project-art{border-radius:11px;height:350px}.theme-workbench .project-info,.theme-workbench .tags,.theme-workbench .launch-progress{margin-inline:15px}.theme-workbench .project-info h3{font-size:23px}.theme-workbench .launch-progress{margin-top:22px}.theme-workbench .focus{display:grid;grid-template-columns:1.2fr .8fr;column-gap:24px;padding-bottom:12px}.theme-workbench .focus-art{grid-column:1;grid-row:1/4}.theme-workbench .focus-layout{grid-template-columns:1fr;padding:0}.theme-workbench .focus-copy{display:none}.theme-workbench .focus .timer-widget{justify-self:center}.theme-workbench .focus .project-info{display:block;align-self:end}.theme-workbench .focus .round-link{margin-top:20px}.theme-workbench .focus .tags{flex-wrap:wrap}.theme-workbench .focus .launch-progress{align-self:end;margin-bottom:17px}.theme-workbench .about-copy h2{font:500 36px/1.15 Manrope,sans-serif;letter-spacing:-1.5px}.theme-workbench .landscape{border-radius:14px;transform:rotate(-2deg);background:#fff}.theme-workbench .landscape svg{border-radius:8px}.theme-workbench .social-card{background:white;border-radius:20px;border-color:#e0e5e3}.theme-workbench .social-intro h2 i{font-family:Manrope,sans-serif;font-style:normal}.theme-workbench .social-top{background:#f4f6f4;padding:20px;border-radius:12px}.theme-workbench .contact h2{font-size:62px}.theme-workbench .contact h2 i{font-family:Manrope,sans-serif;font-style:normal}
@media(max-width:1000px){.studio-seal{right:0;top:40px;scale:.75;transform-origin:top right}.theme-editorial .project{column-gap:32px}.theme-workbench .hero{column-gap:30px}.theme-workbench .hero h1{font-size:45px}.bench-note{padding:20px}.bench-note h2{font-size:25px}.theme-workbench .project-grid{grid-template-columns:1fr 1fr}.theme-workbench .focus{grid-template-columns:1.2fr 1fr}.theme-workbench .focus-art{padding-inline:12px}.social-card{padding:25px}.social-card h3{font-size:26px}.social-bottom{flex-wrap:wrap}.edition-note{top:70px}.theme-editorial .hero h1{font-size:66px}}
@media(max-width:700px){.variant-switch{bottom:10px;padding:4px;gap:0}.variant-switch .switch-label{display:none}.variant-switch a{font-size:10px;padding:12px 10px}.variant-switch a span{font-size:8px;margin-right:3px}body{padding-bottom:68px}.header nav{gap:14px}.header nav>a:nth-child(2),.header nav>a:nth-child(3){display:none}.brand{font-size:25px}.social-intro{grid-template-columns:1fr;gap:22px;margin:15px 0 28px}.social-intro h2{font-size:40px}.social-intro p{font-size:13px}.social-grid{grid-template-columns:1fr;gap:16px}.social-card{min-height:320px;padding:28px}.social-card h3{font-size:29px}.elsewhere{padding-bottom:45px}.social-bottom{font-size:12px}.theme-editorial .hero{padding-top:60px;padding-bottom:55px}.theme-editorial .hero h1{font-size:clamp(43px,10vw,66px);letter-spacing:-2px}.edition-note{display:none}.theme-editorial .project{display:flex;flex-direction:column;padding-top:10px;gap:0;margin-bottom:25px;padding-bottom:35px}.theme-editorial .project:before{margin-bottom:20px}.theme-editorial .project-art{width:100%;height:350px}.theme-editorial .project-info{align-self:stretch;display:flex;align-items:center;padding-top:24px}.theme-editorial .project-info h3{font-size:32px}.theme-editorial .project-info p{font-size:13px}.theme-editorial .round-link{width:35px;margin-top:0}.theme-editorial .tags{align-self:stretch}.theme-editorial .launch-progress{align-self:stretch}.theme-editorial .focus-art{height:370px}.theme-editorial .focus-layout{display:grid;place-items:center}.theme-editorial .focus .timer-widget{margin-top:10px}.theme-editorial .about-grid{gap:55px}.theme-editorial .social-grid{gap:0}.theme-editorial .social-card{padding:28px 0}.theme-editorial .social-linkedin{border-left:0;border-top:1px solid var(--line)}.studio-seal{display:none}.theme-workbench .header nav{padding:5px 5px 5px 14px}.theme-workbench .hero{display:block;padding-top:40px;padding-bottom:45px}.theme-workbench .hero h1{font-size:clamp(36px,9vw,52px);letter-spacing:-2px}.bench-note{margin:40px 5px 0;padding:24px;transform:rotate(2deg)}.bench-note h2{font-size:29px}.theme-workbench .project-grid{grid-template-columns:1fr}.theme-workbench .project{padding:9px 9px 22px;border-radius:16px}.theme-workbench .project-art{height:340px;padding-inline:14px}.theme-workbench .focus{display:block}.theme-workbench .focus-art{height:350px}.theme-workbench .focus .project-info{display:flex;align-items:center}.theme-workbench .focus .round-link{margin-top:0}.theme-workbench .focus .launch-progress{margin-bottom:0}.theme-workbench .focus .timer-widget{margin-top:12px}.theme-workbench .social-card{padding:20px}.theme-workbench .social-top{padding:16px}.theme-workbench .social-card h3{font-size:28px}.theme-workbench .contact h2{font-size:51px}.progress-foot{font-size:8px}}
@media(prefers-reduced-motion:reduce){.social-card,.bench-note{transition:none}}

.social-identity{display:flex;align-items:center;gap:17px}.social-identity img{border-radius:50%;width:60px;height:60px;object-fit:cover}.social-identity .social-symbol{font-size:34px;letter-spacing:-2px}.nav-memoji{border-radius:50%;margin-right:10px}.theme-editorial .header{border-bottom:1px solid var(--line)}.theme-editorial .wrap{max-width:1120px}.theme-editorial .hero{padding-top:72px;padding-bottom:94px}.theme-editorial .hero h1{font-family:'Instrument Serif',Georgia,serif;font-size:clamp(70px,9vw,122px);line-height:1.02;letter-spacing:-3.5px}.theme-editorial .human{font-family:'Instrument Serif',Georgia,serif;color:var(--ink)}.headline-spark{display:inline-grid;place-items:center;width:65px;height:65px;font:400 38px Manrope,sans-serif;background:#dffe7b;color:#30352b;border-radius:50%;margin-left:26px;vertical-align:middle;transform:translateY(-10px);animation:turn 30s linear infinite}.theme-editorial .edition-note{top:74px;border:0;padding:0;font-size:8px;color:var(--muted)}.theme-editorial .hero-bottom strong{font-weight:500;color:var(--ink);display:inline-block;margin-bottom:7px}.theme-editorial .text-link{background:var(--ink);color:var(--paper);padding:17px 22px;border:0;border-radius:4px}.theme-editorial .text-link span{color:#dffe7b}.theme-editorial .work>.section-label{border:0;align-items:end}.theme-editorial .work>.section-label h2{font:400 46px 'Instrument Serif',Georgia,serif;letter-spacing:-.7px;color:var(--ink)}.theme-editorial .project-info h3,.theme-editorial .about-copy h2,.theme-editorial .social-intro h2,.theme-editorial .social-card h3,.theme-editorial .contact h2{font-family:'Instrument Serif',Georgia,serif}.theme-editorial .about-copy h2{font-size:49px}.theme-editorial .contact-button{background:#dffe7b;color:var(--ink);border-radius:40px}.theme-editorial{--accent:#6b794b}
@media(max-width:700px){.theme-editorial .hero{padding-top:47px;padding-bottom:55px}.theme-editorial .hero h1{font-size:clamp(48px,12vw,78px);letter-spacing:-1.8px}.headline-spark{width:34px;height:34px;font-size:22px;margin-left:12px;transform:translateY(-3px)}.theme-editorial .work>.section-label{display:block}.theme-editorial .work>.section-label h2{font-size:36px;margin-bottom:12px}.theme-editorial .about-copy h2{font-size:42px}.nav-memoji{width:35px;height:35px;margin-right:3px}.theme-editorial .header .brand{font-size:24px}.theme-editorial .header nav{gap:12px}.theme-editorial .header .nav-contact{padding:8px 10px}.social-identity img{width:50px;height:50px}.social-bottom a{font-size:12px}}

/* Motion study: animated signature, staggered typography, looping product details. */
.theme-editorial .headline-line{display:block;animation:editorial-line 1100ms cubic-bezier(.22,1,.36,1) both}.theme-editorial .second-line{animation-delay:140ms}.theme-editorial .hero h1{animation:none}.theme-editorial .hero-bottom{animation-delay:320ms}.theme-editorial .nav-memoji{animation:memoji-nod 5s cubic-bezier(.45,0,.2,1) infinite;animation-play-state:paused}.theme-editorial .header.motion-visible .nav-memoji{animation-play-state:running}.theme-editorial .chart i{transform-origin:bottom;animation:chart-breathe 5s cubic-bezier(.45,0,.2,1) infinite;animation-delay:calc(var(--index,0) * 110ms);animation-play-state:paused}.theme-editorial .chart i:nth-child(3n){--index:2}.theme-editorial .chart i:nth-child(3n + 1){--index:4}.theme-editorial .mouse-device{animation:mouse-float 7s cubic-bezier(.45,0,.2,1) infinite;animation-play-state:paused}.theme-editorial .dial{position:relative}.theme-editorial .dial:after{content:'';position:absolute;inset:-5px;border:1px solid transparent;border-top-color:#91a078;border-radius:50%;animation:turn 20s linear infinite;animation-play-state:paused;pointer-events:none}.theme-editorial .motion-visible .chart i,.theme-editorial .motion-visible .mouse-device,.theme-editorial .motion-visible .dial:after{animation-play-state:running}.theme-editorial .mouse-art:hover .mouse-device{animation-play-state:paused}.motion-toggle{font-size:9px;background:none;color:#73796c;padding:9px 13px;border-right:1px solid #e1e4dc}.motion-toggle:disabled{cursor:default;opacity:.6}.theme-editorial.motion-paused *,.theme-editorial.motion-paused *:after,.theme-editorial.tab-hidden *,.theme-editorial.tab-hidden *:after{animation-play-state:paused!important}.theme-editorial.motion-paused .headline-line{animation:none}.theme-editorial.motion-paused .reveal{transition:none}.theme-editorial .social-card:hover .social-identity img{transform:rotate(-8deg)}.social-identity img{transition:transform .5s cubic-bezier(.22,1,.36,1)}
@keyframes editorial-line{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}
@keyframes memoji-nod{0%,55%,100%{transform:rotate(0)}65%{transform:rotate(-8deg)}78%{transform:rotate(6deg)}88%{transform:rotate(-3deg)}}
@keyframes chart-breathe{0%,100%{transform:scaleY(.8)}50%{transform:scaleY(1)}}
@keyframes mouse-float{0%,100%{transform:rotate(-22deg) translateY(0)}50%{transform:rotate(-16deg) translateY(-8px)}}
@media(max-width:700px){.theme-editorial .variant-switch a{padding-inline:7px}.theme-editorial .variant-switch a span{display:none}.motion-toggle{padding-inline:9px;font-size:8px}}
@media(prefers-reduced-motion:reduce){.theme-editorial .headline-line{animation:none}.theme-editorial .social-card:hover .social-identity img{transform:none}}
/* Keep every comparison link visible; the page navigation's mobile rule is separate. */
.variant-switch>a{display:block!important}

/* Recent adventures: a quiet CV section drawn from the supplied reference. */
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.experience{padding:36px 0 80px}.experience-heading{display:flex;justify-content:flex-end;align-items:center;gap:24px;margin-bottom:58px}.experience-heading h2{font:400 43px/1 Manrope,sans-serif;letter-spacing:-2px;text-align:right;margin:0}.experience-heading h2 span{display:block}.experience-heading h2 i{display:block;font:italic 72px/1.05 'Instrument Serif',Georgia,serif;letter-spacing:-1.5px}.adventure-arrow{width:75px;height:92px;transform:rotate(6deg);color:var(--ink);transition:transform .8s cubic-bezier(.22,1,.36,1)}.experience-heading:hover .adventure-arrow{transform:rotate(-4deg) translateY(5px)}.experience-table{width:100%;border-collapse:collapse;table-layout:fixed}.experience-table th,.experience-table td{font-size:15px;line-height:1.5;font-weight:400;text-align:left;padding:27px 0;border-bottom:1px solid var(--line)}.experience-table th{width:40%}.experience-table td:nth-child(2){width:42%;color:var(--muted)}.experience-table td:last-child{text-align:right;font-variant-numeric:tabular-nums}.experience-table tr:last-child>*{border-bottom:0}.experience-note{font-size:10px;color:var(--muted);margin-top:25px}.theme-editorial .experience-table th,.theme-editorial .experience-table td{border-color:#c5c5b9}.theme-workbench .experience-table{background:white}.theme-workbench .experience-table th{padding-left:22px}.theme-workbench .experience-table td:last-child{padding-right:22px}
@media(max-width:700px){.experience{padding:15px 0 50px}.experience-heading{gap:15px;margin-bottom:30px}.experience-heading h2{font-size:31px;letter-spacing:-1px}.experience-heading h2 i{font-size:54px}.adventure-arrow{width:51px;height:70px}.experience-table th,.experience-table td{font-size:11px;padding:21px 5px 21px 0;vertical-align:top}.experience-table th{width:34%}.experience-table td:nth-child(2){width:46%}.experience-table td:last-child{width:20%;padding-right:0}.theme-workbench .experience-table th{padding-left:12px}.theme-workbench .experience-table td:last-child{padding-right:12px}.experience-note{font-size:9px;line-height:1.6}}
@media(prefers-reduced-motion:reduce){.experience-heading:hover .adventure-arrow{transform:none}}

/* Original composition: FocusDial + Mousewerk, followed by a wide Klar.Press. */
.theme-original .focus{grid-column:auto}.theme-original .klar{grid-column:1/-1}.theme-original .focus-art{background:linear-gradient(155deg,#e7e8e1,#f1f2ec);height:370px}.theme-original .focus-layout{grid-template-columns:1fr;padding:0;height:280px}.theme-original .focus-copy{display:none}.theme-original .timer-widget{justify-self:center;width:240px;margin-top:8px}.theme-original .focus-art .paper-note{right:10px;top:58px;scale:.85}.theme-original .klar-art{height:420px}.theme-original .klar-window{width:72%;max-width:690px;margin:22px auto 0;transform:rotate(-2deg)}.theme-original .klar-body{min-height:260px;grid-template-columns:58px 1fr}.theme-original .dashboard{padding:19px 28px}.theme-original .chart{height:80px}.theme-original .stats strong{font-size:26px}.theme-original .dashboard h3{font-size:24px}.theme-original .tabs button{font-size:10px}.brand-ring{width:32px;height:32px;color:var(--accent);margin-left:7px;animation:turn 28s linear infinite}.theme-editorial .brand{gap:6px}.theme-editorial .header .brand-ring{animation-play-state:paused}.theme-editorial .header.motion-visible .brand-ring{animation-play-state:running}
@media(max-width:700px){.theme-original .focus-art{height:355px}.theme-original .klar-art{height:350px}.theme-original .klar-window{width:100%;margin-top:22px}.theme-original .klar-body{min-height:219px;grid-template-columns:41px 1fr}.theme-original .dashboard{padding:12px}.theme-original .chart{height:43px}.theme-original .stats strong{font-size:21px}.theme-original .dashboard h3{font-size:20px}.theme-original .tabs button{font-size:8px}.theme-original .focus-art .paper-note{display:none}.brand-ring{width:26px;height:26px;margin-left:4px}}
/* Shared composition and editorial copy across the three remaining designs. */
body .hero.wrap{display:block;padding-top:72px;padding-bottom:90px}body .hero h1{font:400 clamp(68px,9vw,122px)/1.02 'Instrument Serif',Georgia,serif;letter-spacing:-3.5px;max-width:none;margin:32px 0}body .hero .human{font-family:'Instrument Serif',Georgia,serif;font-style:italic;color:var(--ink)}body .hero-bottom{display:flex;justify-content:space-between;align-items:flex-end}body .hero-bottom p{font-size:14px;line-height:1.85}body .hero-bottom strong{font-weight:500;color:var(--ink);display:inline-block;margin-bottom:7px}body .hero-bottom .text-link{background:var(--ink);color:var(--paper);padding:17px 22px;border:0;border-radius:4px;margin-top:0}body .hero .edition-note{position:absolute;top:74px;right:10px;border:0;padding:0;color:var(--muted);font-size:8px}body .headline-line{display:block}
body .work .project-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:44px 28px;padding:0}body .work .project{display:block;grid-column:auto;margin:0;padding:0;border:0;background:none;min-width:0}body .work .project:before{display:none}body .work .klar{grid-column:1/-1}body .work .project-art{height:370px;border-radius:12px;grid-column:auto;grid-row:auto;padding:23px 25px}body .work .focus-art{background:linear-gradient(155deg,#e7e8e1,#f1f2ec)}body .work .focus-layout{display:grid;grid-template-columns:1fr;height:280px;padding:0}body .work .focus-copy{display:none}body .work .timer-widget{justify-self:center;width:240px;margin-top:8px}body .work .project-info{display:flex;align-items:center;justify-content:space-between;padding-top:20px;margin:0}body .work .project-info h3{font:600 23px/1.3 Manrope,sans-serif;letter-spacing:-.7px;margin:0 0 7px}body .work .project-info p{max-width:none;font-size:12px;line-height:1.7}body .work .round-link{margin:0;width:35px;height:35px;border:1px solid var(--line);border-radius:50%;text-align:center}body .work .tags{margin:16px 0 0;gap:15px}body .work .launch-progress{margin:24px 0 0}body .work .klar-art{height:410px}body .klar-presentation{display:grid;grid-template-columns:.8fr 1.2fr;gap:35px;align-items:center;height:300px;padding:0 45px}body .klar-copy h3{font:500 38px/1.1 Manrope,sans-serif;letter-spacing:-1.7px;margin:17px 0}body .klar-copy p{font-size:12px;line-height:1.8;color:var(--muted)}body .work .klar-window{width:100%;max-width:none;margin:0;transform:rotate(-3deg)}body .work .klar-body{min-height:219px;grid-template-columns:41px 1fr}body .work .dashboard{padding:17px 20px 15px}body .work .chart{height:43px}body .work .stats strong{font-size:21px}body .work .dashboard h3{font-size:20px}body .work .tabs button{font-size:8px}body .work>.section-label h2{font:400 42px 'Instrument Serif',Georgia,serif;letter-spacing:-.7px;color:var(--ink)}body .work>.section-label{align-items:end;border:0}
.workshop{display:grid;grid-template-columns:1.2fr .8fr;column-gap:65px;padding:95px 0 125px;border-top:1px solid var(--line);margin-top:10px}.workshop>.eyebrow{grid-column:1}.workshop>h2{grid-column:1;font:500 53px/1.1 Manrope,sans-serif;letter-spacing:-2.7px;margin:25px 0}.workshop>h2 .human{font:inherit;font-style:normal;color:#808c89}.workshop>.hero-bottom{grid-column:1;display:block}.workshop .hero-bottom .text-link{width:max-content;margin-top:25px;background:none;color:var(--ink);padding:0 0 10px;border-bottom:1px solid var(--line)}.workshop .bench-note{grid-column:2;grid-row:1/4}body .experience.wrap,body .workshop.wrap{max-width:860px}body .about .landscape{border-radius:14px;background:#fff;transform:rotate(-2deg)}body .about .landscape svg{border-radius:8px}
@media(max-width:900px){body .klar-presentation{padding:0 10px;gap:24px}body .klar-copy h3{font-size:31px}.workshop{column-gap:30px}.workshop>h2{font-size:42px}}
@media(max-width:700px){body .hero.wrap{padding-top:47px;padding-bottom:55px}body .hero h1{font-size:clamp(48px,12vw,78px);letter-spacing:-1.8px}body .hero-bottom{display:block}body .hero-bottom .text-link{width:max-content;margin-top:26px}body .hero .edition-note{display:none}body .work .project-grid{grid-template-columns:1fr;gap:35px}body .work .klar{grid-column:auto}body .work .project-art{height:350px;padding:20px 17px}body .work .klar-art{height:490px}body .klar-presentation{height:auto;grid-template-columns:1fr;gap:23px;padding:12px 0 0}body .klar-copy h3{font-size:29px;margin:10px 0}body .klar-copy h3 br{display:none}body .klar-copy p{font-size:11px;margin:0}body .klar-copy p br{display:none}body .work .klar-window{width:100%}body .work .dashboard{padding:12px}body .work .tags{gap:10px}body .work .project-info h3{font-size:22px}body .work>.section-label{display:block}body .work>.section-label h2{font-size:36px;margin-bottom:12px}.workshop{display:block;padding:65px 0 85px}.workshop>h2{font-size:39px;letter-spacing:-2px}.workshop .bench-note{margin-top:40px}body .experience.wrap,body .workshop.wrap{width:calc(100% - 44px)} }
/* Personal photography: portrait, compact contact sheet and expandable gallery. */
.portrait{margin:0;max-width:380px;width:100%;padding:10px 10px 0;background:#fff;border:1px solid var(--line);border-radius:12px;transform:rotate(-2deg)}.portrait>img{display:block;width:100%;height:auto;aspect-ratio:4/5;object-fit:cover;object-position:center 35%;border-radius:6px}.portrait figcaption{display:flex;justify-content:space-between;gap:10px;padding:15px 3px;font-size:7px;letter-spacing:.7px;color:var(--muted)}body .about-grid{padding-bottom:45px}.photo-gallery{border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-bottom:65px}.photo-gallery summary{list-style:none;cursor:pointer;display:grid;grid-template-columns:1fr 1fr auto;align-items:center;gap:25px;padding:27px 0;min-height:150px}.photo-gallery summary::-webkit-details-marker{display:none}.photo-gallery summary:focus-visible{outline:2px solid var(--accent);outline-offset:6px}.gallery-summary-text h3{font:400 29px/1.15 'Instrument Serif',Georgia,serif;margin:9px 0 5px}.gallery-summary-text p{font-size:11px;color:var(--muted);margin:0}.gallery-summary-text .eyebrow{font-size:8px}.gallery-strip{display:flex;justify-content:center;align-items:center;padding:10px}.gallery-strip img{width:78px;height:94px;object-fit:cover;border:4px solid #fff;border-radius:3px;box-shadow:0 4px 8px #303c2415;margin-left:-23px;transform:rotate(-7deg);transition:transform .5s}.gallery-strip img:nth-child(even){transform:rotate(7deg) translateY(-4px)}.photo-gallery summary:hover .gallery-strip img{transform:rotate(0);}.gallery-toggle{display:flex;align-items:center;gap:17px;font-size:11px;white-space:nowrap}.gallery-toggle b{font-size:23px;font-weight:400;transition:transform .3s}.when-open{display:none}.photo-gallery[open] .when-open{display:inline}.photo-gallery[open] .when-closed{display:none}.photo-gallery[open] .gallery-toggle b{transform:rotate(45deg)}.gallery-grid{columns:3;column-gap:18px;padding:5px 0 28px}.gallery-photo{position:relative;display:block;break-inside:avoid;margin-bottom:18px;overflow:hidden;border-radius:6px;background:#e8eade}.gallery-photo img{display:block;width:100%;height:auto;transition:transform .6s}.gallery-photo:hover img{transform:scale(1.035)}.gallery-photo span{position:absolute;bottom:10px;left:10px;background:#fffffff0;color:#333b2c;border-radius:20px;padding:5px 8px;font-size:9px}.photo-lightbox{width:min(1050px,calc(100% - 24px));max-height:94dvh;padding:35px 18px 12px;background:var(--paper);border:1px solid var(--line)}.photo-lightbox>img{display:block;width:100%;height:70dvh;object-fit:contain}.photo-close{position:absolute;right:12px;top:3px;font-size:28px;background:none}.photo-viewer-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:12px}.photo-viewer-footer button{background:none;font-size:24px;padding:8px 12px}.photo-caption{font-size:12px;text-align:center;color:var(--muted);margin:0}.photo-lightbox::backdrop{background:#20251dd9;backdrop-filter:blur(8px)}
@media(max-width:700px){.portrait{justify-self:center;max-width:330px}.photo-gallery summary{grid-template-columns:1fr auto;gap:18px;padding:23px 0}.gallery-strip{grid-column:1/-1;grid-row:2;justify-content:flex-start;padding-left:24px}.gallery-strip img{width:73px;height:83px}.gallery-toggle{font-size:10px;gap:10px}.gallery-summary-text h3{font-size:26px}.gallery-grid{columns:2;column-gap:10px}.gallery-photo{margin-bottom:10px}.photo-gallery{margin-bottom:40px}.photo-lightbox>img{height:65dvh}}
@media(prefers-reduced-motion:reduce){.gallery-strip img,.gallery-photo img,.gallery-toggle b{transition:none}}
/* More generous photography while retaining a compact collapsed gallery. */
.portrait{max-width:440px}.photo-gallery summary{grid-template-columns:1fr auto;gap:26px;padding:32px 0;min-height:270px}.gallery-summary-text h3{font-size:36px}.gallery-summary-text p{font-size:13px}.gallery-strip{grid-row:2;grid-column:1/-1;justify-content:center;padding:12px 25px}.gallery-strip img{width:150px;height:155px;margin-left:-20px;border-width:5px}.gallery-toggle{grid-row:1;grid-column:2;font-size:12px}.gallery-grid{columns:2;column-gap:24px;padding-top:15px}.gallery-photo{margin-bottom:24px}.photo-lightbox{width:min(1320px,calc(100% - 24px))}.photo-lightbox>img{height:78dvh}
@media(max-width:700px){.portrait{max-width:380px}.photo-gallery summary{min-height:255px;gap:22px;padding:25px 0}.gallery-summary-text h3{font-size:28px}.gallery-summary-text p{font-size:11px}.gallery-toggle{font-size:10px;gap:8px}.gallery-strip{padding:12px 0 12px 12px}.gallery-strip img{width:calc((100vw - 50px)/4);max-width:110px;height:118px;margin-left:-15px;border-width:3px}.gallery-grid{columns:1}.gallery-photo{margin-bottom:18px}.photo-lightbox>img{height:70dvh}}
/* Give the personal introduction more presence beneath the display headline. */
body .hero > .eyebrow{font-size:14px;line-height:1.5;letter-spacing:1.5px;gap:12px}
body .hero > .eyebrow .status-dot{width:8px;height:8px}
body .hero .hero-bottom{gap:48px}
body .hero .hero-bottom p{font-size:20px;line-height:1.75;width:100%;max-width:760px;flex:1}
body .hero .hero-bottom strong{font-size:21px;margin-bottom:10px}
body .hero .hero-bottom .text-link{flex-shrink:0}
@media(max-width:900px){body .hero .hero-bottom{gap:25px}body .hero .hero-bottom p{font-size:18px}body .hero .hero-bottom strong{font-size:19px}}
@media(max-width:700px){body .hero > .eyebrow{font-size:12px;letter-spacing:1px}body .hero .hero-bottom p{font-size:17px;line-height:1.75;max-width:none}body .hero .hero-bottom strong{font-size:18px}body .hero .hero-bottom p br{display:none}body .hero .hero-bottom strong{display:block}}

/* Unified neutral product stages. */
body .work .klar-art{background:linear-gradient(155deg,#e7e8e1,#f1f2ec)}

/* Keep the workspace introduction aligned with the narrow resume. */
.workshop{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);column-gap:40px}.workshop>h2{font-size:42px;margin-top:0}.workshop .bench-note{grid-row:1/3;min-width:0}
@media(max-width:700px){.workshop>h2{font-size:39px}}

/* Photography shares the resume's centered reading width. */
.photo-gallery{max-width:860px;margin:65px auto 65px}
@media(max-width:700px){.photo-gallery{margin:40px auto}}

/* Give the longer career stories room to breathe. */
.experience-table th{width:26%;vertical-align:top}.experience-table td:nth-child(2){width:60%;padding-right:28px}.experience-table td:last-child{width:14%;vertical-align:top}
@media(max-width:700px){.experience-table th{width:27%}.experience-table td:nth-child(2){width:56%;padding-right:12px}.experience-table td:last-child{width:17%}}

/* Explicit columns also apply when the accessible header is visually hidden. */
.experience-table tr>*:first-child{width:24%}.experience-table tr>*:nth-child(2){width:64%}.experience-table tr>*:last-child{width:12%}
@media(max-width:700px){.experience-table tr>*:first-child{width:27%}.experience-table tr>*:nth-child(2){width:56%}.experience-table tr>*:last-child{width:17%}}

/* Soft white cards with inset project details. */
body .work .project{background:rgb(255 255 255 / 50%);border-radius:12px;padding:0 0 24px;overflow:hidden}
body .work .project-info{padding:24px 24px 0}
body .work .tags{margin:16px 24px 0}
body .work .launch-progress{margin:24px 24px 0}
@media(max-width:700px){body .work .project{padding-bottom:20px}body .work .project-info{padding:20px 18px 0}body .work .tags{margin-inline:18px;flex-wrap:wrap}body .work .launch-progress{margin-inline:18px}}

/* A full-width, softly rounded photographic preview. */
.gallery-strip{width:100%;padding:20px 12px;box-sizing:border-box}
.gallery-strip img{width:calc((100% + 64px)/5);max-width:none;height:auto;aspect-ratio:1/1.06;flex-shrink:0;margin-left:-16px;border-radius:16px}
.gallery-strip img:first-child{margin-left:0}
.gallery-photo{border-radius:18px}.gallery-photo img{border-radius:18px}
@media(max-width:700px){.gallery-strip{padding:16px 8px}.gallery-strip img{width:calc((100% + 40px)/5);height:auto;max-width:none;margin-left:-10px;border-radius:11px}.gallery-photo,.gallery-photo img{border-radius:14px}}

/* A narrow inset frames the previews inside the softer cards. */
body .work .project-art{width:calc(100% - 20px);margin:10px 10px 0}

.work .project-art{cursor:pointer}.work .project-art:focus-visible{outline:2px solid var(--ink);outline-offset:-3px}

/* Match the FocusDial note to Mousewerk's quiet rounded labels. */
body .work .focus-art .paper-note{background:#f8f9f3da;border:1px solid #fff9;border-radius:7px;box-shadow:0 3px 10px #454b3110;padding:10px 12px;transform:rotate(-5deg)}
body .work .focus-art .paper-note::before{display:none}
body .work .focus-art .paper-note span{display:none}
body .work .focus-art .paper-note i{font:400 10px Manrope,sans-serif;color:var(--ink);margin:0}
body .work .timer-widget{transform:rotate(-3deg)}
body .work .timer-widget:hover{transform:rotate(0)}

body .contact.wrap{max-width:860px}
@media(max-width:700px){body .contact.wrap{width:calc(100% - 44px)}}

.theme-original .brand{font-weight:600}

body .contact.wrap{padding-top:95px;padding-bottom:100px}
@media(max-width:700px){body .contact.wrap{padding-top:65px;padding-bottom:70px}}

.footer-credit{display:flex;align-items:center;gap:8px}.footer-icons{display:inline-flex;align-items:center;gap:7px;vertical-align:middle}.footer-icons svg{flex-shrink:0}

footer .footer-imprint{font-size:7px;color:var(--muted)}

footer .footer-credit,footer .footer-imprint{font-size:10px}

body footer.wrap,body footer.wrap a,body footer.wrap span{font-size:12px;text-transform:none;letter-spacing:normal}

body .hero h1{text-align:left}

.headline-spark{margin-left:26px;margin-right:0}
@media(max-width:700px){.headline-spark{margin-left:12px;margin-right:0}}

body footer.wrap{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:24px}
body footer.wrap .brand{font-size:22px;letter-spacing:-1.2px;justify-self:start}
body footer.wrap .brand-star{font-size:23px}
.footer-center{display:flex;flex-direction:column;align-items:center;gap:10px}
.footer-legal{display:flex;justify-content:center;gap:18px}
body footer.wrap>a:last-child{justify-self:end}
@media(max-width:700px){body footer.wrap{grid-template-columns:1fr 1fr;gap:24px 12px}.footer-center{grid-row:2;grid-column:1/-1}.footer-credit{flex-wrap:wrap;justify-content:center;text-align:center}}

/* Align the credit itself with the outer footer links. */
@media(min-width:701px){.footer-center{position:relative}.footer-legal{position:absolute;top:calc(100% + 10px);left:0;right:0}}

.gallery-photo img:not([src]){visibility:hidden}
.workshop,.experience,.elsewhere,.contact{content-visibility:auto;contain-intrinsic-size:auto 720px}