.hero{min-height:100vh;position:relative}:root{--bg: #f8f8f8;--white: #ffffff;--fg: #0b00ff;--muted: #0b00ff;--accent: #ddff00;--card: #17181a;--border: #0b00ff}*{box-sizing:border-box}html,body,#app{height:100%}#rahmen1{margin:0;padding:0;border-right:10px solid var(--fg);right:0;bottom:0;top:0;position:fixed;z-index:1}#rahmen2{margin:0;padding:0;border-bottom:10px solid var(--fg);bottom:0;left:0;right:0;position:fixed;z-index:4}#rahmen3{margin:0;padding:0;border-top:10px solid var(--fg);top:0;left:0;right:0;position:fixed;z-index:4}#rahmen4{margin:0;padding:0;border-left:10px solid var(--fg);top:0;left:0;bottom:0;position:fixed;z-index:4}.home.hero{z-index:-1;position:absolute;height:100%;min-height:100%;margin:0%;padding:0%;top:0;left:0;right:0;bottom:0}body{margin:0;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,"Apple Color Emoji","Segoe UI Emoji";background:var(--bg);color:var(--fg)}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.container{width:min(80vw);margin:0 auto}.header{top:0;z-index:10;position:relative;z-index:99}.header-inner{display:flex;align-items:center;justify-content:space-between;padding:14px 0}.brand{font-weight:600;letter-spacing:.02em}.nav a{margin-left:18px;color:var(--muted)}.nav a.router-link-active{color:var(--fg)}.footer{border-top:1px solid var(--border);color:var(--muted);padding:24px 0;margin-top:64px;text-align:center}.grid{display:grid;gap:16px;grid-template-columns:repeat(3,1fr);align-items:start}.card.size-l{grid-column:span 3}.card.size-m,.card.size-s{grid-column:span 1}@media (max-width: 1000px){.grid{grid-template-columns:repeat(2,1fr)}.card.size-l{grid-column:span 2}}@media (max-width: 600px){.grid{grid-template-columns:repeat(1,1fr)}.card.size-l,.card.size-m,.card.size-s{grid-column:span 1}}.card{background:var(--white);border:5px solid transparent;padding:16px;overflow:hidden;transition:transform .25s ease,box-shadow .25s ease}.card:hover{border:5px solid var(--border)}.card .meta{padding:14px 16px;color:var(--muted);font-size:14px;display:flex;justify-content:space-between}.thumb{overflow:hidden;background:color-mix(in srgb,var(--bg) 88%,white 12%)}.thumb img{width:100%;height:auto}.hero{height:100dvh;display:grid;place-items:center;background:radial-gradient(1200px 600px at 30% 10%,rgba(226,184,107,.08),transparent 60%)}.hero h1{text-align:center;line-height:1.05;letter-spacing:-.01em;font-size:clamp(28px,6vw,72px);margin:0}.hero p{text-align:center;color:var(--muted);margin-top:14px}.hero .cta{margin-top:28px;display:flex;gap:12px;justify-content:center}.btn{display:inline-flex;align-items:center;gap:10px;padding:1rem 2rem;border-radius:999px;border:3px solid var(--accent);background:var(--accent);cursor:pointer}.btn:hover{border-color:#33353a;border:3px solid var(--border)}.btn.primary{background:linear-gradient(180deg,#2a2b2e,#191a1d);border-color:#34363b}.btn-highlight{font-size:1.5rem}.btn-arrow{display:inline-flex;font-size:5rem;padding:0rem 3rem 10px;justify-content:center}.kicker{text-transform:uppercase;letter-spacing:.2em;font-size:12px;color:var(--muted)}.title-xl{text-align:center;font-size:clamp(24px,3.6vw,48px);line-height:1.05}.p-xl{text-align:center;font-size:clamp(14px,2vw,24px);line-height:1.05}.spacer-48{height:48px}.detail-header{text-align:center;justify-content:center}.detail-meta{color:var(--muted);border:1px solid var(--border);border-radius:14px;padding:16px;display:inline-flex}.detail-meta dl{display:grid;grid-template-columns:auto 1fr;gap:8px 12px;margin:0}.detail-meta dt{color:var(--fg)}.detail-body{column-count:2;column-gap:24px;margin-top:40px}.detail-body .figure{position:relative;display:inline-block;overflow:hidden;break-inside:avoid;margin-bottom:24px;width:100%;transition:opacity .4s ease;padding:4%}@media (max-width: 800px){.detail-body{column-count:1}.detail-body .figure{padding:0%;margin:0 0 40px}}.detail-body .figure img{width:100%;height:auto;display:block;object-fit:cover;filter:saturate(1.02);transition:transform .3s ease}.detail-body .figure img:hover{transform:scale(1.02)}.detail-footer{margin:0 auto;max-width:60vw}.figure.fade-enter-active,.figure.fade-leave-active{transition:opacity .4s ease}.figure.fade-enter-from,.figure.fade-leave-to{opacity:0}@media (max-width: 800px){.detail-body{column-count:1}}@media (max-width: 900px){.detail-header{grid-template-columns:1fr}}.prosa-block{margin-bottom:2rem}.project-nav{display:flex;justify-content:space-between;align-items:center;margin-top:10%;padding-top:32px}.project-nav .nav-link{color:var(--fg);font-weight:500;text-decoration:none;border:3px solid var(--accent)}.project-nav .nav-link:hover{border:3px solid var(--border)}.project-nav .prev{text-align:left}.project-nav .next{text-align:right}.project-nav:has(.next):not(:has(.prev)){justify-content:flex-end}.project-nav:has(.prev):not(:has(.next)){justify-content:flex-start}.project-card{position:relative;isolation:isolate}.project-card .thumb{position:relative;overflow:hidden;background:var(--white)}.project-card .thumb img{width:100%;height:100%;object-fit:cover;transform:scale(1);transition:transform .4s ease,opacity .3s ease}.project-card .overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;text-align:center;padding:20px;background:#0000;color:var(--fg);opacity:0;transform:translateY(6px);transition:opacity .25s ease,background .25s ease,transform .25s ease;z-index:1}.overlay-title{margin:0 0 8px;font-size:clamp(18px,2.4vw,28px);line-height:1.1}.overlay-excerpt{margin:0 0 10px;max-width:40ch;color:var(--fg)}.overlay-cta{font-size:14px;opacity:.9}.project-card:hover .thumb img{transform:scale(1.04);opacity:.15}.project-card:hover .overlay{opacity:1;background:#0b00ff1a;transform:translateY(0)}.project-card .meta{position:relative;z-index:2}@media (prefers-reduced-motion: reduce){.project-card .thumb img,.project-card .overlay{transition:none}}