@font-face{font-family:Bricolage;src:url('assets/fonts/bricolage-grotesque-latin.woff2') format('woff2');font-style:normal;font-weight:200 800;font-display:swap}
@font-face{font-family:Schibsted;src:url('assets/fonts/schibsted-grotesk-latin.woff2') format('woff2');font-weight:400 800;font-display:swap}
@font-face{font-family:'Space Mono';src:url('assets/fonts/space-mono-400-latin.woff2') format('woff2');font-weight:400;font-display:swap}
:root{--paper:#f8f8f6;--white:#fff;--ink:#1d1e1b;--muted:#686a62;--line:#dcddd6;--surface:#eaeae5;--orange:#ff5b28;--purple:#7243ff;--yellow:#ffdb19;--green:#c3f32f;--display:Bricolage,Schibsted,Arial,sans-serif;--red:#ab2d3d;--mono:'Space Mono',monospace;--gutter:clamp(24px,5vw,88px);--ease:cubic-bezier(.22,1,.36,1)}
*{box-sizing:border-box}
html{scroll-behavior:auto;scroll-padding-top:100px;background:var(--paper)}
body{margin:0;color:var(--ink);background:var(--paper);font:16px/1.55 Schibsted,Arial,sans-serif;-webkit-font-smoothing:antialiased}
a{color:inherit;text-underline-offset:4px}button,input,select,textarea{font:inherit}button,a,summary{-webkit-tap-highlight-color:transparent}button,summary{cursor:pointer}
img{display:block;max-width:100%;height:auto}figure{margin:0}p{margin:0 0 1.2em}h1,h2,h3{margin:0;font-family:var(--display);font-weight:800;font-optical-sizing:auto;letter-spacing:-.035em;line-height:1.03}h2{font-size:clamp(42px,5.8vw,88px)}h3{font-size:clamp(26px,3vw,44px)}em{font-style:normal}::selection{background:var(--yellow);color:var(--ink)}[hidden]{display:none!important}
:focus-visible{outline:3px solid var(--ink);outline-offset:5px}.skip-link{position:fixed;left:18px;top:12px;z-index:100;padding:10px 16px;background:var(--ink);color:white;transform:translateY(-180%)}.skip-link:focus{transform:none}
.site-header{position:sticky;top:0;z-index:40;display:flex;align-items:center;gap:24px;min-height:80px;padding:13px 26px;background:#f8f8f6eb;backdrop-filter:blur(18px);border-bottom:1px solid transparent;transition:border-color .2s,box-shadow .2s}.site-header.is-scrolled{border-color:#1d1e1b0d;box-shadow:0 4px 24px #1d1e1b04}
.brand{flex:none}.brand img{width:44px;height:42px;object-fit:contain}.site-header nav{display:flex;align-items:center;gap:5px}.site-header nav>a,.nav-menu>summary,.film-link{display:flex;align-items:center;justify-content:center;gap:9px;padding:0 13px;min-height:42px;border-radius:8px;text-decoration:none;font-size:13px;white-space:nowrap}.site-header nav>a:hover,.film-link:hover{background:var(--surface)}.site-header nav>a.nav-a2y{background:var(--purple);color:white;font-weight:700}.nav-a2y span{color:var(--yellow)}.site-header nav>a.nav-a2y:hover{background:#5e2de3}.header-actions{margin-left:auto;display:flex;align-items:center;gap:10px}.header-actions>.button{background:var(--ink);color:white;min-height:40px;font-size:13px;padding:9px 14px}.header-actions>.button:hover{background:#383a33}
.nav-menu{position:relative}.nav-menu>summary{list-style:none;background:var(--surface)}.nav-menu>summary::-webkit-details-marker{display:none}.menu-chevron{display:grid;place-items:center;width:17px;height:17px;border-radius:4px;background:var(--ink);color:white;font-size:15px;line-height:1;transition:transform .2s}.nav-menu[open] .menu-chevron{transform:rotate(180deg)}.nav-menu-panel{position:absolute;top:calc(100% + 12px);left:0;width:360px;padding:12px;border:1px solid #d9dbd3;border-radius:14px;background:#fff;box-shadow:0 20px 65px #20251b20;animation:menu-in .25s var(--ease)}.nav-menu-panel>p{padding:8px 10px;margin:0;font-size:12px;color:var(--muted)}.nav-menu-panel>a{display:flex;align-items:center;gap:12px;padding:11px 9px;min-height:64px;border-radius:8px;text-decoration:none;font-size:14px}.nav-menu-panel>a:hover{background:var(--paper)}.nav-menu-panel>a>span:last-child{margin-left:auto}.nav-menu-panel small{display:block;color:var(--muted);font-size:12px;margin-top:2px}.nav-icon{display:grid;place-items:center;width:36px;height:36px;flex:none;border-radius:8px;font-size:22px}.icon-photo{background:var(--orange);color:var(--ink)}.icon-web{background:var(--green)}.icon-system{background:var(--yellow)}.icon-a2y{background:var(--purple);color:white}.nav-menu-panel>a.nav-overview{border-top:1px solid var(--line);border-radius:0;margin-top:6px;min-height:44px;font-size:12px;justify-content:space-between}
.button{display:inline-flex;align-items:center;justify-content:center;gap:18px;min-height:44px;padding:10px 17px;background:var(--orange);color:var(--ink);border:0;border-radius:7px;font-size:14px;font-weight:700;text-decoration:none;transition:background .2s,transform .2s,box-shadow .2s;cursor:pointer}.button:hover{background:#f2481b;transform:translateY(-2px);box-shadow:0 5px 15px #20344710}.button:active{transform:translateY(0)}.button:disabled{opacity:.65;cursor:wait}.text-link{display:inline-flex;align-items:center;gap:14px;min-height:44px;padding:9px 0;font-size:14px;font-weight:500}.eyebrow{font-size:12px;line-height:1.5;font-weight:400;letter-spacing:.015em}
.hero{max-width:1440px;margin:0 auto;padding:32px var(--gutter) 28px}.hero>.eyebrow{display:flex;align-items:center;gap:9px;margin-bottom:25px;color:var(--muted)}.studio-dot{width:7px;height:7px;display:inline-block;background:var(--ink);border-radius:50%}.hero-location{margin-left:auto}.hero h1{font-size:clamp(76px,9.4vw,140px);line-height:.94;letter-spacing:-.035em;max-width:11ch}.hero-period{color:var(--purple)}.hero-intro{margin:20px 0 0 25%;max-width:750px}.hero-intro>p{font-size:clamp(18px,1.8vw,25px);line-height:1.38;letter-spacing:-.035em;color:var(--muted);margin-bottom:18px}.hero-intro>.text-link{margin-left:22px;font-size:13px;text-decoration:none}.hero-intro>.text-link:hover{text-decoration:underline}
.workspace{max-width:1440px;margin:0 auto 70px;padding:0 22px}.workspace-topline{display:flex;justify-content:space-between;gap:20px;padding:0 16px;margin:0 0 15px;font-size:11px;color:var(--muted)}.workspace-topline>span:first-child{color:var(--ink)}.service-routes{position:relative;display:flex;align-items:center;justify-content:center;gap:5px;width:fit-content;max-width:100%;margin:0 auto -24px;padding:6px;background:#fff;box-shadow:0 4px 24px #23282012;border:1px solid #dedfd8;border-radius:12px;z-index:3}.service-routes>a{position:relative;display:flex;align-items:center;justify-content:center;gap:10px;min-height:44px;padding:9px 22px;border-radius:7px;font-size:14px;text-decoration:none;white-space:nowrap;transition:color .2s,background .2s,box-shadow .2s}.service-routes>a>span{font-size:20px;line-height:1}.service-routes>a:hover{background:#f0f0eb}.service-routes>a[aria-selected=true]{background:var(--ink);color:#fff;box-shadow:0 3px 8px #1d1e1b12}
.workspace-stage{overflow:hidden;isolation:isolate;position:relative;border-radius:20px;background:#eeefea}.workspace-panel{position:relative;height:495px;overflow:hidden;background:var(--orange)}.workspace-panel::after{content:'';position:absolute;bottom:-85px;left:20%;width:75%;height:260px;background-image:linear-gradient(#a6aea516 1px,transparent 1px),linear-gradient(90deg,#a6aea516 1px,transparent 1px);background-size:40px 40px;transform:perspective(350px) rotateX(45deg);z-index:-1;mask-image:linear-gradient(transparent,#000)}.board-caption{position:absolute;top:62px;left:4%;max-width:30%;z-index:2}.board-chip{display:inline-block;background:#fff9;border-radius:5px;padding:5px 9px;font-size:11px;margin-bottom:18px}.board-caption h2{font-size:clamp(27px,3.1vw,46px);letter-spacing:-.025em;line-height:1.06;margin-bottom:14px}.board-caption .text-link{font-size:12px}.board-art{display:block;position:absolute;overflow:hidden;background:white;border:5px solid #fff;border-radius:10px;text-decoration:none;box-shadow:0 20px 38px -15px #20241d45;transition:transform .6s var(--ease),box-shadow .6s var(--ease);will-change:auto}.board-art:hover{transform:translateY(-8px) rotate(0deg);box-shadow:0 25px 45px -10px #20241d45;z-index:5}.art-bar{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:8px 9px;font-size:10px;line-height:1.3;background:#fff}.art-main{width:40%;top:70px;left:32%;transform:rotate(-5deg);z-index:2}.art-main img{width:100%;aspect-ratio:16/9;object-fit:cover}.art-label{display:block;font-size:12px;padding:10px}.art-side{width:17%;height:355px;right:4%;top:59px;transform:rotate(7deg);z-index:1}.art-side img{width:100%;height:calc(100% - 30px);object-fit:cover}.art-bottom{width:23%;left:16%;bottom:28px;transform:rotate(5deg);z-index:3}.art-bottom img{aspect-ratio:16/9;width:100%;object-fit:cover}.board-note{position:absolute;right:25%;bottom:47px;padding:8px 12px;border-radius:5px;font-size:12px;transform:rotate(-5deg);background:var(--yellow);box-shadow:0 5px 10px #1d1e1b08}.workspace-footer{display:flex;align-items:center;justify-content:space-between;padding:11px 16px;gap:15px;font-size:11px;color:var(--muted)}.workspace-footer a{display:flex;gap:20px;align-items:center;min-height:34px;text-decoration:none;color:var(--ink)}.workspace-footer a:hover{text-decoration:underline}
.web-panel{background:var(--green)}.browser-art{width:54%;left:36%;top:64px;transform:rotate(3deg)}.browser-art img{width:100%;aspect-ratio:1.7;object-fit:cover;object-position:top}.window-dots{color:#c8cbc2;font-size:8px;letter-spacing:3px}.film-art{width:25%;left:16%;bottom:34px;transform:rotate(-6deg);z-index:2}.film-art img{aspect-ratio:1.5;object-fit:cover;object-position:top}.web-panel .board-note{right:7%;bottom:22px;background:var(--ink);color:white}.systems-panel{background:var(--yellow)}.system-art{width:60%;left:34%;top:66px;transform:rotate(-3deg)}.system-art img{aspect-ratio:1.65;object-fit:cover;object-position:top}.system-note{position:absolute;left:7%;bottom:32px;padding:18px 24px;background:var(--ink);color:white;border-radius:4px;transform:rotate(4deg);box-shadow:0 15px 25px #37352312;z-index:3}.system-note .board-chip{margin-bottom:12px;background:transparent;padding:0}.system-note p{font-size:24px;letter-spacing:-.04em;line-height:1.1;margin-bottom:12px}.system-note a{font-size:11px;display:inline-flex;align-items:center;min-height:30px}.a2y-panel{background:var(--purple)}.a2y-panel .board-caption{max-width:40%;top:51px}.a2y-panel .board-caption h2{font-size:clamp(27px,3vw,43px)}.concept-sheet{position:absolute;padding:24px;box-shadow:0 20px 35px #34264316;border-radius:3px}.concept-sheet>span{font-size:10px;display:block}.concept-sheet p{font-size:clamp(23px,2.5vw,38px);line-height:1.08;letter-spacing:-.025em;margin:24px 0 0}.sheet-question{width:22%;left:7%;bottom:28px;background:var(--yellow);transform:rotate(-7deg)}.sheet-question .sheet-mark{font-size:60px;position:absolute;right:14px;bottom:3px;color:#827000;line-height:1}.sheet-directions{width:27%;left:35%;top:102px;background:#f9f8f4;transform:rotate(5deg)}.idea-lines{display:flex;gap:7px;align-items:center;margin-top:30px}.idea-lines i{height:7px;width:28%;background:var(--orange);transform:rotate(-5deg)}.idea-lines i:nth-child(2){background:var(--purple);transform:rotate(6deg)}.idea-lines i:nth-child(3){background:var(--yellow);transform:rotate(-10deg)}.sheet-result{width:24%;right:6%;top:94px;background:var(--green);transform:rotate(-4deg)}.sheet-result p{margin-bottom:37px}.sheet-result a{font-size:12px;min-height:34px;display:inline-flex;align-items:center}
.section{max-width:1440px;margin:0 auto;padding:75px var(--gutter)}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:60px;margin-bottom:40px}.section-heading .eyebrow{color:var(--muted);margin-bottom:18px}.section-heading>p{font-size:15px;color:var(--muted);max-width:35ch;margin:0}.work{padding-top:28px}.work .section-heading h2 br{display:none}.work .section-heading h2{max-width:10ch}.case-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px 22px}.case{display:block;text-decoration:none;min-width:0}.case figure{position:relative;overflow:hidden;border-radius:10px;background:#e7e9e2;aspect-ratio:1.15}.case:nth-child(2) figure{background:#e8e0d8}.case img{width:100%;height:100%;object-fit:cover;transition:transform .7s var(--ease)}.case:hover img{transform:scale(1.055)}.case figure::after{content:'↗';position:absolute;right:12px;bottom:12px;display:grid;place-items:center;width:36px;height:36px;background:#fffef9;border-radius:50%;transform:translateY(52px);transition:transform .35s var(--ease)}.case:hover figure::after,.case:focus-visible figure::after{transform:translateY(0)}.case>p{display:flex;gap:10px;font-size:10px;color:var(--muted);margin:15px 0 7px}.case>p b{font-weight:400}.case h3{overflow-wrap:anywhere;font-size:23px;letter-spacing:-.04em}.case em{display:block;font-size:13px;line-height:1.5;color:var(--muted);margin-top:8px;max-width:37ch}.more-work{margin-top:28px}.more-work>summary{list-style:none;display:flex;align-items:center;justify-content:center;gap:30px;width:fit-content;min-height:44px;margin:auto;padding:8px 18px;border-radius:7px;background:var(--surface);font-size:13px}.more-work>summary::-webkit-details-marker{display:none}.more-work[open]>summary{margin-bottom:30px}.more-work[open]>summary span{transform:rotate(45deg)}.client-quote{margin:72px auto 0;max-width:900px;text-align:center}.client-quote p{font-size:clamp(24px,2.7vw,39px);letter-spacing:-.04em;line-height:1.25;margin-bottom:18px}.client-quote cite{font-style:normal;font-size:12px;color:var(--muted)}
.services{padding-bottom:0}.services>.section-heading{padding-bottom:16px}.service-detail{display:grid;grid-template-columns:.9fr 1.1fr;gap:8vw;padding:55px 0 65px;border-top:1px solid var(--line)}.service-intro .eyebrow{display:inline-block;border-radius:5px;padding:5px 9px;background:var(--orange);color:var(--ink);margin:0 0 18px}.service-intro h3{font-size:clamp(35px,4.2vw,59px);margin:0 0 25px}.service-intro>p:not(.eyebrow){max-width:43ch;font-size:15px;color:var(--muted)}.service-intro .button{margin-top:8px}.service-list{margin:0;padding:22px 26px;background:#eeefeb;border-radius:12px}.service-list>div{display:grid;grid-template-columns:130px 1fr;gap:20px;padding:20px 0;border-bottom:1px solid #d6d9d0;font-size:14px}.service-list>div:first-child{padding-top:0}.service-list>div:last-child{padding-bottom:0;border:0}dt{font-weight:500}dd{margin:0;color:var(--muted)}.actions{display:flex;flex-wrap:wrap;align-items:center;gap:8px 20px}.actions .text-link{font-size:12px}#website-leistungen .eyebrow{background:var(--green);color:var(--ink)}#systems .eyebrow{background:var(--yellow);color:var(--ink)}.website-proof img,.system-proof img{width:100%;aspect-ratio:1.6;object-fit:cover;object-position:top;border:7px solid #e9eae3;border-radius:12px}figcaption{margin-top:12px;font-size:11px;color:var(--muted)}.proof-links{display:grid;gap:4px;margin-top:12px}.proof-links>.text-link{font-size:12px}.proof-links>.scrollfilm-proof{display:grid;gap:4px;padding:16px 18px;margin-top:8px;background:#eeefea;border-radius:8px;text-decoration:none}.proof-links strong{font-size:14px;font-weight:500}.proof-links span{font-size:12px;color:var(--muted)}.proof-links b{font-weight:500;font-size:12px;text-decoration:underline;margin-top:6px}.system-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:23px 0 0}.system-steps dt{font-size:13px;margin-bottom:6px}.system-steps dd{font-size:12px}
.a2y{position:relative;background:var(--purple);color:white;border-radius:18px;max-width:calc(1440px - 44px);margin:25px 22px 40px;padding:65px max(24px,calc(var(--gutter) - 22px))}.a2y>.section-heading .eyebrow{display:inline-flex;padding:5px 9px;border-radius:5px;background:var(--yellow);color:var(--ink)}.a2y .section-heading h2{max-width:8ch}.a2y-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.a2y-grid article{display:flex;flex-direction:column;padding:26px;background:var(--paper);color:var(--ink);border-radius:5px;box-shadow:0 6px 18px #30234404}.a2y-grid article:nth-child(2){transform:rotate(-2deg)}.a2y-grid .eyebrow{font-size:11px;color:var(--muted);margin-bottom:26px}.a2y-grid h3{font-size:30px;margin-bottom:17px}.a2y-grid p{font-size:14px;color:var(--muted)}.a2y-grid .time{margin-top:auto;padding-top:20px;font-size:11px;margin-bottom:0;color:#595064}.a2y-footer{display:flex;align-items:center;justify-content:space-between;gap:40px;margin-top:30px}.a2y-footer p{font-size:12px;max-width:58ch;margin:0;color:white}.a2y-footer .button{background:var(--yellow);color:var(--ink);flex:none}.a2y-footer .button:hover{background:#ffe759}
.studio{display:grid;grid-template-columns:1fr 1fr;gap:10vw}.studio .eyebrow{color:var(--muted)}.studio h2{font-size:clamp(60px,8vw,115px);margin:20px 0}.studio .large-copy{font-size:clamp(22px,2.4vw,34px);line-height:1.2;letter-spacing:-.04em;max-width:26ch}.studio p{max-width:45ch}.studio p:not(.large-copy):not(.eyebrow){font-size:14px;color:var(--muted)}.project-steps{padding:0;margin:0;list-style:none}.project-steps li{display:flex;gap:20px;padding:22px 0;border-bottom:1px solid var(--line)}.project-steps li>span{display:grid;place-items:center;width:32px;height:32px;background:var(--surface);border-radius:7px;flex:none;font-size:11px}.project-steps h3{font-size:27px;margin-bottom:12px}.project-steps p{font-size:14px;margin:0}
.tour{display:grid;grid-template-columns:1fr 1fr;max-width:1396px;margin:35px 22px 40px;border-radius:18px;overflow:hidden;background:#242823;color:#f5f6ef}.tour>img{width:100%;height:100%;min-height:450px;object-fit:cover}.tour>div{padding:60px clamp(28px,4.5vw,68px)}.tour .eyebrow{color:#c7cfc0;font-size:11px}.tour h2{font-size:clamp(36px,4vw,58px);margin:23px 0}.tour p:not(.eyebrow){font-size:14px;color:#cdd3c7}.tour-actions{display:flex;flex-wrap:wrap;gap:8px 20px;margin-top:24px}.tour .button{background:var(--green);color:var(--ink)}.tour .text-link{font-size:12px}
.faq{display:grid;grid-template-columns:.85fr 1.15fr;gap:8vw}.faq header>p{font-size:12px;color:var(--muted)}.faq h2{font-size:clamp(35px,4vw,58px)}.faq h2 strong{font-weight:800}.faq details{border-bottom:1px solid var(--line)}.faq summary{list-style:none;position:relative;padding:22px 36px 22px 0;font-size:16px;min-height:60px;letter-spacing:-.025em}.faq summary::-webkit-details-marker{display:none}.faq summary span{position:absolute;right:0;top:22px;display:grid;place-items:center;width:23px;height:23px;background:var(--surface);border-radius:5px;transition:transform .25s}.faq details[open] summary span{transform:rotate(45deg)}.faq details>p{font-size:14px;color:var(--muted);padding:0 25px 23px 0;margin:0}
.contact{display:grid;grid-template-columns:1fr 1fr;gap:10vw;padding-top:85px;padding-bottom:100px}.contact h2{font-size:clamp(60px,7.6vw,110px);margin:22px 0 27px}.contact-intro>p:not(.eyebrow){font-size:16px;color:var(--muted);max-width:34ch}.contact-intro>.eyebrow{color:var(--muted)}.direct-contact{display:flex;flex-direction:column;align-items:flex-start;gap:3px;margin-top:28px}.direct-contact a{display:flex;align-items:center;min-height:40px;font-size:13px;overflow-wrap:anywhere}.contact-side{padding:27px;background:#eeefea;border:1px solid #e3e5dc;border-radius:14px}.contact form{display:grid;grid-template-columns:1fr 1fr;gap:18px}.contact form>label{display:block}.contact form>label:first-of-type,.contact form>.message,.contact form>button,.contact form>p,.contact form>details,.contact form>label:nth-of-type(4){grid-column:1/-1}label>span{display:block;font-size:12px;margin-bottom:7px}label i{font-style:normal;font-size:10px;color:var(--muted)}input,select,textarea{display:block;min-width:0;width:100%;padding:11px 12px;min-height:46px;font-size:16px;border:1px solid #cbd0c2;border-radius:6px;background:#fafbf7;color:var(--ink);transition:border-color .2s,box-shadow .2s}input:focus,select:focus,textarea:focus{border-color:#b73a18;box-shadow:0 0 0 3px #ff5b2833}textarea{resize:vertical;min-height:128px}input[aria-invalid=true],textarea[aria-invalid=true]{border:2px solid var(--red)}.field-error{display:block;font-style:normal;font-size:12px;color:var(--red);margin-top:6px}.form-telefon summary{padding:5px 0;min-height:32px;font-size:12px}.form-telefon label{display:block;margin-top:10px}.contact form>p{font-size:11px;color:var(--muted);margin:0}.contact form>.form-msg{font-size:14px;color:var(--red)}.contact form>.button{background:var(--ink);color:#fff}.form-trap{position:absolute!important;left:-10000px!important;width:1px;height:1px;overflow:hidden}.no-js form{display:none}.contact-done{padding:15px 0}.contact-done h3{font-size:35px;margin:20px 0}.contact-done p{font-size:14px}
.site-footer{position:relative;isolation:isolate;padding:100px var(--gutter) 25px;margin-top:70px;background:transparent}.site-footer::before{content:"";position:absolute;inset:100px 0 0;background:var(--yellow);z-index:-1}.footer-wave{position:absolute;left:0;top:-120px;width:100%;height:240px;fill:var(--yellow);pointer-events:none;z-index:-1}.site-footer>.footer-invitation{font-size:14px;font-weight:650;gap:24px;margin-bottom:25px}.footer-invitation>span{display:grid;place-items:center;width:38px;height:38px;border:1px solid #1d1e1b66;border-radius:50%;font-size:24px;transition:transform .4s var(--ease)}.footer-invitation:hover>span{transform:rotate(45deg)}.site-footer>p{font-family:var(--display);font-weight:800;font-size:clamp(64px,12vw,180px);letter-spacing:-.035em;line-height:1.02;max-width:12ch;margin-bottom:40px}.site-footer>p em{display:block}.site-footer nav{display:flex;flex-wrap:wrap;gap:7px 25px;margin-bottom:30px}.site-footer a{display:inline-flex;align-items:center;min-height:44px;font-size:12px;text-decoration:none}.site-footer a:hover{text-decoration:underline}.site-footer>div{display:flex;justify-content:space-between;gap:20px;border-top:1px solid #1d1e1b33;padding-top:15px;font-size:11px;color:var(--ink)}

/* Service colours continue from navigation into the active workspace. */
.site-header nav>a,.nav-menu>summary,.service-routes>a{font-weight:650}
.service-routes>a[aria-controls="panel-production"][aria-selected=true]{background:var(--orange);color:var(--ink)}
.service-routes>a[aria-controls="panel-web"][aria-selected=true]{background:var(--green);color:var(--ink)}
.service-routes>a[aria-controls="panel-systems"][aria-selected=true]{background:var(--yellow);color:var(--ink)}
.service-routes>a[aria-controls="panel-a2y"][aria-selected=true]{background:var(--purple);color:white}
#panel-production>.board-caption{color:var(--ink)}.a2y-panel>.board-caption{color:white}
#panel-production .board-caption .board-chip{background:#ffffff50;color:var(--ink)}.a2y-panel .board-caption .board-chip{background:#5022c9;color:white}
.workspace-panel :focus-visible{outline:3px solid white;box-shadow:0 0 0 7px var(--ink);outline-offset:3px}
.concept-sheet p,.system-note p{font-family:var(--display);font-weight:750;letter-spacing:-.025em}
.a2y>.section-heading>p{color:white}
.a2y :focus-visible{outline-color:var(--yellow)}
.faq summary,dt,.proof-links strong{font-weight:650}


.hero-line{display:block;overflow:clip;padding:0 .06em .09em 0;margin-bottom:-.09em}
.hero-line>span{display:block;transform-origin:0 100%}
.hero-period{display:inline-block;transform-origin:50% 85%}
.button>span,.text-link>span,.film-link>span{display:inline-block;transition:transform .3s var(--ease)}
.button:hover>span,.text-link:hover>span,.film-link:hover>span{transform:translate(3px,-3px)}
.workspace-hint{display:none}
.workspace-reset{display:none;border:0;background:transparent;color:var(--ink);text-decoration:underline;text-underline-offset:3px;font-size:11px;padding:6px;cursor:pointer}
.workspace-reset.is-visible{display:inline-block}
.workspace-footer>div{display:flex;align-items:center;gap:14px}
.board-art.is-dragging{cursor:grabbing!important;z-index:8;transition:none;transform:rotate(0deg) scale(1.025);box-shadow:0 35px 50px -12px #1d1e1b66}
@media(hover:hover) and (pointer:fine) and (min-width:761px){
  .studio-enhanced .board-art{cursor:grab;user-select:none;-webkit-user-drag:none}
  .studio-enhanced .board-art img{-webkit-user-drag:none}
  .studio-enhanced .workspace-hint{display:inline}
  .studio-enhanced .workspace-standard-hint{display:none}
}

@keyframes menu-in{from{opacity:0;transform:translateY(-7px) scale(.98)}to{opacity:1;transform:none}}
@media(min-width:1440px){.a2y,.tour{margin-inline:auto}}
@media(max-width:1050px){.site-header{gap:14px;padding-inline:20px}.site-header nav>a,.nav-menu>summary,.film-link{padding-inline:10px;font-size:12px}.hero{padding-top:42px}.hero-intro{margin-left:20%}.workspace-panel{height:455px}.board-caption{left:4%;max-width:31%}.production-panel .board-caption{max-width:52%}.art-main{top:170px}.art-side{top:80px;height:290px}.art-bottom{width:26%;left:13%;bottom:35px}.board-note{right:4%;bottom:14px;font-size:10px}.browser-art{top:90px}.systems-panel .board-caption{max-width:65%}.system-art{top:170px;width:min(53%,400px);left:auto;right:4%}.system-note{bottom:28px;padding:15px 20px}.system-note p{font-size:22px}.a2y-panel .board-caption{max-width:40%}.sheet-directions{top:133px}.sheet-directions p{font-size:clamp(16px,2.1vw,22px)}.sheet-result{top:127px}.concept-sheet{padding:19px}.sheet-result p{margin-bottom:22px}.section{padding-block:55px}.work{padding-top:20px}.section-heading{gap:35px}.service-detail{gap:5vw}.service-list{padding:20px}.service-list>div{grid-template-columns:1fr;gap:6px}.a2y-grid article{padding:20px}.a2y-grid h3{font-size:25px}.contact,.studio{gap:6vw}}
@media(max-width:760px){.production-panel .board-caption{max-width:90%}html{scroll-padding-top:125px}.site-header{flex-wrap:wrap;gap:7px 15px;padding:9px 18px}.brand img{width:38px;height:36px}.site-header nav{order:3;width:100%;gap:5px}.site-header nav>a,.nav-menu>summary{min-height:38px;font-size:12px;padding-inline:13px}.header-actions>.button{min-height:36px;font-size:12px;padding:8px 11px}.film-link{min-height:36px;font-size:11px;padding-inline:7px}.header-actions{gap:5px}.nav-menu-panel{width:min(355px,calc(100vw - 36px));top:calc(100% + 7px)}.hero{padding:30px 24px 32px}.hero>.eyebrow{font-size:10px;gap:7px;margin-bottom:25px}.hero-location{font-size:9px}.hero h1{font-size:clamp(62px,12.8vw,99px);letter-spacing:-.035em}.hero-intro{margin:24px 0 0 12%;max-width:none}.hero-intro>p{font-size:19px}.hero-intro>p br{display:none}.hero-intro>.button{font-size:12px;min-height:40px;padding:9px 12px;gap:10px}.hero-intro>.text-link{margin-left:12px;font-size:11px;gap:5px}.workspace{padding-inline:12px;margin-bottom:38px}.workspace-topline{padding-inline:6px;font-size:10px;margin-bottom:12px}.service-routes{display:grid;grid-template-columns:1.45fr 1fr;gap:3px;width:calc(100% - 22px);margin-bottom:-42px;padding:5px;border-radius:11px}.service-routes>a{font-size:12px;gap:7px;min-height:39px;padding:8px 10px}.service-routes>a>span{font-size:17px}.workspace-stage{border-radius:15px}.workspace-panel{height:545px}.board-caption{left:7%;top:67px;max-width:90%}.board-chip{font-size:9px;margin-bottom:11px;padding:4px 7px}.board-caption h2,.a2y-panel .board-caption h2{font-size:32px;margin-bottom:8px}.board-caption h2 br{display:none}.board-caption>.text-link{font-size:11px;min-height:34px}.art-main{width:66%;left:5%;top:240px;border-width:4px}.art-side{width:29%;height:229px;right:5%;top:208px;border-width:4px}.art-bar{font-size:8px;padding:7px 5px;gap:5px}.art-label{font-size:10px;padding:7px}.art-bottom{width:37%;left:17%;bottom:26px;border-width:4px}.board-note{right:6%;bottom:52px;max-width:39%;font-size:9px;transform:rotate(-6deg);padding:6px}.workspace-footer{padding:9px 4px;font-size:9px;gap:9px}.workspace-footer a{gap:4px;font-size:9px}.browser-art{width:85%;left:8%;top:210px}.film-art{width:43%;left:8%;bottom:26px}.web-panel .board-note{right:5%;bottom:36px;max-width:39%}.system-art{width:89%;left:6%;right:auto;top:211px}.systems-panel .board-caption{max-width:90%}.system-note{left:8%;bottom:26px;transform:rotate(3deg);padding:12px 18px}.system-note .board-chip{margin-bottom:7px}.system-note p{font-size:22px;margin-bottom:8px}.a2y-panel .board-caption{left:7%;top:68px;max-width:88%}.concept-sheet{padding:15px}.concept-sheet>span{font-size:8px}.concept-sheet p{font-size:23px;margin-top:15px}.sheet-question{width:43%;left:7%;top:245px;bottom:auto;min-height:165px;z-index:1}.sheet-question .sheet-mark{font-size:43px}.sheet-directions{width:45%;left:auto;right:6%;top:214px;transform:rotate(6deg)}.sheet-result{width:49%;right:12%;top:auto;bottom:25px;transform:rotate(-4deg);z-index:2}.sheet-result p{font-size:24px;margin:11px 0 14px}.sheet-result p br:last-child{display:none}.sheet-result a{font-size:10px;min-height:25px}.idea-lines{margin-top:21px}.sheet-directions p{font-size:clamp(12px,4vw,18px)}.section{padding:44px 24px}.section-heading{display:block;margin-bottom:28px}.section-heading h2{font-size:44px;letter-spacing:-.035em}.section-heading .eyebrow{font-size:11px;margin-bottom:16px}.section-heading>p{font-size:13px;max-width:45ch;margin-top:20px}.work{padding-top:20px}.work .section-heading h2{max-width:none}.case-grid{grid-template-columns:1fr 1fr;gap:26px 14px}.work>.case-grid>.case:first-child{grid-column:1/-1}.work>.case-grid>.case:first-child figure{aspect-ratio:1.7}.case figure{aspect-ratio:1.05;border-radius:8px}.case figure::after{width:28px;height:28px;right:7px;bottom:7px;font-size:13px;transform:none}.case h3{font-size:20px}.case>p{font-size:9px;gap:5px;margin:12px 0 7px}.case em{font-size:11px;line-height:1.5}.case>p b{display:none}.client-quote{margin:42px auto 0;text-align:left}.client-quote p{font-size:25px}.client-quote cite{font-size:11px}.services{padding-bottom:0}.service-detail{grid-template-columns:1fr;gap:25px;padding:34px 0 44px}.service-intro h3{font-size:41px;margin-bottom:20px}.service-intro>p:not(.eyebrow){font-size:14px;max-width:none}.service-list>div{grid-template-columns:105px 1fr;gap:13px;font-size:12px;padding:17px 0}.service-list dt{font-size:12px}.service-list{padding:20px}.system-steps{gap:13px}.system-steps dt{font-size:12px}.system-steps dd{font-size:11px}.a2y{margin:0 12px 20px;padding:35px 20px;border-radius:14px}.a2y .section-heading h2{max-width:none}.a2y .section-heading h2 br{display:none}.a2y-grid{grid-template-columns:1fr;gap:14px}.a2y-grid article{padding:23px}.a2y-grid article:nth-child(2){transform:rotate(-1deg)}.a2y-grid .eyebrow{margin-bottom:15px}.a2y-grid h3{font-size:30px;margin-bottom:14px}.a2y-grid p{font-size:14px}.a2y-grid .time{padding-top:5px}.a2y-footer{display:block;margin-top:22px}.a2y-footer p{font-size:12px}.a2y-footer .button{margin-top:20px}.studio,.faq,.contact{grid-template-columns:1fr;gap:35px}.studio h2{font-size:75px}.studio .large-copy{font-size:29px}.project-steps li{gap:16px;padding:20px 0}.project-steps h3{font-size:26px}.tour{grid-template-columns:1fr;margin:20px 12px;border-radius:14px}.tour>img{min-height:0;aspect-ratio:1.6;height:auto}.tour>div{padding:30px 23px}.tour h2{font-size:42px;margin:20px 0}.tour p:not(.eyebrow){font-size:14px}.tour-actions{gap:5px 18px;margin-top:20px}.tour .eyebrow{font-size:10px}.faq h2{font-size:39px}.faq summary{font-size:15px;padding-block:18px}.faq summary span{top:18px}.faq details>p{font-size:13px}.contact{padding-top:45px;padding-bottom:50px}.contact h2{font-size:64px}.contact-side{padding:20px}.contact form{gap:16px;grid-template-columns:1fr}.contact form>label{grid-column:1/-1}.contact-intro>p:not(.eyebrow){font-size:15px}.site-footer{padding:105px 24px 20px;margin-top:35px}.site-footer>p{font-family:var(--display);font-weight:800;font-size:57px;margin-bottom:25px}.site-footer nav{gap:0 20px;margin-bottom:18px}.site-footer>div{font-size:9px;align-items:center}.site-footer>div>span{max-width:26ch}.site-footer>div>a{white-space:nowrap}}
@media(max-width:360px){.hero-location{display:none}.hero-intro{margin-left:0}.hero h1{font-size:54px}.site-header{padding-inline:12px}.site-header nav>a,.nav-menu>summary{padding-inline:8px;font-size:11px}.header-actions>.button{font-size:11px}.film-link{font-size:10px}.workspace-topline{font-size:9px}.workspace-footer>span{max-width:20ch}.art-bar{font-size:7px}.board-caption h2,.a2y-panel .board-caption h2{font-size:29px}}
.work .section-heading h2{max-width:12ch}
@media(max-width:760px){.sheet-result{width:86%;left:7%;right:auto;bottom:20px;transform:rotate(-2deg)}.sheet-result p{font-size:23px;margin:10px 0}.sheet-result p br{display:none}.sheet-result a{min-height:28px}.work .section-heading h2{max-width:none}}
/* A flatter working surface: project material supplies the character. */
.workspace-stage,.case figure,.tour,.a2y,.contact-side{border-radius:3px}
.workspace-panel::after{display:none}
.board-art{border:0;border-radius:2px;box-shadow:none}
.board-art:hover{box-shadow:0 10px 22px #00000018}
.board-caption,.board-art,.concept-sheet,.system-note{translate:0 var(--reveal-y,0px)}
.art-main{transform:rotate(-2deg)}.art-side{transform:rotate(2deg)}.art-bottom{transform:rotate(-1deg)}
.browser-art{transform:none}.film-art{transform:rotate(-2deg)}.system-art{transform:rotate(-1deg)}
.concept-sheet,.system-note{border-radius:0;box-shadow:none}
.sheet-question{transform:rotate(-2deg)}.sheet-directions{transform:none}.sheet-result{transform:rotate(-1deg)}
.a2y-grid article{border-radius:0;box-shadow:none}.a2y-grid article:nth-child(2){transform:none}
.board-chip,#panel-production .board-caption .board-chip,.a2y-panel .board-caption .board-chip{background:transparent;padding:0;border-radius:0;font-weight:600;letter-spacing:.025em}
.service-list,.proof-links>.scrollfilm-proof{border-radius:2px}
.service-glyph{display:block;flex:none;width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}
.motion-word-mask{display:inline-block;overflow:clip;vertical-align:bottom;padding:0 .035em .14em;margin:0 -.035em -.14em}
.motion-word{display:inline-block;transform-origin:0 100%;will-change:auto}
.motion-arrow-window{display:inline-flex!important;overflow:hidden;width:1.4em;height:1.4em;align-items:center;justify-content:center;vertical-align:middle;flex:none}
.motion-arrow{display:inline-block;line-height:1.2}
.gsap-ready .button:hover>.motion-arrow-window,.gsap-ready .text-link:hover>.motion-arrow-window,.gsap-ready .film-link:hover>.motion-arrow-window{transform:none}
@media(max-width:760px){.service-glyph{width:19px;height:19px}.sheet-directions{transform:rotate(1deg)}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* Curved workspace wipe stays below the service navigation. */
.panel-wipe{position:absolute;inset:0;width:100%;height:100%;z-index:8;pointer-events:none;visibility:hidden}
.reading-line-mask{padding-bottom:.12em;margin-bottom:-.12em}

/* Actions identify their service; general contact and navigation are neutral. */
.button{background:var(--action-bg,var(--ink));color:var(--action-ink,#fff)}
.button:hover{background:var(--action-bg,#383a33);color:var(--action-ink,#fff);box-shadow:none;filter:brightness(.96)}
#studio-leistungen{--action-bg:var(--orange);--action-ink:var(--ink);--link-accent:var(--orange)}
#website-leistungen,.tour{--action-bg:var(--green);--action-ink:var(--ink);--link-accent:var(--green)}
#systems{--action-bg:var(--yellow);--action-ink:var(--ink);--link-accent:var(--yellow)}
#a2y{--action-bg:var(--purple);--action-ink:#fff;--link-accent:#bda6ff}
.a2y-footer .button,.a2y-footer .button:hover{background:var(--purple);color:white;border:1px solid #ffffff80}
.text-link{text-decoration-color:var(--link-accent,currentColor);text-decoration-thickness:2px;text-underline-offset:5px}

/* A2Y explains the offer through explicitly illustrative questions. */
.a2y-examples-note{max-width:74ch;margin:-8px 0 28px;color:#fff;font-size:14px;line-height:1.6}
.a2y-grid .a2y-question{color:var(--ink);font-weight:650;font-size:16px;line-height:1.4;margin:0 0 17px}
.a2y-grid h3{font-size:clamp(26px,2.5vw,34px);line-height:1.08}
@media(max-width:760px){.a2y-examples-note{margin:0 0 24px;font-size:13px}.a2y-grid h3{font-size:30px}}

/* Website references: two direct examples in the board, work and services. */
.cafe-reference-cover{display:block;position:relative;width:100%;height:100%;overflow:hidden;background:#f4f3eb}
.cafe-reference-cover>img:first-child{display:block;width:100%;height:100%;object-fit:cover;object-position:center}
.cafe-reference-cover>img.cafe-reference-logo{position:absolute;left:50%;top:50%;width:51%;height:auto;aspect-ratio:auto;object-fit:contain;transform:translate(-50%,-50%);border:0;border-radius:0}
.case:hover .cafe-reference-logo{transform:translate(-50%,-50%)}
.browser-art .cafe-reference-cover{height:auto;aspect-ratio:1.7}
.website-references{display:grid;grid-template-columns:1fr 1fr;gap:24px 18px;align-content:start}
.website-references>figure{margin:0;min-width:0}
.website-reference-visual{display:block;aspect-ratio:1.35;border:5px solid #e9eae3;border-radius:10px;overflow:hidden}
.website-references .website-reference-visual img{border:0;border-radius:0;height:100%;aspect-ratio:auto}
.website-references .website-reference-visual .cafe-reference-logo{height:auto}
.website-references figcaption{display:grid;gap:8px;font-size:12px;line-height:1.5}
.website-references figcaption strong{font-size:14px;font-weight:650;color:var(--ink)}
.website-references figcaption .text-link{font-size:12px;margin-top:4px;width:fit-content}
.website-references>.proof-links{grid-column:1/-1;margin-top:0}
@media(max-width:480px){.website-references{grid-template-columns:1fr;gap:24px}.website-reference-visual{aspect-ratio:1.7}}