.creative-studio{--sun:#fcc000;padding:48px clamp(16px,4vw,64px) 24px}.creative-desk{container-type:inline-size}@media (max-width:560px){.creative-studio .piece-headline>span{font-size:11cqw}.creative-studio .piece-deserves>span{font-size:7.5cqw}.creative-studio .piece-design>span{font-size:10cqw}}.studio-intro{justify-content:space-between;align-items:flex-end;gap:36px;margin-bottom:32px;display:flex}.studio-intro h1{font:750 clamp(30px,3.2vw,49px)/1.05 var(--font-display);letter-spacing:-.045em;margin:16px 0 0}.studio-intro h1 em{color:#74746b;font-style:normal}.studio-intro p{max-width:300px;margin:0;font-size:15px;line-height:1.6}.desk-toolbar{font:700 10px/1.4 var(--font-geist-mono),monospace;background:#fffdf6;border:2px solid #111;border-bottom:0;justify-content:space-between;align-items:center;gap:15px;padding:14px 18px;display:flex}.desk-toolbar>span{align-items:center;gap:10px;display:flex}.desk-toolbar i{background:#458548;border-radius:50%;width:7px;height:7px}.desk-toolbar>div{gap:8px;display:flex}.desk-toolbar button{background:0 0;border:1px solid #111;padding:8px 12px}.desk-toolbar button:last-child{background:var(--sun)}.desk-toolbar button:hover{background:#36a7ff}.creative-desk{isolation:isolate;background-color:#277cae;background-image:linear-gradient(#ffffff16 1px,#0000 1px),linear-gradient(90deg,#ffffff16 1px,#0000 1px),linear-gradient(#ffffff20 1px,#0000 1px),linear-gradient(90deg,#ffffff20 1px,#0000 1px);background-size:24px 24px,24px 24px,120px 120px,120px 120px;border:2px solid #111;height:680px;transition:background-color .4s;position:relative;overflow:hidden}.desk-coordinate{color:#d2e8f4;letter-spacing:2px;font:600 10px/1.6 monospace;position:absolute;top:22px;left:24px}.desk-watermark{color:#ffffff0d;font:800 clamp(70px,12vw,180px)/.8 var(--font-display);letter-spacing:-.07em;position:absolute;bottom:12%;right:4%}.desk-piece{transform:translate(var(--dx,0),var(--dy,0)) rotate(var(--turn,0deg));background:#f9f8f3;border:2px solid #111;transition:box-shadow .18s;position:absolute;box-shadow:6px 9px #1117,0 14px 24px #00243d33}.desk-piece:focus-within{z-index:15}.desk-piece.is-dragging{z-index:20;box-shadow:12px 18px #1114}.desk-grip{text-align:left;touch-action:none;background:0 0;border:0;border-bottom:1px solid #1113;align-items:center;gap:6px;width:100%;padding:3px 9px;font:700 15px monospace;display:flex;cursor:grab!important}.desk-grip span{letter-spacing:2px;opacity:.55;font-size:8px}.desk-grip:active{cursor:grabbing!important}.desk-grip:focus-visible{outline-offset:2px;outline:3px solid #ff7800}.piece-headline{--turn:-7deg;z-index:4;background:#36a7ff;width:47%;top:21%;left:21%}.piece-headline>span,.piece-deserves>span,.piece-design>span{font:850 clamp(28px,5.1vw,80px)/.95 var(--font-display);letter-spacing:-.06em;white-space:nowrap;padding:8px 18px 16px;display:block}.piece-deserves{background:var(--sun);--turn:3deg;z-index:5;width:49%;top:40%;left:33%}.piece-deserves>span{font-size:clamp(25px,4vw,62px)}.piece-design{--turn:-3deg;z-index:6;width:47%;top:57%;left:24%}.piece-design>span{font-size:clamp(25px,4.7vw,72px)}.piece-design small{letter-spacing:1.6px;padding:0 18px 13px;font:700 9px monospace;display:block}.piece-feed{--turn:-8deg;z-index:2;width:19%;top:16%;left:3%}.piece-feed img{object-fit:cover;width:100%;height:225px;display:block}.piece-feed a>span,.piece-carousel a>span{padding:10px;font:700 9px monospace;display:block}.piece-carousel{--turn:9deg;z-index:3;width:16%;top:8%;right:4%}.piece-carousel img{object-fit:cover;width:100%;height:200px;display:block}.piece-note{--turn:6deg;z-index:7;background:#fff09a;width:17%;bottom:11%;left:5%}.piece-note>button:last-child{text-align:left;background:0 0;border:0;width:100%;padding:15px}.piece-note span,.piece-note small{font:600 9px/1.5 monospace;display:block}.piece-note b{font:700 clamp(17px,1.7vw,26px)/1.1 var(--font-display);margin:12px 0 18px;display:block}.piece-palette{--turn:5deg;z-index:4;width:19%;padding-bottom:12px;bottom:12%;right:4%}.piece-palette>span,.piece-palette small{letter-spacing:1px;padding:12px 12px 0;font:700 8px monospace;display:block}.piece-palette>div{height:60px;padding:12px 12px 0;display:flex}.piece-palette i{background:#111;flex:1}.piece-palette i:nth-child(2){background:#eee9df}.piece-palette i:nth-child(3){background:#36a7ff}.piece-palette i:nth-child(4){background:var(--sun)}.piece-hello{--turn:5deg;color:#fff;z-index:2;background:#111;border-radius:5px;top:5%;left:52%}.piece-hello a{font:700 23px/1.1 var(--font-display);padding:12px 22px 16px;display:block}.piece-hello .desk-grip{color:#fff}.desk-bottom{color:#fff;z-index:25;background:#10384b99;justify-content:space-between;gap:20px;padding:17px 22px;font:600 10px/1.5 monospace;display:flex;position:absolute;bottom:0;left:0;right:0}.desk-bottom a{text-underline-offset:4px;text-decoration:underline}.studio-caption{letter-spacing:1px;justify-content:space-between;gap:18px;padding:14px 0;font:600 9px/1.5 monospace;display:flex}.studio-remix .creative-desk{background-color:#612e93}.studio-remix .piece-headline{--turn:5deg;background:#ff96ce}.studio-remix .piece-deserves{--turn:-4deg;background:#c5fa74}.studio-remix .piece-design{--turn:4deg}.studio-game-dialog{color:#111;background:#f9f8f3;border:3px solid #111;width:min(650px,94vw);max-height:92dvh;margin:auto;padding:0;position:fixed;inset:0;overflow:auto;box-shadow:12px 12px #1116}.studio-game-dialog::backdrop{-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#122331c9}.studio-game-dialog>header{background:#fcc000;border-bottom:2px solid #111;justify-content:space-between;align-items:center;padding:14px 18px;font:700 12px monospace;display:flex}.studio-game-dialog button{color:#111;background:#f9f8f3;border:1px solid #111;padding:8px 12px;font-weight:700}.game-score,.game-footer{justify-content:space-between;align-items:center;padding:14px 18px;font:700 11px monospace;display:flex}.game-arena{position:relative}.game-arena canvas{touch-action:none;width:100%;height:auto;display:block}.game-overlay{text-align:center;background:#f9f8f3ed;flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:20px;display:flex;position:absolute;inset:0}.game-overlay b{font:800 clamp(25px,4vw,38px)/1 var(--font-display)}.game-overlay p{max-width:310px;margin:0;font-size:14px}.game-overlay button{background:#36a7ff;padding:12px 24px;box-shadow:4px 4px #111}.game-overlay a{font-size:12px;text-decoration:underline}.game-footer button:disabled{opacity:.4}.design-portfolio{--design-yellow:#fcc000}.design-marquee>div{animation:none}.design-project-gallery a:focus-visible{outline-offset:4px;outline:4px solid #36a7ff}@media (max-width:900px){.studio-intro{flex-direction:column;align-items:flex-start;gap:18px}.studio-intro p{max-width:520px}.creative-desk{height:590px}.piece-feed img{height:165px}.piece-carousel img{height:155px}.piece-headline{top:27%;left:22%}.piece-deserves{width:59%;top:44%;left:30%}.piece-design{width:53%;top:61%}.piece-hello{top:7%;left:42%}.piece-palette{bottom:10%}.piece-note{width:21%;bottom:10%}.desk-toolbar{flex-wrap:wrap}.studio-caption>span:last-child{display:none}}@media (max-width:560px){.creative-studio{padding-top:28px}.studio-intro h1{font-size:31px}.studio-intro .design-eyebrow{font-size:9px}.desk-toolbar{padding:10px}.desk-toolbar>div{gap:5px;width:100%}.desk-toolbar button{flex:1;padding:8px 5px;font-size:9px}.creative-desk{height:760px}.desk-coordinate{font-size:8px;top:15px;left:15px}.piece-hello{top:6%;left:54%}.piece-hello a{padding:8px 12px;font-size:17px}.piece-feed{width:34%;top:11%;left:7%}.piece-feed img{height:133px}.piece-carousel{width:32%;top:66%;right:7%}.piece-carousel img{height:130px}.piece-headline{width:80%;top:33%;left:8%}.piece-headline>span{font-size:42px}.piece-deserves{width:85%;top:44%;left:10%}.piece-deserves>span{padding-inline:10px;font-size:31px}.piece-design{width:86%;top:53%;left:5%}.piece-design>span{font-size:39px}.piece-design small{font-size:7px}.piece-note{width:44%;bottom:14%;left:7%}.piece-note b{font-size:20px}.piece-palette{width:44%;top:22%;bottom:auto;right:5%}.piece-palette>div{height:38px}.piece-palette small{font-size:6px}.desk-bottom{flex-direction:column;gap:7px;padding:12px;font-size:8px}.studio-caption{font-size:8px}.game-footer{font-size:9px}}.creative-studio .piece-tool>span{font-family:Arial,sans-serif;font-size:58px;font-weight:600;line-height:1}.creative-studio .piece-laptop .desk-grip{z-index:2;width:68px;position:absolute;bottom:5px;right:8px}.creative-studio .creative-desk{background-image:linear-gradient(#d2e7ff38 1px,#0000 1px),linear-gradient(90deg,#d2e7ff38 1px,#0000 1px),linear-gradient(#d2e7ff2e 2px,#0000 2px),linear-gradient(90deg,#d2e7ff2e 2px,#0000 2px)}@media (max-width:560px){.creative-studio .piece-tool>span{font-size:35px}}.creative-studio .creative-desk{background-color:#315e91;background-size:28px 28px,28px 28px,140px 140px,140px 140px;height:940px}.creative-studio .desk-coordinate{left:auto;right:25px}.creative-studio .piece-headline{--turn:-12deg;width:57%;top:30%;left:16%}.creative-studio .piece-headline>span{letter-spacing:-.06em;font-size:7cqw}.creative-studio .piece-deserves{--turn:-2deg;width:37%;top:46%;left:47%}.creative-studio .piece-deserves>span{font-size:6cqw}.creative-studio .piece-design{--turn:6deg;width:57%;top:59%;left:24%}.creative-studio .piece-design>span{font-size:6.3cqw}.creative-studio .piece-hello{--turn:-17deg;color:#1855d5;z-index:9;background:#f9f8f3;top:56%;left:auto;right:5%}.creative-studio .piece-hello .desk-grip{color:#111}.creative-studio .piece-hello a{font-size:23px}.creative-studio .piece-feed{--turn:-5deg;width:16%;top:auto;bottom:6%;left:35%}.creative-studio .piece-feed img{object-fit:cover;height:180px}.creative-studio .piece-carousel{--turn:8deg;width:15%;top:auto;bottom:6%;right:23%}.creative-studio .piece-carousel img{height:170px}.creative-studio .piece-note{--turn:-5deg;width:16%;bottom:7%;left:4%}.creative-studio .piece-note b{font-size:21px}.creative-studio .piece-palette{--turn:7deg;width:17%;bottom:9%;right:3%}.piece-laptop{--turn:-15deg;z-index:2;background:linear-gradient(130deg,#fafafa,#aab0b9);border-radius:12px;width:31%;padding:9px;top:-3%;left:-2%;box-shadow:10px 20px 24px #142a4799}.piece-laptop .desk-grip{background:#bdc4ce;border-radius:5px}.desk-laptop-screen{color:#fff;aspect-ratio:1.9;background:#142742;border:7px solid #24252a;border-radius:7px;flex-direction:column;justify-content:space-between;padding:14px;display:flex}.desk-laptop-screen span{letter-spacing:2px;font:8px monospace}.desk-laptop-screen b{font:700 clamp(16px,2vw,32px)/1 var(--font-display);color:#36a7ff}.desk-laptop-screen small{color:#fcc000}.desk-laptop-base{padding:10px}.desk-keys{grid-template-columns:repeat(10,1fr);gap:4px;display:grid}.desk-keys i{background:#25272e;border:1px solid #747982;border-radius:2px;height:13px}.desk-trackpad{border:1px solid #878b92;border-radius:4px;width:40%;height:38px;margin:10px auto 0}.piece-brand{--turn:0deg;z-index:2;background:#fff;border:0;border-radius:12px;top:9%;left:40%;box-shadow:5px 8px #102f5180}.piece-brand strong{font:850 35px/1 var(--font-display);letter-spacing:-2px;color:#2451e9;padding:7px 20px 13px;display:block}.piece-brand strong span{color:#111}.piece-brand .desk-grip{border:0}.piece-tool{z-index:8;border:7px solid #fff;border-radius:23px;box-shadow:4px 8px #122b5466}.piece-tool .desk-grip{border:0;padding:1px 5px;font-size:12px}.piece-tool .desk-grip span{display:none}.piece-tool>span{font:650 58px/1 var(--font-body);padding:0 15px 10px;display:block}.piece-ps{--turn:17deg;color:#31a8ff;background:#001e36;top:69%;right:7%}.piece-ai{--turn:-15deg;color:#ff9a00;background:#300;top:62%;left:12%}.piece-figma{--turn:14deg;background:#fff;bottom:6%;left:24%}.piece-figma svg{width:60px;height:85px;padding:5px;display:block}.piece-instagram{--turn:2deg;color:#fff;z-index:8;background:#111;border-radius:3px;top:23%;left:40%}.piece-instagram a{font:700 17px var(--font-display);align-items:center;gap:15px;padding:5px 15px 9px;display:flex}.instagram-glyph{background:linear-gradient(35deg,#ffd76b,#ed387c,#7044cf);border:3px solid #fff;border-radius:13px;place-items:center;width:49px;height:49px;font:42px/.9 sans-serif;display:grid;transform:rotate(10deg)}.piece-mouse{--turn:22deg;box-shadow:none;background:0 0;border:0;width:95px;top:26%;right:6%}.piece-mouse .desk-grip{color:#fff}.desk-mouse{background:linear-gradient(100deg,#d7d9df,#fff 55%,#e7e8ec);border-radius:50% 50% 42% 42%;height:133px;position:relative;box-shadow:7px 10px 10px #17324b77}.desk-mouse i{background:#aaa;border-radius:5px;width:5px;height:28px;position:absolute;top:12px;left:48%}.piece-tools{--turn:19deg;color:#ddd;z-index:3;background:#272930;top:43%;left:1%}.piece-tools>span{letter-spacing:6px;padding:12px;font:25px/1.8 monospace;display:block}.creative-studio.studio-remix .creative-desk{background-color:#643387}.design-project-list{border-top:0;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px;display:grid}.design-project{min-width:0;padding:0 0 30px}.design-project>header{flex-direction:column;gap:12px;min-height:255px;margin-bottom:22px;display:flex}.design-project>header>span{font-size:28px}.design-project h3{font-size:34px}.design-project>header p{font-size:14px}.design-project-gallery{min-height:0;display:block}.design-project-gallery a{display:block;min-height:0!important}.design-project-gallery img{aspect-ratio:4/5;object-fit:cover;padding:0;display:block}.design-work{padding-top:85px}.design-project small{font-size:9px}@media (max-width:800px){.creative-studio .creative-desk{height:850px}.piece-brand{top:8%;left:45%}.piece-brand strong{font-size:25px}.piece-laptop{width:39%}.creative-studio .piece-headline{top:31%}.creative-studio .piece-deserves{top:43%}.creative-studio .piece-design{top:53%}.piece-instagram{top:23%;left:38%}.piece-ps{top:64%;right:7%}.piece-ai{top:56%;left:9%}.piece-tool>span{font-size:40px}.creative-studio .piece-hello{top:49%;right:2%}.creative-studio .piece-hello a{font-size:16px}.creative-studio .piece-feed{width:23%;bottom:8%;left:35%}.creative-studio .piece-feed img{height:160px}.creative-studio .piece-carousel{display:none}.creative-studio .piece-note{width:25%;bottom:8%}.creative-studio .piece-palette{width:29%;bottom:9%}.piece-figma{bottom:30%;left:22%}.design-project-list{grid-template-columns:1fr}.design-project>header{min-height:0}.design-project-gallery{max-width:560px}}@media (max-width:560px){.creative-studio .creative-desk{height:840px}.piece-laptop{width:46%;padding:5px;top:-1%;left:-4%}.desk-laptop-screen{border-width:4px;padding:5px}.desk-laptop-screen span{font-size:5px}.desk-laptop-screen b{font-size:15px}.desk-keys{gap:2px}.desk-keys i{height:7px}.desk-trackpad{height:19px}.desk-laptop-base{padding:5px}.piece-brand{top:9%;left:49%}.piece-brand strong{padding:5px 10px 10px;font-size:21px}.piece-mouse{width:52px;top:22%;right:8%}.desk-mouse{height:80px}.piece-instagram{top:24%;left:15%}.piece-instagram a{gap:8px;padding:5px 8px;font-size:12px}.instagram-glyph{width:34px;height:34px;font-size:30px}.creative-studio .piece-headline{width:77%;top:36%;left:8%}.creative-studio .piece-headline>span{font-size:10cqw}.creative-studio .piece-deserves{width:55%;top:46%;left:40%}.creative-studio .piece-deserves>span{font-size:8.8cqw}.creative-studio .piece-design{width:77%;top:55%;left:17%}.creative-studio .piece-design>span{padding:8px;font-size:8.6cqw}.creative-studio .piece-design small{padding:0 8px 9px;font-size:5px}.creative-studio .piece-hello{top:65%;right:4%}.piece-tools{top:44%;left:0}.piece-tools>span{letter-spacing:2px;padding:5px;font-size:14px}.piece-ai{border-width:4px;top:61%;left:2%}.piece-ps{border-width:4px;top:76%;right:3%}.piece-tool>span{padding:0 10px 10px;font-size:35px}.piece-figma{border-width:3px;bottom:14%;left:8%}.piece-figma svg{width:42px;height:62px}.creative-studio .piece-feed{width:34%;bottom:7%;left:33%}.creative-studio .piece-feed img{height:132px}.creative-studio .piece-note,.creative-studio .piece-palette,.desk-watermark{display:none}}