@import url('https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:wght@400;500;600;700;800&family=Instrument+Sans:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500&family=Caveat:wght@500;600&display=swap');
:root{--paper:#f8f5ed;--ink:#191915;--orange:#8ff40e;--yellow:#f5dc72;--line:#dcd9d0;--font:'Instrument Sans',Arial,sans-serif;--title:'Bricolage Grotesque',Arial,sans-serif;--mono:'JetBrains Mono',monospace}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:80px}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--font);font-size:16px;overflow-x:clip}button,a,summary{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}a{color:inherit;text-decoration:none}h1,h2,h3,p{margin:0}button:focus-visible,a:focus-visible{outline:3px solid var(--orange);outline-offset:5px}::selection{background:var(--yellow)}.skip{position:absolute;top:-100px}.skip:focus{top:15px;z-index:100;background:white;padding:15px}.grid-paper{background-color:var(--paper);background-image:linear-gradient(#34302a07 1px,transparent 1px),linear-gradient(90deg,#34302a07 1px,transparent 1px);background-size:36px 36px}header{position:absolute;top:20px;left:24px;right:24px;z-index:20;display:flex;justify-content:space-between;align-items:center}.monogram{background:#fff;padding:17px 20px;border-radius:40px;font-family:var(--title);font-size:19px;font-weight:800;box-shadow:0 3px 15px #29231915;position:relative}.monogram>span{position:absolute;left:52px;top:35px;background:var(--ink);color:#fff;font-size:10px;padding:5px 12px;border-radius:20px;transform:rotate(-4deg)}.header-right{display:flex;gap:20px;align-items:center}.pill{display:inline-flex;gap:20px;justify-content:center;align-items:center;background:var(--ink);color:#fff;border-radius:40px;padding:16px 25px;font-size:13px;font-weight:600;transition:transform .25s}.pill:hover{transform:translateY(-3px)}#motion{background:none;border:0;font:10px var(--mono);display:flex;gap:8px}.dock{position:fixed;z-index:50;bottom:18px;left:50%;transform:translateX(-50%);display:flex;align-items:center;background:#1c201c;padding:6px;border-radius:40px;box-shadow:0 8px 25px #151d1930;gap:3px}.dock a{font-size:11px;color:#eaece5;padding:13px 17px;border-radius:30px;white-space:nowrap;transition:.3s}.dock a:hover{background:#ffffff16}.dock a.active{background:var(--yellow);color:#111}.hero{min-height:900px;height:100svh;position:relative;overflow:hidden;padding:130px 5.2% 110px}.hero-inner{max-width:1500px;margin:auto;position:relative;height:100%;min-height:650px}.hero-copy{position:relative;z-index:4;width:55%}.hello{font-family:var(--title);font-weight:600;font-size:45px;letter-spacing:-2px;margin-bottom:15px}h1{font-family:var(--title);font-size:clamp(75px,8.9vw,142px);line-height:.87;letter-spacing:-7px;font-weight:800}h1>span{color:var(--orange)}h1 small{font-size:.73em}h1 br:nth-of-type(2){display:none}h1 small:before{content:' ';display:block;height:6px}.hero-description{margin-top:35px;max-width:440px}.hero-description h2{font-size:24px;font-family:var(--font);letter-spacing:-.8px;line-height:1.2;font-weight:600}.hero-description em{font-style:normal;color:var(--orange)}mark{background:linear-gradient(transparent 58%,var(--yellow) 58%);color:inherit}.hero-description p{font-size:15px;line-height:1.6;color:#69675f;max-width:370px;margin-top:17px}.hero-link{font-family:'Caveat',cursive;color:var(--orange);font-size:25px;margin-top:19px;display:inline-block}.hero-link span{display:inline-block;margin-left:25px;font-size:35px}.hero-visual{position:absolute;inset:0 -3% -40px 43%;pointer-events:none}.hero-portrait{position:absolute;bottom:0;left:5%;width:95%;height:100%;object-fit:fill;clip-path:url(#person);filter:drop-shadow(0 20px 15px #0001);z-index:2}.glow{position:absolute;inset:15% -10% -15% -10%;background:radial-gradient(ellipse at 45% 45%,#e4ceef 0%,#d9eee35a 48%,transparent 72%);filter:blur(25px)}.connectors{position:absolute;inset:0;width:100%;height:100%;fill:none;stroke:#b9b8af;stroke-width:1;opacity:.7}.app-icon{position:absolute;z-index:4;width:60px;height:60px;border-radius:16px;box-shadow:0 12px 25px #211f2125;display:grid;place-items:center;font-size:27px;font-weight:700;animation:bob 5s ease-in-out infinite}.ps{left:0;bottom:24%;background:#062638;color:#42b8fa;transform:rotate(-8deg)}.ai{right:2%;top:9%;background:#391008;color:#ffb831;transform:rotate(12deg);animation-delay:-2s}.figma{top:20%;left:4%;background:#fff;display:grid;grid-template-columns:15px 15px;grid-template-rows:15px 15px 15px;padding:8px 15px;transform:rotate(-9deg);animation-delay:-1s}.figma span{font-size:21px;line-height:15px;color:#f7634f}.figma span:nth-child(2){color:#ff8b79}.figma span:nth-child(3){color:#a965fa}.figma span:nth-child(4){color:#23bdf1}.figma span:nth-child(5){color:#16c78a}.handnote{position:absolute;top:-5px;right:20%;font-family:'Caveat';font-size:25px;line-height:1;transform:rotate(6deg);color:#676258;z-index:4}.handnote svg{width:70px;height:50px;position:absolute;right:-55px;top:10px;fill:none;stroke:#6b665d;stroke-width:2}.experience-sticker{position:absolute;z-index:5;bottom:13%;right:0;background:var(--yellow);border-radius:50%;height:130px;width:130px;display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px dashed #a3985d;outline:6px solid var(--yellow);transform:rotate(12deg)}.experience-sticker b{font:800 44px var(--title)}.experience-sticker span{font:8px var(--mono);text-align:center;line-height:1.5}.cursor-tag{position:absolute;left:20%;bottom:37%;font-size:40px;color:var(--orange);z-index:6;transform:rotate(-10deg)}.cursor-tag b{display:inline-block;background:var(--orange);color:white;padding:7px 13px;border-radius:5px;font:12px var(--font);transform:translateY(17px)}.side-note{position:absolute;left:15px;top:37%;writing-mode:vertical-rl;transform:rotate(180deg);font:8px var(--mono);letter-spacing:2px;color:#79766b}.marquee{position:absolute;bottom:36px;left:-2%;width:104%;overflow:hidden;background:#191612;color:white;transform:rotate(-1.3deg);padding:18px 0;z-index:7;box-shadow:0 15px 20px #29231512}.marquee>div{display:flex;white-space:nowrap;width:max-content;gap:35px;align-items:center;font-size:22px;font-weight:700;animation:marquee 38s linear infinite}.marquee i{color:var(--yellow);font-size:18px;font-style:normal}@keyframes marquee{to{transform:translateX(-45%)}}@keyframes bob{50%{translate:0 -13px}}.section{padding:100px max(7%,calc((100% - 1200px)/2));position:relative}.section-head{margin-bottom:45px}.eyebrow{font:10px var(--mono);letter-spacing:1px;color:#787367;margin-bottom:22px}h2{font-family:var(--title);font-size:clamp(38px,4.3vw,64px);letter-spacing:-2.3px;line-height:1.07;font-weight:600}.lede{max-width:650px;color:#716c63;font-size:16px;line-height:1.7;margin-top:22px}.story{padding-top:75px}.story-board{border:1px solid #294a3b;border-radius:12px;overflow:hidden;box-shadow:0 20px 30px #34372210}.window-bar{background:#1c3027;color:#d7e4da;display:flex;align-items:center;justify-content:space-between;padding:13px 18px;font:10px var(--mono)}.window-bar>span:first-child{display:flex;gap:6px}.window-bar i{height:9px;width:9px;background:#fa7362;border-radius:50%}.window-bar i:nth-child(2){background:#f5d36e}.window-bar i:nth-child(3){background:#a8cf77}.window-bar>span:nth-child(2){margin-right:auto;margin-left:15px}.notes-board{position:relative;background-color:#345f4d;background-image:radial-gradient(#ffffff20 1px,transparent 1px);background-size:17px 17px;padding:65px 5%;display:flex;gap:5%;min-height:350px;align-items:center}.notes-board>svg{position:absolute;inset:0;width:100%;height:100%;fill:none;stroke:#edb589;stroke-width:3;stroke-dasharray:8 6}.note{width:30%;padding:25px 22px 15px;box-shadow:6px 10px 0 #10261d30;position:relative;transform:rotate(-5deg)}.yellow{background:#f5e28a}.green{background:#d3e5ac}.pink{background:#f0bfaf}.blue{background:#c4dcec}.note:nth-of-type(2){transform:rotate(4deg) translateY(20px)}.note:nth-of-type(3){transform:rotate(-3deg) translateY(-7px)}.note small{font:8px var(--mono)}.note h3{font:600 23px var(--title);letter-spacing:-.7px;margin:20px 0 10px}.note p{font-size:13px;line-height:1.6}.note>span{font-size:33px;display:block;margin-top:15px}.proof-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:60px;padding-top:30px;border-top:1px solid var(--line)}.proof-strip div{display:flex;flex-direction:column;gap:10px}.proof-strip b{font:600 44px var(--title);letter-spacing:-2px}.proof-strip span{font:8px var(--mono);color:#767165}.proof-strip a{font-family:'Caveat';font-size:27px;line-height:1.1;padding-top:8px;color:#8c6240}.work{padding-top:70px}.work-head{display:flex;align-items:end;justify-content:space-between}.handwritten{font:30px 'Caveat';color:#497a1b;transform:rotate(-5deg)}.filters{display:flex;gap:8px;margin:0 0 35px}.filters button{padding:11px 20px;background:transparent;border:1px solid #d8d4ca;border-radius:30px;font-size:12px}.filters button.selected{background:var(--ink);color:white;border-color:var(--ink)}.filters span{margin-left:10px;font-size:9px;color:var(--yellow)}.project-grid{display:grid;grid-template-columns:1fr 1fr;gap:55px 30px}.project-card{border:0;background:none;padding:0;color:inherit;text-align:left;display:block;width:100%}.project-card[hidden]{display:none}.project-image{position:relative;overflow:hidden;background:#e9e5db;border-radius:9px;border:1px solid #ded9cf;height:340px}.project-image img{width:100%;height:100%;object-fit:cover;object-position:top;transition:transform .7s}.project-card:hover img{transform:scale(1.04)}.project-image>span{position:absolute;right:15px;bottom:15px;background:white;border-radius:50%;height:42px;width:42px;display:grid;place-items:center;font-size:24px}.project-card>small{font:9px var(--mono);color:#81796a;display:block;margin:20px 0 10px}.project-card h3{font:600 28px var(--title);letter-spacing:-1px;margin-bottom:8px}.project-card p{font-size:14px;line-height:1.6;color:#6c685f;max-width:450px}.project-card>i{font-size:11px;font-weight:600;font-style:normal;display:inline-block;margin-top:18px;border-bottom:1px solid #aea58f;padding-bottom:4px}.outline{background:transparent;border:1px solid #bbb5a8;color:var(--ink);margin-top:45px}.centered{text-align:center}.centered .lede{margin-left:auto;margin-right:auto}.toolkit{border-top:1px solid #e5e1d7}.toolbox{position:relative;display:block;width:290px;height:220px;margin:65px auto 0;background:none;border:0;perspective:800px}.toolbox-body{position:absolute;left:10px;right:10px;bottom:0;height:145px;background:#8ff40e;border:2px solid #416421;box-shadow:8px 15px 0 #d8d0bf;border-radius:0 0 20px 20px;display:flex;flex-direction:column;align-items:center;justify-content:center;transform:rotate(-3deg);z-index:2}.toolbox-body>b{font:800 54px var(--title);color:#fbe8bb}.toolbox-body>span{font:9px var(--mono);color:#f8e6cc;letter-spacing:3px}.toolbox-body>i{position:absolute;right:25px;top:25px;font-size:20px;color:#f8db76}.toolbox-lid{position:absolute;left:7px;right:7px;bottom:140px;height:42px;background:#a2f630;border:2px solid #416421;border-radius:15px 15px 3px 3px;z-index:4;transform:rotate(-3deg);transform-origin:bottom;transition:transform .7s}.toolbox-handle{position:absolute;left:100px;top:5px;width:85px;height:40px;border:10px solid #352d24;border-radius:15px 15px 0 0;transform:rotate(-3deg)}.toolbox-lock{position:absolute;width:30px;height:33px;bottom:120px;left:130px;background:#f8d879;border:2px solid #916d28;border-radius:5px;z-index:5;transform:rotate(-3deg)}.toolbox[aria-expanded=true] .toolbox-lid{transform:rotate(-3deg) rotateX(120deg)}.tool-hint{text-align:center;margin-top:35px;font-size:25px}.tools{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:45px}.tools[hidden]{display:none}.tools article{text-align:center;background:#fffcf4;border:1px solid #dfd9ca;border-radius:12px;padding:25px 10px}.tool-logo{display:grid;place-items:center;width:50px;height:50px;border-radius:12px;margin:0 auto 15px;font-size:24px}.tf{background:#e3d5f8;color:#9446d3}.tp{background:#052a42;color:#48b9fa}.ta{background:#361204;color:#fbb548}.tw{background:#d0e5ee;color:#21718f}.tools h3{font-size:17px}.tools p{font-size:11px;color:#746e64;margin-top:7px}.process{background:#1e2723;color:#f9f5e9;overflow:hidden}.process:before{content:'';position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(#fff03 1px,transparent 1px),linear-gradient(90deg,#fff03 1px,transparent 1px);background-size:36px 36px}.process .eyebrow{color:#adb5a6}.process h2 em{color:#a2f630;font-family:'Caveat';font-size:1.2em;font-style:normal}.process .lede{color:#aeb8ac}.studio-layout{display:grid;grid-template-columns:1.5fr 1fr;gap:50px;align-items:center}.studio-scene{height:400px;position:relative;background:radial-gradient(ellipse,#3b4d3e 0%,#27362c88 60%,transparent 75%);border:1px solid #52604f;border-radius:14px;overflow:hidden}.studio-scene canvas{position:absolute;inset:0;width:100%;height:100%;z-index:2}.scene-label,.scene-hint{position:absolute;left:20px;top:18px;font:8px var(--mono);letter-spacing:1px;color:#aebaa8;z-index:3}.scene-label b{color:#f0d382}.scene-hint{top:auto;bottom:15px;font-size:7px}.stage-count{font:12px var(--mono);color:#899b8d;display:flex;align-items:center;gap:8px}.stage-count>span:first-child{color:#f5d17e;font-size:30px}.stage-mini{margin-left:auto;font-size:7px}.stage-panel h3{font:600 45px var(--title);margin:20px 0;letter-spacing:-1.5px}.stage-panel p{color:#bac2b7;font-size:15px;line-height:1.8;min-height:105px}#stage-tags{display:flex;flex-wrap:wrap;gap:7px;margin:20px 0 30px}#stage-tags span{border:1px solid #54634e;padding:7px 10px;border-radius:20px;font:9px var(--mono);color:#c9d4be}.next-stage{padding:14px 20px;background:var(--yellow);border:0;border-radius:30px;font-size:12px;font-weight:600}.stage-tabs{display:grid;grid-template-columns:repeat(4,1fr);margin-top:50px;position:relative;gap:25px}.stage-tabs:before{content:'';position:absolute;left:0;right:0;top:23px;height:1px;background:#657363}.stage-tabs button{position:relative;text-align:left;border:0;background:none;color:#99a494;padding:0;z-index:1}.stage-tabs button>span{display:grid;place-items:center;width:46px;height:46px;border-radius:50%;background:#243029;border:1px solid #657363;font:12px var(--mono);margin-bottom:20px}.stage-tabs b{display:block;font:500 20px var(--title)}.stage-tabs small{display:block;font-size:10px;margin-top:8px}.stage-tabs button[aria-selected=true]{color:#f7ebcc}.stage-tabs button[aria-selected=true]>span{background:var(--yellow);color:#1b2118;border-color:var(--yellow)}.studio-fallback{position:absolute;inset:0;display:grid;place-items:center}.desk{position:relative;width:280px;height:150px;background:#b9946b;transform:perspective(600px) rotateX(45deg) rotateZ(-22deg);box-shadow:0 18px 0 #785b42,0 32px 30px #0004;border-radius:8px}.monitor{position:absolute;width:150px;height:120px;background:#dddcd0;left:65px;bottom:60px;transform:rotateX(-45deg);transform-origin:bottom;border:8px solid #cfcbb9;border-radius:7px;box-shadow:8px 8px 0 #868775}.screen{height:100%;background:#28483b;padding:12px;position:relative}.screen b{font:600 14px var(--title);color:#f5df93;display:block;margin-top:10px}.screen>span{display:inline-block;width:6px;height:6px;border-radius:50%;background:#f8bc7e;margin-right:3px}.keyboard{position:absolute;left:70px;bottom:20px;width:130px;height:30px;background:repeating-linear-gradient(90deg,#dedccd 0 8px,#a1a48e 8px 10px);border:5px solid #d8d9c9}.cup{position:absolute;right:15px;bottom:70px;width:30px;height:40px;background:#8ff40e;color:#3b3324;font-size:30px;transform:rotateX(-45deg)}.paper{position:absolute;bottom:20px;left:12px;background:#f3df85;color:#3d432e;padding:6px;font:9px var(--mono);transform:rotate(-10deg)}.service-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.service-grid a{padding:27px 22px;border:1px solid #ded7c8;border-radius:8px;background:#fcf9f1;transition:.3s}.service-grid a:hover{transform:translateY(-6px);background:#f9e4c8}.service-grid a>span{font:10px var(--mono);color:#9b8b72}.service-grid h3{font:600 24px var(--title);letter-spacing:-.8px;margin:25px 0 15px}.service-grid p{font-size:13px;line-height:1.6;color:#7c7264;min-height:70px}.service-grid b{font-size:27px;display:block;margin-top:15px;color:#497a1b}.feedback{padding-top:40px}.feedback-notes{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:30px;padding:15px 5px 40px}.feedback figure{position:relative;margin:0;padding:40px 28px 25px;box-shadow:5px 9px 0 #d8d2c338;transform:rotate(-3deg)}.feedback figure:nth-child(2){transform:rotate(3deg);margin-top:28px}.feedback figure:nth-child(3){transform:rotate(-2deg);margin-top:8px}.pin{position:absolute;left:50%;top:10px;width:9px;height:9px;border-radius:50%;background:#b85f45;box-shadow:2px 3px 0 #5146373a}.feedback blockquote{margin:0;font:24px 'Caveat';line-height:1.3;min-height:125px}.feedback figcaption{font-size:12px;font-weight:600;margin-top:25px}.feedback small{display:block;font:7px var(--mono);margin-top:8px;color:#716554}.text-link{font-size:12px;border-bottom:1px solid #bdb39f;padding-bottom:5px}.contact{background:#172d25;color:#faf6e9;padding-bottom:110px}.contact .eyebrow{color:#a0b6a5}.contact h2{font-size:clamp(42px,5vw,76px);max-width:1000px}.contact h2 em{font-family:'Caveat';font-style:normal;font-size:1.12em;color:#eed187}.contact>p:not(.eyebrow){font-size:14px;color:#b0c1b3;margin-top:25px}.contact-links{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:20px;margin-top:50px}.contact-links a{display:flex;flex-direction:column;border:1px solid #4b6052;border-radius:10px;padding:25px;transition:.25s}.contact-links a:hover{background:#2b4436}.contact-links small{font:9px var(--mono);color:#a0b5a6}.contact-links b{font:500 24px var(--title);margin:18px 0 10px}.contact-links span{font-size:12px;color:#c3ccbd}.footer-links{display:flex;gap:25px;font-size:12px;margin-top:40px;color:#c0ccbd}footer{border-top:1px solid #405347;margin-top:45px;padding-top:25px;display:flex;justify-content:space-between;gap:20px;font:8px var(--mono);color:#a0b29f}dialog{width:min(950px,92vw);max-height:90svh;border:0;border-radius:15px;padding:0;background:var(--paper);color:var(--ink)}dialog::backdrop{background:#17221cce;backdrop-filter:blur(8px)}dialog>img{width:100%;max-height:55vh;object-fit:contain;background:#e8e4da}.dialog-content{padding:35px}.dialog-content h2{font-size:40px;margin-bottom:20px}.dialog-content>p:not(.eyebrow){line-height:1.7;color:#746b5f;margin-bottom:25px}.dialog-close{position:absolute;right:15px;top:15px;width:40px;height:40px;border-radius:50%;background:#171c16;color:white;border:0;z-index:2}.reduced{scroll-behavior:auto}.reduced *, .reduced *:before{animation:none!important;transition:none!important}
@media(min-width:1500px){.hero{max-height:1050px}.hero-portrait{width:85%;left:10%}.hero-description{margin-top:45px}}@media(max-width:1100px){.hero{min-height:800px}.hero-inner{min-height:560px}.hello{font-size:36px}h1{font-size:9.8vw}.hero-visual{left:43%;bottom:-20px}.hero-portrait{width:110%;left:-3%;height:90%}.handnote{font-size:21px;right:8%;top:15px}.experience-sticker{width:100px;height:100px;right:-2%}.experience-sticker b{font-size:34px}.experience-sticker span{font-size:7px}.section{padding-left:6%;padding-right:6%}.service-grid{grid-template-columns:1fr 1fr}.project-image{height:290px}.stage-panel h3{font-size:35px}.studio-layout{gap:30px}.hero-description{max-width:350px}.note h3{font-size:20px}.note{padding:20px 17px}.feedback blockquote{font-size:22px}}@media(max-width:700px){html{scroll-padding-top:20px}header{top:15px;left:15px;right:15px}.monogram{padding:12px 15px;font-size:16px}.monogram span{top:27px;left:40px}.pill{padding:13px 19px;font-size:12px}.header-right{gap:10px}#motion span{display:none}.dock{bottom:12px;padding:5px;gap:0;max-width:96vw}.dock a{font-size:9px;padding:11px 10px}.hero{height:auto;min-height:1050px;padding:110px 7% 95px}.hero-inner{min-height:820px}.hello{font-size:32px;margin-bottom:12px}h1{font-size:17vw;letter-spacing:-4px;line-height:.9}h1 small{font-size:.8em}.hero-copy{width:100%}.hero-description{margin-top:25px;max-width:270px}.hero-description h2{font-size:21px}.hero-description p{font-size:13px}.hero-link{font-size:22px;margin-top:10px}.hero-visual{top:440px;left:8%;right:-12%;bottom:-15px;height:420px}.hero-portrait{height:100%;width:78%;left:13%}.glow{inset:0}.handnote{top:25px;right:0;font-size:20px}.handnote svg{display:none}.app-icon{width:43px;height:43px;border-radius:12px;font-size:21px}.figma{left:7%;top:23%;padding:5px 11px;grid-template-columns:10px 10px;grid-template-rows:10px 10px 10px}.figma span{font-size:15px;line-height:10px}.ps{left:6%;bottom:20%}.ai{right:4%;top:24%}.experience-sticker{height:85px;width:85px;right:3%;bottom:13%}.experience-sticker b{font-size:30px}.experience-sticker span{font-size:6px}.side-note{font-size:6px;left:7px;top:210px}.cursor-tag{font-size:26px;left:1%;bottom:45%}.cursor-tag b{font-size:9px}.marquee{bottom:22px;padding:14px 0}.marquee>div{font-size:16px;gap:22px}.section{padding:65px 6%}.section-head{margin-bottom:30px}.eyebrow{font-size:8px;line-height:1.6;margin-bottom:18px}h2{font-size:36px;letter-spacing:-1.5px}.lede{font-size:14px;margin-top:18px}.notes-board{padding:30px 9%;flex-direction:column;gap:25px}.note{width:100%;padding:23px;max-width:330px}.note:nth-of-type(2),.note:nth-of-type(3){transform:rotate(3deg)}.note h3{font-size:24px;margin-top:15px}.note>span{position:absolute;right:20px;bottom:15px;font-size:24px}.note p{padding-right:25px}.proof-strip{grid-template-columns:1fr 1fr;gap:30px;margin-top:40px}.proof-strip b{font-size:36px}.proof-strip span{font-size:7px}.proof-strip a{font-size:24px}.work-head{display:block}.work-head .handwritten{font-size:24px;margin-top:20px}.filters{gap:7px}.filters button{padding:10px 14px;font-size:10px}.project-grid{grid-template-columns:1fr;gap:35px}.project-image{height:340px}.project-card h3{font-size:26px}.project-card p{font-size:13px}.toolbox{transform:scale(.85);margin-top:35px}.tool-hint{margin-top:10px}.tools{grid-template-columns:1fr 1fr;gap:12px}.studio-layout{grid-template-columns:1fr;gap:30px}.studio-scene{height:320px}.stage-panel p{min-height:0}.stage-panel h3{font-size:35px;margin:15px 0}.stage-mini{font-size:7px}.stage-tabs{gap:10px;margin-top:35px}.stage-tabs b{font-size:14px}.stage-tabs small{font-size:8px;line-height:1.5}.stage-tabs button>span{height:37px;width:37px;font-size:10px}.stage-tabs:before{top:18px}.service-grid{gap:12px}.service-grid a{padding:22px 16px}.service-grid h3{font-size:21px;margin-top:20px}.service-grid p{font-size:12px;min-height:90px}.feedback-notes{grid-template-columns:1fr;gap:30px;padding:15px 12px 35px}.feedback figure:nth-child(2),.feedback figure:nth-child(3){margin-top:0}.feedback blockquote{min-height:0;font-size:25px}.contact{padding-bottom:110px}.contact h2{font-size:40px}.contact-links{grid-template-columns:1fr;gap:15px;margin-top:35px}.contact-links a{padding:22px}.contact-links b{margin:12px 0 8px}.footer-links{gap:18px;flex-wrap:wrap;font-size:11px}footer{font-size:7px;line-height:1.6}.dialog-content{padding:25px}.dialog-content h2{font-size:30px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before{animation:none!important;transition:none!important}}
.hero-portrait{height:auto;width:90%;left:7%;object-fit:contain}@media(max-width:700px){.hero-portrait{height:auto;width:90%;left:5%}.handnote{right:12%;top:5px;font-size:18px}}

/* Shared page navigation and portfolio carousel */
.site-logo{display:flex;align-items:center}.site-logo img{width:160px;height:60px;object-fit:contain}.pages-menu{position:relative;z-index:100}.pages-menu summary{cursor:pointer;list-style:none;font-weight:600;padding:12px 16px;border:1px solid #19191530;border-radius:30px;background:var(--paper,#f8f5ed)}.pages-menu summary::-webkit-details-marker{display:none}.pages-menu summary span{margin-left:16px}.pages-menu nav{position:absolute;right:0;top:55px;width:260px;padding:12px;background:#f8f5ed;border:1px solid #191915;box-shadow:7px 7px 0 #191915;display:flex;flex-direction:column}.pages-menu nav a{padding:12px;display:flex;justify-content:space-between;text-decoration:none;border-bottom:1px solid #19191520}.pages-menu nav a:hover,.pages-menu nav a[aria-current]{background:#f5dc72}.carousel.project-grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:30px;padding-bottom:22px;scrollbar-width:thin;scrollbar-color:#8ff40e #19191510;cursor:grab}.carousel .project-card{flex:0 0 calc(50% - 15px);min-width:0;scroll-snap-align:start}.carousel .project-card[hidden]{display:none}.carousel.dragging{scroll-snap-type:none;cursor:grabbing;user-select:none}.carousel-controls{display:flex;justify-content:space-between;align-items:center;margin:15px 0 30px;font:11px 'JetBrains Mono',monospace;letter-spacing:1px}.carousel-controls div{display:flex;gap:8px}.carousel-controls button{border:1px solid #191915;border-radius:50%;width:48px;height:48px;background:transparent;font-size:22px;cursor:pointer}.carousel-controls button:disabled{opacity:.25;cursor:default}.carousel-controls button:hover:not(:disabled){background:#f5dc72}.inner-page header{position:relative}.page-main{max-width:1300px;margin:auto;padding:70px 6vw 30px}.page-intro{padding-bottom:70px;max-width:960px}.page-intro h1{font-family:'Bricolage Grotesque',sans-serif;font-size:clamp(48px,6.5vw,90px);line-height:1.02;letter-spacing:-.055em;margin:24px 0 28px}.page-intro>p:last-child{font-size:19px;max-width:650px;line-height:1.65}.page-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.page-cards article{padding:36px;border:1px solid #19191530;background:#f8f5ed}.page-cards article h2{font-size:32px;line-height:1.1;letter-spacing:-1px;margin:25px 0 18px}.page-cards p,.page-note p,.about-layout p{line-height:1.75;max-width:660px}.text-link{display:inline-block;margin-top:24px;font-weight:600;text-underline-offset:7px}.page-note{padding:45px;margin-top:35px;background:#f5dc72;transform:rotate(-.5deg)}.page-note h2{font-size:clamp(28px,4vw,48px);letter-spacing:-1.5px;margin:20px 0}.about-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:65px;align-items:center;margin-bottom:65px}.about-photo{width:100%;max-height:520px;object-fit:cover;border-radius:50% 50% 4px 4px}.about-layout .large-copy{font-size:28px;line-height:1.4;font-family:'Bricolage Grotesque',sans-serif}.page-bottom{padding:100px 0 45px;border-bottom:1px solid #19191540}.page-bottom>a{font-size:clamp(30px,4vw,54px);font-weight:600;letter-spacing:-1.5px}.page-footer{padding:35px 6vw 45px;display:flex;gap:25px;flex-wrap:wrap;justify-content:space-between;font-size:11px}.page-footer nav{display:flex;gap:18px;flex-wrap:wrap}.page-footer a{text-decoration:none}.inner-page .project-grid{margin-bottom:15px}
@media(max-width:700px){.site-logo img{width:115px;height:43px}.header-right{gap:8px}.pages-menu summary{padding:10px 12px;font-size:12px}.pages-menu summary span{margin-left:5px}.header-right #motion{display:none}.carousel .project-card{flex-basis:88%}.carousel .project-image img{height:250px}.page-main{padding:45px 6vw 20px}.page-intro{padding-bottom:40px}.page-intro h1{font-size:49px}.page-cards,.about-layout{grid-template-columns:1fr}.page-cards article{padding:26px}.about-layout{gap:30px}.about-photo{max-height:420px}.page-note{padding:26px}.page-footer{padding-bottom:35px}.page-footer nav{gap:15px}.pages-menu nav{right:-65px}}
.page-bottom .handwritten{position:static;transform:rotate(-3deg);display:block;margin:0 0 25px}.page-bottom>a{display:inline-block}

/* Logo-green refresh, spacious portrait, and full-bleed reels. */
:root{--accent:#8ff40e;--accent-text:#467511;--orange:var(--accent)}
h1>span,.hero-description em,.hero-link{color:var(--accent-text)}.cursor-tag{color:var(--accent)}.cursor-tag b{color:var(--ink)}.handwritten{color:var(--accent-text)}.toolbox-body>b,.toolbox-body>span,.toolbox-body>i{color:#213814}.hero-portrait{width:70%;left:19%;height:auto}.hero-visual .glow{background:radial-gradient(ellipse at 50% 60%,#c5ef9566,transparent 65%)}
.work{padding-left:0;padding-right:0}.work>.section-head,.work>.filters,.work>.carousel-controls{margin-left:6vw;margin-right:6vw}.work>.outline{margin-left:6vw}.carousel.project-grid{gap:24px;padding:4px 6vw 24px;scroll-padding-left:6vw}.carousel .project-card{flex:0 0 clamp(240px,24vw,360px)}.carousel .project-image{height:auto;aspect-ratio:9/16;border-radius:12px}.carousel .project-image img{height:100%;width:100%;object-fit:cover;object-position:top}.carousel .project-card h3{font-size:25px}.carousel .project-card p{display:none}.carousel .project-card>small{line-height:1.6;font-size:8px}.carousel .project-card>i{margin-top:9px}.inner-page:has(.carousel) .page-main{max-width:none;padding-left:0;padding-right:0}.inner-page:has(.carousel) .page-main>.page-intro,.inner-page:has(.carousel) .page-main>.filters,.inner-page:has(.carousel) .page-main>.carousel-controls,.inner-page:has(.carousel) .page-main>.page-bottom{margin-left:6vw;margin-right:6vw}
.manifesto{border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:grid;grid-template-columns:210px 1fr;gap:7vw;align-items:start;padding-top:90px;padding-bottom:100px}.manifesto-portrait{background:#d8e9bd;padding:12px 12px 30px;transform:rotate(-5deg);box-shadow:7px 9px 0 #1b291215;position:relative;margin-top:32px}.manifesto-portrait:before{content:'';position:absolute;left:33%;top:-13px;width:70px;height:26px;background:#eee9d9bd;transform:rotate(-6deg)}.manifesto-portrait img{width:100%;height:220px;object-fit:cover;object-position:top;display:block}.manifesto-portrait figcaption{font:24px 'Caveat';text-align:center;margin-top:14px}.manifesto h2{font-size:clamp(34px,3.8vw,58px);font-weight:500;line-height:1.2;letter-spacing:-1.8px;max-width:1000px}.manifesto h2 em{font-style:normal;text-decoration:underline;text-decoration-color:var(--accent);text-decoration-thickness:5px;text-underline-offset:8px}.manifesto-tail{color:#6a6b60}.manifesto .handwritten{margin-top:30px;display:block;font-size:28px;transform:rotate(-2deg)}
.trust-section{border-top:1px solid var(--line)}.trust-top{display:grid;grid-template-columns:1.3fr 1fr;gap:8vw;align-items:center}.trust-top h2{max-width:650px}.trust-top h2 em{font-family:'Caveat';font-size:1.15em;color:var(--accent-text)}.trust-copy{font-size:16px;line-height:1.8;color:#716c63;max-width:580px;margin-top:26px}.trust-rating{text-align:center;position:relative;padding:25px 0}.trust-stars{color:var(--accent-text);font-size:26px;letter-spacing:5px}.trust-rating strong{font:500 clamp(100px,12vw,170px)/1.3 var(--title);letter-spacing:-8px}.trust-rating .out-of{font-size:28px;color:#6b6d60;margin-left:12px}.trust-rating .eyebrow{display:block;margin:8px 0 0}.trust-stats{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:32px 0;margin-top:45px;gap:25px}.trust-stats b{font:500 48px var(--title);display:block;letter-spacing:-2px}.trust-stats span{font:9px var(--mono);display:block;margin-top:12px;color:#716c63}.trust-link{margin-top:25px;display:inline-block}.trust-rating:before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse,#b1ef6633,transparent 65%);z-index:-1}
@media(max-width:700px){.hero-portrait{width:70%;left:17%}.hero-visual{top:440px}.carousel .project-card{flex-basis:70vw}.carousel.project-grid{gap:18px}.carousel .project-image{aspect-ratio:9/16;height:auto}.carousel .project-image img{height:100%}.manifesto{grid-template-columns:1fr;gap:32px;padding-top:60px;padding-bottom:65px}.manifesto-aside{display:flex;align-items:center;gap:25px}.manifesto-aside>.eyebrow{max-width:130px}.manifesto-portrait{width:125px;margin:0 0 0 auto;padding:7px 7px 10px}.manifesto-portrait img{height:135px}.manifesto-portrait figcaption{font-size:18px;margin-top:6px}.manifesto h2{font-size:33px;letter-spacing:-1px}.manifesto h2 em{text-decoration-thickness:3px;text-underline-offset:5px}.trust-top{grid-template-columns:1fr;gap:30px}.trust-rating{text-align:left;padding:0}.trust-rating strong{font-size:115px;letter-spacing:-5px}.trust-rating .eyebrow{font-size:8px}.trust-stats{grid-template-columns:1fr 1fr;gap:30px}.trust-stats b{font-size:40px}.trust-copy{font-size:14px}.trust-stars{font-size:21px}.trust-section .eyebrow{line-height:1.8}}