/* Bestätigter Entwurf v8: Zeichenpapier, manila Karton, matte Bedienelemente. */
:root,:root:not([data-theme="dark"]){--bg:#08649b;--surface:#f2f7fb;--ink:#f2f7fb;--ink-muted:#c1dcec;--accent:#e5f1fa;--accent-ink:#10416a;--paper:#eddbb8;--paper-ink:#153d63;--line:rgb(231 244 252 / .32)}
:root[data-theme="dark"]{--bg:#083957;--surface:#e7f1f7;--ink:#e7f1f7;--ink-muted:#b5cedb;--accent:#d4e8f5;--accent-ink:#123b57;--paper:#e1cda7;--paper-ink:#133753;--line:rgb(216 237 250 / .28)}
html{background:var(--bg);scroll-behavior:smooth}body{background:var(--bg);background-image:linear-gradient(rgb(239 249 255 / .035) 1px,transparent 1px),linear-gradient(90deg,rgb(239 249 255 / .035) 1px,transparent 1px),linear-gradient(rgb(239 249 255 / .055) 1px,transparent 1px),linear-gradient(90deg,rgb(239 249 255 / .055) 1px,transparent 1px);background-size:12px 12px,12px 12px,60px 60px,60px 60px;background-attachment:fixed;color:var(--ink)}
body::before{content:'';position:fixed;inset:0;z-index:0;pointer-events:none;background:url('assets/paper-fiber.svg');opacity:.11;mix-blend-mode:soft-light}main,.footer{position:relative;z-index:1}button,a,input,textarea{outline-offset:5px}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid var(--ink)}
.header,.header.is-scrolled{background:var(--bg);border-bottom:1px solid var(--line);padding:1rem 5%;gap:1.5rem;color:var(--ink);box-shadow:none;backdrop-filter:none}.header .brand{font-size:1.9rem}.header-note{font-family:monospace;margin-left:1rem;font-size:.65rem}.header-nav a{font-size:.85rem}.theme-toggle{border-color:var(--line);border-radius:4px;background:transparent;color:var(--ink)}.theme-toggle:hover{rotate:none}.page-progress{background:var(--ink);opacity:.7}
.portfolio-page .hero{min-height:max(100dvh,850px);background:none;overflow:visible;isolation:auto}.hero-atmosphere{display:none}.hero-topline{top:6.6rem;left:5%;right:5%;border:0;padding-top:0;color:var(--ink-muted)}
.portfolio-page .hero-copy{position:absolute;left:6%;top:10.7rem;width:88%;transform:none!important;color:var(--ink)}.portfolio-page .hero-kicker{color:var(--ink-muted);font-size:.78rem;margin-bottom:1.4rem}.portfolio-page h1{font-size:clamp(3rem,7.5vw,8rem);line-height:1.02;letter-spacing:-.045em;font-weight:700;margin:0}.hero-line{display:inline;white-space:normal}.hero-line+.hero-line::before{content:' '}.hero-arrow{width:.55em;height:.55em;margin-left:.12em}.outline-word,.portfolio-page .outline-word,:root:not([data-theme="dark"]) .intro-copy .outline-word{color:var(--ink);-webkit-text-stroke:0;background:none!important;-webkit-background-clip:initial;animation:none!important}
.portfolio-page .hero-medium,.portfolio-page .exploration-hero .hero-medium{position:absolute;inset:15rem 3% 10.5rem;background:none;overflow:visible;pointer-events:auto;transform:none!important}.lens-explorer{width:100%;height:100%;overflow:visible;position:relative;animation:none!important;background:none;aspect-ratio:auto;isolation:isolate}.lens-explorer::before,.lens-explorer::after{display:none}.explore-sketch{position:absolute;width:100%;height:100%;object-fit:contain;filter:url('#blueprint-lines')!important;opacity:1}.explore-photo,.explore-reticle,.explore-control{display:none!important}.explore-caption{bottom:.25rem;left:3%;right:3%;background:none;color:var(--ink-muted);font:.7rem/1.5 monospace}.explore-caption>span:first-child{display:none}.explore-instruction{margin-left:auto}.lens-parts{position:absolute;inset:0;pointer-events:none;perspective:1200px}.lens-part{position:absolute;pointer-events:none;overflow:hidden;transform-origin:center;opacity:var(--inspect,0);transform:translate3d(calc(var(--part-x,0) * 10px),calc(var(--part-y,0) * 8px - var(--inspect,0) * 22px),0) scale(calc(1 + var(--inspect,0) * .15));filter:drop-shadow(0 14px 13px rgb(0 18 35 / .4));will-change:auto}.lens-part.is-near{will-change:transform,opacity;z-index:2}.lens-part img{position:absolute;display:block;max-width:none;object-fit:fill;filter:url('#optical-cutout')}.lens-hit{position:absolute;z-index:4;background:none;border:0;padding:0;cursor:crosshair;color:transparent;border-radius:6px;opacity:0}.lens-hit:focus-visible{opacity:1;outline:1px dashed var(--ink);background:rgb(240 249 255 / .04)}.lens-readout{position:absolute;left:4%;top:11%;font:.7rem/1.5 monospace;display:flex;gap:.75rem;color:var(--ink-muted);pointer-events:none}.lens-readout strong{font-weight:400;color:var(--ink)}
.hero-bottom{left:6%;right:6%;bottom:4.5rem;display:flex;justify-content:flex-start;gap:1rem;flex-wrap:wrap}.hero-bottom .fact{order:3;margin-left:auto;font-size:.78rem;max-width:30ch}.hero-socials{display:flex;gap:1rem}.portfolio-page .portfolio-action,.portfolio-page .contact-action,.hero-socials a,.hero-socials a:first-child,.portfolio-page .secondary-action{position:relative;inset:auto;width:auto;background:transparent;color:var(--ink);border:1px solid var(--line);border-radius:3px;box-shadow:none;min-height:48px;padding:.75rem 1.15rem;font-size:.85rem;gap:1.5rem;text-decoration:none;transition:background .25s,translate .25s}.portfolio-page .portfolio-action:hover,.portfolio-page .contact-action:hover,.hero-socials a:hover,.portfolio-page .secondary-action:hover{background:rgb(240 249 255 / .1)}.hero-socials a{font-size:.8rem}.portfolio-page .chapter-caption{border-color:var(--line);left:5%;right:5%;color:var(--ink-muted);bottom:1.5rem}
.portfolio-page .chapter,:root:not([data-theme="dark"]) .portfolio-page .works,.portfolio-page .inquiry{background:transparent;background-image:none;color:var(--ink);padding:5.5rem 6%;scroll-margin-top:5rem;overflow:visible}.portfolio-page .works{min-height:740px;padding-top:5rem;padding-bottom:4rem}.section-heading{margin-bottom:2.5rem;align-items:center}.portfolio-page .chapter h2{font-size:clamp(2.8rem,5.5vw,5.5rem);line-height:1.05}.portfolio-page .kicker{font:.72rem/1.5 monospace;color:var(--ink-muted)}.section-note{color:var(--ink-muted)}.work-filters{border-color:var(--line);padding:1rem 0;margin-bottom:1rem;gap:1rem}.work-filters button{border:0;border-radius:0;background:none;color:var(--ink);padding:.55rem .5rem;gap:.75rem}.work-filters button[aria-pressed="true"]{background:none;color:var(--ink);box-shadow:inset 0 -1px var(--ink)}.filter-hint{color:var(--ink-muted)}
.folder-archive-heading{margin:1.4rem 0 .25rem;color:var(--ink-muted);font-size:.7rem}.folder-deck-controls button{border-radius:3px;background:none;color:var(--ink);border-color:var(--line)}.folder-archive{padding:5rem .75rem 2.5rem;gap:2rem;perspective:1300px;align-items:end;scroll-snap-type:x mandatory;scrollbar-color:var(--line) transparent;transition:none;touch-action:pan-x pan-y}.folder-archive.has-open-folder{padding-top:5rem}.project-folder,.project-folder[open]{position:relative;flex:0 0 calc((100% - 4rem)/3);min-width:280px;max-width:440px;margin:0;scroll-snap-align:start;transition:none;isolation:isolate}.folder-cover{border-radius:12px;perspective:1000px;outline-color:var(--ink);padding:0}.folder-object{height:auto;aspect-ratio:16/9;transform:rotateY(calc(var(--sway,0) * 1deg + var(--depth-x,0) * 5deg)) rotateX(calc(var(--depth-y,0) * -4deg));transition:transform 380ms cubic-bezier(.2,.8,.2,1);transform-style:preserve-3d;pointer-events:none}.folder-object-back,.folder-object-front,:root:not([data-theme="dark"]) .folder-object-front,:root:not([data-theme="dark"]) .folder-object-back,[data-theme="dark"] .folder-object-front,[data-theme="dark"] .folder-object-back{background-color:var(--paper);background-image:url('assets/manila-fiber.svg'),linear-gradient(115deg,#f0dfbe,#e4cda6);border:1px solid #c5af87;color:var(--paper-ink);--ink:var(--paper-ink);--ink-muted:#3b5670;--surface:var(--paper);border-radius:10px;box-shadow:inset 0 1px 1px rgb(255 250 230 / .7),0 14px 24px -13px rgb(0 20 40 / .55)}.folder-object-back{inset:4px 3px 1px;transform:translateZ(-5px)}.folder-object-back::before,[data-theme="dark"] .folder-object-back::before{top:-21px;height:25px;width:34%;left:-1px;background:#ead6b2;border:1px solid #c5af87;border-bottom:0;border-radius:9px 16px 0 0;clip-path:polygon(0 0,83% 0,100% 100%,0 100%)}.folder-tab-number{position:absolute;z-index:2;left:18px;top:-13px;font:500 .65rem/1.2 monospace;color:var(--paper-ink);background:#f3e8d1;padding:2px 16px;border-radius:2px}.folder-object-front{inset:12px 0 0;min-height:0;padding:clamp(.9rem,1.5vw,1.5rem);transform:translateZ(7px);transform-origin:center bottom;gap:.2rem;transition:transform .6s cubic-bezier(.2,.8,.2,1),box-shadow .4s}.folder-object-front::before{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,rgb(255 254 240 / .3),transparent 16%,transparent 92%,rgb(121 91 45 / .08));border-radius:inherit}.folder-object-title{font-size:clamp(1.1rem,1.8vw,1.9rem);line-height:1.1;letter-spacing:-.025em;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:normal;margin-top:auto}.folder-object-meta{order:2;font:.62rem/1.5 monospace;margin:0;padding-top:.6rem;border-top:1px solid rgb(21 61 99 / .35);color:var(--paper-ink)}.folder-object-role{order:3;font:.67rem/1.4 'IBM Plex Sans',sans-serif;color:var(--paper-ink);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.folder-object-action{position:absolute;right:12px;top:12px;gap:0;margin:0;padding:0;color:var(--paper-ink);font-size:.6rem}.folder-action-label{display:none}.folder-action-icon{border:0;border-radius:0;font-size:1rem;width:20px;height:20px}.folder-object-paper{inset:17px 16px 9px;background:#f3f0e8;border-radius:3px;border:1px solid #c8b992;box-shadow:0 1px 4px rgb(24 29 35 / .2);transform:translateZ(0);overflow:hidden;transition:transform 600ms cubic-bezier(.2,.8,.2,1)}.folder-object-paper::after,.folder-object-paper>span{display:none}.folder-peek-image,.folder-peek-video{width:100%;height:100%;display:block;object-fit:cover;border:5px solid #f3f0e8}.folder-peek-video{background:#173d61}.folder-peek-placeholder{height:100%;background:repeating-linear-gradient(0deg,#efdfc0 0 20px,#cabc9e 20px 21px)}.folder-slot{display:none!important}.project-folder[open] .folder-object-front{transform:translateZ(7px)}.project-folder[open] .folder-object-paper{transform:translateZ(0)}
@media(hover:hover) and (pointer:fine){.folder-cover:hover .folder-object-paper,.folder-cover:focus-visible .folder-object-paper{transform:translate3d(calc(var(--depth-x,0) * -3px),-37px,3px) rotate(-1deg)}.folder-cover:hover .folder-object-front,.project-folder[open] .folder-cover:hover .folder-object-front{transform:translateZ(11px) rotateX(-3deg)}.depth-active .folder-object{transition:transform .18s ease-out}}
.project-index{border-color:var(--line);margin-top:1rem}.project-index summary{min-height:54px}.film-strip{width:100%;margin:1rem 0;background:none!important;color:var(--ink);rotate:0;border-block:1px solid var(--line);padding:1rem 0}.film-strip-track>span{font-size:clamp(2.5rem,6vw,6rem)}.film-strip i{color:transparent;-webkit-text-stroke:1px var(--ink)}
.portfolio-page .chapter-intro{padding-top:5rem;padding-bottom:6rem;min-height:770px;gap:7%}.portfolio-page .chapter-intro h2{font-size:clamp(2.9rem,5.5vw,5.5rem)}.service-row{border-color:var(--line)!important}.service-row small,.service-number{color:var(--ink-muted)}.service-row strong{color:var(--ink)}.service-content{color:var(--ink-muted)}.service-content a{color:var(--ink)}.portfolio-page .cut-frame{rotate:2deg;border-radius:3px;background:#f2ead9;border:10px solid #f2ead9;box-shadow:8px 22px 28px -13px rgb(0 18 35 / .45);overflow:hidden}.portfolio-page .cut-picture img{aspect-ratio:4/5;max-height:520px}.portfolio-page .cut-caption{background:#f2ead9;color:var(--paper-ink);padding:1rem .25rem .4rem;gap:1rem}.orbit-label{display:none}
.portfolio-page .inquiry{min-height:950px;padding-block:6rem;grid-template-columns:.9fr 1.1fr;gap:7%}.portfolio-page .inquiry h2{font-size:clamp(2.8rem,5vw,5rem)}.portfolio-page .inquiry .outline-word{-webkit-text-stroke:0;color:var(--ink)}.portfolio-page .inquiry .chapter-lead{color:var(--ink-muted)}.contact-star{font-size:.5em;animation:none!important}.portfolio-page .contact-portrait figcaption{color:var(--ink-muted)}.social-links a{border-radius:3px;color:var(--ink);border-color:var(--line);background:none;box-shadow:none}.contact-details{color:var(--ink)}
.contact-form-wrap{min-width:0;align-self:center}.contact-envelope{position:relative;isolation:isolate;padding:0;perspective:1500px;min-height:420px;transition:min-height .8s cubic-bezier(.2,.8,.2,1)}.envelope-back{position:absolute;left:0;right:0;bottom:0;height:320px;border-radius:5px;background:#ddc7a0;border:1px solid #baa17a;box-shadow:0 20px 40px -17px rgb(0 20 40 / .45);z-index:-1}.envelope-flap{position:absolute;bottom:160px;height:160px;left:0;right:0;z-index:4;background-image:url('assets/manila-fiber.svg'),linear-gradient(120deg,#eddbb8,#decaab);clip-path:polygon(0 0,100% 0,50% 100%);transform-origin:top center;transition:transform 800ms cubic-bezier(.2,.8,.2,1);backface-visibility:visible;pointer-events:none}.envelope-front{position:absolute;left:0;right:0;bottom:0;height:320px;z-index:3;border:1px solid #c8ad80;border-radius:4px;background-image:url('assets/manila-fiber.svg'),linear-gradient(32deg,transparent 49.8%,rgb(139 107 63 / .13) 50%,transparent 50.2%),linear-gradient(-32deg,transparent 49.8%,rgb(139 107 63 / .13) 50%,transparent 50.2%),linear-gradient(110deg,#f0dfbf,#e4cba1);color:var(--paper-ink);display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-start;padding:2rem;pointer-events:none}.envelope-to{font:.8rem/1.6 monospace}.envelope-stamp{position:absolute;right:2rem;top:2rem;width:42px;height:48px;display:grid;place-content:center;border:1px dashed rgb(21 61 99 / .45);font-size:1.5rem}.envelope-open{position:relative;z-index:5;border:1px solid var(--paper-ink);background:#f4e9d2;color:var(--paper-ink);padding:.65rem 1rem;min-height:44px;margin-top:1rem;border-radius:3px;cursor:pointer;pointer-events:auto}.envelope-open:focus-visible{outline-color:var(--paper-ink)}
.contact-envelope:not(.envelope-enhanced) .envelope-back,.contact-envelope:not(.envelope-enhanced) .envelope-flap,.contact-envelope:not(.envelope-enhanced) .envelope-front{display:none}.envelope-enhanced:not(.is-open) #anfrage{display:none}.contact-envelope.is-open{padding-bottom:100px;min-height:850px}.is-open .envelope-flap{transform:rotateX(180deg);z-index:0}.is-open .envelope-front{height:100px;padding:1rem 1.5rem;flex-direction:row;align-items:center;justify-content:space-between}.is-open .envelope-stamp{display:none}.is-open .envelope-open{margin:0;white-space:nowrap}.is-open .envelope-to{font-size:.65rem}
.portfolio-page .inquiry-wizard{position:relative;z-index:2;padding:2rem!important;background:#f4efe3;background-image:url('assets/manila-fiber.svg');border:1px solid #cabb9d;border-radius:3px;box-shadow:0 12px 24px -10px rgb(0 18 35 / .4);color:var(--paper-ink);min-width:0;transform-origin:center bottom;--surface:#153d63;--ink:#153d63;--ink-muted:#53657a;--accent:#153d63;--accent-ink:#f4efe3;--bg:#f4efe3}.portfolio-page .inquiry-form h3{color:var(--paper-ink);font-size:1.5rem}.portfolio-page .inquiry-form #form-hint,.portfolio-page .field-hint,.portfolio-page .form-status,.portfolio-page .consent-label{color:#485e70}.portfolio-page .form-fields input,.portfolio-page .form-fields textarea{color:var(--paper-ink);border-color:#a2a7a7;background:rgb(255 255 255 / .15);padding:.6rem .25rem}.portfolio-page .form-fields input::placeholder,.portfolio-page .form-fields textarea::placeholder{color:#69767a}.portfolio-page .consent-label a{color:var(--paper-ink)}.portfolio-page .inquiry-wizard .secondary-action{color:var(--paper-ink);border-color:var(--paper-ink);background:none;border-radius:3px}.portfolio-page .inquiry-wizard .wizard-next{background:var(--paper-ink);color:#f4efe3}.portfolio-page .inquiry :focus-visible{outline-color:var(--paper-ink)}.wizard-progress li{color:#667784;border-color:#bac1c2}.wizard-progress li[aria-current],.wizard-progress li.is-complete{color:var(--paper-ink);border-color:var(--paper-ink)}.wizard-step{animation:none;min-height:17rem}.wizard-step h4{font-family:'General Sans',sans-serif}.calendar-heading button,.calendar-days button{color:var(--paper-ink);border-color:#c5c7c1;background:transparent}.calendar-days button[aria-pressed="true"]{background:var(--paper-ink);color:#f4efe3}.calendar-days button:hover:not(:disabled){background:#dfd9ca;color:var(--paper-ink)}.calendar-days button:disabled{opacity:.35}.meeting-options input,.consent-label input{accent-color:var(--paper-ink)}.portfolio-page .inquiry-wizard input[type="time"]{color-scheme:light;background:#ede6d7;color:var(--paper-ink)}.wizard-edit{color:var(--paper-ink)}.wizard-eyebrow{font-family:monospace}.letter-page-number{font:.65rem/1.5 monospace;color:#657481;margin:0 0 .5rem;text-align:right}.inquiry-result .secondary-action{margin-block:.75rem}
.portfolio-page .footer{background:none;background-image:none;color:var(--ink);border-color:var(--line);padding:3rem 6%}.theme-panel{background:var(--bg);color:var(--ink);border:1px solid var(--line);border-radius:4px;box-shadow:0 12px 35px rgb(0 18 35 / .3);backdrop-filter:none}.theme-panel h2,.theme-close,.theme-panel p{color:var(--ink)}.theme-choices button{background:none;color:var(--ink);border-color:var(--line);border-radius:3px}.theme-choices button[aria-pressed="true"]{background:var(--ink);color:var(--bg)}
.blueprint-page .hero::after,.blueprint-page .chapter::after{content:'';position:absolute;pointer-events:none;left:3%;right:3%;top:0;bottom:0;border-inline:1px solid var(--line);transform:scaleY(var(--draw,1));transform-origin:top;transition:transform 1.2s cubic-bezier(.2,.8,.2,1);opacity:.65}.blueprint-page .chapter::before{content:'+';position:absolute;left:calc(3% - 5px);top:-11px;font:400 20px/1 monospace;color:var(--ink-muted);opacity:var(--draw,1)}
.gobo-light{position:fixed;inset:-15% -5%;z-index:0;pointer-events:none;background:radial-gradient(ellipse at 3% 25%,rgb(196 232 249 / .22),transparent 65%);transform:translate3d(0,var(--gobo-y,0px),0) rotate(var(--gobo-turn,0deg));will-change:transform}.gobo-light::before{content:'';position:absolute;inset:0;background:repeating-linear-gradient(128deg,transparent 0 95px,rgb(204 236 252 / .15) 120px 170px,transparent 210px 340px);mask-image:linear-gradient(90deg,black,transparent 85%);filter:blur(15px);animation:gobo-breathe 18s ease-in-out infinite alternate}.cursor-light,[data-theme="dark"] .cursor-light{z-index:25;mix-blend-mode:soft-light;background:radial-gradient(circle,rgb(234 248 255 / .4),rgb(222 242 255 / .13) 35%,transparent 70%)}.cursor-light.is-lit{opacity:.65}@keyframes gobo-breathe{from{translate:-1% 0;opacity:.5}to{translate:2% 2%;opacity:.85}}
.project-dossier{position:fixed;width:min(1000px,calc(100% - 2rem));max-width:none;max-height:calc(100dvh - 2rem);padding:0;border:1px solid #caba99;border-radius:5px;background:#f4efe3;color:var(--paper-ink);overflow:auto;overscroll-behavior:contain;box-shadow:0 25px 90px rgb(0 17 35 / .4);--ink:#153d63;--surface:#f4efe3;--bg:#f4efe3;--accent:#153d63}.project-dossier::backdrop{background:rgb(0 24 45 / .7);backdrop-filter:none}.dossier-head{position:sticky;top:0;z-index:5;display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;background:#f4efe3;border-bottom:1px solid #cec5b1;gap:1rem}.dossier-head span{font:.7rem/1.5 monospace}.dossier-close{width:44px;height:44px;border:1px solid #a5b0b4;background:none;color:var(--paper-ink);border-radius:3px;font-size:1.5rem;cursor:pointer}.dossier-body{padding:2rem}.dossier-body h2{font:700 clamp(2rem,5vw,4rem)/1.05 'General Sans',sans-serif;letter-spacing:-.03em;margin:0 0 1rem;color:var(--paper-ink)}.dossier-body .dossier-meta{font:.75rem/1.5 monospace;margin-bottom:2rem}.dossier-body>p{max-width:70ch;color:#3a5266}.dossier-body .project-gallery{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.dossier-body .project-gallery figure{margin:0;min-width:0}.dossier-body .project-gallery img,.dossier-body .project-gallery video{display:block;width:100%;height:auto;border-radius:2px;max-height:70dvh;object-fit:contain;background:#e8e1d1}.dossier-body .project-gallery figure:first-child,.dossier-body .project-gallery figure:has(video){grid-column:1/-1}.dossier-body figcaption{font-size:.75rem;color:#455e70}.dossier-link{display:inline-flex;padding:.75rem 0;gap:1rem;margin:1rem 0;color:var(--paper-ink)}.dossier-status{font:.8rem/1.6 monospace}.dossier-body :focus-visible,.project-dossier :focus-visible{outline-color:var(--paper-ink)}
.legal-page .legal-main,.project-page .project-main{background:none;color:var(--ink)}.legal-page .footer,.project-page .footer{background:none;color:var(--ink);border-color:var(--line)}.project-page .project-copy h1{max-width:none;color:var(--ink)}
@media(min-width:1400px){.portfolio-page .hero-medium{inset:13.5rem 4% 9rem}.portfolio-page .hero{min-height:max(100dvh,930px)}}
@media(max-width:1000px){.header-note{display:none}.project-folder,.project-folder[open]{flex-basis:calc((100% - 2rem)/2);min-width:260px}.hero-bottom .fact{display:none}.portfolio-page .chapter-intro{min-height:680px}.portfolio-page .inquiry{gap:4%;grid-template-columns:.8fr 1.2fr}.portfolio-page .inquiry-wizard{padding:1.5rem!important}.envelope-front{padding:1.5rem}.contact-envelope.is-open{padding-bottom:100px}}
@media(max-width:767px){.header,.header.is-scrolled{gap:1rem;padding:.8rem 6%}.header .brand{font-size:1.5rem}.header-nav{gap:1rem}.header-nav a{font-size:.75rem;gap:.3rem}.header-nav a span{display:none}.theme-toggle{width:38px;height:38px;min-width:38px}.portfolio-page .hero{min-height:max(100dvh,690px)}.hero-topline{top:5.7rem;font-size:.58rem;left:6%;right:6%}.portfolio-page .hero-copy{top:8.2rem}.portfolio-page .hero-kicker{font-size:.62rem;max-width:35ch;line-height:1.5}.portfolio-page h1{font-size:clamp(2.8rem,9.7vw,5rem);line-height:1.05}.hero-line{display:block}.hero-line+.hero-line::before{content:none}.hero-arrow{margin-left:.15em}.portfolio-page .hero-medium,.portfolio-page .exploration-hero .hero-medium{inset:16rem 0 11rem;transform:none!important}.lens-readout{top:4%;font-size:.6rem}.explore-caption{font-size:.6rem;bottom:0;left:6%;right:6%}.hero-bottom{bottom:4rem;left:6%;right:6%;display:flex;flex-direction:column;align-items:flex-start;gap:.75rem}.portfolio-page .hero-action{display:inline-flex;min-height:44px;padding:.6rem 1rem}.hero-socials{align-self:flex-start;gap:.65rem}.hero-socials a{padding:.55rem .85rem;min-height:44px;font-size:.7rem}.portfolio-page .chapter-caption{left:6%;right:6%;font-size:.58rem;bottom:1.2rem}.portfolio-page .chapter{padding:4rem 6%}.portfolio-page .works{min-height:630px}.section-heading{display:block;margin-bottom:1.5rem}.section-note{margin-top:1rem;font-size:.78rem}.portfolio-page .chapter h2{font-size:clamp(2.7rem,11vw,4rem)}.work-filters{gap:.5rem;flex-wrap:wrap}.filter-hint{display:none}.folder-archive{gap:1.1rem;padding:4rem .5rem 2rem}.project-folder,.project-folder[open]{flex-basis:88%;min-width:0;max-width:none}.folder-object{height:auto;aspect-ratio:16/9}.folder-object-front{min-height:0;padding:1rem}.folder-object-title{font-size:1.5rem}.folder-object-meta{font-size:.65rem}.folder-object-role{font-size:.68rem}.folder-object-paper{inset:17px 14px 9px}.folder-archive-heading{font-size:.6rem}.folder-archive-heading p{max-width:20ch}.folder-tab-number{font-size:.6rem}.project-index .work-row{grid-template-columns:minmax(0,1fr) 3rem minmax(0,1fr);font-size:.75rem}.portfolio-page .chapter-intro{display:grid;grid-template-columns:1fr;gap:3rem;min-height:0}.portfolio-page .chapter-intro h2{font-size:3rem}.portfolio-page .cut-picture img{aspect-ratio:4/3;max-height:420px}.portfolio-page .inquiry{display:grid;grid-template-columns:1fr;gap:3rem;min-height:900px}.portfolio-page .inquiry h2{font-size:3rem}.contact-identity{max-width:100%}.contact-envelope{min-height:340px}.envelope-back,.envelope-front{height:280px}.envelope-flap{bottom:140px;height:140px}.contact-envelope.is-open{min-height:850px;padding-bottom:100px}.portfolio-page .inquiry-wizard{padding:1.15rem!important}.wizard-progress{gap:.4rem}.wizard-progress li{font-size:.65rem}.wizard-step{min-height:16rem}.calendar-days button{min-height:40px}.is-open .envelope-front{height:100px;padding:1rem}.is-open .envelope-to{font-size:.58rem}.envelope-open{font-size:.75rem}.portfolio-page .footer{padding:2rem 6% 6rem}.portfolio-page .mobile-action{display:flex;position:fixed;left:6%;right:6%;bottom:1rem;z-index:35;justify-content:center;background:var(--bg);min-height:44px;border-color:var(--ink)}.blueprint-page .hero::after,.blueprint-page .chapter::after{left:2.5%;right:2.5%}.gobo-light{inset:-15% -40%}.project-dossier{width:calc(100% - 1rem);max-height:calc(100dvh - 1rem)}.dossier-body{padding:1.25rem}.dossier-head{padding:.6rem 1rem}.dossier-body .project-gallery{grid-template-columns:1fr}.dossier-body .project-gallery figure{grid-column:1/-1}.theme-panel{left:1rem;right:1rem;width:auto;max-width:none}}
@media(max-width:359px){.header{gap:.6rem}.header .brand{font-size:1.3rem}.header-nav{gap:.65rem}.header-nav a{font-size:.7rem}.folder-object-title{font-size:1.3rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.gobo-light::before{animation:none}.gobo-light,.lens-part,.folder-object,.folder-object-paper,.folder-object-front,.envelope-flap,.contact-envelope,.chapter::after,.hero::after{transition:none!important;will-change:auto!important}.cursor-light{display:none}}
@media print{.gobo-light,.cursor-light,.header,.mobile-action,.envelope-front,.envelope-flap{display:none}body{background:white;color:black}}
.folder-archive.is-dragging{scroll-snap-type:none;cursor:grabbing;user-select:none}.motion-paused .gobo-light::before{animation-play-state:paused}
.blueprint-page .hero-copy .outline-word,.blueprint-page .section-heading .outline-word,.blueprint-page .contact-heading .outline-word{color:var(--ink)!important;-webkit-text-fill-color:var(--ink)!important;-webkit-text-stroke:0!important;background:none!important}
.blueprint-page .explore-sketch{scale:1!important}.gobo-light::before{background:repeating-linear-gradient(128deg,transparent 0 80px,rgb(215 242 255 / .26) 110px 155px,rgb(0 27 49 / .14) 180px 215px,transparent 245px 355px);filter:blur(12px)}

@media(max-width:767px){.portfolio-page .hero-medium,.portfolio-page .exploration-hero .hero-medium{inset:20rem 0 11rem}.lens-readout{top:1.5rem;left:6%}}
/* Papierstudie: enger am bestätigten Entwurf, Druck und Licht teilen eine Oberfläche. */
:root,:root:not([data-theme="dark"]){--bg:#075590;--ink:#eff7fb;--ink-muted:#c9e3f1;--line:rgb(233 248 255 / .48)}
:root[data-theme="dark"]{--bg:#062e51;--ink:#e0edf4;--ink-muted:#bad1df;--line:rgb(225 242 252 / .36)}
body{background-attachment:scroll;background-size:10px 10px,10px 10px,50px 50px,50px 50px;background-position:0 0;position:relative}
body::before{position:absolute;inset:0;background-size:320px 320px;opacity:.2}
.blueprint-page::after{content:'';position:absolute;inset:22px 3% 35px;pointer-events:none;z-index:2;border:1px solid var(--line);background:linear-gradient(90deg,transparent calc(100% - 1px),var(--line) 0) left top/60px 10px repeat-x;opacity:.8}
.blueprint-page .header,.blueprint-page .header.is-scrolled{background:var(--bg);padding:1.6rem 6%;border-bottom:1px solid var(--line)}
.blueprint-page .header .brand{font-size:2.3rem}.blueprint-page .header-nav{border-bottom:1px solid var(--line);padding-bottom:.25rem}.header-nav a{font-size:1rem}.header-note{display:none}
.blueprint-page h1,.blueprint-page .chapter h2{font-family:'IBM Plex Sans',sans-serif;font-weight:600;letter-spacing:-.04em;color:var(--ink);text-shadow:none}
.blueprint-page h1{font-size:clamp(3rem,7.8vw,8rem);line-height:1.04}
.blueprint-page .hero-copy{left:6.5%;top:10rem;width:77%}.blueprint-page .hero-kicker{font-family:'IBM Plex Sans',sans-serif;font-size:.95rem;margin-bottom:1.6rem;letter-spacing:.005em;color:var(--ink)}
.blueprint-dimensioned h1{position:relative;border-block:1px solid var(--line);padding:.25rem 0 .5rem}.blueprint-dimensioned h1::before,.blueprint-dimensioned h1::after{content:'+';position:absolute;font:1rem/1 monospace;font-weight:400;color:var(--ink);right:-.45rem}.blueprint-dimensioned h1::before{top:-.55rem}.blueprint-dimensioned h1::after{bottom:-.55rem}
.hero-margin-note{position:absolute;top:14.3rem;right:5.5%;width:12%;border:1px solid var(--line);border-inline:0;padding:.75rem .35rem;font:.68rem/1.55 monospace;text-transform:uppercase;letter-spacing:0;color:var(--ink)}
.blueprint-page .hero-medium,.blueprint-page .exploration-hero .hero-medium{inset:19.5rem 1.5% 8rem}
.blueprint-page .lens-explorer{overflow:visible}.blueprint-page .explore-sketch{object-fit:fill;max-width:none}.lens-outline-parts{position:absolute;inset:0;pointer-events:none;z-index:0}.lens-outline-part{position:absolute;overflow:hidden}.lens-outline-part img{position:absolute;max-width:none;filter:url('#blueprint-lines');object-fit:fill}.lens-parts{z-index:1}.blueprint-page .lens-part{transform:translate3d(calc(var(--part-x,0) * 13px),calc(var(--part-y,0) * 10px - var(--inspect,0) * 36px),0) scale(calc(1 + var(--inspect,0) * .22));filter:drop-shadow(5px 22px 13px rgb(0 15 29 / .6))}.lens-readout{top:3%;left:5%;font:.72rem/1.5 monospace;border-left:1px solid var(--line);padding-left:.8rem}.optics-scale{position:absolute;right:5%;top:3%;font:.6rem/1.5 monospace;color:var(--ink-muted)}
.blueprint-page .hero-bottom{bottom:4.7rem;left:6.5%;right:6.5%}.blueprint-page .hero-socials a,.blueprint-page .hero-action{border:1px solid var(--ink);font-size:1rem;border-radius:0;padding:.7rem 1.2rem;min-height:50px}.blueprint-page .hero-bottom .fact{display:none}.blueprint-page .explore-caption{bottom:0;right:5%;left:5%}.blueprint-page .chapter-caption{bottom:1.75rem;left:6.5%;right:6.5%}
.blueprint-page .chapter::before{content:'+';position:absolute;left:2.65%;top:-.45rem;font:1rem monospace;line-height:1;color:var(--ink)}
.blueprint-page .chapter::after{border-inline:1px solid var(--line);border-bottom:1px solid var(--line);background:repeating-linear-gradient(90deg,var(--line) 0 1px,transparent 1px 72px) left top/100% 10px no-repeat}
.blueprint-page .works{padding-top:3rem;min-height:730px}.blueprint-page .section-heading{margin-bottom:1.5rem}.blueprint-page .works .section-heading h2{font-size:clamp(3rem,5.5vw,5.5rem)}.section-note{font:.75rem/1.8 monospace;text-align:right;border-bottom:1px solid var(--line);padding:0 .5rem .5rem;min-width:11rem}.section-note span{font-size:.6rem}.blueprint-page .work-filters{width:max-content;border:1px solid var(--line);padding:.45rem .7rem;gap:0;margin-bottom:1.5rem}.blueprint-page .work-filters button{padding:.25rem 1.25rem;position:relative}.blueprint-page .work-filters button+button{border-left:1px solid var(--line)}.blueprint-page .filter-hint{display:none}.folder-archive-heading{border-top:1px solid var(--line);padding-top:1rem}.folder-archive{padding-top:4rem;gap:1.5rem}.folder-object-title{font-family:'IBM Plex Sans',sans-serif;font-weight:600;font-size:clamp(1.3rem,2.7vw,2.6rem)}.folder-object-meta,.folder-object-role{font-family:monospace}.folder-object-front{box-shadow:inset 0 1px 1px #fff3d7,inset 0 -2px 4px rgb(114 72 25 / .15),3px 17px 22px -10px rgb(0 13 30 / .7)}.folder-object-front::before{background:linear-gradient(180deg,rgb(255 248 222 / .35),transparent 16%,transparent 94%,rgb(101 72 31 / .15));border-top:3px solid rgb(255 246 218 / .25)}.folder-object-front::after{content:'';position:absolute;left:0;right:0;top:6px;height:1px;background:rgb(142 112 68 / .16)}
.intro-signature{font:.7rem/1.5 monospace;margin:1.5rem 0 2rem;color:var(--ink-muted)}.blueprint-page .chapter-intro{padding-block:4rem}.blueprint-page .chapter-intro .chapter-lead{font-size:1rem;line-height:1.65}.blueprint-page .cut-frame{rotate:1.4deg}
.gobo-light{z-index:4;mix-blend-mode:soft-light;background:radial-gradient(ellipse at 0% 24%,rgb(227 246 255 / .6),transparent 62%)}.gobo-light::before{background:repeating-linear-gradient(128deg,rgb(235 251 255 / .65) 0 75px,rgb(0 17 44 / .35) 120px 170px,rgb(224 246 255 / .5) 225px 280px,rgb(0 17 44 / .25) 330px 390px);mask-image:linear-gradient(90deg,black 10%,rgb(0 0 0 / .6) 45%,transparent 94%);filter:blur(13px);animation:gobo-breathe 18s ease-in-out infinite alternate}.cursor-light.is-lit{opacity:.9}
.contact-envelope{rotate:-1.15deg}.contact-envelope.is-open{rotate:-.35deg}.envelope-front,.envelope-flap,.envelope-back{background-size:220px 220px,100% 100%,100% 100%,100% 100%;border-radius:5px 3px 6px 4px}.envelope-front{background-color:#e6cda7;background-image:url('assets/manila-fiber.svg'),linear-gradient(34deg,transparent 49.4%,rgb(117 78 31 / .16) 50%,rgb(255 243 212 / .4) 50.6%,transparent 51.3%),linear-gradient(-34deg,transparent 49.5%,rgb(121 83 39 / .13) 50%,transparent 50.8%),linear-gradient(100deg,#efd9b2,#e0c399);box-shadow:inset 0 1px #fff0d6,inset 0 -3px 5px rgb(105 65 21 / .16),1px 3px 3px rgb(0 18 30 / .13)}.envelope-front::after{content:'';position:absolute;inset:7px;pointer-events:none;border-bottom:1px solid rgb(140 103 59 / .18);border-radius:0 0 42% 26%}.envelope-to{font-family:monospace;line-height:1.8;rotate:-.6deg}.envelope-stamp{font:.7rem/1.35 monospace;top:1.5rem;right:1.7rem;border:2px dotted #937756;padding:.8rem .6rem;rotate:5deg;background:rgb(249 237 209 / .3)}.envelope-postmark{position:absolute;top:2.3rem;right:4.8rem;width:6rem;height:6rem;border:2px solid rgb(84 87 82 / .4);border-radius:50%;display:grid;place-content:center;text-align:center;font:.55rem/1.7 monospace;rotate:-16deg;opacity:.6}.envelope-open{border-radius:2px;position:relative;z-index:5}.envelope-front .envelope-open{pointer-events:auto}.portfolio-page .inquiry-wizard{background-image:url('assets/manila-fiber.svg'),linear-gradient(100deg,#f4eedf,#ebe2cf);border-radius:3px 6px 2px 5px;box-shadow:3px 18px 23px -11px rgb(0 13 30 / .6)}.contact-envelope.is-posted .envelope-front,.contact-envelope.is-posted .envelope-back,.contact-envelope.is-posted .envelope-flap{display:none}.contact-envelope.is-posted{padding-bottom:0;min-height:460px;rotate:0deg}.letter-flight{position:fixed;z-index:90;pointer-events:none;perspective:900px}.letter-flight .envelope-front{position:absolute;inset:0;width:100%;height:100%;padding:1.5rem}.letter-flight .envelope-open{display:none}.letter-flight .envelope-flap{bottom:50%;height:50%;z-index:5}
.project-dossier::backdrop{background:rgb(0 20 39 / .42);backdrop-filter:blur(2px)}.dossier-extraction{position:fixed;z-index:100;pointer-events:none;isolation:isolate;perspective:1400px;will-change:transform}.dossier-extraction .folder-object{width:100%;height:100%;transform:none!important}.dossier-extraction .folder-object-paper{display:none}.dossier-extraction .folder-object-front{z-index:2}.dossier-extraction.is-extracted .folder-object-front{transform:rotateX(-18deg);transform-origin:center bottom}.dossier-extraction-media{position:absolute;inset:17px 16px 9px;border:5px solid #f6efdf;border-radius:2px;z-index:1;overflow:hidden;background:#f2e9d7;box-shadow:5px 14px 18px rgb(0 16 30 / .35);transform-origin:50% 100%}.dossier-extraction-media img,.dossier-extraction-media video{display:block;width:100%;height:100%;object-fit:cover}.dossier-body .project-gallery figure{border:7px solid #f8f2e6;border-radius:2px;box-shadow:4px 10px 12px -8px rgb(55 36 15 / .4);background:#f8f2e6}.dossier-body .project-gallery img{border-radius:0}
@media(min-width:1000px){.blueprint-page .hero-copy{width:75%}.hero-margin-note{width:11%}.blueprint-page .hero-medium{inset:19rem 1% 8rem}.blueprint-page .section-heading{display:grid;grid-template-columns:1fr auto}.blueprint-page .folder-archive{gap:1.5rem}.project-folder,.project-folder[open]{flex-basis:calc((100% - 3rem)/3)}}
@media(max-width:999px){.hero-margin-note{display:none}.blueprint-page .hero-copy{width:87%}.blueprint-page .hero-kicker{font-size:.8rem}}
@media(max-width:767px){.blueprint-page::after{inset:15px 3% 20px}.blueprint-page .header,.blueprint-page .header.is-scrolled{padding:.8rem 6%}.blueprint-page .header .brand{font-size:1.5rem}.header-nav a{font-size:.72rem}.blueprint-page .hero-copy{top:8rem;width:87%}.blueprint-page h1{font-size:clamp(2.7rem,11vw,4.9rem)}.blueprint-page .hero-kicker{font-size:.62rem;margin-bottom:1.2rem}.blueprint-page .hero-medium,.blueprint-page .exploration-hero .hero-medium{inset:20rem 1% 11rem}.lens-readout{top:0;font-size:.55rem}.optics-scale{top:1.5rem;font-size:.5rem;left:5%;right:auto}.blueprint-page .hero-action,.blueprint-page .hero-socials a{font-size:.8rem;min-height:44px;padding:.55rem .8rem}.blueprint-page .hero-bottom{bottom:4rem}.blueprint-page .chapter{padding-inline:6.5%}.blueprint-page .works .section-heading h2{font-size:2.9rem}.section-note{text-align:left;border:0;margin-top:.75rem}.blueprint-page .work-filters{max-width:100%;padding:.45rem .5rem}.blueprint-page .work-filters button{padding:.3rem .75rem;gap:.5rem}.folder-object-title{font-size:1.7rem}.envelope-stamp{font-size:.55rem;padding:.6rem}.envelope-postmark{width:4.5rem;height:4.5rem;right:4rem;font-size:.45rem}.dossier-body .project-gallery figure{border-width:4px}.blueprint-page .chapter-intro h2,.blueprint-page .inquiry h2{font-size:3rem}}
@media(prefers-reduced-motion:reduce){.gobo-light{transform:none!important}.lens-outline-part{transition:none}.blueprint-page .lens-part{transform:none!important}.contact-envelope{rotate:0deg}.dossier-extraction,.letter-flight{display:none}}
.project-dossier.is-extracting .dossier-body{opacity:0}.project-dossier.is-extracting .dossier-head{opacity:.4}.dossier-extraction .folder-object{margin:0}.dossier-extraction .folder-object-front{transition:transform 600ms cubic-bezier(.2,.8,.2,1)}.flight-sheet{position:absolute;inset:15px 20px;background:#f6f0e3 url('assets/manila-fiber.svg');border:1px solid #cebea2;z-index:-1;padding:1.5rem;font:.8rem/1.5 monospace;color:var(--paper-ink);box-shadow:1px 4px 5px rgb(0 13 30 / .2)}

.gobo-light{mix-blend-mode:screen;background:radial-gradient(ellipse at 0% 24%,rgb(145 214 252 / .24),transparent 62%)}.gobo-light::before{background:repeating-linear-gradient(128deg,rgb(166 225 255 / .62) 0 70px,transparent 120px 170px,rgb(196 238 255 / .45) 225px 280px,transparent 330px 390px);filter:blur(12px);mask-image:linear-gradient(90deg,black 0%,rgb(0 0 0 / .7) 38%,transparent 88%)}.blueprint-guides{position:absolute;max-width:none;color:var(--ink);pointer-events:none;z-index:2}.blueprint-page .chapter-caption{border-top:1px solid var(--line)}
@media(min-width:768px) and (max-width:999px){.project-folder,.project-folder[open]{flex-basis:calc((100% - 3rem)/3);min-width:0}.folder-object-title{font-size:1.5rem}.folder-object-front{padding:1rem}.folder-object-meta{font-size:.6rem}.folder-object-role{font-size:.6rem}}