:root{color-scheme:dark;--bg:#0c0c0e;--panel:#141417;--text:#efeff1;--muted:#88888f;--line:#2b2b30;--accent:#b1a9df;--progress:0}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:25px}body{margin:0;background:var(--bg);color:var(--text);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{color:inherit;font:inherit;cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:2px solid var(--accent);outline-offset:7px}button{border:0}::selection{background:#b1a9df;color:#0c0c0e}.skip{position:fixed;left:20px;top:-70px;background:var(--text);color:var(--bg);padding:15px;z-index:100}.skip:focus{top:15px}.progress{position:fixed;left:0;top:0;width:calc(var(--progress)*100%);height:2px;background:var(--accent);z-index:50}.topbar{height:100px;margin:0 5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.monogram{font-size:29px;letter-spacing:-2px;font-weight:600;display:flex;align-items:start;gap:4px}.monogram span{font-size:15px;letter-spacing:0;margin-top:2px}.top-label,.section-label,.index,.visual-label,.feature-bottom,.tile-overline,.tile-demo,.tile-year{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:10px;letter-spacing:.8px;font-weight:400}.top-label{color:var(--muted)}.top-contact{font-size:12px;display:flex;align-items:center;gap:25px}.top-contact span{font-size:19px}.intro{margin:0 5%;padding:90px 0 52px}.intro-heading{display:flex;justify-content:space-between;align-items:end;gap:40px}h1,h2,h3,p{margin:0}h1{font-size:clamp(60px,8.8vw,150px);letter-spacing:-.075em;line-height:1;font-weight:500}.fullstop{color:#8c87a2}.intro-heading>p{font-size:clamp(16px,1.8vw,27px);line-height:1.3;letter-spacing:-.5px;padding-bottom:7px;color:#b5b5bc}.intro-meta{margin-top:53px;display:flex;align-items:center;justify-content:space-between;font-size:11px;color:var(--muted)}.intro-meta a{display:flex;align-items:center;gap:35px;color:#b5b5bc}.intro-meta a span{font-size:18px}.featured{height:135svh;min-height:920px;margin:0 20px}.sticky-stage{position:sticky;top:20px;height:calc(100svh - 40px);min-height:620px;max-height:1100px;display:flex;align-items:center;justify-content:center;perspective:1700px}.feature-canvas{width:100%;height:100%;background:#17171c;position:relative;overflow:hidden;border-radius:3px;display:flex;align-items:center;justify-content:center;flex-direction:column;padding:85px 8%;isolation:isolate}.feature-canvas:before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at 50% 25%,#55506938,transparent 65%)}.frame-outline{position:absolute;left:7%;right:7%;top:-35%;height:100%;border:1px solid #74708412;border-radius:50%;z-index:-1}.visual-label{position:absolute;top:29px;left:35px;right:35px;display:flex;justify-content:space-between;color:#9b99a7}.feature-bottom{position:absolute;bottom:26px;left:35px;right:35px;display:flex;justify-content:space-between;color:#7d7b89;font-size:8px}.main-image{display:block;position:relative;background:transparent;width:100%;max-width:1280px;padding:0;transform:scale(.87) rotateX(8deg) rotateZ(-1.5deg);will-change:transform;box-shadow:0 40px 70px -20px #0008;border:1px solid #6b677b42;border-radius:8px;overflow:hidden;transition:border-color .25s}.main-image:hover{border-color:#8b83aa90}.main-image>img{display:block;width:100%;height:auto;max-height:calc(100svh - 190px);object-fit:contain;background:#121216}.image-corner{position:absolute;bottom:16px;right:18px;width:34px;height:34px;border:1px solid #b5b1c65e;display:grid;place-items:center;border-radius:50%;font-size:19px;background:#141418a6;backdrop-filter:blur(10px);opacity:0;translate:0 5px;transition:opacity .25s,translate .25s}.image-trigger:hover .image-corner,.image-trigger:focus-visible .image-corner{opacity:1;translate:0 0}.project-detail{margin:0 5%;padding:45px 0 100px;display:grid;grid-template-columns:1fr 1fr;gap:70px;border-bottom:1px solid var(--line)}.project-title{display:flex;align-items:baseline;gap:28px}.index{color:#73737d}.project-title h2{font-size:27px;letter-spacing:-1px;font-weight:400}.project-info>p{font-size:14px;color:#b1b1b9;line-height:1.8;max-width:480px}.project-tech{display:flex;align-items:center;justify-content:space-between;gap:25px;margin-top:25px;font-size:10px;line-height:1.7;color:#787881}.text-button{padding:0;background:transparent;font-size:10px;white-space:nowrap;color:#c4bfdb;display:flex;align-items:center;gap:16px}.text-button span{font-size:18px}.infra-detail{margin:0 5%}.infra-inner{background:#131316;padding:35px 45px;border:1px solid var(--line);border-top:0}.infra-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:35px}.infra-heading h3{font-size:18px;font-weight:400;letter-spacing:-.4px}.infra-heading>span{font-family:monospace;font-size:8px;color:var(--muted);letter-spacing:1px}.infra-flow{display:flex;justify-content:space-between;align-items:center;gap:20px}.infra-flow>div{display:grid;grid-template-columns:32px 1fr;gap:7px 15px}.infra-icon{grid-row:1/3;border:1px solid #514a68;width:30px;height:30px;display:grid;place-items:center;font:9px monospace;color:#a49ac8}.infra-flow strong{font-size:13px;font-weight:400}.infra-flow small{grid-column:2;font-size:10px;color:var(--muted)}.infra-flow>i{font-style:normal;color:#514e5e}.infra-foot{display:flex;gap:45px;margin-top:35px;border-top:1px solid var(--line);padding-top:20px;font-size:10px;color:#82818e}.secondary-projects{margin:95px 5% 0;display:grid;grid-template-columns:1.2fr 1fr;gap:28px}.tile-visual{width:100%;height:630px;display:flex;position:relative;align-items:center;justify-content:center;overflow:hidden;border-radius:3px;background:#1a1b21;padding:65px 15px}.tile-visual>img{display:block;width:100%;height:100%;object-fit:contain;transition:transform .7s cubic-bezier(.2,.7,.2,1);will-change:transform}.tile-visual:hover>img{transform:scale(1.035)}.tile-overline{position:absolute;left:25px;right:25px;top:25px;display:flex;justify-content:space-between;color:#9395a4;font-size:8px;z-index:2}.tile-demo{position:absolute;bottom:25px;left:25px;color:#72747f;font-size:8px}.networks-tile{margin-top:130px}.networks-tile .tile-visual{height:630px;background:#121518;padding:55px 15px}.networks-tile .tile-overline{color:#818d96}.networks-tile .tile-demo{color:#65717a}.tile-caption{display:flex;align-items:start;justify-content:space-between;padding:25px 0}.tile-caption h2{font-size:23px;letter-spacing:-.7px;font-weight:400}.tile-caption p{font-size:11px;line-height:1.6;color:#7e7e88;margin-top:10px}.tile-year{color:#64646d;padding-top:7px}.about{margin:130px 5% 0}.section-label{color:#6d6d78;font-size:9px}.about>.section-label{display:block;margin-bottom:40px}.discipline{display:grid;grid-template-columns:50px 1fr 1fr;align-items:center;padding:30px 0;border-top:1px solid var(--line);gap:20px}.discipline:last-child{border-bottom:1px solid var(--line)}.discipline>span:first-child{font:10px monospace;color:#666670}.discipline h3{font-size:24px;font-weight:400;letter-spacing:-.6px}.discipline>span:last-child{justify-self:end;font-size:11px;color:#7e7e89}footer{margin:140px 5% 0}.footer-main{display:flex;justify-content:space-between;align-items:end;padding-bottom:70px}.email-link{display:flex;align-items:center;gap:50px;font-size:clamp(42px,6vw,95px);font-weight:400;letter-spacing:-.055em;margin-top:25px}.email-link>span{font-size:.7em;color:#92909e;transition:transform .3s}.email-link:hover>span{transform:translate(6px,-6px)}.linkedin{font-size:12px;display:flex;gap:35px;align-items:center;margin-bottom:12px;color:#aaa8b4}.linkedin>span{font-size:18px}.footer-bottom{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding:30px 0;font-size:10px;color:#666670}.footer-bottom a{color:#95939f}.reveal{opacity:1;transform:none}.motion .reveal{opacity:0;transform:translateY(24px);transition:opacity .8s,transform .8s cubic-bezier(.2,.65,.2,1)}.motion .reveal.visible{opacity:1;transform:none}.lightbox{width:min(1450px,96vw);max-height:94svh;padding:22px;border:1px solid #39383f;border-radius:8px;background:#111114;color:var(--text);overflow:auto}.lightbox::backdrop{background:#050506e8;backdrop-filter:blur(10px)}.lightbox-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.lightbox-top h2{font-size:12px;font-weight:400}.close{display:flex;align-items:center;gap:20px;background:transparent;font-size:11px;padding:5px 0 5px 20px;color:#96949f}.close span{font-size:24px}.lightbox-image{display:block;width:100%;max-height:72svh;object-fit:contain}.lightbox-caption{font-size:10px;color:#777580;margin-top:20px;line-height:1.7;text-align:center}[hidden]{display:none!important}
@media(min-width:1600px){.intro{padding-top:110px}.main-image{max-width:1400px}.secondary-projects{gap:40px}.tile-visual,.networks-tile .tile-visual{height:760px}.project-info>p{font-size:16px}}
@media(max-width:1100px){.intro{padding-top:75px}.intro-heading>p{font-size:18px}.intro-meta{font-size:9px;margin-top:40px}.feature-canvas{padding:80px 5%}.project-detail{gap:40px}.project-tech{align-items:start;flex-direction:column;gap:18px}.tile-visual,.networks-tile .tile-visual{height:480px}.tile-overline>span:last-child{display:none}.tile-caption h2{font-size:21px}.discipline h3{font-size:20px}.discipline>span:last-child{font-size:10px}.networks-tile{margin-top:100px}}
@media(max-width:760px){.topbar{height:75px;margin:0 22px}.monogram{font-size:25px}.top-label{font-size:8px}.top-contact{font-size:10px;gap:13px}.top-contact>span{font-size:15px}.intro{margin:0 22px;padding:65px 0 32px}.intro-heading{display:block}.intro h1{font-size:clamp(48px,11vw,80px);letter-spacing:-.065em}.intro-heading>p{font-size:18px;line-height:1.35;margin-top:28px;padding:0;color:#96969f}.intro-heading>p br{display:none}.intro-meta{margin-top:36px;gap:30px;font-size:8px;line-height:1.7;align-items:end}.intro-meta>span{max-width:200px}.intro-meta a{gap:15px;text-align:right;max-width:120px}.intro-meta a span{font-size:14px}.featured{height:auto;min-height:0;margin:0 10px}.sticky-stage{height:auto;min-height:0;max-height:none;position:relative;top:auto;display:block}.feature-canvas{padding:75px 18px 65px;min-height:390px}.visual-label{left:20px;right:20px;top:23px;font-size:8px}.feature-bottom{left:20px;right:20px;bottom:22px;font-size:6px;line-height:1.6;gap:25px}.feature-bottom>span:first-child{max-width:145px}.feature-bottom>span:last-child{text-align:right}.main-image{transform:none;max-width:none;border-radius:4px}.main-image>img{max-height:none}.image-corner{opacity:1;translate:none;width:26px;height:26px;font-size:15px;bottom:10px;right:10px}.project-detail{margin:0 22px;padding:30px 0 50px;grid-template-columns:1fr;gap:22px}.project-title{gap:20px}.project-title h2{font-size:24px}.project-info>p{font-size:13px;line-height:1.8;max-width:500px}.project-tech{margin-top:20px;font-size:9px;flex-direction:row;gap:25px;align-items:baseline}.text-button{font-size:9px;gap:10px}.infra-detail{margin:0 22px}.infra-inner{padding:26px 20px}.infra-heading{align-items:start;gap:20px}.infra-heading h3{font-size:15px}.infra-heading>span{font-size:6px;text-align:right;max-width:80px;line-height:1.6}.infra-flow{flex-direction:column;align-items:stretch;gap:15px}.infra-flow>i{transform:rotate(90deg);align-self:center;font-size:16px}.infra-flow>div{grid-template-columns:30px 1fr;gap:6px 20px}.infra-flow strong{font-size:12px}.infra-flow small{font-size:9px}.infra-foot{gap:15px;flex-wrap:wrap;font-size:8px;line-height:1.6;margin-top:25px}.secondary-projects{margin:55px 22px 0;grid-template-columns:1fr;gap:38px}.networks-tile{margin-top:0}.tile-visual{height:auto;aspect-ratio:1/1.08;min-height:340px;padding:50px 5px}.networks-tile .tile-visual{height:auto;aspect-ratio:1/1.05;min-height:340px;padding:40px 10px}.tile-overline{top:22px;left:20px;right:20px;font-size:7px}.tile-overline>span:last-child{display:block;font-size:6px}.tile-demo{left:20px;bottom:22px;font-size:7px}.tile-caption{padding:20px 0 0}.tile-caption h2{font-size:22px}.tile-caption p{font-size:10px;margin-top:8px}.tile-year{font-size:9px}.about{margin:75px 22px 0}.about>.section-label{font-size:8px;margin-bottom:25px}.discipline{grid-template-columns:24px 1fr;gap:10px;padding:25px 0}.discipline h3{font-size:19px;letter-spacing:-.4px}.discipline>span:first-child{font-size:8px}.discipline>span:last-child{grid-column:2;justify-self:start;font-size:9px}footer{margin:80px 22px 0}.footer-main{padding-bottom:45px}.footer-main .section-label{font-size:8px}.email-link{font-size:44px;gap:20px;margin-top:25px}.linkedin{font-size:10px;gap:15px;margin-bottom:7px}.linkedin span{font-size:15px}.footer-bottom{font-size:8px;gap:20px;padding:25px 0;line-height:1.7}.footer-bottom>span:nth-child(2){max-width:75px;text-align:center}.lightbox{padding:16px 12px}.lightbox-top h2{font-size:10px}.close{font-size:9px;gap:12px}.lightbox-caption{font-size:8px}.lightbox-image{max-height:75svh}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}.featured{height:auto;min-height:0}.sticky-stage{position:relative;top:0;height:auto;min-height:600px}.feature-canvas{padding:90px 8%}.main-image{transform:none}.motion .reveal{opacity:1;transform:none}}
/* Heavier type with a full system font weight range. */
body{font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-weight:450}
h1{font-weight:750;letter-spacing:-.06em;font-size:clamp(60px,8.2vw,140px)}
.monogram{font-weight:750}
.intro-heading>p{font-weight:600;letter-spacing:-.4px;color:#c0c0c8}
.project-title h2,.tile-caption h2,.discipline h3,.infra-heading h3{font-weight:650;letter-spacing:-.6px}
.project-info>p{font-weight:550;color:#bbbbc3}
.tile-caption p,.discipline>span:last-child,.project-tech{font-weight:500;color:#96969f}
.email-link{font-weight:650;letter-spacing:-.045em}
.top-contact,.linkedin,.text-button,.intro-meta{font-weight:550}
@media(max-width:760px){.intro h1{font-size:clamp(40px,10.3vw,74px);letter-spacing:-.06em}.intro-heading>p{font-weight:600}.email-link{font-size:42px}}
/* Readable secondary typography: proportional sans, natural tracking. */
.top-label,.section-label,.index,.visual-label,.feature-bottom,.tile-overline,.tile-demo,.tile-year,.infra-heading>span,.infra-icon,.discipline>span:first-child{font-family:Arial,Helvetica,sans-serif;font-weight:600;letter-spacing:0}
.top-label,.section-label,.index,.visual-label,.tile-overline,.tile-year{font-size:12px}
.intro-meta{font-family:Arial,Helvetica,sans-serif;font-size:14px;font-weight:500;line-height:1.6;color:#aaaab3}
.intro-meta a{font-size:14px;font-weight:500;color:#c2c2cb}
.project-tech{font-family:Arial,Helvetica,sans-serif;font-size:13px;font-weight:500;line-height:1.7;color:#a9a9b4;flex-wrap:wrap}
.text-button{font-family:Arial,Helvetica,sans-serif;font-size:13px;font-weight:600}
.feature-bottom,.tile-demo{font-size:11px;font-weight:500;line-height:1.6;color:#9997a5}
.tile-caption p,.discipline>span:last-child{font-size:13px;line-height:1.6;color:#a3a3af}
.infra-heading>span,.infra-foot,.infra-flow small{font-size:12px;color:#a09dab}
.infra-icon,.discipline>span:first-child{font-size:12px}
.footer-bottom{font-size:12px;color:#90909c}
.lightbox-caption{font-size:12px;color:#a09daa}
@media(max-width:1100px){.intro-meta,.intro-meta a{font-size:13px}.project-tech{font-size:12px}.discipline>span:last-child{font-size:12px}}
@media(max-width:760px){.top-label{font-size:10px}.intro-meta,.intro-meta a{font-size:12px}.intro-meta{gap:18px}.intro-meta>span{max-width:210px}.intro-meta a{max-width:125px;gap:12px}.project-tech{font-size:12px;gap:18px;flex-direction:column;align-items:start}.text-button{font-size:12px}.index,.visual-label,.tile-overline,.tile-overline>span:last-child,.tile-year,.section-label,.about>.section-label,.footer-main .section-label{font-size:10px}.feature-bottom,.tile-demo{font-size:10px}.feature-bottom>span:first-child{max-width:160px}.tile-caption p,.discipline>span:last-child{font-size:12px}.infra-heading>span,.infra-foot,.infra-flow small,.infra-icon,.discipline>span:first-child{font-size:11px}.infra-heading>span{max-width:115px}.footer-bottom{font-size:11px;gap:15px}.footer-bottom>span:nth-child(2){max-width:100px}.lightbox-caption{font-size:11px}}


/* Project sequence: academic web project, then full-width Android showcase. */
.secondary-projects{grid-template-columns:1fr;gap:0;margin-top:95px}
.gestartes-tile{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr);gap:clamp(40px,6vw,110px);align-items:center;padding-bottom:110px}
.gestartes-tile .tile-visual{height:clamp(430px,42vw,640px)}
.gestartes-tile .tile-caption{padding:0;gap:24px}
.gestartes-tile .tile-caption h2{font-size:clamp(30px,3.1vw,48px);font-weight:650;letter-spacing:-1.2px}
.gestartes-tile .tile-caption p{font-size:15px;line-height:1.8;margin-top:18px}
.project-source{line-height:1.9}
.project-source a{display:inline-block;margin-top:12px;color:#c3bbd8;font-weight:550}
.project-source a:hover{text-decoration:underline;text-underline-offset:4px}
.woobify-showcase{border-top:1px solid var(--line);display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.4fr);gap:clamp(36px,5vw,90px);align-items:center;padding:110px 0 25px;min-width:0}
.woobify-copy{position:relative;z-index:5;min-width:0;padding-bottom:20px}
.project-eyebrow{display:flex;align-items:center;justify-content:space-between;gap:20px;max-width:380px;margin:0 0 30px;font:600 11px/1.5 Arial,Helvetica,sans-serif;color:#96939f}
.woobify-copy h2{font-size:clamp(58px,6.6vw,104px);font-weight:700;letter-spacing:-.065em;line-height:1.05;margin:0 0 30px}
.woobify-lead{font-size:clamp(19px,1.65vw,26px);font-weight:550;letter-spacing:-.5px;line-height:1.45;color:#d3d0d9;max-width:24ch}
.woobify-summary{font-size:15px;line-height:1.85;color:#9b98a6;max-width:37ch;margin-top:23px}
.woobify-stack{font-size:12px;line-height:1.9;color:#aaa6b6;margin-top:24px}
.woobify-explore{display:inline-flex;align-items:center;gap:30px;margin-top:28px;padding:0 0 12px;border:0;border-bottom:1px solid #797180;background:none;color:#e4dfea;font-size:14px;font-weight:600;cursor:pointer}
.woobify-explore span{font-size:22px;line-height:1;transition:transform .25s}
.woobify-explore:hover span{transform:translate(3px,-3px)}
.woobify-details{border-top:1px solid var(--line);max-width:380px;margin-top:30px}
.woobify-details summary{cursor:pointer;list-style:none;position:relative;padding:18px 30px 18px 0;color:#b5afc2;font-size:12px;font-weight:550}
.woobify-details summary::-webkit-details-marker{display:none}
.woobify-details summary:after{content:'+';position:absolute;right:0;top:13px;font-size:21px;color:#aaa0bb}
.woobify-details[open] summary:after{content:'−'}
.woobify-details>div{padding-bottom:12px}
.woobify-details p{color:#aaa5b5;font-size:13px;line-height:1.8;margin-bottom:15px}
.woobify-details strong{color:#cbc5d7;font-weight:600}
.woobify-visual{min-width:0;align-self:center}
.woobify-scene{position:relative;height:690px;isolation:isolate;min-width:0}
.woobify-screen{position:absolute;padding:0;background:#111015;border:1px solid #ffffff24;border-radius:20px;overflow:hidden;box-shadow:0 28px 50px -15px #000a;cursor:zoom-in;transition:scale .3s,border-color .3s;will-change:transform;line-height:0}
.woobify-screen img{display:block;width:100%;height:auto}
.screen-library{width:37%;max-width:245px;left:1.5%;top:95px;transform:translateY(var(--fan-left,0px)) rotate(-8deg);z-index:1}
.screen-atmos{width:37%;max-width:245px;right:1.5%;top:140px;transform:translateY(var(--fan-right,0px)) rotate(8deg);z-index:2}
.screen-player{width:44%;max-width:290px;left:50%;top:6px;transform:translateX(-50%) translateY(var(--fan-center,0px)) rotate(1deg);z-index:3}
.woobify-screen:hover,.woobify-screen:focus-visible{scale:1.025;border-color:#b1a4cb;z-index:4}
.woobify-visual-foot{display:flex;justify-content:space-between;gap:15px;font-size:11px;line-height:1.6;color:#85808f;padding-top:25px}
.lightbox-navigation{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:18px;padding-top:18px;border-top:1px solid var(--line);font-size:12px;color:#a6a0b7}
.lightbox-navigation button{padding:10px 12px;background:#202027;border:1px solid #ffffff16;border-radius:4px;color:#d2cddd;cursor:pointer;font-size:12px}
.portrait-lightbox{width:min(600px,96vw)}
.portrait-lightbox .lightbox-image{max-height:68svh}
@media(min-width:1600px){.woobify-scene{height:760px}.screen-player{max-width:320px}.screen-library,.screen-atmos{max-width:270px}.screen-library{top:100px}.screen-atmos{top:150px}}
@media(max-width:1100px){.woobify-showcase{grid-template-columns:1fr;padding-top:75px;gap:50px}.woobify-copy{display:grid;grid-template-columns:1fr 1fr;column-gap:60px;align-items:start;padding:0}.project-eyebrow{grid-column:1/-1;max-width:none}.woobify-copy h2{grid-column:1;grid-row:2/4;font-size:80px}.woobify-lead{grid-column:2;grid-row:2;margin-top:0}.woobify-summary{grid-column:2;grid-row:3;margin-top:18px;max-width:45ch}.woobify-stack{grid-column:1;grid-row:4;margin:0}.woobify-explore{grid-column:2;grid-row:4;justify-self:start;margin-top:20px}.woobify-details{grid-column:2;max-width:none}.woobify-visual{max-width:760px;width:100%;justify-self:center}.woobify-scene{height:700px}.screen-player{max-width:290px}.screen-library,.screen-atmos{max-width:245px}.gestartes-tile{gap:40px;padding-bottom:85px}.gestartes-tile .tile-caption p{font-size:13px}}
@media(max-width:760px){.secondary-projects{margin:65px 22px 0}.gestartes-tile{display:block;padding-bottom:60px}.gestartes-tile .tile-visual{height:auto;min-height:0;aspect-ratio:1/1.02}.gestartes-tile .tile-caption{padding-top:24px}.gestartes-tile .tile-caption h2{font-size:30px}.gestartes-tile .tile-caption p{font-size:13px;margin-top:10px}.woobify-showcase{padding-top:50px;gap:42px}.woobify-copy{display:block}.project-eyebrow{font-size:10px;margin-bottom:23px}.woobify-copy h2{font-size:64px;letter-spacing:-.065em;margin-bottom:20px}.woobify-lead{font-size:21px;max-width:28ch}.woobify-summary{font-size:14px;max-width:43ch;margin-top:18px;line-height:1.8}.woobify-stack{font-size:12px;margin-top:22px}.woobify-explore{font-size:13px;margin-top:24px}.woobify-details{margin-top:25px;max-width:none}.woobify-scene{height:clamp(390px,108vw,660px)}.woobify-screen{border-radius:14px}.screen-player{width:46%;max-width:260px;top:0}.screen-library,.screen-atmos{width:37%;max-width:220px}.screen-library{top:60px;left:1.5%;transform:rotate(-7deg)}.screen-atmos{top:85px;right:1.5%;transform:rotate(7deg)}.screen-player{transform:translateX(-50%) rotate(1deg)}.woobify-visual-foot{font-size:10px;padding-top:12px;gap:25px}.woobify-visual-foot>span:last-child{text-align:right}.portrait-lightbox .lightbox-image{max-height:64svh}}
@media(prefers-reduced-motion:reduce){.woobify-screen{will-change:auto}.screen-library{transform:rotate(-8deg)}.screen-atmos{transform:rotate(8deg)}.screen-player{transform:translateX(-50%) rotate(1deg)}}