:root{color:#171519;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#fbfaf7;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}body{min-width:320px;min-height:100vh}button,a{font:inherit}a:focus-visible,video:focus-visible{outline-offset:4px;outline:3px solid #ffd91a}:root{--ink:#171519;--paper:#fbfaf7;--white:#fff;--purple:#6125c4;--purple-dark:#41127f;--lilac:#eadcff;--yellow:#ffd91a;--line:#dcd8d2}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--paper);min-width:320px;color:var(--ink);margin:0}button,a,video{-webkit-tap-highlight-color:transparent}a{color:inherit}.site-shell{min-height:100vh;overflow:hidden}.topbar{border-bottom:1px solid var(--ink);letter-spacing:.12em;text-transform:uppercase;justify-content:space-between;align-items:center;width:min(1440px,100% - 64px);height:82px;margin:0 auto;font-size:12px;font-weight:800;display:flex}.brand{align-items:center;gap:10px;text-decoration:none;display:inline-flex}.brand-mark{background:var(--purple);width:30px;height:30px;color:var(--white);border-radius:50%;place-items:center;font-size:14px;display:grid}.topbar-note{color:#77716d}.hero-section{grid-template-columns:minmax(0,1.05fr) minmax(430px,.95fr);align-items:center;gap:clamp(48px,7vw,120px);width:min(1440px,100% - 64px);min-height:calc(100svh - 82px);margin:0 auto;padding:70px 0 92px;display:grid}.hero-copy{z-index:2;position:relative}.eyebrow,.section-number{color:var(--purple);letter-spacing:.15em;text-transform:uppercase;margin:0 0 28px;font-size:12px;font-weight:900;line-height:1}.eyebrow:before{content:"";background:var(--purple);width:28px;height:2px;margin:0 12px 3px 0;display:inline-block}.hero-title{letter-spacing:-.075em;text-transform:uppercase;margin:0;font-family:Arial Black,Arial,sans-serif;font-size:clamp(58px,6.5vw,112px);line-height:.86}.hero-title span{display:block}.title-outline{color:var(--paper);-webkit-text-stroke:2px var(--ink);text-stroke:2px var(--ink)}.hero-intro{color:#5a5554;max-width:590px;margin:32px 0 0;font-size:clamp(17px,1.25vw,20px);line-height:1.55}.hero-actions{align-items:center;gap:24px;margin-top:36px;display:flex}.primary-button,.secondary-button{border:1px solid var(--ink);background:var(--ink);min-height:54px;color:var(--white);letter-spacing:.08em;text-transform:uppercase;border-radius:100px;justify-content:center;align-items:center;gap:12px;padding:0 25px;font-size:13px;font-weight:900;text-decoration:none;transition:transform .18s,background-color .18s,color .18s;display:inline-flex}.primary-button:hover,.secondary-button:hover{background:var(--yellow);color:var(--ink);transform:translateY(-3px)}.play-dot{background:var(--purple);color:#fff;border-radius:50%;place-items:center;width:29px;height:29px;font-size:9px;display:grid}.duration-note{color:#77716d;letter-spacing:.12em;font-size:11px;font-weight:800}.tool-list{gap:0;margin:54px 0 0;padding:0;list-style:none;display:flex}.tool-list li{border:1px solid var(--line);letter-spacing:.08em;text-transform:uppercase;border-right:0;padding:9px 16px;font-size:11px;font-weight:800}.tool-list li:first-child{border-radius:100px 0 0 100px}.tool-list li:last-child{border-right:1px solid var(--line);border-radius:0 100px 100px 0}.hero-visual{place-items:center;min-height:690px;display:grid;position:relative}.hero-visual:before{content:"";background:var(--lilac);filter:blur(1px);border-radius:50%;position:absolute;inset:8% 2% 4% 10%;transform:rotate(-9deg)}.video-frame{z-index:2;border:2px solid var(--ink);background:var(--white);width:min(100%,540px);box-shadow:18px 20px 0 var(--purple), 36px 38px 0 var(--yellow);transform-origin:50%;border-radius:24px;padding:12px;position:relative}.frame-topline,.video-caption,.storyboard-toolbar{letter-spacing:.14em;text-transform:uppercase;justify-content:space-between;align-items:center;font-size:10px;font-weight:900;display:flex}.frame-topline{height:34px;padding:0 4px 10px}.frame-dots{gap:5px;display:flex}.frame-dots i{background:var(--ink);border-radius:50%;width:7px;height:7px;display:block}.frame-dots i:nth-child(2){background:var(--purple)}.frame-dots i:nth-child(3){background:var(--yellow)}.hero-video{aspect-ratio:1;border:1px solid var(--ink);object-fit:cover;background:#f8f6f2;border-radius:14px;width:100%;display:block}.video-caption{color:#696260;min-height:38px;padding:10px 4px 0}.gif-card{z-index:4;border:2px solid var(--ink);background:var(--white);width:190px;box-shadow:8px 8px 0 var(--ink);padding:9px 9px 12px;position:absolute;bottom:4%;left:-4%}.gif-card img{border:1px solid var(--line);width:100%;display:block}.gif-card span{letter-spacing:.14em;padding-top:9px;font-size:10px;font-weight:900;display:block}.idea-sticker{z-index:5;aspect-ratio:1;clip-path:polygon(50% 0%,61% 23%,82% 8%,80% 34%,100% 39%,78% 54%,93% 75%,68% 73%,63% 100%,48% 79%,27% 96%,29% 70%,2% 66%,24% 50%,6% 29%,33% 30%);background:var(--yellow);text-align:center;place-items:center;width:122px;font-family:Arial Black,Arial,sans-serif;font-size:15px;line-height:1.05;display:grid;position:absolute;top:3%;right:-4%}.marquee{border-top:1px solid var(--ink);border-bottom:1px solid var(--ink);background:var(--purple);color:var(--white);overflow:hidden}.marquee>div{letter-spacing:.12em;text-transform:uppercase;align-items:center;gap:34px;width:max-content;padding:15px 0;font-size:12px;font-weight:900;animation:24s linear infinite ticker;display:flex}.marquee b{color:var(--yellow)}@keyframes ticker{to{transform:translate(-50%)}}.work-section{width:min(1440px,100% - 64px);margin:0 auto;padding:130px 0 140px}.section-heading{grid-template-columns:.65fr 1fr .8fr;align-items:end;gap:40px;margin-bottom:54px;display:grid}.section-heading>*{margin:0}.section-heading h2,.closing-section h2{letter-spacing:-.055em;text-transform:uppercase;font-family:Arial Black,Arial,sans-serif;font-size:clamp(48px,5vw,82px);line-height:.96}.section-heading>p:last-child{color:#655f5c;max-width:410px;font-size:16px;line-height:1.55}.storyboard-wrap{border:2px solid var(--ink);background:var(--white);box-shadow:14px 14px 0 var(--lilac);border-radius:18px;overflow:hidden}.storyboard-toolbar{border-bottom:1px solid var(--ink);min-height:47px;padding:0 18px}.storyboard-image{width:100%;display:block}.process-grid{border-top:1px solid var(--ink);border-bottom:1px solid var(--ink);grid-template-columns:repeat(3,1fr);margin-top:54px;display:grid}.process-card{border-right:1px solid var(--ink);min-height:215px;padding:28px 32px 34px}.process-card:last-child{border-right:0}.process-card>span{color:var(--purple);letter-spacing:.12em;font-size:11px;font-weight:900}.process-card h3{letter-spacing:-.03em;margin:40px 0 10px;font-size:26px}.process-card p{color:#655f5c;max-width:310px;margin:0;font-size:14px;line-height:1.5}.closing-section{border-top:1px solid var(--ink);background:var(--lilac);text-align:center;padding:130px 32px 120px}.closing-kicker{color:var(--purple);letter-spacing:.15em;margin:0 0 30px;font-size:11px;font-weight:900}.closing-section h2{max-width:950px;margin:0 auto 42px}.secondary-button{background:var(--purple);border-color:var(--purple)}footer{background:var(--ink);min-height:76px;color:var(--white);letter-spacing:.12em;justify-content:space-between;align-items:center;padding:0 max(32px,50vw - 720px);font-size:10px;font-weight:800;display:flex}.footer-credit a{color:var(--yellow);text-decoration:none;transition:color .18s}.footer-credit a:hover{color:var(--white)}@media (width<=1100px){.hero-section{grid-template-columns:1fr .9fr;gap:30px}.hero-visual{min-height:580px}.gif-card{width:150px;left:-2%}.idea-sticker{width:98px;right:-2%}.section-heading{grid-template-columns:.4fr 1fr}.section-heading>p:last-child{grid-column:2}}@media (width<=820px){.topbar,.hero-section,.work-section{width:min(100% - 36px,680px)}.topbar{height:68px}.topbar-note{display:none}.hero-section{grid-template-columns:1fr;gap:70px;min-height:auto;padding:56px 0 92px}.hero-title{font-size:clamp(48px,14.7vw,88px)}.hero-visual{min-height:auto;padding:50px 24px 95px}.video-frame{width:min(100%,500px);box-shadow:12px 14px 0 var(--purple), 24px 26px 0 var(--yellow)}.gif-card{width:142px;bottom:0;left:0}.idea-sticker{top:0;right:0}.work-section{padding:90px 0 100px}.section-heading{display:block}.section-heading h2{margin:0 0 24px}.section-heading>p:last-child{margin-bottom:40px}.storyboard-wrap{overflow-x:auto}.storyboard-image{min-width:850px}.process-grid{grid-template-columns:1fr}.process-card{border-right:0;border-bottom:1px solid var(--ink);min-height:auto}.process-card:last-child{border-bottom:0}.process-card h3{margin-top:24px}footer{text-align:center;flex-direction:column;justify-content:center;gap:8px;padding:24px 18px}}@media (width<=520px){.hero-title{letter-spacing:-.07em;font-size:13.7vw}.title-outline{-webkit-text-stroke-width:1.4px}.hero-actions{flex-direction:column;align-items:flex-start}.hero-intro{font-size:16px}.tool-list li{padding:8px 12px}.hero-visual{padding-inline:6px}.gif-card{width:116px}.idea-sticker{width:84px;font-size:12px}.frame-topline,.video-caption{font-size:8px}.closing-section{padding:90px 18px}.closing-section h2,.section-heading h2{font-size:42px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.marquee>div{animation:none}*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}