@font-face{font-family:Poppins;src:url("/assets/poppins-regular.ttf") format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Poppins;src:url("/assets/poppins-semibold.ttf") format("truetype");font-weight:600;font-style:normal;font-display:swap}
:root{--paper:#EEEDE9;--surface:#F5F4F1;--ink:#1F1C19;--body:#39342F;--muted:#5B554D;--line:#D4D2CD;--pink:#C5426C;--pink-dark:#A92E55;--soft:#EADBE0;--font:Poppins,Arial,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--paper);color:var(--body);font:400 16px/1.7 var(--font);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}img{max-width:100%;display:block}h1,h2,h3,p{margin-top:0}h1,h2,h3{color:var(--ink);font-weight:600;line-height:1.17;letter-spacing:-.02em}h1{font-size:clamp(2.7rem,4.3vw,4rem);max-width:17ch;margin-bottom:27px}h2{font-size:clamp(2rem,3.2vw,3rem);margin-bottom:24px}h3{font-size:1.5rem;margin-bottom:15px}h1 span,h2 span{color:var(--pink)}:focus-visible{outline:3px solid var(--pink);outline-offset:5px}.wrap{width:min(100%,1344px);margin-inline:auto;padding-inline:48px}.skip{position:absolute;top:-100px;left:20px;padding:12px;background:var(--surface);z-index:30}.skip:focus{top:20px}.concept-bar{background:var(--ink);color:var(--surface);text-align:center;font-size:12px;line-height:1.4;padding:7px 16px}.site-header{min-height:88px;display:flex;align-items:center;justify-content:space-between;gap:30px;border-bottom:1px solid var(--line)}.site-logo{display:block;flex:none}.site-logo img{width:224px;height:auto}.site-header nav{display:flex;align-items:center;gap:31px;font-size:14px}.site-header nav>a:not(.nav-button):hover,.text-link:hover{text-decoration:underline;text-underline-offset:5px}.nav-button{border:1px solid var(--line);padding:10px 19px;border-radius:60px;font-weight:600}.nav-button:hover{border-color:var(--pink);color:var(--pink)}.eyebrow{color:var(--pink);font-weight:600;letter-spacing:.1em;font-size:13px;margin:0 0 20px}.hero{display:grid;grid-template-columns:1.1fr 1fr;gap:80px;align-items:center;padding-block:83px 90px}.hero-copy{max-width:590px}.lead{font-size:18px;line-height:1.7;max-width:47ch;margin-bottom:29px}.action-row{display:flex;gap:12px;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:center;gap:22px;min-height:50px;border:1px solid var(--pink);border-radius:60px;padding:13px 24px;background:var(--pink);color:#fff;font-size:14px;font-weight:600;line-height:1.3;transition:background .2s,border-color .2s,transform .2s}.button:hover{background:var(--pink-dark);border-color:var(--pink-dark);transform:translateY(-2px)}.button-outline{background:transparent;color:var(--ink);border-color:var(--line)}.button-outline:hover{background:var(--surface);border-color:var(--ink);color:var(--ink)}.hero-note{color:var(--muted);font-size:13px;margin:29px 0 0}.hero-art{min-height:470px;position:relative}.mock-browser{position:absolute;inset:10px 60px 72px 0;border:1px solid var(--line);background:var(--surface);border-radius:18px;overflow:hidden}.mock-toolbar{height:43px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;padding:0 19px;color:var(--muted);font-size:11px}.mock-toolbar span:first-child{letter-spacing:5px;color:#b7b4b1}.mock-image{height:calc(100% - 43px);padding:42px;display:flex;flex-direction:column;align-items:flex-start;background:linear-gradient(120deg,#231c1ecc,#231c1e10),url('/assets/workshop.webp') center/cover;color:#fff}.mock-image small{font-weight:600;letter-spacing:.15em;font-size:11px}.mock-image strong{font-size:clamp(2rem,3vw,2.9rem);line-height:1.14;margin:auto 0 30px;letter-spacing:-.025em;max-width:64%}.mock-pill{border:1px solid #fff9;border-radius:40px;padding:9px 15px;font-size:12px}.video-tile{position:absolute;right:0;bottom:18px;width:48%;height:250px;background:#271E27;color:#F5F4F1;border:6px solid var(--paper);border-radius:26px;padding:23px;display:flex;flex-direction:column;justify-content:space-between;box-shadow:0 12px 35px #1f1c1924}.video-tile>span{font-size:10px;letter-spacing:.09em;color:#E7B7C8}.video-tile .play{display:grid;place-items:center;width:55px;height:55px;border-radius:50%;background:var(--pink);font-size:16px}.video-tile strong{font-size:18px;line-height:1.2}.video-tile small{font-size:10px;color:#C8BEC4}.art-caption{position:absolute;left:2px;bottom:8px;font-size:12px;color:var(--muted)}.manifesto{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding-block:35px}.manifesto-inner{display:grid;grid-template-columns:1fr 2.2fr;gap:35px;align-items:start}.manifesto span{font-size:12px;color:var(--pink);font-weight:600;letter-spacing:.12em;padding-top:8px}.manifesto p{font-size:clamp(1.25rem,2.2vw,2rem);font-weight:600;line-height:1.35;color:var(--ink);max-width:850px;margin:0}.manifesto em{font-style:normal;color:var(--pink)}.section{padding-block:85px}.section-top{display:grid;grid-template-columns:1.35fr 1fr;gap:80px;align-items:end;margin-bottom:40px}.section-top h2{margin:0}.section-top>p{max-width:410px;color:var(--muted);margin:0 0 5px}.offer-grid,.people-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.offer-card,.person{background:var(--surface);border:1px solid var(--line);border-radius:30px;padding:28px}.card-meta,.person-index{display:flex;justify-content:space-between;gap:10px;color:var(--pink);font-size:12px;font-weight:600;letter-spacing:.08em}.offer-visual{height:240px;border-radius:18px;margin:25px 0 28px;position:relative;display:flex;align-items:end;padding:28px;overflow:hidden;color:#fff}.offer-visual>span{position:relative;font-size:15px;font-weight:600}.offer-visual.web{background:linear-gradient(150deg,#463D38,#B4836F)}.offer-visual.video{background:linear-gradient(150deg,#342831,#8A4770)}.wireframe{position:absolute;width:55%;height:170px;right:22px;top:30px;background:#eeeae2eb;border:7px solid #F5F4F1;border-radius:12px;transform:rotate(-8deg);box-shadow:0 12px 25px #0003;display:flex;flex-direction:column;padding:17px;gap:12px}.wireframe i{background:#C8C0B8;border-radius:3px;height:17px}.wireframe i:nth-child(2){width:70%;height:43px;background:#9C887C}.wireframe i:nth-child(3){width:53%}.video-ring{position:absolute;right:16%;top:25px;width:160px;height:160px;display:grid;place-items:center;border:2px solid #ffffffaa;border-radius:50%;box-shadow:0 0 0 22px #ffffff16,0 0 0 52px #ffffff09}.video-ring span{font-size:28px}.offer-card p,.person p{color:var(--muted);max-width:55ch}.text-link{display:inline-flex;align-items:center;gap:11px;font-weight:600;color:var(--pink);font-size:14px}.connection{background:#E7E3E3;padding-block:80px}.connection-grid{display:grid;grid-template-columns:1fr 1fr;gap:90px}.connection h2{margin-bottom:0}.connection-grid>div:nth-child(2)>p{max-width:540px;margin:16px 0 32px}.connection-path{display:flex;align-items:center;flex-wrap:wrap;gap:12px}.connection-path span{background:var(--surface);border:1px solid var(--line);border-radius:50px;padding:10px 17px;font-size:13px;font-weight:600}.connection-path i{font-style:normal;color:var(--pink)}.person{min-height:315px;display:flex;flex-direction:column;align-items:flex-start}.person-index{width:100%}.jan-wordmark,.katja-logo{width:340px;height:120px;object-fit:contain;margin:19px 0 7px}.person h3{font-size:22px;margin-bottom:8px}.person p{font-size:15px}.person .text-link{margin-top:auto}.process{background:var(--ink);color:var(--surface)}.process h2,.process h3{color:var(--surface)}.process h2 span{color:#EDAFC4}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;margin-top:48px}.steps article{border-top:1px solid #635E5B;padding-top:18px}.steps b{color:#EDAFC4;font-size:13px}.steps h3{font-size:20px;margin:30px 0 14px}.steps p{font-size:14px;color:#D0CAC6}.contact{padding-block:82px}.contact-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:90px;align-items:center}.contact h2{margin-bottom:22px}.contact p{max-width:510px}.contact-actions{display:flex;flex-direction:column;align-items:flex-start;gap:12px}.contact-actions p{font-size:12px;color:var(--muted);margin-top:10px}.footer{border-top:1px solid var(--line);padding-block:28px;display:flex;align-items:center;justify-content:space-between;gap:20px;color:var(--muted);font-size:12px}.footer img{width:180px;height:auto}.footer a:hover{text-decoration:underline}.sub-hero{padding-block:60px 70px;display:grid;grid-template-columns:1fr 1fr;gap:75px;align-items:center}.sub-hero h1{max-width:18ch}.sub-hero p{max-width:51ch}.sub-hero .lead{margin-bottom:26px}.sub-visual{background:var(--surface);border:1px solid var(--line);border-radius:30px;min-height:380px;display:grid;place-items:center;overflow:hidden}.sub-visual img{width:100%;height:auto;padding:16px}.sub-visual.video{background:linear-gradient(145deg,#3B2933,#8A4770);color:white;position:relative}.sub-visual.video:before{content:"";position:absolute;width:270px;height:270px;border:1px solid #fff8;border-radius:50%;box-shadow:0 0 0 55px #fff2,0 0 0 105px #fff1}.sub-visual.video span{font-size:22px;font-weight:600;letter-spacing:.09em;position:relative}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.feature-grid article{border:1px solid var(--line);background:var(--surface);padding:28px;border-radius:18px}.feature-grid b{color:var(--pink);font-size:13px}.feature-grid h3{margin:26px 0 12px}.feature-grid p{color:var(--muted);font-size:15px}.sub-cta{background:#E7E3E3;padding-block:75px}.sub-cta .wrap{display:flex;justify-content:space-between;align-items:center;gap:60px}.sub-cta h2{margin:0}.sub-cta p{max-width:600px}.sub-cta .button{flex:none}
@media(max-width:1150px){.wrap{padding-inline:32px}.hero{gap:40px}.site-header nav{gap:18px}.site-logo img{width:195px}.section-top,.connection-grid,.contact-grid{gap:40px}}
@media(max-width:800px){.site-header{flex-wrap:wrap;padding-block:16px}.site-header nav{width:100%;overflow-x:auto;white-space:nowrap;gap:22px;padding-bottom:5px}.hero,.sub-hero{grid-template-columns:1fr;gap:35px}.hero{padding-block:55px}.hero-copy{max-width:670px}.hero-art{max-width:610px;width:100%;margin:auto}.section-top,.connection-grid,.contact-grid{grid-template-columns:1fr}.offer-grid,.people-grid{gap:15px}.steps{grid-template-columns:1fr 1fr}.sub-cta .wrap{display:block}.sub-cta .button{margin-top:18px}.feature-grid{grid-template-columns:1fr 1fr}}
@media(max-width:680px){.wrap{padding-inline:22px}.concept-bar{font-size:10px}.site-header nav{font-size:12px;gap:15px}.site-header nav .nav-button{padding:7px 13px}.site-logo img{width:185px}.hero{padding-block:35px 52px}.hero h1{font-size:clamp(2.25rem,9vw,3rem)}.lead{font-size:16px}.hero-art{min-height:335px}.mock-browser{inset:5px 35px 48px 0}.mock-image{padding:27px}.mock-image strong{font-size:1.8rem}.video-tile{height:174px;padding:13px;border-width:4px;border-radius:17px}.video-tile .play{width:39px;height:39px}.video-tile strong{font-size:13px}.video-tile small{display:none}.video-tile>span{font-size:8px}.art-caption{font-size:10px}.manifesto{padding-block:25px}.manifesto-inner{grid-template-columns:1fr;gap:10px}.manifesto p{font-size:1.4rem}.section{padding-block:50px}.section-top{margin-bottom:27px;gap:17px}.section-top>p{font-size:15px}.offer-grid,.people-grid,.feature-grid{grid-template-columns:1fr}.offer-card,.person{padding:22px}.offer-visual{height:200px;margin:18px 0 22px}.connection{padding-block:50px}.person{min-height:280px}.katja-wordmark{margin:32px 0 20px}.process .steps{margin-top:28px}.steps{gap:20px}.steps h3{margin-top:15px}.contact{padding-block:50px}.contact-actions .button{width:100%}.footer{flex-wrap:wrap}.footer span{width:100%}.sub-hero{padding-block:35px 50px}.sub-visual{min-height:260px}.sub-cta{padding-block:50px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}}

.legal{max-width:880px;padding-block:68px 100px}.legal h1{margin-bottom:35px}.legal h2{font-size:1.55rem;margin-top:36px}.legal p{max-width:70ch}.legal a{text-decoration:underline;text-underline-offset:3px}.legal-note{border-left:3px solid var(--pink);background:var(--surface);padding:18px 22px;border-radius:0 10px 10px 0}

/* Jan's warm bronze palette; the shared homepage and Katja's page keep their own look. */
.jan-page{--paper:#F2ECE3;--surface:#FBF7F0;--ink:#2D211B;--body:#46372D;--muted:#68574C;--line:#D8CABB;--pink:#99613F;--pink-dark:#754529;--soft:#E8DACB;background:var(--paper)}
.jan-page .concept-bar{background:#30231D;color:#EFE3D5}
.jan-page .site-header{background:#F2ECE3}
.jan-page .sub-hero{padding-block:76px 88px}
.jan-page .sub-visual{min-height:390px;background:radial-gradient(circle at 54% 42%,#FAF1E3 0,#EBD9C3 56%,#D7B89C 100%);border-color:#CAB29C;box-shadow:0 26px 55px #60432B20,inset 0 1px #FFF8}
.jan-page .sub-visual img{padding:12px;width:108%;max-width:none;filter:drop-shadow(0 7px 12px #54341D30)}
.jan-page .manifesto{background:#E8DBCC;border-color:#D3C1AE}
.jan-page .manifesto em{color:#86502F}
.jan-page .feature-grid article,.jan-page .offer-card{box-shadow:0 10px 26px #61472E0C}
.jan-page .feature-grid article b,.jan-page .card-meta{color:#895536}
.jan-page .connection{background:#E7D8C6}
.jan-page .offer-visual.web{background:linear-gradient(145deg,#4A3227,#AD7950)}
.jan-page .offer-visual.video{background:linear-gradient(145deg,#38291F,#9E704B)}
.jan-page .wireframe i:nth-child(2){background:#AF8B6C}
.jan-page .sub-cta{background:linear-gradient(125deg,#33241D,#5D3D29);color:#F8F0E5}
.jan-page .sub-cta h2,.jan-page .sub-cta h2 span{color:#F8F0E5}
.jan-page .sub-cta .eyebrow{color:#D6AA82}
.jan-page .sub-cta .button{background:#D7A77A;border-color:#D7A77A;color:#2D211B}
.jan-page .sub-cta .button:hover{background:#ECC19A;border-color:#ECC19A}
@media(max-width:800px){.jan-page .sub-hero{padding-block:48px 65px}.jan-page .sub-visual{min-height:320px}}
@media(max-width:680px){.jan-page .site-header nav{flex-wrap:wrap;overflow:visible;white-space:normal;gap:8px 17px}.jan-page .sub-hero{padding-block:35px 50px}.jan-page .sub-hero h1{font-size:clamp(2.15rem,8.8vw,2.65rem)}.jan-page .sub-visual{min-height:230px}}

/* The joint homepage has a quiet stone-and-slate identity of its own. */
.home-page{--paper:#E9EBEC;--surface:#F5F6F6;--ink:#242B2E;--body:#394247;--muted:#59656B;--line:#CDD3D5;--pink:#4E6F76;--pink-dark:#36565E;--soft:#DCE6E6;background:var(--paper)}
.home-page .concept-bar{background:#283238;color:#EFF2F1}
.home-page .site-header{background:#E9EBEC}
.home-page .hero{position:relative}
.home-page .hero-art:before{content:"";position:absolute;inset:35px 25px 45px 55px;border-radius:40px;background:radial-gradient(circle at 65% 42%,#D4E3E2 0,#E5E9E9 58%,transparent 76%);filter:blur(28px)}
.home-page .mock-browser{box-shadow:0 22px 50px #28383D1A}
.home-page .mock-image{background:linear-gradient(120deg,#243238D9,#24323820),url('/assets/workshop.webp') center/cover}
.home-page .video-tile{background:#344249;color:#F4F7F6;box-shadow:0 14px 35px #27343A30}
.home-page .video-tile>span,.home-page .video-tile small{color:#C2D6D7}
.home-page .video-tile .play{color:#fff}
.home-page .manifesto{background:#E3E7E8}
.home-page .offer-card,.home-page .person{box-shadow:0 12px 28px #2A3B4110}
.home-page .offer-visual.web{background:linear-gradient(150deg,#454E52,#879799)}
.home-page .offer-visual.video{background:linear-gradient(150deg,#354348,#668187)}
.home-page .wireframe i:nth-child(2){background:#A9B9BA}
.home-page .connection{background:#DEE3E4}
.home-page .connection-path span{background:#F4F6F6}
.home-page .process{background:#29363B;color:#F2F5F5}
.home-page .process h2,.home-page .process h3{color:#F2F5F5}
.home-page .process h2 span,.home-page .steps b{color:#A6CED0}
.home-page .steps article{border-color:#657277}
.home-page .steps p{color:#D3DDDE}
.home-page .contact{background:#EEF0F0}
@media(max-width:680px){.home-page .site-header nav{flex-wrap:wrap;overflow:visible;white-space:normal;gap:8px 17px}.home-page .hero-art:before{inset:20px 15px 30px 25px}}

/* Shared metallic wordmark: Jan's bronze and Katja's graphite, with a restrained rose glint. */
.site-logo img{width:280px;height:58px;object-fit:cover;object-position:center}
.footer img{width:230px;height:48px;object-fit:cover;object-position:center}
@media(max-width:1150px){.site-logo img{width:250px;height:52px}}
@media(max-width:680px){.site-logo img{width:230px;height:48px}.footer img{width:205px;height:42px}}

.person-link{cursor:pointer;transition:border-color .2s,box-shadow .2s,transform .2s}
.person-link:hover{border-color:var(--pink);box-shadow:0 17px 34px #2A3B411C;transform:translateY(-2px)}
.person-link:hover .text-link{text-decoration:underline;text-underline-offset:5px}
@media(prefers-reduced-motion:reduce){.person-link{transition:none}}

/* Katja's Instagram AI portrait on the joint homepage. */
.home-page .avatar-tile{overflow:hidden;isolation:isolate;background:#263238}
.home-page .avatar-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center top;z-index:0}
.home-page .avatar-tile:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#14212788 0,#14212700 30%,#14212720 49%,#142127E8 100%);z-index:1;pointer-events:none}
.home-page .avatar-tile>span,.home-page .avatar-copy{position:relative;z-index:2}
.home-page .avatar-tile>span{color:#F5F7F7;font-weight:600;text-shadow:0 1px 6px #17252B}
.home-page .avatar-copy{display:flex;flex-direction:column;gap:3px;text-shadow:0 1px 6px #17252B}
.home-page .avatar-copy strong{font-size:18px;line-height:1.15;color:#fff}
.home-page .avatar-copy small{font-size:10px;letter-spacing:.03em;color:#E2EBEA}
@media(max-width:680px){.home-page .avatar-copy strong{font-size:13px}.home-page .avatar-copy small{font-size:8px}.home-page .avatar-tile>span{font-size:8px}}