.gateway{background:#111e1c;color:#f6f5ef;min-height:100svh}.profile-header{display:flex;justify-content:space-between;align-items:center;gap:24px;padding-block:28px;border-bottom:1px solid #34443f}.profile-header .brand-copy{display:block}.profile-header nav{display:flex;gap:24px;flex-wrap:wrap;font-size:12px}.profile-header nav a:hover{color:var(--lime)}.gateway-intro{padding:75px 0 44px;max-width:850px}.gateway .kicker{color:var(--lime)}.gateway h1{font-size:clamp(42px,6.3vw,82px);line-height:1.06;letter-spacing:-.055em;margin-bottom:24px}.gateway h1 em{font-style:normal;color:var(--lime)}.gateway-intro>p:last-child{color:#b1beb8;max-width:620px;font-size:17px}.path-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px;padding-bottom:64px}.path-card{position:relative;display:flex;flex-direction:column;min-height:345px;padding:34px;border:1px solid #46554f;background:#1b2d28;transition:transform .2s,border-color .2s}.path-card:hover{transform:translateY(-5px);border-color:var(--lime)}.path-card.it{background:#1a2831;border-color:#435662;--path-accent:#a7dafa}.path-card.bau{--path-accent:var(--lime)}.path-label{display:flex;justify-content:space-between;color:var(--path-accent);font:12px monospace;letter-spacing:.08em}.path-card h2{font-size:clamp(30px,4vw,46px);letter-spacing:-.045em;line-height:1.1;margin:40px 0 16px}.path-card p{max-width:400px;color:#b1beb8;font-size:15px;margin-bottom:32px}.path-action{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:auto;padding-top:20px;border-top:1px solid #46554f;font-size:13px;font-weight:700}.path-action span{color:var(--path-accent);font-size:24px}.gateway-footer{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;padding-block:24px;border-top:1px solid #34443f;color:#a4b3ac;font-size:12px}.it-profile{--lime:#a7dafa;--lime-deep:#326485}.it-profile .profile-header{background:var(--ink);color:#fff}.it-profile .hero{padding:76px 0}.it-profile .hero h1{font-size:clamp(42px,5.5vw,74px)}.it-profile .hero-layout{align-items:center}.it-portrait{margin:0;max-width:370px;justify-self:end}.it-portrait img{display:block;aspect-ratio:1;object-fit:cover;filter:saturate(.75)}.it-portrait figcaption{border:1px solid #50615e;padding:18px 22px;display:grid;gap:4px;color:#d1ddd8}.it-portrait figcaption span{font-size:12px;color:var(--lime)}.tech-list{display:flex;flex-wrap:wrap;gap:10px;list-style:none;padding:0;margin:28px 0 0}.tech-list li{border:1px solid #50615e;padding:7px 12px;font:12px monospace;color:#d9e4e0}.it-profile .skill-card{min-height:260px}.it-profile .skill-card h3{max-width:none;margin-top:24px}.work-list{border-top:1px solid var(--line)}.work-item{padding:28px 0;border-bottom:1px solid var(--line)}.work-item h3{font-size:25px;margin:6px 0 12px}.work-item p{color:var(--muted);max-width:650px}.work-item .arrow-link{font-size:12px}.it-profile .source-links{display:flex;flex-wrap:wrap;gap:18px;margin-top:24px;font-size:12px;color:var(--muted)}.it-profile .source-links a{text-decoration:underline;text-underline-offset:4px}.simple-footer{padding:28px 0;background:#0e1816;color:#afbeb8}.simple-footer .container{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;font-size:12px}@media(max-width:760px){.gateway-intro{padding-top:48px}.path-grid{grid-template-columns:1fr}.path-card{min-height:300px;padding:26px}.profile-header{align-items:flex-start}.profile-header nav{gap:14px;justify-content:flex-end}.it-profile .hero{padding:48px 0}.it-portrait{justify-self:start;max-width:330px}.it-profile .profile-header .brand-copy{display:none}}@media(prefers-reduced-motion:reduce){.path-card:hover{transform:none}}
.profile-header nav{min-width:0}.profile-header>.brand{flex-shrink:0}.path-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.path-card{min-width:0}.it-profile>.profile-header{width:100%;padding-inline:max(32px,calc((100% - var(--max))/2))}@media(max-width:760px){.path-grid{grid-template-columns:minmax(0,1fr)}.it-profile>.profile-header{padding-inline:18px}}@media(max-width:560px){.it-profile .profile-header{flex-direction:column;gap:18px}.it-profile .profile-header nav{justify-content:flex-start;column-gap:18px;row-gap:12px}.gateway .profile-header{gap:12px}.gateway .profile-header>.brand{flex-shrink:1}.gateway .profile-header>a:last-child{white-space:nowrap}.gateway .brand-copy{font-size:11px}}