*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;overflow-x:clip}body{overflow-wrap:break-word;margin:0;overflow-x:clip}:where(div,aside,article,figure,dl,dd){min-width:0}img{max-width:100%;height:auto;display:block}a{color:inherit}.js [data-reveal]{opacity:0;transition:opacity .7s,transform .7s cubic-bezier(.2,.7,.2,1);transform:translateY(18px)}.js [data-reveal].in{opacity:1;transform:none}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.js [data-reveal]{opacity:1;transition:none;transform:none}}[data-zoom]{cursor:zoom-in}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.lb{z-index:100;background:#0a0a0ae0;border:0;width:100%;max-width:none;height:100%;max-height:none;margin:0;padding:4vh 4vw;position:fixed;inset:0}.lb[open]{align-content:center;place-items:center;gap:12px;display:grid}.lb::backdrop{background:0 0}.lb img{object-fit:contain;border-radius:10px;width:auto;max-height:82vh}.lb p{color:#eee;text-align:center;margin:0;font:14px/1.4 system-ui,sans-serif}.lb-x{color:#111;cursor:pointer;background:#fff;border:0;border-radius:50%;width:44px;height:44px;font-size:26px;line-height:1;position:absolute;top:16px;right:20px}:root{--bg:#fbf6ee;--ink:#16121a;--muted:#5b5562;--card:#fff;--pink:#ff5c8a;--sun:#ffc93c;--sky:#6fc3ff;--mint:#7be0a8;--plum:#2a1840;--display:"Bricolage Grotesque", system-ui, sans-serif;--sans:"DM Sans", system-ui, sans-serif;--wrap:min(1200px, 100% - 40px);--b:2px solid var(--ink);--shadow:5px 5px 0 var(--ink)}body{background:var(--bg);color:var(--ink);font:17px/1.6 var(--sans)}.wrap{width:var(--wrap);margin-inline:auto}h1,h2,h3{font-family:var(--display);letter-spacing:-.03em;margin:0;font-weight:800;line-height:.98}.tag{font:700 13px/1 var(--sans);border:var(--b);background:var(--card);border-radius:999px;padding:8px 12px;display:inline-block}.btn{border:var(--b);font:700 16px var(--sans);background:var(--card);box-shadow:var(--shadow);border-radius:14px;align-items:center;gap:.5em;padding:14px 22px;text-decoration:none;transition:transform .15s,box-shadow .15s;display:inline-flex}.btn:hover{box-shadow:7px 7px 0 var(--ink);transform:translate(-2px,-2px)}.btn:active{box-shadow:2px 2px 0 var(--ink);transform:translate(3px,3px)}.btn.pink{background:var(--pink)}.btn.sun{background:var(--sun)}header.top{z-index:20;margin-top:12px;position:sticky;top:12px}header.top .bar{background:var(--card);border:var(--b);box-shadow:var(--shadow);border-radius:18px;justify-content:space-between;align-items:center;padding:10px 10px 10px 20px;display:flex}.logo{font:800 22px var(--display);text-decoration:none}.logo span{background:var(--pink);border-radius:6px;padding:0 6px}nav.links{align-items:center;gap:6px;display:flex}nav.links a{border-radius:10px;padding:10px 14px;font-size:15px;font-weight:700;text-decoration:none}nav.links a:not(.btn):hover{background:var(--sun)}nav.links .btn{box-shadow:3px 3px 0 var(--ink);padding:10px 16px}.menu-btn{font:700 15px var(--sans);border:var(--b);background:var(--sun);border-radius:10px;padding:8px 14px;display:none}.hero{padding:64px 0 40px}.hero .wrap{grid-template-columns:1.2fr .8fr;align-items:center;gap:48px;display:grid}.hi{font:700 18px var(--sans);background:var(--card);border:var(--b);border-radius:18px 18px 18px 4px;align-items:center;gap:10px;padding:10px 16px;display:inline-flex}.hi .wave{transform-origin:70% 70%;animation:2.4s ease-in-out infinite wave;display:inline-block}@keyframes wave{0%,60%,to{transform:rotate(0)}10%,30%{transform:rotate(14deg)}20%{transform:rotate(-8deg)}}.hero h1{margin:22px 0 18px;font-size:clamp(54px,8.4vw,124px)}.hero h1 .hl{background:var(--sun);-webkit-box-decoration-break:clone;box-decoration-break:clone;border-radius:.12em;padding:0 .12em}.hero h1 .pk{color:var(--pink);-webkit-text-stroke:2px var(--ink)}.hero .lede{max-width:36ch;color:var(--muted);margin:0 0 28px;font-size:20px}.ctas{flex-wrap:wrap;gap:14px;display:flex}.chips{flex-wrap:wrap;gap:8px;margin-top:28px;display:flex}.chips .tag:first-child{background:var(--mint)}.chips .tag:nth-child(2){background:var(--sky)}.polaroid{background:var(--card);border:var(--b);box-shadow:10px 10px 0 var(--ink);border-radius:18px;padding:12px 12px 56px;position:relative;transform:rotate(2.5deg)}.polaroid img{aspect-ratio:4/5;object-fit:cover;border-radius:10px;width:100%}.polaroid p{text-align:center;font:700 18px var(--display);margin:0;position:absolute;bottom:14px;left:0;right:0}.sticker{font:800 15px/1.1 var(--display);text-align:center;border:var(--b);border-radius:50%;place-items:center;width:112px;height:112px;display:grid;position:absolute}.sticker.s1{background:var(--pink);top:-26px;left:-40px;transform:rotate(-12deg)}.sticker.s2{background:var(--sky);width:100px;height:100px;bottom:70px;right:-34px;transform:rotate(10deg)}.sticker b{font-size:26px;display:block}.marquee{border-block:var(--b);background:var(--plum);margin:40px 0;overflow:hidden}.marquee .track{gap:48px;width:max-content;padding:18px 0;animation:30s linear infinite scroll;display:flex}.marquee:hover .track{animation-play-state:paused}.marquee span{color:#fff;font:700 22px var(--display);white-space:nowrap;align-items:center;gap:48px;display:flex}.marquee span:after{content:"✦";color:var(--sun)}@keyframes scroll{to{transform:translate(-50%)}}@media (prefers-reduced-motion:reduce){.marquee .track,.hi .wave{animation:none}}.tiles{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.tile{border:var(--b);box-shadow:var(--shadow);border-radius:20px;padding:24px}.tile:first-child{background:var(--pink)}.tile:nth-child(2){background:var(--sun)}.tile:nth-child(3){background:var(--sky)}.tile:nth-child(4){background:var(--mint)}.tile b{font:800 clamp(44px, 5vw, 64px)/1 var(--display);display:block}.tile span{margin-top:12px;font-weight:700;display:block}.tile small{font-size:14px}section.block{padding:96px 0}.sec-head{flex-wrap:wrap;justify-content:space-between;align-items:end;gap:24px;margin-bottom:40px;display:flex}.sec-head h2{font-size:clamp(44px,6vw,84px)}.sec-head p{max-width:40ch;color:var(--muted);margin:0}.tabs{flex-wrap:wrap;gap:10px;margin-bottom:24px;display:flex}.tabs button{font:700 16px var(--sans);border:var(--b);background:var(--card);cursor:pointer;text-align:left;border-radius:14px;padding:12px 18px}.tabs button small{color:var(--muted);font-size:13px;font-weight:500;display:block}.tabs button[aria-selected=true]{background:var(--ink);color:#fff;box-shadow:4px 4px 0 var(--pink)}.tabs button[aria-selected=true] small{color:#d8d0e0}.panel{border:var(--b);background:var(--card);box-shadow:8px 8px 0 var(--ink);border-radius:24px;padding:40px}.panel[hidden]{display:none}.panel .top{grid-template-columns:1.1fr .9fr;gap:40px;display:grid}.panel h3{font-size:clamp(32px,3.6vw,48px)}.panel .meta{flex-wrap:wrap;gap:8px;margin:14px 0 20px;display:flex}.panel .meta .tag:first-child{background:var(--sun)}.panel .summary{margin:0 0 24px;font-size:20px}.panel h4{font:800 18px var(--display);margin:0 0 6px}.panel .how p{color:var(--muted);margin:0 0 18px}.mini{grid-template-columns:repeat(3,1fr);align-content:start;gap:10px;display:grid}.mini div{border:var(--b);background:var(--bg);border-radius:16px;padding:16px}.mini b{font:800 32px/1 var(--display);display:block}.mini span{font-size:13px;font-weight:500}.mini .wide{background:var(--mint);font:800 34px var(--display);grid-column:1/-1;align-items:center;gap:12px;display:flex}.mini .wide i{color:var(--pink);-webkit-text-stroke:1px var(--ink);font-style:normal}.reel-row{scroll-snap-type:x mandatory;gap:16px;margin-top:28px;padding:8px 4px 16px;display:flex;overflow-x:auto}.reel-row figure{scroll-snap-align:start;flex:0 0 210px;margin:0}.reel-row img{aspect-ratio:9/14;object-fit:cover;border:var(--b);border-radius:16px;width:210px}.reel-row figcaption{margin-top:8px;font-size:14px;font-weight:700}.reel-row a{text-underline-offset:3px}.note{background:var(--sun);border:var(--b);border-radius:14px;margin:0 0 20px;padding:12px 16px;font-weight:700}.flat{background:var(--plum);color:#fff;border-block:var(--b);padding:96px 0}.flat .wrap{grid-template-columns:1fr 1fr;align-items:start;gap:56px;display:grid}.flat .tag{background:var(--pink);color:var(--ink)}.flat h2{color:var(--sun);margin:18px 0 6px;font-size:clamp(56px,8vw,120px)}.flat .sub{color:#d7cbe6;margin:0 0 36px;font-weight:500}.steps{counter-reset:st;gap:14px;display:grid}.step{color:var(--ink);border:var(--b);background:#fff;border-radius:18px;padding:18px 20px 18px 70px;position:relative}.step:before{counter-increment:st;content:counter(st);background:var(--sky);border:var(--b);width:36px;height:36px;font:800 18px var(--display);border-radius:50%;place-items:center;display:grid;position:absolute;top:18px;left:18px}.step h4{font:800 18px var(--display);margin:0 0 4px}.step p{color:var(--muted);margin:0;font-size:16px}.flat .pics{grid-template-columns:1fr 1fr;gap:18px;display:grid}.flat .pics figure{margin:0}.flat .pics figure:first-child{transform:rotate(-3deg)}.flat .pics figure:nth-child(2){transform:rotate(3deg)translateY(40px)}.flat .pics img{aspect-ratio:9/14;object-fit:cover;border:3px solid #fff;border-radius:16px;width:100%}.flat .pics a{color:#fff;margin-top:10px;font-size:14px;font-weight:700;display:block}.flat .nums{flex-wrap:wrap;gap:12px;margin-top:24px;display:flex}.flat .nums div{background:var(--sun);color:var(--ink);border:var(--b);border-radius:14px;padding:12px 16px;font-weight:700}.flat .nums b{font:800 28px var(--display);margin-right:6px}.about{grid-template-columns:1fr 1fr;align-items:start;gap:48px;display:grid}.bubble{background:var(--card);border:var(--b);box-shadow:var(--shadow);border-radius:28px 28px 28px 6px;padding:32px;font-size:19px}.bubble p{margin:0 0 14px}.bubble p:last-child{margin:0}.about h2{font-size:clamp(44px,5.4vw,76px)}.about h2 .hl{background:var(--pink);border-radius:.1em;padding:0 .1em}.skillcloud{flex-wrap:wrap;gap:10px;margin-top:28px;display:flex}.skillcloud span{border:var(--b);background:var(--card);border-radius:999px;padding:10px 16px;font-weight:700;transition:transform .15s}.skillcloud span:nth-child(3n+1):hover{background:var(--sun);transform:rotate(-3deg)}.skillcloud span:nth-child(3n+2):hover{background:var(--sky);transform:rotate(3deg)}.skillcloud span:nth-child(3n):hover{background:var(--mint);transform:rotate(-2deg)}.logos-head{flex-wrap:wrap;align-items:baseline;gap:12px;margin:64px 0 16px;display:flex}.logos-head h3{font-size:clamp(24px,2.6vw,32px)}.logos-head p{color:var(--muted);margin:0;font-size:15px}.logos{grid-template-columns:repeat(9,1fr);gap:10px;display:grid}.logos div{background:var(--card);border:var(--b);border-radius:14px;justify-content:center;align-items:center;height:78px;padding:14px 10px;display:flex}.logos img{object-fit:contain;width:auto;max-width:100%;height:auto;max-height:100%}.logos .wordmark{padding-inline:6px}footer.contact{background:var(--pink);border-top:var(--b);text-align:center;padding:96px 0 110px}footer.contact h2{font-size:clamp(56px,9vw,136px)}footer.contact p{max-width:46ch;margin:22px auto 32px;font-size:19px;font-weight:500}footer.contact .ctas{justify-content:center}footer.contact small{margin-top:56px;font-weight:700;display:block}@media (width<=900px){nav.links{background:var(--card);border:var(--b);box-shadow:var(--shadow);border-radius:18px;flex-direction:column;align-items:stretch;padding:12px;display:none;position:absolute;top:72px;left:0;right:0}nav.links.open{display:flex}.menu-btn{display:block}.hero .wrap,.panel .top,.flat .wrap,.about{grid-template-columns:1fr}.polaroid{max-width:330px;margin:30px auto 0}.sticker.s1{left:-14px}.sticker.s2{right:-10px}.tiles{grid-template-columns:1fr 1fr}.panel{padding:24px}.logos{grid-template-columns:repeat(3,1fr)}section.block,.flat{padding:64px 0}.flat .pics figure:nth-child(2){transform:rotate(3deg)translateY(20px)}}.tile b,.mini b,.mini .wide{white-space:nowrap}.mini span{overflow-wrap:normal}@media (width<=520px){.tiles{gap:12px}.tile{border-radius:18px;padding:18px 16px}.tile b{font-size:clamp(32px,10vw,44px)}.tile span{margin-top:8px;font-size:15px;line-height:1.3}.tile small{margin-top:4px;font-size:12px;line-height:1.3;display:block}.mini{grid-template-columns:1fr;gap:8px}.mini div:not(.wide){align-items:baseline;gap:12px;padding:12px 16px;display:flex}.mini b{min-width:3.4ch;font-size:28px}.mini span{font-size:14px}.mini .wide{font-size:28px}}.cv{display:inline-flex;position:relative}.cv-tip{z-index:30;background:var(--ink);color:#fff;border:var(--b);width:max-content;max-width:260px;box-shadow:4px 4px 0 var(--pink);font:500 14px/1.45 var(--sans);text-align:left;opacity:0;visibility:hidden;transform:translateY(var(--tip-shift,6px));pointer-events:none;border-radius:14px;padding:12px 14px;transition:opacity .15s,transform .15s,visibility .15s;position:absolute}.cv-tip:before{content:"";background:var(--ink);width:12px;height:12px;position:absolute;transform:rotate(45deg)}.cv-below .cv-tip{top:calc(100% + 14px);right:0}.cv-below .cv-tip:before{top:-7px;right:28px}.cv-above .cv-tip{--tip-shift:-6px;bottom:calc(100% + 14px);left:50%;translate:-50%}.cv-above .cv-tip:before{bottom:-7px;left:calc(50% - 6px)}.cv:hover .cv-tip,.cv:focus-within .cv-tip{opacity:1;visibility:visible;transform:none}@media (hover:none){.cv{flex-direction:column;align-items:center;gap:8px}.cv .cv-tip{opacity:1;visibility:visible;max-width:30ch;color:inherit;box-shadow:none;text-align:center;background:0 0;border:0;padding:0;font-size:13px;position:static;transform:none}.cv .cv-tip:before{content:none}nav.links .cv{align-items:stretch}nav.links .cv .cv-tip{text-align:left;color:var(--muted);padding-inline:4px}}@media (prefers-reduced-motion:reduce){.cv-tip{transition:none}}:root{color-scheme:light}:where(a,button,[role=tabpanel]):focus-visible{outline:3px solid var(--ink);outline-offset:5px}.flat a:focus-visible{outline-color:var(--sun)}.zoom-trigger{cursor:zoom-in;background:0 0;border:0;border-radius:16px;width:100%;margin:0;padding:0;display:block}.menu-btn{cursor:pointer;position:relative}.menu-btn:after{content:"";position:absolute;inset:-3px}:where(section[id],footer[id],.anchor-target){scroll-margin-top:110px}.anchor-target{display:block}html:has(.lb[open]){overflow:hidden}.ai-films .ai-flag{background:var(--mint);margin-bottom:18px}.ai-films .sec-head h2 .hl{background:var(--sky);border-radius:.1em;padding:0 .1em}.ai-intro{max-width:40ch}.ai-intro p{margin:0 0 14px}.ai-tools{flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none;display:flex}.ai-tools li{font:700 13px/1 var(--sans);border:var(--b);border-radius:999px;padding:8px 12px}.ai-tools li:first-child{background:var(--sun)}.ai-tools li:nth-child(2){background:var(--sky)}.ai-tools li:nth-child(3){background:var(--pink)}.ai-tools li:nth-child(4){background:var(--card)}.ai-grid{grid-template-columns:1.3fr 1fr 1fr;gap:24px;display:grid}.ai-card.land{grid-column:1}.ai-card.port{grid-area:1/2/span 2}.ai-card.port~.ai-card.port{grid-column:3}.ai-card{background:var(--card);border:var(--b);box-shadow:var(--shadow);border-radius:20px;padding:10px;text-decoration:none;transition:transform .15s,box-shadow .15s;display:flex}.ai-card.port:nth-child(3){transform:rotate(1.5deg)}.ai-card.port:nth-child(4){transform:rotate(-1.5deg)}.ai-card:hover,.ai-card.port:hover{box-shadow:8px 8px 0 var(--ink);transform:translate(-3px,-3px)}.ai-card:active{box-shadow:3px 3px 0 var(--ink);transform:translate(2px,2px)}.ai-card figure{flex-direction:column;flex:1;margin:0;display:flex}.ai-thumb{border:var(--b);background:var(--plum);aspect-ratio:16/9;border-radius:12px;flex:1 0 auto;position:relative;overflow:hidden}.ai-thumb img{position:absolute;inset:0}.ai-card.port .ai-thumb{aspect-ratio:9/16}.ai-thumb img{object-fit:cover;width:100%;height:100%;transition:transform .4s cubic-bezier(.2,.7,.2,1)}.ai-card:hover .ai-thumb img{transform:scale(1.04)}.ai-play{background:var(--pink);width:64px;height:64px;color:var(--ink);border:var(--b);box-shadow:4px 4px 0 var(--ink);border-radius:50%;place-items:center;margin:auto;transition:transform .2s;display:grid;position:absolute;inset:0;transform:rotate(-6deg)}.ai-play svg{margin-left:3px}.ai-card:hover .ai-play{transform:rotate(-6deg)scale(1.1)}.ai-card figcaption{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:4px 10px;padding:12px 6px 4px;display:flex}.ai-title{font:800 19px/1.1 var(--display);letter-spacing:-.01em}.ai-meta{font:700 12px/1 var(--sans);border:var(--b);background:var(--mint);white-space:nowrap;border-radius:999px;padding:6px 10px}.ai-card.port figcaption{flex-direction:column;align-items:flex-start;gap:8px}.ai-card.port .ai-meta{background:var(--sun)}@media (prefers-reduced-motion:reduce){.ai-card,.ai-thumb img,.ai-play{transition:none}}.glightbox-container{background:#0a0a0eeb}.glightbox-clean .gclose button,.glightbox-clean .gprev button,.glightbox-clean .gnext button{color:var(--ink);border:var(--b);width:48px;height:48px;box-shadow:var(--shadow);opacity:1;background:#fff;border-radius:50%;margin-top:-24px;transition:transform .15s}.glightbox-clean .gclose button:hover,.glightbox-clean .gprev button:hover,.glightbox-clean .gnext button:hover{transform:scale(1.08)}.glightbox-clean .gclose button svg,.glightbox-clean .gprev button svg,.glightbox-clean .gnext button svg{width:22px;height:22px}.glightbox-clean .gcounter{font:700 13px var(--sans);color:#fff;background:#16121ad9;border-radius:999px;padding:6px 14px}.glightbox-clean .gslide-description{background:0 0}.glightbox-clean .gdesc-inner{text-align:center;padding:16px 4px 0}.glightbox-clean .gslide-title{font:800 24px var(--display);color:#fff;letter-spacing:-.02em;margin:0}.glightbox-clean .gslide-desc{font:500 15px/1.5 var(--sans);color:#d9d2e2}.glightbox-clean .gslide-video{background:0 0}.glightbox-clean .gvideo-wrapper{box-shadow:8px 8px 0 var(--pink);background:#000;border:3px solid #fff;border-radius:16px;overflow:hidden}.gslide-media.fullscreen .gvideo-wrapper{border:0;border-radius:0}.gslide.is-port .gslide-media:not(.fullscreen){max-width:min(88vw,42.75vh)!important}.gslide.is-port .gslide-media:not(.fullscreen) .plyr__video-wrapper{aspect-ratio:9/16!important}.plyr{--plyr-color-main:#ff5c8a}@media (width<=700px){.ai-grid{grid-template-columns:1fr 1fr;gap:22px 16px}.ai-card.land{grid-column:1/-1}.ai-card.port,.ai-card.port~.ai-card.port{grid-area:auto}.ai-card.port:nth-child(n){transform:none}.ai-card{padding:8px}.ai-play{width:52px;height:52px}.ai-title{font-size:17px}}
