.portfolio-lean{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;min-height:100dvh}.portfolio-lean h1,.portfolio-lean h2,.portfolio-lean h3,.portfolio-lean h4{font-family:inherit;line-height:inherit}.portfolio-lean dialog{margin:auto}.portfolio-lean dialog:not([open]){display:none}.portfolio-lean dialog[open]{display:block}.portfolio-lean summary{display:list-item}.portfolio-lean button{border-radius:0}@font-face{font-family:PortfolioFamiljen;src:url(/portfolio/fonts/familjen-grotesk.woff2)format("woff2");font-weight:400 700;font-display:swap}.portfolio-lean{--paper:#fcfcfa;--ink:#252724;--muted:#646761;--line:#dedfd9;--surface:#f1f2ee;--focus:#3a5942}.portfolio-lean *{box-sizing:border-box}html:has(.portfolio-lean){scroll-behavior:smooth;scroll-padding-top:28px}.portfolio-lean{background:var(--paper);color:var(--ink);-webkit-font-smoothing:antialiased;margin:0;font:17px/1.55 PortfolioFamiljen,Arial,sans-serif}.portfolio-lean ::selection{background:#dbe6d7}.portfolio-lean a{color:inherit;text-underline-offset:4px}.portfolio-lean button{font:inherit;color:inherit;cursor:pointer}.portfolio-lean button,.portfolio-lean a,.portfolio-lean summary{-webkit-tap-highlight-color:transparent}.portfolio-lean a:focus-visible,.portfolio-lean button:focus-visible,.portfolio-lean summary:focus-visible{outline:2px solid var(--focus);outline-offset:5px}.portfolio-lean h1,.portfolio-lean h2,.portfolio-lean h3,.portfolio-lean h4,.portfolio-lean p,.portfolio-lean figure{margin:0}.portfolio-lean h1,.portfolio-lean h2,.portfolio-lean h3,.portfolio-lean h4{font-weight:500}.portfolio-lean img,.portfolio-lean video{max-width:100%;height:auto;display:block}.portfolio-lean button img{pointer-events:none}.portfolio-lean .shell{width:min(1080px,100% - 88px);margin:auto}.portfolio-lean .skip{z-index:20;background:var(--ink);color:#fff;padding:10px 18px;position:fixed;top:-80px;left:20px}.portfolio-lean .skip:focus{top:10px}.portfolio-lean .masthead{justify-content:space-between;align-items:center;gap:24px;padding-block:28px;font-size:14px;display:flex}.portfolio-lean .signature{font-size:17px;font-weight:550;text-decoration:none}.portfolio-lean .masthead nav{gap:27px;display:flex}.portfolio-lean .masthead nav a{text-decoration:none}.portfolio-lean .masthead nav a:hover{text-decoration:underline}.portfolio-lean .intro{max-width:740px;padding-block:31px 38px}.portfolio-lean .intro h1{letter-spacing:-.03em;margin-bottom:14px;font-size:32px;line-height:1.25}.portfolio-lean .intro p{letter-spacing:-.015em;max-width:630px;font-size:24px;line-height:1.45}.portfolio-lean .intro p span{color:var(--muted)}.portfolio-lean .intro .location{color:var(--muted);letter-spacing:0;margin-top:22px;font-size:14px}.portfolio-lean .work-label{color:var(--muted);justify-content:space-between;align-items:center;margin-bottom:18px;font-size:13px;display:flex}.portfolio-lean .work-label h2{font-size:13px;font-weight:400}.portfolio-lean .project-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:38px 25px;display:grid}.portfolio-lean .project{min-width:0;text-decoration:none;display:block}.portfolio-lean .project-visual{aspect-ratio:1.55;background:var(--surface);border-radius:4px;justify-content:center;align-items:center;padding:25px;display:flex;overflow:hidden}.portfolio-lean .project-visual img{object-fit:contain;width:100%;height:auto;max-height:100%;transition:transform .3s}.portfolio-lean .project:hover .project-visual img{transform:translateY(-3px)}.portfolio-lean .project:focus-visible{border-radius:4px}.portfolio-lean .project-visual.garden{background:#eae7dd;padding:19px}.portfolio-lean .project-visual.lvl{background:#e9ece8}.portfolio-lean .project-visual.lvl img{box-shadow:0 7px 20px #20262014}.portfolio-lean .project-visual.lilt{background:#eeece4;gap:24px;padding:20px 45px}.portfolio-lean .project-visual.lilt img{border-radius:13px;width:auto;height:100%;box-shadow:0 5px 15px #333d3012}.portfolio-lean .project-visual.threom{background:#edecf2}.portfolio-lean .project-visual.threom img{box-shadow:0 7px 20px #29263a0d}.portfolio-lean .project-visual.garzen{background:#e6eee8;padding:0}.portfolio-lean .project-visual.garzen img{object-fit:contain;width:100%;height:100%}.portfolio-lean .project-label{justify-content:space-between;align-items:baseline;gap:18px;margin-top:13px;display:flex}.portfolio-lean .project-label h3{letter-spacing:-.015em;font-size:18px;line-height:1.3}.portfolio-lean .project-label .state{color:var(--muted);white-space:nowrap;font-size:12px}.portfolio-lean .project-description{color:var(--muted);margin-top:3px;font-size:15px}.portfolio-lean .project:hover h3{text-underline-offset:4px;text-decoration:underline}.portfolio-lean .about{align-self:center;padding:18px 25px 18px 30px;scroll-margin-top:40px}.portfolio-lean .about h2{margin-bottom:13px;font-size:18px}.portfolio-lean .about p{color:var(--muted);max-width:430px;font-size:17px;line-height:1.65}.portfolio-lean .about p+p{margin-top:15px}.portfolio-lean .about a{text-decoration-thickness:1px}.portfolio-lean .about details{color:var(--muted);margin-top:16px;font-size:14px}.portfolio-lean .about summary{cursor:pointer;width:fit-content;color:var(--ink)}.portfolio-lean .about details p{margin-top:12px;font-size:14px;line-height:1.6}.portfolio-lean .footer{border-top:1px solid var(--line);justify-content:space-between;gap:30px;margin-top:70px;padding-block:27px 34px;font-size:14px;display:flex}.portfolio-lean .footer p{color:var(--muted);margin-top:5px;font-size:13px}.portfolio-lean .footer-links{align-items:start;gap:24px;display:flex}.portfolio-lean .footer-links a{text-decoration:none}.portfolio-lean .footer-links a:hover{text-decoration:underline}.portfolio-lean dialog{background:var(--paper);color:var(--ink);border:0;padding:0;box-shadow:0 30px 100px #0003}.portfolio-lean dialog::backdrop{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#20241e99}.portfolio-lean .project-dialog{overscroll-behavior:contain;border-radius:8px;width:min(1100px,100vw - 64px);max-width:none;max-height:calc(100dvh - 64px)}.portfolio-lean .dialog-bar{z-index:3;background:var(--paper);border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:24px;padding:13px 32px;font-size:14px;display:flex;position:sticky;top:0}.portfolio-lean .dialog-bar span{color:var(--muted)}.portfolio-lean .dialog-bar button,.portfolio-lean .image-dialog button{background:0 0;border:0;min-height:38px;padding:7px 0 7px 16px;font-size:14px}.portfolio-lean .dialog-bar button:hover,.portfolio-lean .image-dialog button:hover{text-underline-offset:4px;text-decoration:underline}.portfolio-lean .project-content{padding:36px 42px 38px}.portfolio-lean .case-intro{margin-bottom:25px;display:block}.portfolio-lean .project-name{margin-bottom:9px;font-size:19px;font-weight:500}.portfolio-lean .project-name span{display:none}.portfolio-lean .project-info{color:var(--muted);font-size:13px;line-height:1.65}.portfolio-lean .status{color:var(--muted);margin-top:4px;font-size:12px;display:inline-block}.portfolio-lean .case-title{letter-spacing:-.03em;max-width:780px;margin-top:28px;margin-bottom:16px;font-size:38px;font-weight:450;line-height:1.13}.portfolio-lean .serif{font-family:inherit;font-style:normal}.portfolio-lean .case-lead{color:var(--muted);max-width:750px;font-size:18px}.portfolio-lean .media-stage{background:#e9ece8;border-radius:3px;padding:24px}.portfolio-lean .media-stage.dark{background:#e9ece8}.portfolio-lean .media-stage.lavender{background:#edecf2}.portfolio-lean .media-stage button{cursor:zoom-in;background:0 0;border:0;width:100%;padding:0;display:block}.portfolio-lean .media-stage img{border-radius:2px;width:100%;height:auto}.portfolio-lean .media-stage video{aspect-ratio:1.6;object-fit:contain;background:#202420;border-radius:2px;width:100%;max-height:65vh}.portfolio-lean .media-panel[hidden]{display:none}.portfolio-lean .media-tools{justify-content:space-between;align-items:center;gap:14px;margin-top:11px;display:flex}.portfolio-lean .media-switch{flex-wrap:wrap;gap:18px;display:flex}.portfolio-lean .media-switch button{color:var(--muted);background:0 0;border:0;border-bottom:1px solid #0000;min-height:37px;padding:8px 0;font-size:13px}.portfolio-lean .media-switch button[aria-pressed=true]{color:var(--ink);border-color:var(--ink)}.portfolio-lean .media-switch button:hover{color:var(--ink)}.portfolio-lean .media-hint{color:var(--muted);font-size:12px}.portfolio-lean .caption{color:var(--muted);max-width:850px;margin-top:12px;font-size:12px}.portfolio-lean .case-notes{grid-template-columns:repeat(3,minmax(0,1fr));gap:27px;margin-top:33px;display:grid}.portfolio-lean .note-number{color:var(--muted);margin-bottom:8px;font-size:12px;display:block}.portfolio-lean .case-notes h3{margin-bottom:10px;font-size:17px;line-height:1.3}.portfolio-lean .case-notes p,.portfolio-lean .experiment-description p{color:var(--muted);font-size:15px;line-height:1.6}.portfolio-lean .details{border-top:1px solid var(--line);margin-top:28px;font-size:14px}.portfolio-lean .details summary{cursor:pointer;width:fit-content;padding:16px 0}.portfolio-lean .details-content{color:var(--muted);grid-template-columns:1fr 1fr;gap:30px;padding:4px 0 12px;font-size:15px;display:grid}.portfolio-lean .details-content strong{color:var(--ink);margin-bottom:7px;font-weight:500;display:block}.portfolio-lean .text-link{width:fit-content;margin-top:14px;display:block}.portfolio-lean .lilt-layout{grid-template-columns:1fr 1fr;align-items:center;gap:36px;display:grid}.portfolio-lean .lilt-copy .case-title{margin-top:22px;font-size:35px}.portfolio-lean .lilt-copy .case-notes{margin-top:23px;display:block}.portfolio-lean .lilt-copy .case-notes>div+div{margin-top:20px}.portfolio-lean .lilt-copy .case-lead{font-size:17px}.portfolio-lean .lilt-visual{background:#eeece4;border-radius:3px;justify-content:center;align-items:center;gap:16px;padding:26px 21px;display:flex}.portfolio-lean .phone{border-radius:16px;width:50%;overflow:hidden}.portfolio-lean .phone button{cursor:zoom-in;background:0 0;border:0;padding:0}.portfolio-lean .phone img,.portfolio-lean .phone video{width:100%;height:auto}.portfolio-lean .experiment-head{margin-bottom:24px}.portfolio-lean .experiment .kind{color:var(--muted);margin-bottom:17px;font-size:13px}.portfolio-lean .experiment h3{letter-spacing:-.02em;margin-bottom:15px;font-size:34px;line-height:1.2}.portfolio-lean .experiment-head>p{max-width:690px;color:var(--muted);font-size:18px}.portfolio-lean .experiment .media-stage{background:#eae7dd}.portfolio-lean .garzen .media-stage{padding:0}.portfolio-lean .experiment-description{grid-template-columns:1fr 1fr;gap:30px;margin-top:29px;display:grid}.portfolio-lean .experiment-description h4{margin-bottom:9px;font-size:17px;font-weight:500}.portfolio-lean .image-dialog{border-radius:5px;width:min(1450px,96vw);max-width:96vw;max-height:96dvh}.portfolio-lean .image-dialog header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:20px;padding:8px 20px;font-size:13px;display:flex}.portfolio-lean .image-dialog img{object-fit:contain;background:var(--surface);width:100%;height:auto;max-height:calc(96dvh - 58px)}@media (min-width:1550px){.portfolio-lean .shell{width:1140px}.portfolio-lean .intro{padding-block:60px}.portfolio-lean .project-visual{aspect-ratio:1.58}}@media (max-width:850px){.portfolio-lean .shell{width:calc(100% - 48px)}.portfolio-lean .intro{padding-block:35px 42px}.portfolio-lean .project-grid{gap:32px 20px}.portfolio-lean .project-visual{aspect-ratio:1.4;padding:17px}.portfolio-lean .project-visual.lilt{gap:14px;padding:16px 25px}.portfolio-lean .project-label{align-items:start;gap:10px}.portfolio-lean .project-label .state{font-size:11px}.portfolio-lean .about{padding:5px 5px 5px 12px}.portfolio-lean .about p{font-size:16px}.portfolio-lean .project-dialog{width:calc(100vw - 32px);max-height:calc(100dvh - 32px)}.portfolio-lean .project-content{padding:28px}.portfolio-lean .case-notes{gap:22px}.portfolio-lean .media-hint{display:none}.portfolio-lean .lilt-layout{gap:25px}.portfolio-lean .lilt-visual{gap:10px;padding:18px 12px}.portfolio-lean .lilt-copy .case-title{font-size:30px}}@media (max-width:600px){.portfolio-lean .shell{width:calc(100% - 40px)}.portfolio-lean .masthead{padding-block:23px;font-size:13px}.portfolio-lean .masthead nav{gap:22px}.portfolio-lean .intro{padding-block:24px 34px}.portfolio-lean .intro h1{margin-bottom:13px;font-size:29px}.portfolio-lean .intro p{font-size:21px;line-height:1.5}.portfolio-lean .intro .location{margin-top:18px;font-size:13px}.portfolio-lean .work-label{margin-bottom:16px;font-size:12px}.portfolio-lean .work-label h2{font-size:12px}.portfolio-lean .project-grid{grid-template-columns:1fr;row-gap:30px}.portfolio-lean .project-visual{aspect-ratio:1.55;padding:20px}.portfolio-lean .project-visual.garden{padding:14px}.portfolio-lean .project-visual.lilt{gap:25px;padding:20px 35px}.portfolio-lean .project-label h3{font-size:18px}.portfolio-lean .project-label .state{font-size:12px}.portfolio-lean .project-description{font-size:15px}.portfolio-lean .about{border-top:1px solid var(--line);margin-top:6px;padding:24px 0 0}.portfolio-lean .about p{max-width:none;font-size:16px}.portfolio-lean .footer{flex-direction:column;gap:22px;margin-top:36px;padding-block:23px 28px}.portfolio-lean .footer-links{gap:25px}.portfolio-lean .project-dialog{border-radius:0;width:100%;height:100dvh;max-height:100dvh;margin:0}.portfolio-lean .dialog-bar{padding:10px 20px}.portfolio-lean .dialog-bar button{min-height:44px}.portfolio-lean .project-content{padding:26px 20px 34px}.portfolio-lean .case-title{margin-top:25px;font-size:31px}.portfolio-lean .case-lead{font-size:17px}.portfolio-lean .media-stage{padding:10px}.portfolio-lean .media-switch{gap:16px}.portfolio-lean .media-switch button{min-height:44px;font-size:12px}.portfolio-lean .caption{font-size:12px}.portfolio-lean .case-notes{grid-template-columns:1fr;gap:22px;margin-top:27px}.portfolio-lean .case-notes h3{margin-bottom:7px}.portfolio-lean .note-number{margin-bottom:5px}.portfolio-lean .details-content{grid-template-columns:1fr;gap:20px}.portfolio-lean .lilt-layout{grid-template-columns:1fr}.portfolio-lean .lilt-copy .case-title{font-size:31px}.portfolio-lean .lilt-visual{gap:20px;padding:24px 22px}.portfolio-lean .phone{border-radius:16px}.portfolio-lean .experiment h3{font-size:28px}.portfolio-lean .experiment-head>p{font-size:17px}.portfolio-lean .experiment-description{grid-template-columns:1fr;gap:22px}.portfolio-lean .image-dialog{border-radius:0;width:100%;max-width:100%}.portfolio-lean .image-dialog header{padding-inline:15px}}.portfolio-lean .project-visual.cault{background:#eeeae2;gap:23px;padding:20px 38px}.portfolio-lean .project-visual.cault img{border-radius:10px;width:auto;height:100%}.portfolio-lean .project-visual.zouma{background:#e8e5dd;padding:18px}.portfolio-lean .project-visual.avm{background:#ded9cd;padding:0}.portfolio-lean .project-visual.avm img{object-fit:contain;width:100%;height:100%}.portfolio-lean .media-stage.portrait{background:#eeeae2;padding:22px}.portfolio-lean .media-stage.portrait img,.portfolio-lean .media-stage.portrait video{aspect-ratio:auto;object-fit:contain;border-radius:8px;width:auto;max-width:100%;height:auto;max-height:680px;margin:auto}.portfolio-lean .media-stage.landscape{background:#e8e5dd;padding:0}.portfolio-lean .media-stage.landscape video{aspect-ratio:16/9;background:#171916}.portfolio-lean .about{border-top:1px solid var(--line);grid-column:1/-1;max-width:700px;margin-top:5px;padding:25px 0 0}.portfolio-lean .about p{max-width:650px}@media (max-width:600px){.portfolio-lean .project-visual.cault{gap:22px;padding:18px 30px}.portfolio-lean .media-stage.portrait{padding:16px}.portfolio-lean .media-stage.portrait img,.portfolio-lean .media-stage.portrait video{width:100%;max-width:330px;max-height:none}.portfolio-lean .project-visual.zouma{padding:12px}}@media (prefers-reduced-motion:reduce){html:has(.portfolio-lean){scroll-behavior:auto}.portfolio-lean *{transition:none!important;animation:none!important}}.portfolio-lean .project-stack{color:var(--muted);padding:0 0 18px;font-size:13px;line-height:1.7}.portfolio-lean .project-stack strong{color:var(--ink);margin-right:12px;font-weight:500}.portfolio-lean #zouma .media-tools{flex-wrap:wrap}.portfolio-lean .appearance-select{color:var(--muted);align-items:center;gap:8px;margin-left:auto;font-size:12px;display:flex}.portfolio-lean .appearance-select select{font:inherit;color:var(--ink);background:var(--paper);border:1px solid var(--line);cursor:pointer;border-radius:3px;max-width:100%;min-height:40px;padding:8px}.portfolio-lean .appearance-select select:focus-visible{outline:2px solid var(--focus);outline-offset:3px}@media (max-width:600px){.portfolio-lean .appearance-select{margin-left:0}.portfolio-lean .appearance-select select{min-height:44px}}.portfolio-lean .intro .intro-practice{letter-spacing:0;color:var(--muted);margin-top:15px;font-size:16px;line-height:1.6}.portfolio-lean .case-story{max-width:750px;color:var(--muted);margin-top:28px;font-size:17px;line-height:1.65}.portfolio-lean .case-story p+p{margin-top:17px}.portfolio-lean .lilt-copy .case-story{margin-top:20px;font-size:16px}.portfolio-lean .details-content.single{grid-template-columns:1fr;max-width:750px}.portfolio-lean .project-visual.entroparc{background:#171c16;padding:0}.portfolio-lean .project-visual.entroparc img{object-fit:contain;width:100%;height:100%}.portfolio-lean #entroparc .media-stage.landscape video{aspect-ratio:8/5}.portfolio-lean #entroparc .media-tools{align-items:flex-start}