/* Personal portfolio. The product cards retain their original themistic design. */
.header{height:100px}.wordmark{font-size:22px;letter-spacing:-.7px}.header nav{gap:30px}
.about-hero{display:grid;grid-template-columns:1.25fr 1fr;align-items:center;gap:80px;padding:54px 0 110px}.eyebrow{font:12px/1.7 var(--mono);color:var(--muted);margin-bottom:29px}.about-hero h1{font-size:clamp(80px,9.3vw,142px);line-height:.95;letter-spacing:-.07em;margin:0 0 28px;padding:0;font-weight:600}.about-hero h1 span{color:var(--ink)}.hero-lead{font-size:23px;line-height:1.5;color:var(--muted);letter-spacing:-.4px}.hero-lead strong{color:var(--ink);font-weight:400;text-decoration:underline;text-decoration-color:var(--accent);text-underline-offset:7px;text-decoration-thickness:2px}.about-points{display:flex;flex-wrap:wrap;gap:10px 24px;padding-left:16px;margin:27px 0 28px;color:var(--body);font-size:13px}.about-points li::marker{color:var(--accent)}.text-link{display:inline-flex;gap:32px;align-items:center;font-size:14px;border-bottom:1px solid var(--line);padding:10px 0}.text-link span{color:var(--accent)}.about-visual{position:relative;padding:20px 0 0}.about-visual svg{width:min(100%,410px);margin:auto}.about-visual p{margin:27px 0 0 40px;font:13px/1.8 var(--mono);color:var(--ink)}.about-visual p span{color:var(--muted)}
.section-intro{display:flex;align-items:flex-end;justify-content:space-between;gap:32px}.section-intro h2{font-size:42px;line-height:1.15;font-weight:400;letter-spacing:-1.3px}.section-intro p{font-size:15px;line-height:1.8;color:var(--muted)}.section-intro strong{color:var(--ink);font-weight:400}.work-section{border-top:1px solid var(--line);padding-top:48px}.work-section .produkte{margin-top:36px}.playground{padding-top:105px;padding-bottom:75px}.playground .project-tabs{flex-direction:row;gap:35px;margin-top:32px}.playground .project-tabs button{font-size:18px}.playground .desk-stage{padding:143px 103px 0 0;max-width:1120px;margin:auto}.playground .desk-stage:has(#panel-vault:not([hidden])),.playground .desk-stage:has(#panel-veyra:not([hidden])){padding-right:0}.demo-bottom{padding-top:24px;display:flex;justify-content:space-between;gap:25px;align-items:flex-start}.demo-bottom ul{display:flex;gap:12px 29px;flex-wrap:wrap;padding-left:17px;margin:0;color:var(--muted);font-size:13px}.demo-bottom li::marker{color:var(--accent)}.demo-bottom strong{color:var(--ink);font-weight:400}.demo-bottom>div{display:flex;gap:18px;flex-shrink:0}.demo-bottom button{font:12px var(--sans);color:var(--body);background:none;border:0;border-bottom:1px solid var(--line);padding:0 0 4px;cursor:pointer}.contact-section{border-top:1px solid var(--line);padding:65px 0 85px}.contact-section>p{font-size:15px;color:var(--muted);margin-bottom:15px}.contact-section h2{font-size:clamp(44px,7vw,96px);font-weight:400;letter-spacing:-.045em;line-height:1.1;margin-bottom:27px}.contact-section>a{font-size:21px;border-bottom:1px solid var(--accent);padding-bottom:8px;display:inline-flex;gap:40px}.contact-section>a span{color:var(--accent)}.site-footer{margin-top:0}.footer-brand{letter-spacing:0;font-weight:600}.footer-mail{overflow-wrap:anywhere}
@media(max-width:1000px){.about-hero{gap:35px}.hero-lead{font-size:20px}.section-intro h2{font-size:35px}.section-intro p{font-size:13px}.produkt-kopf h3{font-size:25px}.produkt-kopf{padding:15px 12px}.produkt-kopf p{font-size:12px;margin-right:10px}.produkt{padding:11px}.produkt-code{font-size:7px}.demo-bottom{flex-direction:column}.playground .desk-stage{padding-top:145px}.footer-grid{gap:32px}}
@media(max-width:760px){.header{height:80px}.header nav{gap:20px;font-size:12px}.wordmark{font-size:18px}.about-hero{gap:30px;padding:35px 0 58px;grid-template-columns:1fr 1fr}.about-hero h1{font-size:76px}.eyebrow{font-size:10px;max-width:220px;margin-bottom:20px}.hero-lead{font-size:18px}.hero-lead br{display:none}.about-points{display:block;font-size:12px;margin:22px 0}.about-points li+li{margin-top:7px}.about-visual p{margin:15px 0 0 10px;font-size:10px}.section-intro{align-items:flex-start;flex-direction:column;gap:17px}.section-intro h2{font-size:35px}.section-intro p{font-size:14px}.work-section{padding-top:35px}.work-section .produkte{gap:22px;margin-top:26px}.produkt-kopf h3{font-size:32px}.produkt-kopf p{font-size:14px}.produkt-kopf{padding:18px}.produkt-code{font-size:9px}.produkt{padding:14px}.produkt-anim{min-height:285px}.produkt-fuss p{font-size:14px}.playground{padding-top:62px;padding-bottom:50px}.playground .desk-stage{padding:113px 68px 0 0}.playground .project-tabs{gap:25px;margin-top:25px}.playground .project-tabs button{font-size:17px}.demo-bottom ul{display:block}.demo-bottom li+li{margin-top:7px}.contact-section{padding:42px 0 58px}.contact-section>a{font-size:17px;gap:23px}.site-footer{padding-inline:21px}.footer-grid{grid-template-columns:1fr 1fr;gap:30px 18px}.footer-brand-col{grid-column:1/-1}.footer-head{font-size:10px}.footer-list a{font-size:13px}.footer-bottom{align-items:flex-start}}
@media(max-width:470px){.about-hero{grid-template-columns:1fr;gap:20px;padding-top:29px}.about-hero h1{font-size:94px;line-height:.92}.about-hero h1 br{display:none}.about-hero h1 span{display:block}.hero-lead{font-size:20px;max-width:295px}.about-visual{display:flex;align-items:flex-end;gap:15px;padding:0;margin-top:0}.about-visual svg{width:170px;margin:0}.about-visual p{margin:0 0 15px;font-size:10px}.about-points{display:flex;flex-wrap:wrap;column-gap:24px;margin:22px 0 15px}.about-points li+li{margin-top:0}.text-link{padding-bottom:5px}.header nav{gap:15px;font-size:11px}.wordmark{font-size:17px}.about-hero{padding-bottom:40px}.work-section{padding-top:28px}.footer-brand{font-size:18px}}
@media(prefers-reduced-motion:reduce){.produkt,.produkt *{transition:none!important;animation:none!important}}
.contact-profiles{list-style:none;padding:0;margin:44px 0 0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0 30px}.contact-profiles li{min-width:0;border-top:1px solid var(--line)}.contact-profiles a{display:flex;align-items:center;gap:17px;padding:23px 0;color:var(--body)}.contact-profiles svg{width:29px;height:29px;flex-shrink:0;fill:currentColor}.contact-profiles span{min-width:0}.contact-profiles small{display:block;color:var(--muted);font-size:11px;margin-bottom:4px}.contact-profiles strong{font-size:17px;line-height:1.4;font-weight:400;color:var(--ink);overflow-wrap:anywhere}.contact-profiles a:hover{color:var(--accent)}.contact-profiles a:hover strong{color:var(--accent)}@media(max-width:1000px){.contact-profiles{grid-template-columns:1fr 1fr;gap:0 30px}}@media(max-width:470px){.contact-profiles{gap:0 17px;margin-top:33px}.contact-profiles a{gap:11px;padding:20px 0}.contact-profiles svg{width:23px;height:23px}.contact-profiles strong{font-size:13px}.contact-profiles small{font-size:10px}}@media(max-width:350px){.contact-profiles{grid-template-columns:1fr}.contact-profiles strong{font-size:16px}.contact-profiles svg{width:26px;height:26px}}