@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap";:root{color:#253c34;font-synthesis:none;-webkit-font-smoothing:antialiased;--ink:#253c34;--muted:#718078;--accent:#bd806b;--cream:#faf9f6;--sage:#e1ebe2;--line:#e7e9e3;background:#faf9f6;font-family:DM Sans,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{min-width:320px;margin:0}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}a:focus-visible,button:focus-visible{outline:2px solid var(--accent);outline-offset:4px}.page{max-width:1550px;margin:auto;padding:0 3.5%}.header{justify-content:space-between;align-items:center;gap:25px;min-height:105px;display:flex}.logo{letter-spacing:-4px;font-family:Manrope,sans-serif;font-size:43px;font-weight:800}.logo span{color:var(--accent)}.navigation,.header-actions,.languages{align-items:center;display:flex}.navigation{gap:35px}.navigation a{font-size:13px;font-weight:600;transition:color .2s}.navigation a:hover{color:var(--accent)}.header-actions{gap:22px}.languages{gap:3px}.languages button{color:var(--muted);background:0 0;border:0;border-radius:20px;padding:8px;font-size:11px;font-weight:700}.languages button.active{color:#fff;background:var(--ink)}.header-contact{border:1px solid var(--ink);letter-spacing:.5px;border-radius:30px;padding:13px 20px;font-size:11px;font-weight:700;transition:background .2s,color .2s}.header-contact:hover{color:#fff;background:var(--ink)}.menu-button{color:var(--ink);background:0 0;border:0;font-size:24px;display:none}.hero-grid{grid-template-rows:280px 225px 180px;grid-template-columns:1.55fr repeat(3,1fr);gap:15px;display:grid}.tile{border-radius:28px;position:relative;overflow:hidden}.portrait-tile{background:linear-gradient(145deg,#e3ece2,#c9ddcd);grid-area:1/1/4}.portrait-orbit{pointer-events:none;border:1px solid #fff9;border-radius:50%;position:absolute}.orbit-one{width:115%;height:62%;top:14%;left:-25%;transform:rotate(-20deg)}.orbit-two{width:90%;height:46%;top:25%;right:-30%;transform:rotate(25deg)}.portrait-spark{color:#ffffffe6;font-size:43px;position:absolute;top:8%;right:9%}.portrait-image{z-index:2;object-fit:contain;object-position:bottom center;width:auto;max-width:none;height:96%;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.intro-tile{background:#f0eee8;flex-direction:column;grid-area:1/2/auto/5;justify-content:space-between;padding:38px 48px;display:flex}.eyebrow,.tile-type,.section-number,.project-type{letter-spacing:1.7px;color:var(--accent);font-size:10px;font-weight:700}.intro-tile h1{letter-spacing:-4px;margin:9px 0 7px;font-family:Manrope,sans-serif;font-size:clamp(42px,5vw,76px);font-weight:800;line-height:1.1}.intro-tile h1 span{color:var(--accent)}.intro-tile h2{margin:0;font-size:clamp(17px,2vw,26px);font-weight:600}.location{color:var(--muted);margin:5px 0 0;font-size:14px}.intro-bottom{justify-content:space-between;align-items:end;gap:20px;display:flex}.intro-bottom p{max-width:400px;color:var(--muted);margin:0;font-size:13px;line-height:1.6}.round-arrow{border:1px solid var(--ink);border-radius:50%;flex-shrink:0;place-items:center;width:48px;height:48px;font-size:25px;transition:background .2s,color .2s,transform .2s;display:grid}.round-arrow:hover{background:var(--ink);color:#fff;transform:rotate(45deg)}.project-tile{flex-direction:column;justify-content:space-between;padding:18px;transition:transform .25s;display:flex}.project-tile:hover{transform:translateY(-4px)}.tile-yoganow{background:#e9e5f1;grid-area:2/2}.tile-uno{background:#f5e6da;grid-area:2/3}.tile-kaffeehaus{background:#e9eddb;grid-area:2/4}.tile-project-image{flex:1;justify-content:center;align-items:center;min-height:0;padding:5px;display:flex}.tile-project-image img{object-fit:contain;width:100%;max-width:180px;height:125px;transition:transform .3s}.project-tile:hover img{transform:scale(1.05)}.tile-bottom{justify-content:space-between;align-items:center;gap:8px;display:flex}.tile-bottom h3{margin:0;font-family:Manrope,sans-serif;font-size:clamp(15px,1.6vw,22px);font-weight:800}.tile-bottom>span{font-size:23px}.expertise-tile{background:#e3ebe2;grid-area:3/2/auto/4;padding:26px 30px}.about-tile{background:#f2eae4;grid-area:3/4;padding:26px}.expertise-tile h3,.about-tile h3{letter-spacing:-1px;margin:10px 0;font-family:Manrope,sans-serif;font-size:clamp(23px,2.4vw,33px)}.expertise-preview{flex-wrap:wrap;gap:7px;margin-top:20px;display:flex}.expertise-preview span{background:#ffffffbf;border-radius:20px;padding:7px 11px;font-size:10px;font-weight:700}.about-tile p{max-width:180px;color:var(--muted);margin:0;font-size:12px;line-height:1.6}.tile-corner-arrow{font-size:25px;position:absolute;bottom:20px;right:22px}.section{border-bottom:1px solid var(--line);padding:105px 1%}.section-head h2{letter-spacing:-2.5px;max-width:850px;margin:15px 0 12px;font-family:Manrope,sans-serif;font-size:clamp(35px,4vw,56px);line-height:1.15}.section-head>p{color:var(--muted);margin:0;font-size:15px;line-height:1.8}.projects-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:25px;margin-top:45px;display:grid}.project-card{min-width:0}.project-visual{border-radius:25px;place-items:center;height:290px;display:grid;overflow:hidden}.visual-yoganow{background:#e9e5f1}.visual-uno{background:#f5e6da}.visual-kaffeehaus{background:#e9eddb}.project-visual img{object-fit:contain;width:85%;height:85%;transition:transform .3s}.project-card:hover .project-visual img{transform:scale(1.04)}.project-meta{padding:24px 5px}.project-meta h3{margin:10px 0;font-family:Manrope,sans-serif;font-size:25px}.project-meta p{color:var(--muted);margin:0 0 16px;font-size:13px;line-height:1.7}.project-stack{color:var(--ink);font-size:11px;font-weight:700}.tech-list{flex-wrap:wrap;gap:17px 35px;margin-top:45px;display:flex}.tech-item{align-items:center;gap:12px;padding:12px 0;transition:transform .2s;display:inline-flex}.tech-item:hover{transform:translateY(-3px)}.tech-item img{object-fit:contain;width:27px;height:27px}.tech-item span{font-size:15px;font-weight:600}.about-layout{grid-template-columns:1fr 1fr;align-items:start;gap:70px;display:grid}.about-content>p{max-width:600px;color:var(--muted);margin:5px 0 38px;font-size:17px;line-height:1.95}.values-line{border-top:1px solid var(--line);flex-wrap:wrap;gap:15px 25px;padding-top:22px;display:flex}.value-item{align-items:center;gap:7px;display:inline-flex}.value-item>span{color:var(--accent);font-size:23px}.value-item strong{font-size:13px;font-weight:700}.contact-section{background:linear-gradient(120deg,#e2ebe2 0%,#f0f1e9 65%,#f5e9e0 100%);border:0;border-radius:30px;align-items:center;min-height:365px;margin:40px 0 0;padding:65px 6%;display:flex;position:relative;overflow:hidden}.contact-copy{z-index:2;max-width:720px;position:relative}.contact-copy h2{letter-spacing:-3px;margin:15px 0 20px;font-family:Manrope,sans-serif;font-size:clamp(39px,5vw,70px);font-weight:800;line-height:1.12}.contact-copy>p{max-width:540px;color:var(--muted);margin:0;font-size:15px;line-height:1.8}.contact-actions{flex-wrap:wrap;align-items:center;gap:15px;margin-top:28px;display:flex}.primary-link,.secondary-link{border-radius:30px;align-items:center;gap:20px;padding:15px 23px;font-size:13px;font-weight:700;transition:transform .2s,background .2s;display:inline-flex}.primary-link{color:#fff;background:var(--ink)}.secondary-link{border:1px solid var(--ink)}.primary-link:hover,.secondary-link:hover{transform:translateY(-3px)}.secondary-link:hover{background:#ffffff8c}.contact-art{pointer-events:none;flex-direction:column;align-items:flex-end;display:flex;position:absolute;top:15%;right:5%}.art-code{letter-spacing:-10px;color:#253c3417;font-family:Manrope,sans-serif;font-size:clamp(80px,11vw,160px);font-weight:800}.art-star{color:#bd806b33;margin-right:40px;font-size:80px}.footer{color:var(--muted);justify-content:space-between;gap:20px;padding:35px 1%;font-size:12px;display:flex}@media (width<=1100px){.navigation{gap:18px}.header-actions{gap:12px}.hero-grid{grid-template-rows:250px 200px 175px;grid-template-columns:1.3fr repeat(3,1fr);gap:12px}.intro-tile{padding:28px}.intro-tile h1{letter-spacing:-2px;font-size:clamp(34px,5vw,58px)}.expertise-tile,.about-tile{padding:20px}.expertise-tile h3,.about-tile h3{font-size:24px}.project-visual{height:230px}}@media (width<=800px){.page{padding:0 4%}.header{min-height:80px;position:relative}.navigation{z-index:30;background:var(--cream);border-radius:18px;flex-direction:column;align-items:stretch;gap:0;padding:15px;display:none;position:absolute;top:75px;left:0;right:0;box-shadow:0 15px 35px #00000014}.navigation.open{display:flex}.navigation a{padding:14px}.menu-button{display:block}.header-contact{display:none}.hero-grid{grid-template-rows:auto;grid-template-columns:repeat(2,minmax(0,1fr))}.portrait-tile{grid-area:1/1;min-height:370px}.intro-tile{grid-area:1/2;padding:24px}.intro-tile h1{overflow-wrap:anywhere;font-size:clamp(26px,4.5vw,39px)}.intro-tile h2{font-size:18px}.intro-bottom{align-items:flex-end}.intro-bottom p{font-size:11px}.round-arrow{width:40px;height:40px;font-size:21px}.tile-yoganow,.tile-uno,.tile-kaffeehaus,.expertise-tile,.about-tile{grid-area:auto;min-height:195px}.expertise-tile{grid-column:1}.about-tile{grid-column:2}.projects-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.about-layout{grid-template-columns:1fr;gap:25px}.section{padding:75px 0}.contact-section{padding:55px 6%}.contact-art{opacity:.45}}@media (width<=520px){.logo{font-size:36px}.languages button{padding:6px;font-size:11px}.hero-grid{gap:10px}.portrait-tile{grid-area:auto/1/auto/3;min-height:400px}.intro-tile{grid-area:auto/1/auto/3;min-height:235px}.intro-tile h1{overflow-wrap:normal;font-size:clamp(42px,10vw,60px)}.project-tile{min-height:180px;padding:13px}.tile-project-image img{height:95px}.tile-bottom h3{font-size:14px}.expertise-tile,.about-tile{grid-column:1/3;min-height:155px}.projects-grid{grid-template-columns:1fr;gap:25px}.project-visual{height:260px}.tech-list{gap:10px 24px}.tech-item span{font-size:13px}.contact-section{border-radius:24px;min-height:330px;padding:48px 25px}.contact-copy h2{font-size:38px}.contact-art{opacity:.35;top:5px;right:-20px}.footer{flex-direction:column}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}