:root{--paper:#f6f2e8;--ink:#354338;--muted:#717a70;--coral:#c96f53;--yellow:#eed783;--line:#d9dccb;--serif:"Baskerville","Songti SC","STSong",serif;--sans:"Avenir Next","PingFang SC","Microsoft YaHei",sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:35px}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:15px;line-height:1.75}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}button,a,input,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid var(--coral);outline-offset:5px}button{border:0;background:none}img,svg{display:block;max-width:100%}[hidden]{display:none!important}h1,h2,h3,p{margin:0}h1,h2,h3{font-weight:400}h1,h2{font-family:var(--serif)}.skip{position:fixed;top:-100px;left:20px;z-index:10;padding:12px;background:var(--paper)}.skip:focus{top:10px}.site-header{max-width:1360px;margin:auto;padding:29px 5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.wordmark{display:flex;align-items:center;font-family:var(--serif);font-size:39px;line-height:1;letter-spacing:-2px;font-style:italic;font-weight:700}.brand-dot{color:var(--coral)}.flower{width:36px;margin-right:12px;color:var(--coral)}.site-header nav{display:flex;gap:38px;align-items:center;font-size:13px}.site-header nav>a{padding:10px 0}.site-header nav>a:hover{color:var(--coral)}.site-header nav>[aria-current]{text-decoration:underline;text-underline-offset:7px;text-decoration-color:var(--coral)}.site-header .studio-link{border:1px solid var(--ink);border-radius:30px;padding:10px 20px}.studio-link span{margin-left:13px}.hero{max-width:1360px;margin:0 auto;display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,1fr);min-height:645px;gap:4%;padding:74px 6% 75px;align-items:center}.eyebrow{font-size:10px;letter-spacing:.18em;font-weight:600;line-height:1.5}.tiny-star{color:var(--coral);font-size:21px;vertical-align:middle;margin-right:8px}.hero h1{font-size:clamp(44px,5.1vw,73px);line-height:1.27;letter-spacing:-.045em;margin-top:21px}.title-mark{position:relative;color:var(--coral);white-space:nowrap}.title-mark svg{position:absolute;bottom:-10px;left:-3%;width:107%;fill:none;stroke:var(--coral);stroke-width:2.2}.hero-note{font-size:14px;line-height:2;margin:32px 0 26px;color:#677263}.pill{display:inline-flex;align-items:center;justify-content:center;gap:28px;border-radius:40px;padding:14px 23px;font-size:12px;line-height:1.6;min-height:48px;transition:transform .2s,background .2s}.pill:hover{transform:translateY(-3px)}.dark{background:var(--ink);color:#fff9e9}.outline{border:1px solid var(--ink)}.pencil-note{font-size:12px;color:#8b8070;margin-top:23px;transform:rotate(-3deg);display:block;width:max-content;max-width:100%}.pencil-note span{font-size:29px;display:inline-block;transform:rotate(25deg);margin-left:10px}.hero-collage{position:relative;min-width:0;height:420px;margin-top:8px}.postcard{position:absolute;left:4%;top:21px;width:83%;padding:15px 15px 0;background:#fffbf2;transform:rotate(7deg);box-shadow:2px 8px 25px #39483718;border:1px solid #e3e2d5}.postcard-art{aspect-ratio:1.23;overflow:hidden}.postcard-art svg{height:100%;width:100%;object-fit:cover}.postcard-caption{display:flex;align-items:center;justify-content:space-between;padding:15px 1px;font-size:13px;font-family:var(--serif);font-style:italic}.postcard-caption>span:last-child{font-family:var(--sans);font-size:9px;font-style:normal}.tape{position:absolute;width:107px;height:31px;top:-15px;left:30%;background:#d5d6b6a8;transform:rotate(-10deg);z-index:2}.sticker{position:absolute;border-radius:50%;width:117px;height:117px;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:15px;font-family:var(--serif);font-style:italic;line-height:1.2;transform:rotate(15deg)}.sticker-yellow{background:var(--yellow);top:-5px;right:-5px;border:1px solid #e0c363;box-shadow:2px 4px 0 #d8c47b33}.sticker strong{font-size:23px;font-weight:400}.flower-sticker{position:absolute;left:-21px;bottom:20px;color:var(--coral);width:119px;transform:rotate(-12deg)}.little-spark{position:absolute;left:1px;top:-30px;font-size:61px;color:#ad7957;transform:rotate(-16deg)}.little-note{position:absolute;right:-8px;bottom:6px;transform:rotate(-8deg);font-size:26px;font-family:var(--serif);font-style:italic;line-height:1.2}.little-note small{font-family:var(--sans);font-size:10px;font-style:normal;color:var(--muted)}.ticker{display:flex;gap:20px;justify-content:space-around;align-items:center;border-block:1px solid var(--line);padding:17px 5%;background:#ebeddf;font-size:11px;letter-spacing:.21em}.ticker i{font-style:normal;font-size:24px;color:var(--coral);line-height:1}.section{max-width:1360px;margin:auto;padding:80px 6%}.section-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:30px}.section-heading h2{font-size:39px;margin-top:10px}.section-heading h2 span{font-size:12px;display:block;font-family:var(--sans);color:var(--muted);margin-top:9px}.handwritten{font-family:var(--serif);font-style:italic;font-size:22px;color:var(--coral);transform:rotate(-8deg);margin:0 35px 5px 0}.filters{display:flex;gap:12px;margin-bottom:35px;flex-wrap:wrap}.filters button{border:1px solid var(--line);border-radius:30px;padding:9px 18px;font-size:12px}.filters button[aria-pressed=true]{background:var(--ink);border-color:var(--ink);color:var(--paper)}.filters small{margin-left:9px;font-size:9px}.work-layout{display:grid;grid-template-columns:1.5fr 1fr;gap:11%;align-items:center}.work-image{position:relative;display:block;overflow:hidden;background:#dce9e6;aspect-ratio:1.5}.work-image>img{width:100%;height:100%;object-fit:cover;transition:transform .7s}.work-image:hover>img{transform:scale(1.03)}.image-tag{position:absolute;top:18px;left:18px;border-radius:30px;background:#fffbebeb;padding:7px 12px;font-size:8px;letter-spacing:.13em}.round-arrow{position:absolute;right:18px;bottom:18px;border-radius:50%;background:var(--paper);width:37px;height:37px;display:grid;place-items:center}.work-copy{padding-top:25px}.work-copy .eyebrow{color:var(--coral);font-size:9px}.work-copy h3{font-family:var(--serif);font-size:34px;line-height:1.2;margin:11px 0 15px}.work-copy>p:not(.eyebrow){font-size:13px;color:var(--muted);line-height:1.9}.text-link{display:inline-block;font-size:12px;border-bottom:1px solid currentColor;padding-bottom:3px;margin-top:19px}.notebook-note{position:relative;align-self:center;background:#efe5c9;padding:47px 34px 60px;max-width:340px;min-height:340px;transform:rotate(-4deg);box-shadow:2px 4px 0 #d8d3bd33}.notebook-note:after{content:"";position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(transparent 0,transparent 31px,#736d4120 31px,#736d4120 32px);opacity:.5}.notebook-note h3{font-family:var(--serif);font-size:29px;line-height:1.6;margin:20px 0 14px}.notebook-note>p:not(.eyebrow){font-size:13px;line-height:2}.note-pin{position:absolute;top:-12px;left:47%;width:25px;height:25px;border-radius:50%;background:var(--coral);box-shadow:2px 4px 0 #67412e20}.doodle-star{position:absolute;font-size:53px;right:26px;bottom:13px;color:var(--coral)}.empty-work{text-align:center;padding:45px 15px 35px;border:1px dashed #bbc7b5;border-radius:8px}.empty-work>span{font-size:52px;color:var(--coral)}.empty-work h3{font-family:var(--serif);font-size:29px;margin:10px}.empty-work p{color:var(--muted);font-size:13px}.honor-band{padding:61px max(6%,calc((100vw - 1197px)/2));background:#e8eada;display:flex;align-items:center;gap:8%}.ribbon{font-size:130px;color:#8d9d73;line-height:1}.honor-band h2{font-size:36px;line-height:1.45;margin:13px 0}.honor-band p:not(.eyebrow){font-size:12px;line-height:1.9;color:var(--muted)}.honor-band .pill{margin-left:auto;white-space:nowrap}.studio-band{display:grid;grid-template-columns:1fr 1fr;gap:12%;align-items:center;padding-top:90px;padding-bottom:90px}.studio-band h2{font-size:41px;line-height:1.45;margin:17px 0}.studio-band p:not(.eyebrow){font-size:13px;line-height:1.9;color:var(--muted);margin-bottom:28px}.playground-cover{position:relative;display:block;height:330px;background:#e7dedc;border:1px solid #d7ceca;border-radius:48% 48% 12px 12px;overflow:hidden}.orbit{position:absolute;border:1px dashed #a88b8066;left:5%;top:18%;width:90%;height:65%;border-radius:50%;transform:rotate(-30deg)}.orbit-two{transform:rotate(40deg)}.star-shape{position:absolute;font-size:100px;line-height:1;transition:transform 1s}.playground-cover:hover .star-shape{transform:rotate(20deg)}.star-shape.coral{color:var(--coral);left:40%;top:18%}.star-shape.green{color:#809b83;left:11%;top:48%;font-size:77px}.star-shape.yellow{color:#c7a852;right:12%;bottom:22%;font-size:92px}.play-label{position:absolute;bottom:19px;left:0;width:100%;text-align:center;font-size:8px;letter-spacing:.16em}.demo-tag{position:absolute;right:18px;top:53px;font-size:9px;writing-mode:vertical-rl;letter-spacing:.12em}.site-footer{max-width:1360px;margin:auto;border-top:1px solid var(--line);padding:36px 6%;display:flex;align-items:center;gap:6%}.site-footer .wordmark{font-size:32px}.site-footer p{font-size:12px;line-height:1.6}.site-footer p>span{display:block;font-size:7px;letter-spacing:.12em;margin-top:4px;color:var(--muted)}.site-footer>a:last-child{font-size:10px;margin-left:auto}.article-head{padding:48px 6% 45px;max-width:1100px;margin:auto}.back-link{display:inline-block;font-size:11px;margin-bottom:45px;color:var(--muted)}.article-head h1{font-size:78px;line-height:1.05;letter-spacing:-.025em;margin:20px 0 25px}.article-head h1 em{font-weight:400;color:var(--coral)}.article-head>p:last-child{font-size:13px;color:var(--muted)}.story{max-width:1000px;margin:auto;padding:0 6% 60px}.story figure{margin:0 0 50px}.story figure img{width:100%;max-height:480px;object-fit:cover}.story figcaption{font-size:10px;color:var(--muted);margin-top:12px}.story-text{max-width:660px;margin:auto;font-family:var(--serif);font-size:24px;line-height:1.7}.story-text p+p{margin-top:25px}.story-text p:first-child{color:var(--coral);font-style:italic}.story-colophon{max-width:660px;margin:36px auto 0;padding-top:22px;border-top:1px solid var(--line);display:flex;justify-content:space-between;font-size:10px;letter-spacing:.04em}.story-colophon p{color:var(--muted);letter-spacing:0}.next-note{text-align:center;background:#e8eada;padding:37px 20px}.next-note>span{font-size:37px;color:var(--coral)}.next-note p{font-family:var(--serif);font-size:27px}.page-intro{max-width:1120px;margin:auto;padding:75px 6% 55px}.page-intro h1{font-size:61px;line-height:1.35;margin:18px 0}.page-intro>p:last-of-type{color:var(--muted);font-size:13px}.page-intro .pill{margin-top:30px}.honors-empty{max-width:1000px;margin:0 auto 90px;text-align:center;background:#ececde;padding:60px 30px;border-radius:150px 150px 15px 15px}.honors-empty h2{font-size:33px;margin:17px 0}.honors-empty>p:not(.eyebrow){font-size:13px;line-height:2;color:var(--muted)}.honors-empty .pill{margin-top:28px}.award-illustration{height:170px;position:relative;width:150px;margin:auto}.award-illustration>span{font-size:135px;color:#caaa5b;line-height:1;position:relative;z-index:2}.award-illustration>i,.award-illustration>b{position:absolute;top:84px;left:41px;height:66px;width:30px;background:#b0bf96;transform:rotate(15deg);clip-path:polygon(0 0,100% 0,100% 100%,50% 85%,0 100%)}.award-illustration>b{left:79px;transform:rotate(-15deg)}.studio-intro{max-width:1300px;margin:auto;padding:65px 6% 42px;display:flex;align-items:center;justify-content:space-between}.studio-intro h1{font-size:57px;line-height:1.35;margin:17px 0}.studio-intro p:not(.eyebrow){font-size:13px;line-height:1.9;color:var(--muted)}.studio-stamp{width:154px;height:154px;border-radius:50%;border:1px solid var(--coral);color:var(--coral);display:flex;flex-direction:column;align-items:center;justify-content:center;font-family:var(--serif);font-size:21px;line-height:1.1;transform:rotate(15deg);margin-right:7%}.studio-stamp em{font-size:40px}.experiment{max-width:1300px;margin:auto;padding:0 6% 75px;display:grid;grid-template-columns:1.35fr 1fr;gap:5%;align-items:center}.canvas-wrap{position:relative;aspect-ratio:1.25;background:#eee8dc;border:1px solid #d9d8c9;border-radius:12px;overflow:hidden}#star-canvas{display:block;width:100%;height:100%;touch-action:manipulation}.canvas-caption{position:absolute;left:24px;right:24px;bottom:18px;display:flex;justify-content:space-between;pointer-events:none;font-size:8px;letter-spacing:.12em}.canvas-caption>span:last-child{letter-spacing:0}.experiment-controls h2{font-size:28px;margin:10px 0 24px}.experiment-controls fieldset{border:0;padding:0;margin:0 0 22px}.experiment-controls legend,.speed-label{font-size:12px;padding:0}.swatches{display:flex;gap:13px;margin-top:13px}.swatch{border-radius:50%;width:31px;height:31px;position:relative}.swatch[aria-pressed=true]:after{content:"";position:absolute;inset:-5px;border:1px solid var(--ink);border-radius:50%}.peach{background:#cd795e}.sky{background:#789cae}.meadow{background:#7f9874}.lilac{background:#a58dba}.speed-label{display:flex;justify-content:space-between}.speed-label output{color:var(--muted);font-size:10px}input[type=range]{accent-color:var(--ink);width:100%;margin:12px 0}.control-note{font-size:11px;color:var(--muted)}.control-buttons{display:flex;flex-wrap:wrap;gap:13px;align-items:center;margin-top:19px}.control-buttons .pill{padding:12px 18px;font-size:11px}.text-button{font-size:11px;padding:5px 0;text-decoration:underline;text-underline-offset:4px}.example-note{font-size:10px;color:var(--muted);border-top:1px solid var(--line);margin-top:23px;padding-top:18px;line-height:1.8}.idea-desk{padding:63px max(6%,calc((100vw - 1144px)/2));background:#e8eada;display:grid;grid-template-columns:1fr 1.3fr;gap:9%}.idea-desk h2{font-size:35px;margin:16px 0}.idea-desk>div>p:not(.eyebrow){font-size:13px;color:var(--muted);line-height:1.9}.idea-desk ol{list-style:none;padding:0;margin:30px 0 0}.idea-desk li{font-size:12px;margin:13px 0}.idea-desk li span{color:var(--coral);font-size:10px;margin-right:16px}.idea-desk form label{display:block;font-size:12px;margin-bottom:12px}.idea-desk textarea{resize:vertical;width:100%;border:1px solid #c4cbb6;background:#fbf8ee;border-radius:5px;padding:16px;color:var(--ink);font-size:13px;line-height:1.8;min-height:132px}.draft-note{font-size:10px;color:var(--muted);margin:8px 0 20px}#prompt-result{margin-top:27px}#prompt-result textarea{font-size:12px}#copy-message{font-size:11px;color:var(--coral);margin-top:8px}#status{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);max-width:90%;padding:10px 18px;border-radius:30px;color:var(--paper);background:var(--ink);font-size:12px;opacity:0;pointer-events:none}#status.visible{opacity:1}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}@media(max-width:1000px){.hero{min-height:590px}.hero h1{font-size:56px}.hero-collage{height:350px}.sticker{width:90px;height:90px;font-size:12px}.sticker strong{font-size:19px}.flower-sticker{width:96px}.little-note{font-size:22px}.postcard-caption{font-size:11px}.section-heading h2{font-size:35px}.work-layout{gap:7%}.notebook-note{padding:40px 25px 48px}.notebook-note h3{font-size:25px}.notebook-note p:not(.eyebrow){font-size:12px}.honor-band{gap:7%}.ribbon{font-size:95px}.honor-band h2{font-size:32px}.studio-band{gap:8%}.studio-band h2{font-size:36px}.experiment{gap:4%}.experiment-controls h2{font-size:25px}.control-buttons{gap:10px}}@media(max-width:760px){.site-header{padding:23px 6%}.site-header nav{gap:20px;font-size:11px}.site-header .studio-link{padding:9px 12px}.studio-link span{margin-left:4px}.wordmark{font-size:34px}.flower{width:29px;margin-right:8px}.hero{grid-template-columns:minmax(0,1fr);gap:15px;padding:50px 7% 65px}.hero h1{font-size:clamp(48px,13.5vw,64px)}.hero-note{font-size:13px;margin-top:30px}.hero-collage{width:430px;max-width:100%;margin:26px auto 0;height:386px}.postcard{left:8%;width:77%}.sticker{right:0;top:0;width:104px;height:104px}.flower-sticker{bottom:9px;left:3px;width:110px}.little-note{right:0;bottom:-9px}.ticker{gap:14px;padding:15px 5%;font-size:8px;letter-spacing:.08em}.ticker i{font-size:19px}.ticker>span:last-child,.ticker>i:last-of-type{display:none}.section{padding:57px 7%}.handwritten{font-size:18px;margin-right:3px;max-width:140px}.section-heading h2{font-size:32px}.work-layout{grid-template-columns:1fr;gap:36px}.work-image{aspect-ratio:1.4}.notebook-note{max-width:none;min-height:0;padding:31px 28px;margin:5px 14px 0;transform:rotate(-2deg)}.notebook-note h3{font-size:26px;margin:14px 0 10px}.notebook-note>p:not(.eyebrow){line-height:1.9}.doodle-star{font-size:60px;right:25px;bottom:25px}.honor-band{padding:48px 7%;flex-wrap:wrap;gap:20px}.ribbon{font-size:86px;width:80px}.honor-band>div{flex:1}.honor-band h2{font-size:31px}.honor-band .eyebrow{font-size:8px}.honor-band .pill{margin:15px 0 0 100px}.studio-band{grid-template-columns:1fr;gap:38px}.studio-band h2{font-size:37px}.playground-cover{max-width:470px;width:100%;margin:auto;height:330px}.site-footer{flex-wrap:wrap;gap:20px;padding:30px 7%}.site-footer p{margin-left:auto;font-size:10px}.site-footer>a:last-child{margin-left:0;width:100%;font-size:10px}.site-footer p>span{font-size:6px}.article-head{padding:35px 7%}.article-head h1{font-size:60px}.back-link{margin-bottom:33px}.story{padding:0 7% 48px}.story figure{margin-bottom:32px}.story-text{font-size:22px}.story-text p+p{margin-top:21px}.page-intro{padding:52px 7% 40px}.page-intro h1{font-size:46px}.honors-empty{margin:0 6% 60px;padding:40px 20px;border-radius:80px 80px 12px 12px}.honors-empty h2{font-size:28px}.honors-empty p:not(.eyebrow){font-size:12px}.honors-empty .eyebrow{font-size:8px}.studio-intro{padding:50px 7% 34px}.studio-intro h1{font-size:44px}.studio-stamp{width:97px;height:97px;font-size:15px;margin:0 0 0 10px;flex-shrink:0}.studio-stamp em{font-size:28px}.studio-intro .eyebrow{font-size:8px}.experiment{grid-template-columns:1fr;gap:28px;padding:0 7% 48px}.canvas-wrap{aspect-ratio:1.18}.experiment-controls{padding:8px 2px}.experiment-controls h2{font-size:30px}.experiment-controls legend,.speed-label{font-size:13px}.control-buttons{gap:19px}.control-buttons .pill{font-size:12px}.text-button{font-size:12px}.idea-desk{grid-template-columns:1fr;padding:43px 7%;gap:33px}.idea-desk h2{font-size:33px}.idea-desk ol{display:flex;gap:15px;flex-wrap:wrap;margin-top:20px}.idea-desk li{font-size:10px;margin:0}.idea-desk li span{margin-right:6px}.idea-desk textarea{font-size:16px}.draft-note{font-size:10px}}@media(max-width:400px){.site-header{padding:20px 5%}.site-header nav{gap:13px;font-size:10px}.site-header .studio-link{padding:8px 9px}.wordmark{font-size:30px}.flower{width:25px;margin-right:6px}.hero{padding:42px 7% 55px}.hero h1{font-size:52px}.hero-collage{height:319px;margin-top:30px}.postcard{padding:11px 11px 0}.postcard-caption{padding:11px 0;font-size:10px}.sticker{width:83px;height:83px;font-size:10px}.sticker strong{font-size:18px}.flower-sticker{width:91px;bottom:4px}.little-note{font-size:20px;bottom:-15px}.little-note small{font-size:9px}.ticker{font-size:7px;gap:10px}.filters{gap:8px}.filters button{font-size:10px;padding:9px 13px}.handwritten{font-size:16px;max-width:115px}.section-heading h2 span{font-size:11px}.work-copy h3{font-size:31px}.honor-band{gap:14px}.ribbon{width:60px;font-size:70px}.honor-band h2{font-size:29px}.honor-band .pill{margin-left:74px}.studio-intro h1{font-size:39px}.studio-intro p:not(.eyebrow){font-size:11px}.studio-stamp{width:78px;height:78px}.studio-stamp em{font-size:25px}.page-intro h1{font-size:41px}.honors-empty h2{font-size:25px}}

@media(max-width:540px){.site-header{display:block;padding:21px 7% 15px}.site-header>.wordmark{justify-content:center;font-size:35px}.site-header nav{margin-top:19px;width:100%;justify-content:space-between;gap:12px;font-size:11px}.site-header nav>a{white-space:nowrap}.site-header .studio-link{padding:8px 14px}.site-header .studio-link span{display:inline;margin-left:6px}}