@font-face{font-family:Manrope;src:url('/assets/manrope-latin.woff2') format('woff2');font-weight:200 800;font-display:swap}
@font-face{font-family:'Instrument Serif';src:url('/assets/instrument-serif-italic.woff2') format('woff2');font-style:italic;font-weight:400;font-display:swap}
:root{--black:#050708;--navy:#07121d;--navy-2:#0b1a28;--ivory:#f6f1e7;--white:#fffdf7;--gold:#f2b84b;--gold-2:#d99125;--gold-soft:#ffd47b;--muted:#b6b4ad;--line:rgba(242,184,75,.3);--faint:rgba(255,253,247,.11);--gutter:clamp(22px,5vw,82px);--max:1540px;--ease:cubic-bezier(.22,.61,.36,1)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:92px;overflow-x:clip}body{margin:0;background:var(--black);color:var(--ivory);font-family:Manrope,system-ui,sans-serif;-webkit-font-smoothing:antialiased;overflow-x:clip}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}button,input,select,textarea{font:inherit}h1,h2,h3,p,figure,dl,dd{margin:0}button{cursor:pointer}.skip-link{position:fixed;left:18px;top:12px;z-index:100;padding:14px 18px;background:var(--gold);color:var(--black);transform:translateY(-150%)}.skip-link:focus{transform:none}:where(a,button,input,select,textarea):focus-visible{outline:2px solid var(--gold-soft);outline-offset:5px}.eyebrow{color:var(--gold);font-size:11px;font-weight:700;letter-spacing:.18em;text-transform:uppercase}.mask{display:block;overflow:hidden}.mask>span{display:block}em{font-family:'Instrument Serif',Georgia,serif;font-weight:400;font-style:italic;color:var(--gold-soft)}
.nav-shell{height:88px;padding:12px var(--gutter);display:flex;align-items:center;justify-content:space-between;gap:28px;position:fixed;inset:0 0 auto;z-index:50;border-bottom:1px solid transparent;transition:background .35s,border-color .35s,backdrop-filter .35s}.nav-shell.is-scrolled{background:rgba(5,7,8,.88);border-color:var(--faint);backdrop-filter:blur(14px)}.nav-brand{width:112px;flex:0 0 auto}.nav-brand img{width:100%;height:auto}.site-nav{display:flex;align-items:center;gap:clamp(18px,2.6vw,42px);font-size:12px;font-weight:600}.site-nav a{min-height:44px;display:flex;align-items:center;transition:color .25s}.site-nav a:hover,.site-nav a[aria-current]{color:var(--gold-soft)}.site-nav .nav-cta{padding:0 0 4px;border-bottom:1px solid var(--gold);gap:12px}.site-nav .nav-cta span{color:var(--gold)}
.hero{min-height:100svh;position:relative;isolation:isolate;display:grid;align-content:end;padding:128px var(--gutter) 0;overflow:hidden}.hero-image,.hero-scrim,.hero-frame{position:absolute;inset:0}.hero-image{z-index:-3}.hero-image img{width:100%;height:100%;object-fit:cover;object-position:center}.hero-scrim{z-index:-2;background:linear-gradient(90deg,rgba(3,7,10,.96) 0%,rgba(3,7,10,.78) 36%,rgba(3,7,10,.18) 67%,rgba(3,7,10,.38) 100%),linear-gradient(0deg,rgba(3,7,10,.95) 0%,transparent 48%)}.hero-frame{z-index:-1;inset:106px 24px 24px;border:1px solid var(--gold);pointer-events:none;opacity:.82}.hero-content{width:min(820px,62vw);padding:clamp(28px,4vw,62px) 0 clamp(42px,6vh,80px)}.hero-brandline{display:flex;justify-content:space-between;width:min(640px,100%);font-size:10px;text-transform:uppercase;letter-spacing:.22em;color:rgba(255,253,247,.74);margin-bottom:clamp(30px,5vh,60px)}.hero-kicker{font-size:11px;font-weight:700;letter-spacing:.18em;color:var(--gold);text-transform:uppercase;display:flex;align-items:center;gap:18px}.hero-kicker::before{content:'';width:54px;height:2px;background:var(--gold)}.hero h1{font-size:clamp(52px,6.6vw,112px);line-height:.91;letter-spacing:-.048em;margin:24px 0 28px;max-width:950px}.hero h1 em{font-size:.92em;line-height:.95}.hero-copy{font-size:clamp(16px,1.35vw,21px);line-height:1.55;max-width:560px;color:#f3efe7}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:32px}.button{min-height:54px;padding:0 25px;display:inline-flex;align-items:center;justify-content:center;gap:25px;border:1px solid transparent;font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;transition:background .25s,color .25s,border-color .25s,transform .25s}.button-gold{background:linear-gradient(135deg,var(--gold-soft),var(--gold-2));color:#0a0a08;box-shadow:0 14px 40px rgba(217,145,37,.15)}.button-gold:hover{background:var(--white);transform:translateY(-2px)}.button-ghost{border-color:rgba(255,253,247,.42);background:rgba(5,7,8,.26);backdrop-filter:blur(8px)}.button-ghost:hover{border-color:var(--gold);color:var(--gold-soft)}.hero-benefits{position:relative;margin:0 calc(var(--gutter)*-1);display:grid;grid-template-columns:repeat(3,1fr);background:rgba(3,6,8,.9);border-top:1px solid var(--line);backdrop-filter:blur(14px)}.hero-benefits>div{min-height:112px;padding:24px var(--gutter);display:grid;grid-template-columns:38px 1fr;align-content:center;border-right:1px solid var(--line)}.hero-benefits>div:last-child{border-right:0}.hero-benefits svg{grid-row:1/3;width:28px;fill:none;stroke:var(--gold);stroke-width:1.6;margin-top:3px}.hero-benefits strong{font-family:'Instrument Serif',Georgia,serif;font-style:italic;color:var(--gold-soft);font-size:clamp(19px,1.7vw,28px);font-weight:400}.hero-benefits span{font-size:10px;color:var(--muted);letter-spacing:.05em}
.project-ribbon{padding:clamp(90px,11vw,170px) 0 70px;overflow:hidden;background:radial-gradient(circle at 50% 0,rgba(12,38,58,.55),transparent 45%)}.ribbon-row{display:flex;gap:14px;width:max-content;will-change:transform}.ribbon-row+.ribbon-row{margin-top:14px}.ribbon-row figure{width:clamp(260px,29vw,470px);aspect-ratio:1.62;border:1px solid var(--line);background:var(--navy);overflow:hidden;flex:0 0 auto}.ribbon-row img{width:100%;height:100%;object-fit:cover;filter:saturate(.82) brightness(.82);transition:filter .4s,transform .6s var(--ease)}.ribbon-row figure:hover img{filter:saturate(1) brightness(1);transform:scale(1.02)}
.proof-intro{max-width:var(--max);margin:auto;padding:clamp(90px,10vw,155px) var(--gutter)}.proof-intro h2,.services h2,.process h2,.studio h2,.contact h2{font-size:clamp(48px,7.2vw,116px);letter-spacing:-.045em;line-height:.95;margin-top:24px}.proof-intro .reveal-copy{font-size:clamp(21px,2.45vw,40px);line-height:1.42;max-width:1130px;margin:70px 0 0 auto;color:var(--muted)}.reveal-copy .char{color:rgba(246,241,231,.2);transition:color .15s}.reveal-copy .sr-text{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.projects{padding:0 var(--gutter) clamp(100px,12vw,180px);max-width:var(--max);margin:auto}.project-card{position:sticky;top:calc(104px + var(--card-index)*16px);min-height:min(760px,calc(100vh - 132px));margin-bottom:72px;border:1px solid var(--gold);border-radius:30px;padding:clamp(22px,3vw,44px);background:linear-gradient(145deg,#09131d 0%,#040607 76%);box-shadow:0 -18px 60px rgba(0,0,0,.42);transform-origin:top center;overflow:hidden}.project-card::before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 90% 0,rgba(242,184,75,.11),transparent 30%);pointer-events:none}.project-card-head{display:grid;grid-template-columns:auto 1fr auto;gap:clamp(20px,3vw,54px);align-items:center;margin-bottom:25px}.project-no{font-family:'Instrument Serif',Georgia,serif;font-size:clamp(48px,6vw,92px);font-style:italic;color:var(--gold)}.project-card-head p{font-size:10px;text-transform:uppercase;letter-spacing:.18em;color:var(--gold)}.project-card h3{font-size:clamp(30px,4vw,62px);letter-spacing:-.04em;line-height:1}.project-link{border:1px solid rgba(255,253,247,.42);min-height:46px;padding:0 19px;display:flex;align-items:center;gap:16px;font-size:10px;font-weight:700;letter-spacing:.13em;text-transform:uppercase;border-radius:999px;transition:border-color .25s,color .25s}.project-link:hover{border-color:var(--gold);color:var(--gold-soft)}.project-link--label{color:var(--muted)}.project-media{height:clamp(300px,48vh,525px);border-radius:20px;overflow:hidden;border:1px solid var(--faint);display:block}.project-media img{width:100%;height:100%;object-fit:cover;object-position:top;transition:transform .7s var(--ease)}.project-media:hover img{transform:scale(1.015)}.project-card-foot{display:flex;justify-content:space-between;align-items:flex-start;gap:30px;margin-top:22px}.project-card-foot p{max-width:700px;color:#d1d0ca;font-size:14px;line-height:1.75}.project-card-foot span{font-size:9px;text-transform:uppercase;letter-spacing:.13em;color:var(--gold)}.concept-mosaic{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.concept-mosaic a{display:block;position:relative;overflow:hidden;border-radius:20px;border:1px solid var(--faint);min-height:380px}.concept-mosaic img{width:100%;height:100%;object-fit:cover;transition:transform .6s var(--ease),filter .4s;filter:saturate(.82)}.concept-mosaic span{position:absolute;left:15px;right:15px;bottom:15px;padding:12px 14px;background:rgba(3,6,8,.86);border:1px solid var(--line);font-size:10px;text-transform:uppercase;letter-spacing:.12em}.concept-mosaic a:hover img{transform:scale(1.025);filter:saturate(1)}
.services{padding:clamp(95px,11vw,170px) var(--gutter);border-top:1px solid var(--line);background:linear-gradient(180deg,#07111b,#040708)}.services-head,.service-list{max-width:var(--max);margin:auto}.services-head{display:grid;grid-template-columns:1.3fr .7fr;gap:40px}.services-head .eyebrow,.services-head h2{grid-column:1}.services-head>p:last-child{grid-column:2;grid-row:2;align-self:end;color:var(--muted);font-size:16px;line-height:1.8;max-width:420px}.service-list{margin-top:90px;border-top:1px solid var(--line)}.service-item{display:grid;grid-template-columns:80px 1.2fr .8fr;gap:28px;align-items:center;padding:34px 0;border-bottom:1px solid var(--line)}.service-item>span{font-family:'Instrument Serif';font-size:40px;font-style:italic;color:var(--gold)}.service-item h3{font-size:clamp(24px,2.7vw,43px);letter-spacing:-.035em}.service-item p{font-size:14px;color:var(--muted);line-height:1.7;margin-top:8px;max-width:660px}.service-item small{text-transform:uppercase;letter-spacing:.12em;color:var(--gold);font-size:9px;text-align:right}
.process{padding:clamp(100px,12vw,180px) var(--gutter);max-width:var(--max);margin:auto}.process h2{max-width:1160px}.process ol{list-style:none;padding:0;margin:90px 0 0;display:grid;grid-template-columns:repeat(4,1fr);position:relative}.process ol::before{content:'';position:absolute;left:0;right:0;top:9px;height:1px;background:linear-gradient(90deg,var(--gold),rgba(242,184,75,.2))}.process li{padding:39px 28px 0 0;position:relative}.process li::before{content:'';position:absolute;top:5px;left:0;width:9px;height:9px;background:var(--gold);border-radius:50%;box-shadow:0 0 0 5px rgba(242,184,75,.1)}.process li span{font-size:10px;letter-spacing:.15em;color:var(--gold)}.process li h3{font-size:22px;margin:12px 0}.process li p{font-size:14px;color:var(--muted);line-height:1.7;max-width:230px}
.studio{position:relative;max-width:calc(var(--max) - var(--gutter)*2);margin:0 auto clamp(110px,12vw,180px);padding:clamp(70px,8vw,120px);display:grid;grid-template-columns:1.3fr .7fr;gap:70px;background:linear-gradient(135deg,rgba(12,31,47,.9),rgba(3,6,8,.96));overflow:hidden}.studio::after{content:'WM';position:absolute;right:-.02em;bottom:-.27em;font-size:clamp(180px,28vw,480px);font-weight:800;line-height:1;color:rgba(242,184,75,.035);pointer-events:none}.studio-frame{position:absolute;inset:18px;border:1px solid var(--gold);pointer-events:none}.studio h2{font-size:clamp(45px,5.7vw,88px)}.studio-copy{align-self:end;position:relative;z-index:1}.studio-copy h3{font-family:'Instrument Serif';font-size:39px;font-style:italic;color:var(--gold-soft);font-weight:400}.studio-role{font-size:10px;text-transform:uppercase;letter-spacing:.15em;color:var(--gold);margin:10px 0 28px}.studio-copy>p:not(.studio-role){color:#d0cec7;line-height:1.85;font-size:15px}.text-link{display:inline-flex;align-items:center;gap:18px;padding-bottom:8px;border-bottom:1px solid var(--gold);font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;margin-top:28px}.text-link span{color:var(--gold)}
.contact{padding:clamp(100px,11vw,170px) var(--gutter);border-top:1px solid var(--line);display:grid;grid-template-columns:1fr .82fr;gap:clamp(50px,8vw,130px);max-width:var(--max);margin:auto}.contact h2{font-size:clamp(48px,6.2vw,96px)}.contact-intro>p:not(.eyebrow){color:var(--muted);max-width:520px;line-height:1.8;margin-top:35px}.contact dl{margin-top:42px}.contact dt{font-size:9px;text-transform:uppercase;letter-spacing:.15em;color:var(--gold);margin-top:18px}.contact dd{font-size:15px;margin-top:5px}.contact-form{padding-top:10px}.contact-form label{display:block;font-size:11px;color:#d8d5cd;margin-bottom:18px}.form-pair{display:grid;grid-template-columns:1fr 1fr;gap:16px}.contact-form input,.contact-form select,.contact-form textarea{width:100%;margin-top:8px;background:rgba(255,255,255,.035);border:1px solid var(--faint);border-bottom-color:rgba(242,184,75,.52);color:var(--ivory);padding:14px 15px;border-radius:0;min-height:50px;transition:border-color .25s,background .25s}.contact-form textarea{resize:vertical;min-height:130px}.contact-form select option{background:var(--navy);color:var(--ivory)}.contact-form input:focus,.contact-form select:focus,.contact-form textarea:focus{border-color:var(--gold);background:rgba(242,184,75,.05);outline:0}.form-note,.form-status{font-size:11px;color:var(--muted);line-height:1.6}.form-status{min-height:23px;margin:10px 0}.contact-form .button{width:100%;margin-top:4px}.contact-form [hidden]{display:none!important}
.site-footer{border-top:1px solid var(--line);padding:65px var(--gutter) 24px;display:grid;grid-template-columns:1fr auto auto;gap:50px;max-width:var(--max);margin:auto}.footer-brand>a{font-size:30px;font-weight:800;letter-spacing:.1em}.footer-brand>a span{color:var(--gold)}.footer-brand p{font-size:9px;letter-spacing:.17em;text-transform:uppercase;color:var(--muted);margin-top:7px}.site-footer nav,.footer-legal{display:flex;flex-direction:column;gap:10px;font-size:12px}.site-footer nav a:hover,.footer-legal a:hover{color:var(--gold-soft)}.footer-legal{color:var(--muted)}.footer-bottom{grid-column:1/-1;display:flex;justify-content:space-between;gap:25px;padding-top:28px;border-top:1px solid var(--faint);font-size:8px;text-transform:uppercase;letter-spacing:.14em;color:var(--muted)}
@media(max-width:980px){.hero-content{width:75vw}.hero h1{font-size:clamp(50px,8vw,80px)}.hero-benefits>div{padding-left:30px;padding-right:30px}.project-card{min-height:auto}.project-media{height:auto;aspect-ratio:1.65}.services-head,.studio,.contact{grid-template-columns:1fr}.services-head>p:last-child{grid-column:1;grid-row:auto}.service-item{grid-template-columns:60px 1fr}.service-item small{grid-column:2;text-align:left}.process ol{grid-template-columns:1fr 1fr;gap:45px 25px}.process ol::before{display:none}.process li{border-top:1px solid var(--line)}.concept-mosaic a{min-height:270px}.studio{margin-left:var(--gutter);margin-right:var(--gutter)}}
@media(max-width:720px){html{scroll-padding-top:76px}.nav-shell{height:76px;padding-top:8px;padding-bottom:8px}.nav-brand{width:88px}.site-nav{gap:16px;font-size:11px}.site-nav a[href='#leistungen'],.site-nav a[href='#ueber-webmeister']{display:none}.hero{min-height:920px;padding-top:96px}.hero-image img{object-position:62% center}.hero-scrim{background:linear-gradient(180deg,rgba(3,7,10,.7),rgba(3,7,10,.92) 52%,rgba(3,7,10,.98))}.hero-frame{inset:87px 12px 12px}.hero-content{width:100%;padding:32px 0 38px}.hero-brandline{margin-bottom:38px}.hero h1{font-size:clamp(46px,13.2vw,68px);max-width:100%;margin-top:20px}.hero-copy{font-size:16px;max-width:330px}.hero-actions{display:grid}.button{width:100%}.hero-benefits{grid-template-columns:1fr;margin:0 -22px}.hero-benefits>div{min-height:80px;padding:14px 26px;border-right:0;border-bottom:1px solid var(--line)}.hero-benefits>div:last-child{border-bottom:0}.project-ribbon{padding-top:80px}.ribbon-row figure{width:270px}.proof-intro .reveal-copy{margin-top:48px}.project-card{position:relative;top:auto!important;margin-bottom:28px;border-radius:18px;padding:18px}.project-card-head{grid-template-columns:auto 1fr;gap:15px}.project-card-head .project-link{grid-column:1/-1;width:max-content}.project-no{font-size:45px}.project-card h3{font-size:32px}.project-media{border-radius:12px}.project-card-foot{display:block}.project-card-foot span{display:block;margin-top:16px}.concept-mosaic{grid-template-columns:1fr}.concept-mosaic a{min-height:260px}.services-head h2,.process h2,.studio h2,.contact h2,.proof-intro h2{font-size:clamp(42px,11vw,58px)}.service-list{margin-top:55px}.service-item{grid-template-columns:44px 1fr;padding:28px 0;gap:15px}.service-item>span{font-size:30px}.service-item h3{font-size:25px}.process ol{grid-template-columns:1fr;gap:24px;margin-top:55px}.studio{padding:64px 38px;margin-left:12px;margin-right:12px;gap:40px}.studio-frame{inset:10px}.contact{gap:55px}.form-pair{grid-template-columns:1fr}.site-footer{grid-template-columns:1fr 1fr;gap:38px}.footer-brand{grid-column:1/-1}.footer-bottom{flex-wrap:wrap}.footer-bottom span:nth-child(2){display:none}}
@media(max-width:390px){.hero h1{font-size:45px}.site-nav{gap:12px}.site-nav .nav-cta{font-size:10px}.hero-brandline span:last-child{display:none}.studio{padding-left:30px;padding-right:30px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.ribbon-row{transform:none!important}.reveal-copy .char{color:inherit!important}.project-card{transform:none!important}.hero-image img{transform:none!important}}