:root{--green:#083d33;--ink:#183b32;--white:#fff;--muted:#626963;--surface:#f5f5f2;--line:#d9dfda;font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:var(--white);font-synthesis:none;scroll-behavior:smooth;scroll-padding-top:105px}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}button{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible{outline:2px solid #b59152;outline-offset:7px}h1,h2,h3,p{margin:0}button{cursor:pointer}.skip-link{position:fixed;top:-70px;left:20px;z-index:100;background:white;color:var(--green);padding:16px}.skip-link:focus{top:16px}.header{height:112px;padding:0 5.5%;display:flex;align-items:center;justify-content:space-between;background:linear-gradient(100deg,#062a26,#0b4b3d);color:white;position:relative;z-index:30}.brand{position:absolute;left:50%;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:8px;font-size:12px;font-weight:700;letter-spacing:2.3px;white-space:nowrap}.brand-symbol{display:block;width:59px;height:43px;overflow:hidden;position:relative}.brand-symbol img{position:absolute;width:96px;height:96px;max-width:none;left:-19px;top:-22px;filter:grayscale(1) invert(1) brightness(3);mix-blend-mode:screen}.menu-toggle{display:flex;gap:13px;align-items:center;border:0;background:transparent;color:white;font-size:14px;padding:14px 0}.menu-icon{width:20px;height:10px;border-top:1.5px solid;border-bottom:1.5px solid;position:relative}.header-link{font-size:14px}.header-link span{margin-left:12px}.hero{min-height:660px;height:calc(100svh - 112px);max-height:1060px;position:relative;background:radial-gradient(ellipse at 75% 15%,#466257 0%,#13372d 40%,#061d19 90%);color:white;display:flex;align-items:center;justify-content:center;text-align:center;isolation:isolate}.hero-content{padding:60px 24px 110px}.eyebrow{font-size:13px;font-weight:700;letter-spacing:2.6px;line-height:1.5}.hero h1{font-size:clamp(42px,5.4vw,82px);font-weight:600;letter-spacing:-2.5px;line-height:1.09;margin:24px 0 32px}.text-link{font-size:15px;font-weight:600;display:inline-flex;align-items:center;gap:18px;padding:10px 0;border-bottom:1px solid transparent}.text-link:hover{border-color:currentColor}.hero-bottom{position:absolute;bottom:30px;left:5.5%;right:5.5%;display:flex;align-items:center;justify-content:space-between;font-size:10px;letter-spacing:1.7px}.hero-bottom>a{font-size:22px;position:absolute;left:50%;transform:translateX(-50%);padding:15px}.section{padding:118px max(7%,calc((100vw - 1240px)/2))}.intro{text-align:center;max-width:1060px;margin:auto;padding-left:35px;padding-right:35px}.section h2{font-size:clamp(36px,4vw,57px);line-height:1.12;letter-spacing:-1.6px;font-weight:600;margin:24px 0 30px}.intro>p:last-child{max-width:670px;font-size:20px;line-height:1.8;color:var(--muted);margin:auto}.team{background:var(--surface)}.team-grid{display:grid;grid-template-columns:1fr 1fr;gap:42px;margin-top:65px}.portrait{aspect-ratio:1/1;overflow:hidden;position:relative;background:#1e1e22}.portrait img{position:absolute;max-width:none}.jonas img{width:100%;height:100%;object-fit:cover;object-position:center}.kilian img{width:142%;height:auto;left:-36%;top:-87%}.person{padding-top:26px}.person h3{font-size:27px;letter-spacing:-.6px}.person p{margin-top:10px;color:var(--muted);font-size:15px}footer{padding:55px 7%;display:flex;align-items:center;justify-content:space-between;gap:24px;font-size:13px}footer>span:first-child{font-weight:700;letter-spacing:1.4px}.navigation{position:absolute;top:112px;left:0;right:0;z-index:25;background:var(--green);color:white;padding:45px 7%;box-shadow:0 20px 35px #0003}.navigation:not([hidden]){display:flex;gap:50px}.navigation a{font-size:28px}.navigation a:hover{color:#d7c39d}@media(max-width:700px){:root{scroll-padding-top:85px}.header{height:96px;padding:0 24px}.header-link{font-size:0}.header-link span{font-size:22px;margin:0}.brand{font-size:10px;letter-spacing:1.8px}.brand-symbol{transform:scale(.9)}.hero{height:calc(100svh - 96px);min-height:570px}.hero-content{padding:70px 20px 95px}.hero h1{font-size:44px;letter-spacing:-1.6px;margin:24px 0}.eyebrow{font-size:12px;letter-spacing:2px}.hero-bottom{left:24px;right:24px;bottom:22px;font-size:9px;letter-spacing:1px}.hero-bottom>span:first-child{max-width:150px;text-align:left;line-height:1.6}.hero-bottom>span:last-child{max-width:80px;text-align:right;line-height:1.6}.section{padding:80px 24px}.section h2{font-size:36px}.intro>p:last-child{font-size:18px;line-height:1.7}.team-grid{gap:44px;grid-template-columns:1fr;margin-top:40px}.person h3{font-size:26px}footer{padding:45px 24px;align-items:flex-start;flex-direction:column;gap:20px}.navigation{top:96px;padding:35px 24px}.navigation:not([hidden]){flex-direction:column;gap:24px}.navigation a{font-size:25px}}@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}*{animation:none!important;transition:none!important}}
/* Complete brand presentation */
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.brand-symbol{mix-blend-mode:screen}.brand-symbol img{mix-blend-mode:normal}.hero{background:#091c18;min-height:620px}.hero-image{position:absolute;inset:0;z-index:-2;width:100%;height:100%;object-fit:cover;object-position:center;animation:hero-arrive 1.8s ease-out both}.hero::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(0,15,13,.16),rgba(0,15,13,.12) 30%,rgba(0,15,13,.44))}.hero-content{text-shadow:0 2px 24px #0004}.hero-content .eyebrow{letter-spacing:3px}.hero-bottom{font-size:12px;letter-spacing:1.3px}.hero h1{font-weight:600}.principles{display:flex;justify-content:center;gap:30px;margin-top:55px;padding-top:30px;border-top:1px solid var(--line);font-size:13px;font-weight:600;color:var(--green)}.project{background:linear-gradient(110deg,#072e28,#125541);color:white;padding-top:54px;padding-bottom:34px;overflow:hidden}.project-heading{display:flex;justify-content:space-between;gap:20px}.project-number{font-size:12px;letter-spacing:1.5px;opacity:.65}.project-content{display:grid;grid-template-columns:1fr 1fr;gap:65px;align-items:center;padding:62px 0 72px}.project h2{margin:0 0 27px;letter-spacing:-1.6px}.project-content p{font-size:18px;line-height:1.7;opacity:.78}.pill-link{display:inline-flex;align-items:center;gap:30px;font-size:15px;font-weight:600;background:white;color:var(--green);border:1px solid white;border-radius:50px;padding:17px 25px;margin-top:32px;transition:background .2s,color .2s}.pill-link:hover{color:white;background:transparent}.pill-link>span[aria-hidden]{font-size:20px;line-height:1}.project-wordmark{display:block;padding:20px 0 40px;transition:transform .5s}.project-wordmark:hover{transform:translateY(-6px)}.project-wordmark img{display:block;width:100%;height:auto}.project-bottom{display:flex;justify-content:space-between;gap:24px;border-top:1px solid #ffffff2e;padding-top:24px;font-size:12px;color:#c6d7cf}.team-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:40px}.team-heading h2{margin-bottom:0}.team-heading>p{color:var(--muted);font-size:17px;line-height:1.7;max-width:430px;margin-bottom:4px}.team-grid{gap:38px;margin-top:60px}.portrait img{transition:filter .5s}.person{display:flex;align-items:baseline;justify-content:space-between;gap:18px}.person h3{font-size:27px;font-weight:600;white-space:nowrap}.person p{margin:0;font-size:12px;display:flex;flex-direction:column;align-items:flex-end;gap:8px}.person strong{color:var(--green);font-size:14px;letter-spacing:1px}.contact{text-align:center;padding-top:115px;padding-bottom:115px}.contact-link{font-size:21px;border-bottom:1px solid #bac8bf;padding-bottom:12px;gap:30px;max-width:100%;word-break:break-word}.contact-link:hover{border-color:var(--green)}.contact-location{margin-top:32px;font-size:14px;color:var(--muted)}footer{display:block;background:var(--surface);padding-top:45px;padding-bottom:30px}.footer-top,.footer-bottom{display:flex;justify-content:space-between;align-items:center;gap:25px}.footer-top{padding-bottom:36px;border-bottom:1px solid var(--line)}.footer-brand{font-size:15px;letter-spacing:2.1px;font-weight:700}.footer-top>a{font-size:14px}.footer-bottom{padding-top:26px;color:var(--muted);font-size:12px}.footer-bottom>div{display:flex;gap:30px;align-items:center}.footer-bottom button{border:0;padding:7px 0;background:none;color:inherit;font-size:13px}.footer-bottom button:hover{color:var(--green);text-decoration:underline}.dialog-open{overflow:hidden}dialog{border:none;padding:60px;width:calc(100% - 36px);max-width:720px;max-height:85svh;color:var(--ink);background:#fff;box-shadow:0 30px 100px #0003}dialog::backdrop{background:#011b17bb;backdrop-filter:blur(5px)}dialog .eyebrow{font-size:12px}dialog h2{font-size:40px;letter-spacing:-1px;margin:18px 0 32px}dialog h3{font-size:18px;margin:26px 0 12px}dialog p,dialog address,dialog>a{font-size:16px;line-height:1.8;font-style:normal;color:#4a5650}dialog a{text-decoration:underline;text-underline-offset:3px;word-break:break-word}dialog p{margin-bottom:18px}.dialog-close{position:absolute;top:17px;right:20px;width:40px;height:40px;display:grid;place-items:center;font-size:30px;border:0;background:none;color:var(--ink)}dialog .legal-date{margin-top:30px;font-size:13px}@keyframes hero-arrive{from{transform:scale(1.045);opacity:.65}to{transform:scale(1);opacity:1}}@media(min-width:1600px){.hero h1{font-size:86px}.hero-content{padding-bottom:120px}}@media(max-width:1000px){.person{display:block}.person p{align-items:flex-start;margin-top:14px;flex-direction:row;align-items:baseline;gap:12px}.team-heading>p{max-width:300px}.hero-bottom>span:first-child{max-width:290px;line-height:1.5}.project-content{gap:35px}}@media(max-width:700px){.hero{min-height:600px}.hero-image{object-position:62% center}.hero::after{background:linear-gradient(180deg,#001d1925,#001d1955 40%,#001d1977)}.hero h1{font-size:clamp(38px,9vw,56px)}.hero-content .eyebrow{font-size:11px;letter-spacing:2.3px}.hero-bottom{font-size:10px;letter-spacing:1px}.hero-bottom>span:first-child{max-width:145px}.principles{flex-direction:column;gap:16px;margin-top:38px;padding-top:27px;font-size:13px}.project{padding-top:38px;padding-bottom:28px}.project-heading{gap:15px}.project-heading .eyebrow{max-width:200px;font-size:11px}.project-number{font-size:10px;white-space:nowrap;line-height:1.5}.project-content{grid-template-columns:1fr;gap:65px;padding:52px 0 42px}.project h2{font-size:43px}.project-wordmark{padding:12px 15px 32px;width:100%;max-width:440px;margin:auto}.project-bottom{font-size:12px}.project-bottom>span:last-child{display:none}.team-heading{display:block}.team-heading>p{max-width:none;margin-top:25px;font-size:16px}.team-grid{gap:44px;margin-top:36px}.person{display:flex}.person h3{font-size:25px}.person p{align-items:flex-end;flex-direction:column;gap:7px;margin-top:0;font-size:11px}.person strong{font-size:13px}.contact{padding-top:82px;padding-bottom:82px}.contact h2{font-size:36px}.contact .eyebrow{font-size:11px}.contact-link{font-size:17px;gap:14px}.contact-location{font-size:12px}.footer-top{align-items:flex-start}.footer-brand{font-size:12px;letter-spacing:1.5px}.footer-top>a{font-size:12px}.footer-bottom{align-items:flex-start;flex-direction:column;gap:18px}.footer-bottom>div{width:100%;flex-wrap:wrap;gap:18px}.footer-bottom>div>span{margin-left:auto}.footer-bottom button{font-size:12px}dialog{padding:50px 25px 25px}dialog h2{font-size:34px}dialog p{font-size:15px}}@media(max-width:370px){.person{display:block}.person p{flex-direction:row;gap:12px;margin-top:10px}.hero h1{font-size:36px}.brand{font-size:9px}.menu-toggle{font-size:12px;gap:8px}.contact-link{font-size:15px}}
/* Readability and matched portrait framing */
.intro>p:not(.eyebrow){max-width:670px;font-size:20px;line-height:1.8;color:var(--muted);margin:auto}.kilian img{top:-82%}.jonas img{width:142%;height:142%;left:-21%;top:-4%;object-fit:cover;object-position:center}.person p{font-size:12px}.hero-bottom{font-size:12px}@media(max-width:700px){.intro>p:not(.eyebrow){font-size:18px;line-height:1.75}.project-heading .eyebrow,.project-number,.contact .eyebrow{font-size:12px}.hero-content .eyebrow{font-size:12px}.hero-bottom{font-size:10px}.person p{font-size:12px}.person h3{font-size:25px}}@media(max-width:400px){.person{display:block}.person p{flex-direction:row;align-items:baseline;gap:12px;margin-top:12px}}
.brand{mix-blend-mode:screen}
/* Matching square studio portraits; preserve Jonas's original composition. */
.kilian img,.jonas img{width:100%;height:100%;left:0;top:0;object-fit:cover;object-position:center}.brand-symbol img{filter:grayscale(1) invert(1) contrast(8)}
/* Founder titles stay readable beside each name across screen sizes. */
.person{flex-wrap:wrap;row-gap:14px}.person strong{font-size:13px;letter-spacing:.35px;white-space:nowrap}@media(max-width:1100px){.person{display:block}.person p{align-items:flex-start;flex-direction:column;margin-top:12px;gap:7px}}@media(max-width:700px){.person strong{font-size:13px}.person p{font-size:12px}}