@font-face{font-family:Inter;src:url('../../loader-original/Inter-full.ttf') format('truetype');font-weight:100 900;font-display:swap}
:root{--ink:#111;--paper:#f3f0e9;--acid:#e6ff3d;--blue:#82b5d2;--dark:#323031}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:92px}body{margin:0;color:var(--ink);background:var(--paper);font-family:Inter,Arial,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit}img{display:block;width:100%;height:auto}::selection{background:var(--acid);color:#111}.wrap{width:min(1440px,100%);padding-inline:clamp(24px,6vw,88px);margin-inline:auto}
header{position:fixed;inset:0 0 auto;z-index:30;background:#111f;color:var(--paper)}.nav{height:76px;display:flex;align-items:center;gap:24px}.studio{display:block;width:170px;flex:none}.brand-wordmark svg{display:block;width:100%;height:auto}.brand-studio{display:none}.back{margin-left:auto;font-size:11px;letter-spacing:.08em;text-transform:uppercase}.back span{color:var(--acid);margin-right:8px}.back:hover{color:var(--acid)}.site-language{display:inline-flex;align-items:center;gap:7px;font-size:12px;white-space:nowrap}.site-language a{padding:10px 0}.site-language a[aria-current]{color:var(--acid)}
.eyebrow{font-size:11px;text-transform:uppercase;letter-spacing:.18em;line-height:1.5;color:#68665e;margin:0 0 28px}.penkala-hero{padding-top:150px;padding-bottom:64px}.penkala-hero h1{font-size:clamp(76px,14.2vw,204px);font-weight:850;line-height:.88;letter-spacing:-.065em;margin:0 0 44px}.penkala-headline{font-size:clamp(38px,5.4vw,78px);font-weight:800;line-height:.98;letter-spacing:-.05em;max-width:1000px;margin:0 0 26px}.hero-deck{font-size:clamp(20px,2.2vw,30px);line-height:1.45;max-width:850px;color:#5c5a54;margin:0 0 54px}.penkala-meta{display:grid;grid-template-columns:.7fr 1.5fr 1fr;gap:30px;border-top:1px solid #bbb8b0;margin:0;padding-top:24px}.penkala-meta dt{font-size:10px;letter-spacing:.15em;text-transform:uppercase;color:#777;margin-bottom:10px}.penkala-meta dd{font-size:14px;line-height:1.6;margin:0}
.penkala-media{margin:0;background:#323031;overflow:hidden}.penkala-media img{object-fit:contain}.penkala-cover{background:#252525}.penkala-cover .penkala-media{width:min(1200px,100%);margin:auto}.penkala-cover img{aspect-ratio:16/9;object-fit:cover;object-position:50% 50%}.penkala-story{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(32px,6vw,88px);padding-block:clamp(72px,9vw,130px)}h2{font-size:clamp(36px,4.8vw,68px);font-weight:850;letter-spacing:-.055em;line-height:.98;margin:0;overflow-wrap:normal}.story-copy{padding-top:44px}.story-copy p{font-size:clamp(17px,1.45vw,21px);line-height:1.65;color:#57554f;margin:0 0 22px}.story-copy p:last-child{margin-bottom:0}.penkala-pair{display:grid;grid-template-columns:1fr 1fr;gap:clamp(18px,3vw,40px);padding-bottom:clamp(50px,7vw,100px)}.penkala-pair .penkala-media{background:white;display:grid;align-items:center}.penkala-pair img{height:100%;object-fit:contain}.penkala-palette{display:grid;grid-template-columns:1fr 1fr 1fr;gap:0;padding-bottom:clamp(60px,8vw,110px)}.penkala-palette>div{min-height:220px;display:flex;flex-direction:column;justify-content:space-between;padding:30px;font-weight:750;font-size:clamp(13px,1.6vw,22px)}.penkala-palette span{font-size:12px;font-weight:400;letter-spacing:.05em}.penkala-closing{padding-block:clamp(90px,12vw,170px)}.penkala-closing h2{max-width:960px;font-size:clamp(48px,7vw,100px);margin-bottom:38px}.penkala-cta{display:inline-block;background:var(--acid);padding:18px 24px;font-weight:750;font-size:13px;letter-spacing:.06em}.penkala-cta:hover{background:#111;color:var(--acid)}.penkala-back{display:block;font-size:11px;letter-spacing:.06em;margin-top:30px}.reveal{opacity:1}.penkala-motion .reveal{opacity:0;transform:translateY(22px);transition:opacity .65s ease,transform .8s cubic-bezier(.16,1,.3,1)}.penkala-motion .reveal.is-visible{opacity:1;transform:none}
@media(max-width:850px){.penkala-hero{padding-top:120px;padding-bottom:44px}.penkala-hero h1{margin-bottom:30px}.penkala-meta{grid-template-columns:1fr 1fr}.penkala-meta>div:nth-child(2){grid-column:1/-1;grid-row:2}.penkala-story{grid-template-columns:1fr;gap:28px}.story-copy{padding-top:0}.penkala-cover img{aspect-ratio:4/3}.penkala-palette>div{min-height:170px;padding:22px}.nav{gap:16px}.studio{width:155px}.back{font-size:10px}.case-language{margin-left:0}.eyebrow{margin-bottom:22px}}
@media(max-width:520px){.studio{width:135px}.back{max-width:100px;line-height:1.5;text-align:right}.back span{margin-right:3px}.nav{height:72px;gap:12px}.penkala-pair{grid-template-columns:1fr}.penkala-palette{grid-template-columns:1fr}.penkala-palette>div{min-height:135px}.penkala-headline{font-size:38px}.penkala-meta{gap:22px}.penkala-meta dd{font-size:12px}.penkala-hero h1{font-size:clamp(62px,16.5vw,86px)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.penkala-motion .reveal{opacity:1;transform:none;transition:none}}

.penkala-headline,h2{word-spacing:.12em}
/* Membership gets its own editorial spread; badges retain their native full-width image. */
.penkala-members{background:#e1edf3;padding-block:clamp(45px,6vw,90px)}.penkala-member-layout{display:grid;grid-template-columns:1.2fr .8fr;align-items:center;gap:clamp(30px,6vw,85px)}.penkala-member-photo{min-width:0}.penkala-member-photo .penkala-media{background:#82b5d2}.penkala-member-idea h2{font-size:clamp(35px,4vw,60px)}.penkala-member-idea>p:last-child{font-size:17px;line-height:1.6;max-width:320px;color:#555}.member-signature{display:block;width:clamp(130px,15vw,210px);margin:28px 0}.member-signature path{stroke-dasharray:420;stroke-dashoffset:420;animation:penkala-signature 5s ease-in-out infinite}@keyframes penkala-signature{0%,12%{stroke-dashoffset:420}65%,90%{stroke-dashoffset:0}100%{stroke-dashoffset:420}}
.penkala-inspiration{padding-block:clamp(60px,8vw,110px);background:#fff;margin-bottom:clamp(55px,7vw,100px)}.penkala-inspiration-layout{display:grid;grid-template-columns:.7fr 1.15fr .7fr;gap:clamp(22px,4vw,55px);align-items:center}.penkala-portrait{margin:0;min-width:0}.penkala-portrait img{width:100%;height:auto}.penkala-inspiration-copy h2{font-size:clamp(32px,4vw,58px);color:#323031}.penkala-inspiration-copy>p:not(.eyebrow){font-size:17px;line-height:1.6;color:#666}.penkala-inspiration-copy>p:nth-last-child(2){font-weight:650;color:#323031}.penkala-inspiration .eyebrow{color:#5d869d}.penkala-portrait.blue{opacity:.8}
@media(max-width:850px){.penkala-inspiration-layout{grid-template-columns:1fr 1fr;gap:26px}.penkala-inspiration-copy{grid-column:1/-1;grid-row:1}.penkala-portrait{grid-row:2}.penkala-member-layout{grid-template-columns:1fr 1fr;gap:25px}.penkala-member-idea h2{font-size:30px}.penkala-member-idea>p:last-child{font-size:15px}}
@media(max-width:560px){.penkala-member-layout{grid-template-columns:1fr;gap:36px}.penkala-member-idea{display:grid;grid-template-columns:1fr 100px;align-items:center;column-gap:18px}.penkala-member-idea .eyebrow,.penkala-member-idea>p:last-child{grid-column:1/-1}.penkala-member-idea h2{font-size:34px}.member-signature{width:100px;margin:0}.penkala-inspiration-copy h2{font-size:43px}}
@media(prefers-reduced-motion:reduce){.member-signature path{animation:none;stroke-dashoffset:0}}
/* Shared case-study motion language. */
.penkala-cover.identity-stage{position:relative;width:100%;aspect-ratio:16/9;overflow:hidden;background:#111;display:grid;place-items:center}
.penkala-cover.identity-stage:before{content:'';position:absolute;inset:0 0 auto;height:6px;background:var(--acid);z-index:2;transform:scaleX(0);transform-origin:left;transition:transform 1.35s cubic-bezier(.16,1,.3,1)}
.penkala-cover.line-entered:before{transform:scaleX(1)}.penkala-logo-animation{width:clamp(230px,32vw,530px);max-width:70%;aspect-ratio:1}.penkala-logo-animation>svg{display:block;width:100%;height:100%;overflow:visible}.penkala-logo-dot{transform-box:fill-box;transform-origin:center;animation:penkala-dot 8s ease both infinite;animation-delay:calc(var(--order)*.045s)}.penkala-logo-line{transform-box:fill-box;animation:penkala-line 8s cubic-bezier(.4,0,.2,1) both infinite;animation-delay:calc(var(--order)*.12s)}
@keyframes penkala-dot{0%,3%{opacity:0;transform:scale(.4)}12%,85%{opacity:1;transform:scale(1)}96%,100%{opacity:0;transform:scale(.8)}}
@keyframes penkala-line{0%,15%{opacity:0;clip-path:inset(0 100% 0 0)}18%{opacity:1}48%,78%{opacity:1;clip-path:inset(0 0 0 0)}93%,100%{opacity:0;clip-path:inset(0 0 0 0)}}
.member-signature .member-shape{stroke-dasharray:1;stroke-dashoffset:1;animation:member-four-shapes 20s ease-in-out infinite;animation-delay:calc(var(--shape)*5s);opacity:0}
@keyframes member-four-shapes{0%{opacity:1;stroke-dashoffset:1}11%,18%{opacity:1;stroke-dashoffset:0}24%{opacity:0;stroke-dashoffset:0}25%,100%{opacity:0;stroke-dashoffset:1}}
.penkala-motion .case-title-line{display:block;will-change:transform,opacity}.penkala-title-line{display:block}.penkala-label-slot{display:inline-block;white-space:pre;vertical-align:bottom}.penkala-hero.hero-entered h1{animation:penkala-hero-in 1.1s cubic-bezier(.16,1,.3,1) both}.penkala-hero.hero-entered .penkala-headline{animation:penkala-hero-in 1.15s .12s cubic-bezier(.16,1,.3,1) both}.penkala-hero.hero-entered .hero-deck{animation:penkala-hero-in 1.15s .24s cubic-bezier(.16,1,.3,1) both}.penkala-hero.hero-entered .penkala-meta{animation:penkala-hero-in 1.15s .36s cubic-bezier(.16,1,.3,1) both}
@keyframes penkala-hero-in{from{opacity:0;transform:translateY(25px)}to{opacity:1;transform:none}}
.penkala-inspiration .penkala-portrait,.penkala-media{transition:opacity .8s ease,transform 1s cubic-bezier(.16,1,.3,1)}
@media(max-width:850px){.penkala-cover.identity-stage{aspect-ratio:4/3}.penkala-logo-animation{width:48%;max-width:none}}
@media(prefers-reduced-motion:reduce){.penkala-logo-dot,.penkala-logo-line,.member-signature .member-shape,.penkala-hero.hero-entered h1,.penkala-hero.hero-entered .penkala-headline,.penkala-hero.hero-entered .hero-deck,.penkala-hero.hero-entered .penkala-meta{animation:none}.penkala-logo-dot,.penkala-logo-line{opacity:1;clip-path:none;transform:none}.member-signature .member-shape{display:none}.member-signature .member-shape:first-child{display:block;opacity:1;stroke-dashoffset:0}.penkala-cover.identity-stage:before{transform:none;transition:none}.case-title-line{opacity:1!important;transform:none!important}}
main{overflow-x:clip}.penkala-story,.penkala-inspiration,.penkala-members,.penkala-closing{overflow:hidden}
/* Let the inventor portraits dominate the spread without crowding the text. */
@media(min-width:851px){.penkala-inspiration-layout{width:100%;max-width:none;padding-inline:0;grid-template-columns:1fr minmax(340px,1.05fr) 1fr;gap:clamp(24px,3vw,64px)}.penkala-inspiration .penkala-portrait{overflow:hidden}.penkala-inspiration .penkala-portrait img{width:125%;max-width:none;margin-left:-12.5%}.penkala-inspiration{padding-block:clamp(45px,6vw,90px)}}
@media(max-width:850px){.penkala-inspiration .penkala-portrait{overflow:hidden}.penkala-inspiration .penkala-portrait img{width:125%;max-width:none;margin-left:-12.5%}}
/* The same title scale as Kartik and BeWell. */
:root{--heading-size:clamp(54px,8.5vw,138px);--heading-leading:.86;--heading-tracking:-.065em}
.penkala-story h2,.penkala-inspiration-copy h2,.penkala-member-idea h2,.penkala-closing h2{font-size:var(--heading-size);line-height:var(--heading-leading);letter-spacing:var(--heading-tracking);font-weight:850;word-spacing:.16em;max-width:none}
.penkala-story{grid-template-columns:minmax(0,1fr);gap:36px}.story-copy{padding-top:0;max-width:760px}
.penkala-inspiration-layout{grid-template-columns:1fr 1fr}.penkala-inspiration-copy{grid-column:1/-1;grid-row:1;padding-inline:clamp(24px,6vw,88px)}.penkala-inspiration-copy>p:not(.eyebrow){max-width:760px}.penkala-inspiration .penkala-portrait{grid-row:2}
.penkala-member-layout{grid-template-columns:1fr}.penkala-member-idea{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:24px;align-items:center}.penkala-member-idea .eyebrow,.penkala-member-idea h2{grid-column:1/-1}.penkala-member-idea>p:last-child{grid-column:1;grid-row:3;max-width:580px}.member-signature{grid-column:2;grid-row:3;margin:0}.penkala-member-photo{max-width:760px;justify-self:center;width:100%}
@media(max-width:850px){:root{--heading-size:clamp(48px,13vw,88px)}.penkala-story{gap:28px}.penkala-inspiration-copy{padding-inline:0}}
@media(max-width:480px){:root{--heading-size:clamp(32px,9.7vw,46px);--heading-leading:.94}.story-copy p{font-size:18px}.member-signature{width:88px}.penkala-member-idea{column-gap:18px}}
@media(min-width:851px){.penkala-inspiration-layout{grid-template-columns:1fr minmax(340px,1.05fr) 1fr;align-items:center}.penkala-inspiration-copy{grid-column:2;grid-row:1;padding-inline:0}.penkala-inspiration .penkala-portrait{grid-row:1}.penkala-inspiration .penkala-portrait.blue{grid-column:1}.penkala-inspiration .penkala-portrait:not(.blue){grid-column:3}.penkala-inspiration-copy h2{font-size:clamp(36px,4.2vw,64px);line-height:.94;letter-spacing:-.055em}}
.concept-copy-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(180px,.45fr);gap:clamp(32px,6vw,90px);align-items:center}.concept-dot-grid{display:block;width:100%;max-width:330px;justify-self:end;fill:#82b5d2}.concept-copy-grid .story-copy{max-width:760px}
@media(max-width:600px){.concept-copy-grid{grid-template-columns:1fr;gap:32px}.concept-dot-grid{width:170px;justify-self:end}}
.penkala-cover.identity-stage{background:#2B2D31}.penkala-cover-v5{display:block;width:100%;height:100%;position:absolute;inset:0}
@media(min-width:851px){.concept-copy-grid{align-items:end}.concept-dot-grid{align-self:end;transform:translateY(9%);margin-bottom:0}}
@media(max-width:850px){.concept-copy-grid{grid-template-columns:1fr;gap:32px}.concept-copy-grid .concept-dot-grid{grid-row:1;justify-self:center;width:170px;transform:none}.concept-copy-grid .story-copy{grid-row:2}}
@media(min-width:851px){.penkala-member-layout{grid-template-columns:1.2fr .8fr;align-items:center;gap:clamp(30px,6vw,85px)}.penkala-member-photo{max-width:none;justify-self:stretch}.penkala-member-idea{display:block}.penkala-member-idea h2{font-size:clamp(36px,4.2vw,64px);line-height:.94;letter-spacing:-.055em}.penkala-member-idea .member-signature{width:clamp(130px,15vw,210px);margin:28px 0}.penkala-member-idea>p:last-child{font-size:17px;line-height:1.6;max-width:340px}}

/* Concept: the nine points accompany the heading on desktop. */
html[lang="hr"] .penkala-concept h2>.case-title-line:nth-child(n+2){font-weight:450;letter-spacing:-.055em}
@media(min-width:851px){
 .penkala-concept{grid-template-columns:minmax(0,1fr) minmax(180px,.30fr);column-gap:clamp(24px,3vw,48px);align-items:center}
 .penkala-concept>div:first-child{grid-column:1;grid-row:1}
 .penkala-concept .concept-copy-grid{display:contents}
 .penkala-concept .concept-dot-grid{grid-column:2;grid-row:1;align-self:center;transform:none;max-width:300px}
 .penkala-concept .story-copy{grid-column:1/-1;grid-row:2}
 .penkala-concept h2{font-size:var(--heading-size)}
}

html[lang="hr"] .penkala-applications h2>.case-title-line:first-child{font-weight:450;letter-spacing:-.055em}

@media(min-width:851px){.penkala-concept .concept-dot-grid{width:var(--concept-title-height,330px);height:var(--concept-title-height,330px);max-width:none;align-self:end}}

@media(min-width:851px){.penkala-desktop-break{display:block}}