@font-face{font-family:Rozha One;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/rozha-one-latin-400-normal-Dg3_0_Ac.woff2)format("woff2"),url(/assets/rozha-one-latin-400-normal-nilb3mDA.woff)format("woff")}@font-face{font-family:Jost Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/jost-cyrillic-wght-normal-CjwCQKo9.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Jost Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/jost-latin-ext-wght-normal-BDUtSsKd.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Jost Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/jost-latin-wght-normal-ObQm3Zd1.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Reenie Beanie;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/reenie-beanie-latin-400-normal-4a-HEdeI.woff2)format("woff2"),url(/assets/reenie-beanie-latin-400-normal-vYxg_nup.woff)format("woff")}:root{--mielie:#f5b31a;--float:#d3124e;--couch:#0b6fc0;--mat:#0e5a45;--sea:#0a2a3c;--ink:#000;--paper:#fff;--display:"Rozha One", "Bodoni 72", Georgia, serif;--text:"Jost Variable", "Avenir Next", "Century Gothic", sans-serif;--hand:"Reenie Beanie", "Bradley Hand", cursive;--gutter:clamp(20px, 5vw, 80px);--u:.1svh;--j-top:0px;--j-left:1.5vw}*,:before,:after{box-sizing:border-box}html:has(dialog[open]){overflow:hidden}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;scroll-padding-top:24px}body{background:var(--paper);color:var(--ink);font:400 clamp(1.0625rem, .98rem + .35vw, 1.3125rem) / 1.5 var(--text);-webkit-font-smoothing:antialiased;margin:0}img{max-width:100%;height:auto;display:block}figure{margin:0}h1,h2,h3{margin:0;font-weight:400}h2{font:400 clamp(2.75rem, 7.6vw, 7.5rem) / .98 var(--display);text-wrap:balance}h3{font-weight:600}p{max-width:34em;margin:0 0 1em}ul,ol{margin:0;padding:0;list-style:none}a{color:inherit}:focus-visible{outline:3px solid var(--couch);outline-offset:3px}.hand{font:400 clamp(1.7rem, 1.4rem + .8vw, 2.3rem) / 1.02 var(--hand)}.skip{z-index:100;position:absolute;left:-999px}.skip:focus{background:var(--paper);padding:8px 14px;top:16px;left:16px}.nav{z-index:20;top:20px;right:var(--gutter);gap:1.5em;font-size:1rem;font-weight:500;display:flex;position:absolute}.nav a{text-decoration:none}.nav a:hover{text-underline-offset:4px;text-decoration:underline}.cover{background:var(--mielie);height:100svh;min-height:560px;position:relative;overflow:hidden}.cover-j{top:var(--j-top);left:var(--j-left);height:calc(1000 * var(--u));width:auto;position:absolute;overflow:visible}.cover-j path{fill:none;stroke:var(--ink);stroke-width:175px;stroke-dasharray:1;animation:1.1s cubic-bezier(.7,0,.2,1) both draw}@keyframes draw{0%{stroke-dashoffset:1px}}.dot{--size:calc(255 * var(--u));z-index:30;top:calc(var(--j-top) + 40 * var(--u));left:calc(var(--j-left) + 172.5 * var(--u));width:var(--size);height:var(--size);background:var(--paper);border-radius:50%;animation:.9s cubic-bezier(.3,1.4,.5,1) .7s both drop;position:absolute;overflow:hidden}.dot img{object-fit:cover;width:100%;height:100%;transform:scale(1.12)translate(-3%,2%)}@keyframes drop{0%{transform:translateY(-120vh)}}.cover-name{right:var(--gutter);font:400 clamp(4.5rem, 18.6vw, 31svh) / .86 var(--display);text-align:right;position:absolute;bottom:.05em}.cover-name span{animation:1s cubic-bezier(.2,.8,.2,1) .45s both rise;display:block}.cover-name span+span{animation-delay:.58s}@keyframes rise{0%{opacity:0;transform:translateY(40%)}}.cover-role{top:72px;right:var(--gutter);text-align:right;margin:0;font-weight:500;line-height:1.25;position:absolute}.story{padding:clamp(72px, 12vw, 180px) var(--gutter);grid-template-columns:minmax(0,7fr) minmax(0,4fr);gap:clamp(32px,5vw,80px) clamp(32px,7vw,120px);display:grid}.story h2{grid-column:1/-1;max-width:13em}.story-side h3,.career-side h3{margin-bottom:.5em}.story-side li{padding:.3em 0}.story-side .hand{color:var(--float);margin-top:1.4em;transform:rotate(-1.5deg)}.print{--cm:clamp(14px, 2.78vw, 44px);background-color:var(--mat);background-image:linear-gradient(#b9e0c455 1.5px,#0000 1.5px),linear-gradient(90deg,#b9e0c455 1.5px,#0000 1.5px),linear-gradient(#b9e0c422 1px,#0000 1px),linear-gradient(90deg,#b9e0c422 1px,#0000 1px);background-size:calc(var(--cm) * 5) calc(var(--cm) * 5), calc(var(--cm) * 5) calc(var(--cm) * 5), var(--cm) var(--cm), var(--cm) var(--cm);background-position:var(--cm) calc(var(--cm) * 1.5);color:var(--paper);overflow:hidden}.mat{aspect-ratio:10/13.65;max-width:1600px;margin-inline:auto;position:relative}.ruler{top:6px;left:var(--cm);color:#d9eedd;pointer-events:none;width:120%;font-size:.72rem;display:flex;position:absolute}.ruler span{flex:0 0 calc(var(--cm) * 5)}.mat-head{top:5%;left:var(--gutter);width:44%;position:absolute}.mat-head h2{margin-bottom:.3em}.mat-hint{color:var(--mielie);align-items:flex-start;gap:10px;display:flex;transform:rotate(-1.5deg)}.mat-hint svg{fill:none;width:92px;stroke:var(--mielie);stroke-width:2.5px;stroke-linecap:round;flex:none;margin-top:12px}.proof{left:var(--x);top:var(--y);width:var(--w);position:absolute}.proof button{--dx:0px;--dy:0px;--lift:0;cursor:grab;touch-action:pan-y;width:100%;transform:translate(var(--dx), var(--dy)) rotate(var(--r)) scale(calc(1 + var(--lift) * .03));background:0 0;border:0;padding:0;transition:transform .28s cubic-bezier(.2,.8,.2,1);display:block}.proof img{width:100%;box-shadow:0 1px 1px #0005, 0 calc(6px + var(--lift) * 18px) calc(12px + var(--lift) * 30px) #0006;-webkit-user-select:none;user-select:none;transition:box-shadow .28s}.proof button:hover,.proof button:focus-visible{--lift:1}.proof button:active{--lift:1.4;cursor:grabbing;transition:none}@media (width>=1101px) and (prefers-reduced-motion:no-preference){.proof{transition:transform .8s cubic-bezier(.16, 1, .3, 1) var(--delay), opacity .2s var(--delay)}.mat.undealt .proof{opacity:0;transform:translate(calc(50vw - var(--x)), -60%) rotate(calc(var(--r) * 8)) scale(1.2)}}.light{background:var(--flood);width:100vw;max-width:none;height:100dvh;max-height:none;color:var(--ink);border:0;margin:0;padding:clamp(16px,3vw,48px);transition:background-color .35s;position:fixed;inset:0}.light::backdrop{background:var(--flood)}.light-figure{grid-template-columns:minmax(0,1fr) minmax(200px,22rem);align-items:center;gap:clamp(20px,4vw,64px);height:100%;display:grid}.light-ad{cursor:none;background-size:cover;justify-self:center;width:auto;max-height:calc(100dvh - 2*clamp(16px,3vw,48px));box-shadow:0 24px 60px #0007}.light figcaption{background:var(--paper);align-self:center;padding:1.2em 1.3em .4em}.light h3{font:400 clamp(1.7rem, 2.6vw, 2.5rem) / 1.05 var(--display)}.light-client{margin-top:.3em;font-weight:600}.light-actions{gap:8px;display:flex;position:fixed;bottom:clamp(16px,3vw,48px);right:clamp(16px,3vw,48px)}.light-actions button{background:var(--ink);color:var(--paper);font:500 1rem var(--text);cursor:pointer;border:0;padding:.35em .8em}.light-actions button:hover{background:var(--float)}.loupe{aspect-ratio:1;border:3px solid var(--paper);opacity:0;pointer-events:none;background-repeat:no-repeat;border-radius:50%;width:clamp(180px,20vw,300px);transition:opacity .15s;position:fixed;top:0;left:0;box-shadow:0 18px 40px #0008}.loupe.on{opacity:1}::view-transition-group(ad){animation-duration:.45s;animation-timing-function:cubic-bezier(.2,.8,.2,1)}.digital{padding:clamp(72px, 11vw, 170px) var(--gutter);background:var(--sea);color:var(--paper);overflow:hidden}.sea-head{grid-template-columns:minmax(0,6fr) minmax(0,5fr);align-items:center;gap:32px clamp(24px,5vw,80px);display:grid;position:relative}.sea-head h2,.sea-copy{z-index:1;grid-column:1;position:relative}.porthole{aspect-ratio:1;border-radius:50%;grid-area:1/2/span 2;width:118%;overflow:hidden}.porthole img{object-fit:cover;width:100%;height:100%}.sea-collage{grid-template-columns:repeat(24,minmax(0,1fr));gap:clamp(10px,1.4vw,20px);margin-top:clamp(56px,8vw,120px);display:grid}.sea-collage img{object-fit:cover;width:100%;height:100%}.f-ebook-spread{grid-column:span 14}.f-brand-cover{grid-area:span 2/span 10}.f-social-offer,.f-valentine{grid-column:span 7}.labs{grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:clamp(28px,4vw,56px) clamp(10px,1.4vw,20px);margin-top:clamp(80px,11vw,160px);display:grid}.labs h2{grid-column:1/-1}.labs-copy{columns:2 22em;grid-column:1/-1;column-gap:clamp(24px,5vw,80px)}.labs-copy p{break-inside:avoid}.labs-table img{background:var(--paper)}.labs-city img{object-fit:cover;width:100%;height:100%}figcaption{margin-top:.7em;font-size:.95em}.career{padding:clamp(72px, 12vw, 180px) var(--gutter);grid-template-columns:minmax(0,8fr) minmax(0,3fr);gap:clamp(40px,6vw,96px);display:grid}.career h2{grid-column:1/-1}.roles li{grid-template-columns:10.5em minmax(0,1fr);gap:1.5em;padding-block:1.6em;display:grid}.roles li:first-child{padding-top:0}.years{font:400 1.5em/1.1 var(--display);white-space:nowrap}.place{color:var(--float);margin:0 0 .5em;font-weight:500}.career-side li{padding-block:.3em}.career-side h3:not(:first-child){margin-top:2em}.contact{padding:clamp(72px, 11vw, 160px) var(--gutter) 32px;background:var(--float);color:var(--paper)}.contact-mail{font:400 clamp(1.5rem, 6.4vw, 6.25rem) / 1.05 var(--display);overflow-wrap:anywhere;text-underline-offset:.12em;margin-block:.3em .8em;text-decoration-thickness:.04em;display:block}.contact-small{margin:clamp(48px,7vw,96px) 0 0;font-size:.85rem}.missing{min-height:100svh;padding:var(--gutter);background:var(--mielie);place-content:center;display:grid}@supports (animation-timeline:scroll()){.dot{animation:.9s cubic-bezier(.3,1.4,.5,1) .7s both drop,linear both park;animation-timeline:auto,scroll(root);animation-range:normal,0 90svh;position:fixed}@keyframes park{to{background-color:var(--mielie);width:58px;height:58px;top:14px;left:14px}}.porthole img{animation:linear both swim;animation-timeline:view()}@keyframes swim{0%{transform:scale(1.3)translate(6%,6%)}to{transform:scale(1.1)translate(-4%,-4%)}}}@media (aspect-ratio<=1){:root{--j-top:50vw;--u:calc((100svh - var(--j-top)) / 1000);--j-left:-6vw}.nav{display:none}.cover-name{text-align:left;font-size:25vw;inset:12px auto auto 16px}.cover-role{top:calc(var(--j-top) + 430 * var(--u));right:16px;left:calc(var(--j-left) + 405 * var(--u));text-align:left;font-size:1rem}}@media (width<=1100px){.mat{aspect-ratio:auto;padding:72px var(--gutter) 48px}.mat-head{width:auto;margin-bottom:72px;position:static}.proofs{columns:3;column-gap:14px}.proof{break-inside:avoid;width:auto;margin-bottom:18px;position:static}}@media (width<=860px){.story,.career,.sea-head,.labs,.light-figure{grid-template-columns:minmax(0,1fr)}.porthole{grid-area:auto/1;width:100%}.proofs{columns:2}.sea-collage>*,.labs>*{grid-area:auto/1/auto/-1}.roles li{grid-template-columns:minmax(0,1fr);gap:.4em}.light{overflow:auto}.light-figure{align-items:start;height:auto}.light-ad{max-height:68dvh}.light-actions{justify-content:flex-end;margin-top:12px;position:sticky;bottom:0;right:auto}.loupe{display:none}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;transition-delay:0s!important;animation-duration:.01ms!important;animation-delay:0s!important}::view-transition-group(*){animation:none!important}::view-transition-old(*){animation:none!important}::view-transition-new(*){animation:none!important}}
