@font-face{font-display:swap;font-family:Albert;src:url(assets/Albert.ttf)}@font-face{font-display:swap;font-family:Hightide;src:url(assets/Hightide.otf)}@font-face{font-display:swap;font-family:Ugly;src:url(assets/Ugly.otf)}:root{--ink:#242b25;--cream:#fff3dc;--mint:#cfe5db;--yellow:#f3e85d;--pink:#e6cddd;--forest:#214d40;--orange:#e8502e}*{box-sizing:border-box}img{height:auto}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--ink);color:var(--cream);font-family:Albert,sans-serif;font-size:18px;line-height:1.5}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid var(--orange);outline-offset:6px}header{max-width:1600px;margin:auto;padding:30px 5%;display:flex;align-items:center;justify-content:space-between;gap:24px}.logo{width:190px;height:48px;object-fit:contain}nav{display:flex;gap:32px;font-size:15px}.pill{border:1px solid #fff3dc70;border-radius:40px;padding:10px 24px;font-size:15px}section{padding:100px 6%}h1,h2,h3{font-family:Hightide,sans-serif;font-weight:400;line-height:1.05;margin:18px 0 26px;letter-spacing:-.025em}h1{font-size:clamp(58px,6.8vw,106px)}h2{font-size:clamp(40px,4vw,64px)}h3{font-size:32px}em{font-style:normal;color:inherit}h1 em,.services h2 em,.origin h2 em{color:var(--yellow)}p{margin:0 0 22px}.eyebrow{font-size:12px;letter-spacing:.12em;font-weight:650}.hero{display:grid;grid-template-columns:1.1fr 1fr;gap:4%;padding-top:55px;padding-bottom:100px;max-width:1600px;margin:auto;overflow:hidden}.hero-sub{font-size:22px;max-width:490px}.actions{display:flex;align-items:center;gap:26px;margin:34px 0}.button{display:inline-flex;align-items:center;padding:16px 26px;border:0;border-radius:3px;font-weight:650;font-size:16px}.yellow{background:var(--yellow);color:var(--ink)}.mint{background:var(--mint);color:var(--ink)}.pink{background:var(--pink);color:var(--ink)}.forest{background:var(--forest);color:var(--cream)}.cream{background:var(--cream);color:var(--ink)}.dark{background:var(--ink);color:var(--cream)}.cream-button{background:var(--cream);color:var(--ink)}.text-button,.inline-link{background:none;border:0;padding:0;font-size:15px;text-align:left}.inline-link{border-bottom:1px solid;padding-bottom:5px;font-weight:650}.scribble{font-family:Ugly;font-size:26px;line-height:1.35}.hero .scribble{color:var(--pink);font-size:24px;margin-top:36px}.hero-art{position:relative;min-height:570px;align-self:center}.photo{position:absolute;padding:12px;background:var(--cream);color:var(--ink);box-shadow:0 15px 35px #0003}.photo img{width:100%;height:100%;object-fit:cover;display:block}.p1{width:53%;height:330px;top:15px;left:3%;transform:rotate(-7deg);padding-bottom:44px}.p1 span{font-family:Ugly;font-size:16px;display:block;margin-top:9px}.p2{width:48%;height:330px;right:0;top:175px;transform:rotate(7deg)}.art-note{position:absolute;top:400px;left:0;font-family:Ugly;color:var(--ink);background:var(--pink);padding:20px 26px;transform:rotate(-5deg);font-size:23px;line-height:1.3}.asterisk{position:absolute;right:2%;top:25px;font-size:125px;color:var(--yellow);line-height:1}.ribbon{background:var(--pink);color:var(--ink);display:flex;align-items:center;justify-content:space-around;gap:20px;padding:22px;font-size:12px;letter-spacing:.12em;font-weight:650}.ribbon b{font-size:26px}.studio{display:grid;grid-template-columns:1fr 1fr;gap:10%;padding-top:115px;padding-bottom:70px}.studio h2 em,.pillars h2 em,.proof h2 em,.faq h2 em{font-family:Ugly;font-size:.82em;letter-spacing:0}.large{font-size:25px;line-height:1.4}.studio-copy{padding-top:26px}.section-top{display:flex;align-items:end;justify-content:space-between;gap:50px;margin-bottom:36px}.section-top p{max-width:330px}.pillars{padding-top:45px}.pillar-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.pillar{padding:30px 24px;min-height:345px;display:flex;flex-direction:column;transition:transform .2s}.pillar:hover{transform:translateY(-6px)}.pillar>span,.testimonial>span{font-size:11px;letter-spacing:.12em}.pillar h3{font-size:29px;line-height:1.1;margin-top:45px}.pillar p{font-size:16px}.pillar b{font-size:13px;margin-top:auto}.services{padding-top:90px;padding-bottom:110px}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:50px}.service-grid article{border-top:1px solid #fff3dc55;padding-top:25px}.number{font-family:Ugly;font-size:35px;color:var(--pink)}.service-grid small{font-size:10px;letter-spacing:.08em;color:var(--mint)}.engine{display:grid;grid-template-columns:1fr 1fr;gap:8%;align-items:center}.engine-visual{position:relative;padding-bottom:45px}.engine-visual img{width:100%;height:520px;object-fit:cover;border-radius:200px 200px 0 0}.paper{position:absolute;left:-15px;bottom:0;background:var(--yellow);color:var(--ink);font:29px/1.4 Ugly;padding:22px 28px;transform:rotate(-5deg)}.engine h2{font-size:60px}.proof-grid{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:20px}.testimonial{border:0;text-align:left;padding:32px;display:flex;flex-direction:column;min-height:355px}.testimonial h3{margin-top:48px;font-size:32px}.testimonial p{font-size:16px}.testimonial .watch{margin-top:auto;font-size:13px;letter-spacing:0;font-weight:600;padding-top:22px}.more-stories{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:24px}.more-stories button{border:0;border-bottom:1px solid #242b2550;background:none;color:var(--ink);text-align:left;padding:20px 0;font-weight:650}.more-stories span{font-weight:400;font-size:14px;margin:0 12px}.origin{background:var(--forest)}.origin-grid{display:grid;grid-template-columns:1fr 1.2fr;gap:9%;margin-top:45px}.year{font-family:Hightide;font-size:130px;color:var(--pink);line-height:1}.origin .scribble{margin-top:35px}.origin h2{margin-top:0}.faq{display:grid;grid-template-columns:1fr 1.1fr;gap:8%}.questions details{border-bottom:1px solid #242b2533;padding:22px 0}.questions summary{cursor:pointer;font-size:19px;list-style:none;position:relative;padding-right:32px}.questions summary:after{content:'+';position:absolute;right:0}.questions details[open] summary:after{content:'−'}.questions details p{font-size:16px;padding-top:20px;margin-bottom:0}.explore{text-align:center}.explore h2{font-size:65px}.explore h2 em{font-family:Ugly}.choice-list{display:flex;justify-content:center;flex-wrap:wrap;gap:12px;margin:35px 0}.choice-list button{border:1px solid var(--ink);border-radius:30px;background:none;color:var(--ink);padding:13px 23px;font-size:15px}.choice-list button.active{background:var(--ink);color:var(--yellow)}#choice-result{min-height:85px}#choice-result p{margin:15px 0}footer{padding:60px 6% 30px}.footer-top{display:flex;justify-content:space-between;align-items:start;gap:30px}.footer-top p{font-family:Hightide;font-size:26px;line-height:1.2}.footer-links{display:flex;flex-wrap:wrap;gap:20px;font-size:13px;border-top:1px solid #fff3dc33;padding:30px 0;margin-top:25px}footer small{font-size:12px;opacity:.6}dialog{border:0;padding:48px 15px 15px;background:var(--ink);width:min(1000px,95vw);color:var(--cream)}dialog::backdrop{background:#000c}.close{position:absolute;right:12px;top:5px;border:0;background:none;font-size:25px}#video-container{aspect-ratio:16/9}iframe{width:100%;height:100%;border:0}@media(min-width:1600px){section{padding-left:max(6%,calc((100vw - 1408px)/2));padding-right:max(6%,calc((100vw - 1408px)/2))}}@media(max-width:1000px){nav{gap:15px}.hero{grid-template-columns:1.1fr .9fr}.hero-art{transform:scale(.9);transform-origin:center}.actions{align-items:start;flex-direction:column;gap:20px}.pillar-grid{grid-template-columns:repeat(2,1fr)}.proof-grid{grid-template-columns:1fr 1fr}.featured{grid-column:1/-1;min-height:280px}.engine h2{font-size:45px}.engine-visual img{height:430px}.more-stories{grid-template-columns:1fr}.service-grid{gap:25px}.year{font-size:100px}}@media(max-width:680px){header{padding:20px 6%}.logo{width:135px;height:37px}nav{display:none}.pill{font-size:12px;padding:9px 14px}section{padding:65px 6%}.hero{display:block;padding-top:35px;padding-bottom:45px}h1{font-size:59px}.hero-sub{font-size:19px}.actions{flex-direction:row;align-items:center;gap:20px}.text-button{font-size:13px;max-width:130px}.hero-art{min-height:440px;transform:none;margin-top:35px}.p1{height:250px}.p2{height:255px;top:130px}.art-note{top:290px;font-size:19px;padding:18px}.asterisk{font-size:95px}.ribbon{justify-content:center;flex-wrap:wrap;padding:18px;font-size:9px;gap:14px}.ribbon span:last-child,.ribbon b:last-of-type{display:none}.studio,.engine,.origin-grid,.faq{grid-template-columns:1fr;gap:25px}.studio-copy{padding-top:0}.section-top{display:block;margin-bottom:28px}h2{font-size:41px}.large{font-size:22px}.pillar-grid{gap:12px}.pillar{padding:24px 17px;min-height:315px}.pillar h3{font-size:25px;margin-top:28px}.pillar p{font-size:14px}.pillar b{font-size:11px}.service-grid{grid-template-columns:1fr;gap:35px}.service-grid h3{margin:15px 0}.engine-visual{margin-bottom:25px}.engine-visual img{height:370px}.paper{font-size:23px;left:0}.engine h2{font-size:48px}.proof-grid{grid-template-columns:1fr}.testimonial{min-height:300px}.testimonial h3{margin-top:30px}.more-stories span{display:block;margin:8px 0}.origin-grid{gap:35px}.year{font-size:110px}.origin .scribble{font-size:24px}.explore h2{font-size:45px}.choice-list{gap:9px}.choice-list button{font-size:13px;padding:11px 15px}.footer-top{flex-wrap:wrap}.footer-top p{font-size:23px}.footer-top>a{font-size:14px}.footer-links{gap:17px}.eyebrow{font-size:10px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
/* Second direction: moving portrait wall, paper, conversations and a drawn journey. */
.hero{max-width:none;padding:55px max(6%,calc((100vw - 1280px)/2)) 85px;grid-template-columns:1.15fr 1fr;gap:8%;align-items:center}.hero h1{font-size:clamp(56px,5.2vw,84px);line-height:1.03}.hero h1 em{color:var(--pink)}.hero .eyebrow{display:inline-block;border:1px solid #fff3dc77;padding:9px 12px;transform:rotate(-1deg)}.portrait-wall{height:590px;display:grid;grid-template-columns:1fr 1fr;gap:18px;position:relative;overflow:hidden;mask-image:linear-gradient(transparent,#000 8%,#000 88%,transparent)}.portrait-track{display:flex;flex-direction:column;gap:18px;animation:portraitDrift 13s ease-in-out infinite alternate;will-change:transform}.portrait-track.second{margin-top:-140px;animation-direction:alternate-reverse;animation-duration:16s}.portrait-track img{width:100%;height:290px;object-fit:cover;border-radius:14px;display:block;flex:none}.wall-note{position:absolute;z-index:2;left:12px;top:380px;background:var(--yellow);color:var(--ink);padding:14px 21px;font:23px/1.25 Ugly;transform:rotate(-7deg)}@keyframes portraitDrift{to{transform:translateY(-70px)}}.portrait-wall:hover .portrait-track{animation-play-state:paused}.speech-question{display:inline-block;background:var(--pink);padding:16px 25px;border-radius:35px 35px 35px 4px;font:30px Hightide;transform:rotate(2deg);margin-bottom:35px}.studio{position:relative}.studio h2 em{text-decoration:underline;text-decoration-color:var(--orange);text-decoration-thickness:3px;text-underline-offset:10px}.pillar-grid{gap:24px;padding:15px 0}.pillar:nth-child(1){transform:rotate(-2deg)}.pillar:nth-child(2){transform:rotate(1.5deg);margin-top:28px}.pillar:nth-child(3){transform:rotate(-1deg)}.pillar:nth-child(4){transform:rotate(2deg);margin-top:28px}.pillar:hover{transform:rotate(0) translateY(-9px)}.pillar{border:1px solid var(--ink);box-shadow:5px 6px 0 var(--ink);border-radius:3px}.tape-stack{max-width:700px;margin:55px auto 75px;display:flex;flex-direction:column;gap:6px}.tape-stack span{font-size:clamp(20px,3vw,36px);font-weight:650;color:var(--ink);padding:12px 22px;display:block;transition:transform .8s}.tape-stack span:nth-child(1){background:var(--pink);transform:rotate(-4deg);margin-right:80px}.tape-stack span:nth-child(2){background:var(--yellow);transform:rotate(4deg);margin-left:80px}.tape-stack span:nth-child(3){background:var(--mint);transform:rotate(-2deg);margin-right:20px}.journey h2 em{color:var(--orange)}.journey-map{height:420px;position:relative;margin-top:30px}.journey-map svg{position:absolute;width:100%;height:360px;overflow:visible}.route-base,.route-draw{fill:none;stroke-width:3;stroke:var(--forest)}.route-base{opacity:.2;stroke-dasharray:9 14}.route-draw{stroke:var(--orange);stroke-width:4;stroke-dasharray:1;stroke-dashoffset:1}.journey-stop{position:absolute;text-align:center;width:200px;transform:translateX(-50%)}.stop1{left:10%;top:38px}.stop2{left:47%;top:143px}.stop3{left:90%;top:238px}.journey-stop i{display:block;width:64px;height:64px;border-radius:50%;margin:auto;background:var(--pink);border:2px solid var(--ink);box-shadow:4px 5px 0 #242b2530;transition:transform .4s}.stop2 i{background:var(--yellow)}.stop3 i{background:var(--mint)}.journey-stop.lit i{transform:scale(1.14)}.journey-stop h3{font-size:27px;margin:20px 0 9px}.journey-stop p{font-size:15px}.journey-caption{border-top:1px solid #242b2540;padding-top:24px;margin-top:25px;font-size:22px}.conversation{background:#ef6749;color:var(--ink);display:grid;grid-template-columns:1fr 1fr;gap:9%;align-items:center}.conversation h2{font-size:clamp(45px,5.5vw,85px)}.conversation h2 em{color:var(--cream)}.conversation p{max-width:450px}.chat-paper{background:var(--cream);border:2px solid var(--ink);border-radius:35px;padding:35px;transform:rotate(2deg);box-shadow:9px 10px 0 #242b25}.chat-paper small{font-size:10px;letter-spacing:.1em}.bubble{padding:20px 22px;font-size:20px;line-height:1.3;margin-top:30px;border-radius:25px 25px 25px 4px;background:#dfded5}.outgoing{background:var(--mint);margin-left:30px;border-radius:25px 25px 4px 25px;font-size:17px;transition:opacity .8s,transform .8s}.outgoing span{display:block;margin-top:15px;font-weight:650}.typing{display:flex;justify-content:center;gap:8px;background:var(--mint);width:95px;padding:15px;border-radius:25px 25px 4px 25px;margin:20px 0 0 auto}.typing i{width:7px;height:7px;background:var(--ink);border-radius:50%;animation:typing 1.3s infinite}.typing i:nth-child(2){animation-delay:.15s}.typing i:nth-child(3){animation-delay:.3s}@keyframes typing{50%{transform:translateY(-5px);opacity:.4}}.chat-note{display:block;font:25px/1.4 Ugly;margin-top:30px}.client-portrait{width:100%;height:250px;object-fit:cover;margin-bottom:25px;border-radius:5px}.testimonial{padding:20px 20px 28px;box-shadow:5px 7px 0 #242b251c;border:1px solid #242b2540;transition:transform .3s}.testimonial:nth-child(1){transform:rotate(-1.5deg)}.testimonial:nth-child(2){transform:rotate(2deg);margin-top:30px}.testimonial:nth-child(3){transform:rotate(-1deg)}.testimonial:hover{transform:translateY(-7px) rotate(0)}.testimonial h3{margin-top:25px}.record{width:220px;height:220px;border-radius:50%;background:repeating-radial-gradient(circle,#202020 0 3px,#393939 4px 5px);margin-top:30px;display:grid;place-items:center;box-shadow:8px 8px 0 #0003;animation:recordTurn 25s linear infinite}.record span{width:95px;height:95px;background:var(--pink);color:var(--ink);border-radius:50%;display:grid;place-content:center;text-align:center;font-size:9px;line-height:1.7;border:4px solid var(--cream)}@keyframes recordTurn{to{transform:rotate(360deg)}}.word-play>span{display:inline-block;transition:transform .7s}.word-play>span:nth-child(1){transform:rotate(-8deg) translateY(8px)}.word-play>span:nth-child(2){transform:rotate(4deg) translateY(-8px)}.word-play>span:nth-child(3){transform:rotate(-5deg)}.word-play>span:nth-child(4){transform:rotate(7deg) translateY(8px);color:var(--orange)}.word-play:hover>span{transform:rotate(0)}.motion-ready .reveal{opacity:.15;transform:translateY(25px);transition:opacity .75s,transform .75s}.motion-ready .reveal.seen{opacity:1;transform:translateY(0)}.motion-ready .conversation:not(.seen) .outgoing{opacity:0;transform:translateY(18px)}.motion-toggle{position:fixed;bottom:18px;left:18px;z-index:10;border:1px solid var(--cream);border-radius:30px;background:var(--ink);color:var(--cream);font-size:11px;padding:8px 14px;box-shadow:0 2px 8px #0003}.motion-paused *{animation-play-state:paused!important;transition:none!important}.motion-paused .reveal{opacity:1!important;transform:none!important}.motion-paused .outgoing{opacity:1!important;transform:none!important}.motion-paused .route-draw{stroke-dashoffset:0!important}@media(max-width:1000px){.hero{gap:5%;padding-left:6%;padding-right:6%}.hero h1{font-size:60px}.portrait-wall{height:530px}.portrait-track img{height:250px}.wall-note{font-size:19px}.conversation{gap:5%}.chat-paper{padding:25px}.client-portrait{height:250px}}@media(max-width:680px){.hero{padding-top:35px}.hero h1{font-size:54px}.portrait-wall{height:420px;margin-top:35px;gap:12px}.portrait-track{gap:12px}.portrait-track img{height:235px}.portrait-track.second{margin-top:-75px}.wall-note{top:280px;left:10px;font-size:21px}.pillar-grid{gap:20px}.pillar:nth-child(2),.pillar:nth-child(4){margin-top:15px}.tape-stack{margin:45px 0 60px}.tape-stack span{font-size:17px;padding:15px}.tape-stack span:nth-child(1){margin-right:25px}.tape-stack span:nth-child(2){margin-left:20px}.journey-map{height:390px}.journey-map svg{height:280px}.journey-stop{width:104px}.journey-stop i{width:40px;height:40px}.journey-stop h3{font-size:21px}.journey-stop p{font-size:12px}.stop1{left:12%;top:35px}.stop2{left:48%;top:120px}.stop3{left:85%;top:205px}.journey-caption{font-size:18px;margin-top:0}.conversation{grid-template-columns:1fr;gap:30px;overflow:hidden}.chat-paper{padding:25px 20px;margin:0 7px 15px 0}.bubble{font-size:19px}.outgoing{font-size:16px;margin-left:15px}.testimonial:nth-child(2){margin-top:8px}.testimonial{margin:8px}.client-portrait{height:290px}.record{width:180px;height:180px;display:inline-grid;margin-left:15px}.origin-grid>div:first-child{display:flex;flex-wrap:wrap;align-items:center;gap:10px}.origin-grid .scribble{width:100%}.motion-toggle{bottom:10px;left:10px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}.motion-ready .reveal{opacity:1;transform:none}.route-draw{stroke-dashoffset:0!important}.motion-ready .conversation .outgoing{opacity:1;transform:none}}
.client-portrait{object-position:center 25%}
.founder-memory{position:relative}.founder-memory .year{font-size:100px}.founder-photos{position:relative;height:400px;margin-top:25px}.founder-photos figure{position:absolute;margin:0;background:var(--cream);padding:10px 10px 35px;width:57%;height:350px;left:0;top:0;transform:rotate(-7deg);box-shadow:5px 10px 0 #132e273f}.founder-photos figure:nth-child(2){left:auto;right:0;top:35px;transform:rotate(6deg)}.founder-photos img{width:100%;height:100%;object-fit:cover;object-position:center top}.founder-tape{position:absolute;z-index:2;bottom:10px;left:15%;background:var(--pink);color:var(--ink);font:32px Ugly;padding:12px 32px;transform:rotate(-4deg)}.founder-memory .scribble{font-size:25px;color:var(--cream);margin-top:25px}@media(max-width:680px){.origin-grid>.founder-memory{display:block}.founder-memory .year{font-size:90px}.founder-photos{height:335px;margin-top:20px}.founder-photos figure{height:285px}.founder-tape{font-size:26px;padding:10px 25px;bottom:5px}.founder-memory .scribble{font-size:23px}}