@charset "UTF-8";
:root{--paper:#f7f7f2;--ink:#202320;--sub:#5e635d;--line:#d7dbd2;--lime:#e4f56d;--orange:#ff754b;font-family:"Hiragino Kaku Gothic ProN","Hiragino Sans",Meiryo,sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:28px}body{margin:0}a{color:inherit}button,textarea{font:inherit}a,button,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #5556c5;outline-offset:5px}.skip{position:absolute;left:20px;top:-100px;background:var(--lime);padding:14px;z-index:9}.skip:focus{top:10px}.topbar,main,footer{width:min(1320px,calc(100% - 96px));margin:auto}.topbar{height:86px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{font-family:Arial,sans-serif;font-size:23px;font-weight:900;letter-spacing:-1px;text-decoration:none;display:flex;align-items:center;gap:12px}.brand-small{font-size:12px;letter-spacing:1px;line-height:1.15;max-width:45px;border-left:1px solid var(--ink);padding-left:12px}nav{display:flex;gap:32px}nav a{font-size:14px;font-weight:700;text-decoration:none}nav a:hover{text-decoration:underline;text-underline-offset:6px}.intro{display:grid;grid-template-columns:1.4fr 1fr;align-items:center;min-height:305px;padding:28px 0 30px;gap:30px}.eyebrow{font-size:14px;letter-spacing:.04em;font-weight:700;margin:0 0 17px}h1{font-size:clamp(42px,4.5vw,65px);line-height:1.23;letter-spacing:-.065em;margin:0;font-weight:900}h1 span{position:relative;z-index:0}h1 span:after{content:"";position:absolute;left:0;right:-7px;bottom:4px;height:35%;background:var(--lime);z-index:-1;transform:rotate(-2deg)}.lead{font-size:16px;color:var(--sub);line-height:1.9;margin:21px 0 0}.intro-art{position:relative;height:260px;display:grid;place-items:center}.mascot{position:relative;width:240px;height:240px}.mascot .body{position:absolute;width:100%;height:100%;object-fit:contain;left:0;top:0}.mascot .bird{position:absolute;width:24%;height:24%;object-fit:contain;left:42%;top:-3%}.intro-art .mascot{transform:rotate(7deg);transition:transform .35s cubic-bezier(.2,.8,.3,1.3)}.intro-art:hover .mascot{transform:rotate(-6deg) translateY(-9px)}.hello{position:absolute;top:9px;left:6%;background:white;border:1px solid var(--ink);border-radius:40px;padding:10px 17px;transform:rotate(-9deg);font-weight:700;font-size:14px}.made{position:absolute;right:1%;bottom:8px;background:var(--orange);padding:21px 13px;border-radius:50%;font:700 12px/1.4 Arial,sans-serif;transform:rotate(12deg);text-align:center}.section-line{display:flex;align-items:center;justify-content:space-between;padding:20px 0 23px;border-top:1px solid var(--ink)}.section-line h2{font-size:20px;margin:0}.section-line h2 span{font:12px Arial,sans-serif;letter-spacing:.1em;margin-left:18px;color:var(--sub)}.number{font:14px Arial,sans-serif;color:var(--sub)}.shelf{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:48px 26px}.work{grid-column:span 2;min-width:0}.work-large{grid-column:span 3}.cover{display:block;position:relative;aspect-ratio:1.25;overflow:hidden;border-radius:14px;background:#e4e6dc;text-decoration:none;isolation:isolate}.cover>img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s cubic-bezier(.2,.7,.3,1)}.work-large .cover{aspect-ratio:16/9}.cover:hover>img{transform:scale(1.045)}.media-label{position:absolute;bottom:16px;left:16px;background:#fffef7f5;border:1px solid #ffffff80;border-radius:99px;font-size:12px;font-weight:700;padding:9px 13px;z-index:2}.open-mark{position:absolute;right:16px;bottom:16px;width:46px;height:46px;background:var(--paper);border-radius:50%;display:grid;place-items:center;font-size:25px;transition:background .2s,transform .25s;z-index:2}.play{font-size:17px;padding-left:3px}.cover:hover .open-mark{background:var(--lime);transform:rotate(-10deg)}.work-body{padding:17px 2px 0}.meta{display:flex;gap:12px;font:12px/1.4 Arial,sans-serif;color:var(--sub);letter-spacing:.025em;margin:0 0 10px}.meta>span{color:var(--ink)}.meta time{margin-left:auto}h3{font-size:25px;line-height:1.4;letter-spacing:-.05em;margin:0 0 10px}h3 a{text-decoration:none}h3 a:hover{text-decoration:underline;text-underline-offset:4px}.work-large h3{font-size:30px}.work-body>p:not(.meta){font-size:16px;line-height:1.9;margin:0;color:var(--sub)}small{font-size:12px;line-height:1.7;color:var(--sub);display:block;margin-top:9px}.canvas-cover{background:#d4deed;display:flex;align-items:center;padding:24px}.canvas-cover>img{height:auto;aspect-ratio:1.6;object-fit:contain;box-shadow:0 15px 25px #27314d24;transform:rotate(-5deg)}.canvas-cover:hover>img{transform:rotate(0) scale(1.03)}.pocket-cover{background:var(--lime);display:grid;place-items:center}.pocket-cover .mascot{width:210px;height:210px;transition:transform .35s}.pocket-cover:hover .mascot{transform:translateY(-10px) rotate(-6deg)}.recipe{margin-top:15px;border-top:1px solid var(--line);padding-top:13px;font-size:14px}.recipe summary{cursor:pointer;font-weight:700;padding:5px 0}.work-links{display:grid;gap:14px;padding:18px 0}.work-links a{text-underline-offset:4px;line-height:1.6}.copy-links{font-size:14px;background:var(--ink);color:var(--paper);border:0;border-radius:7px;padding:12px;cursor:pointer}.download-links{display:block;font-size:14px;padding:12px 0}textarea{display:block;width:100%;font-size:14px;margin-top:12px}#copyStatus{font-size:14px;line-height:1.6}.lab{margin:70px 0 60px;padding:36px 40px;border-radius:16px;background:var(--lime);display:flex;align-items:center;justify-content:space-between;gap:24px}.lab h2{font-size:30px;letter-spacing:-.04em;margin:0 0 15px}.lab .eyebrow{font:12px Arial,sans-serif;letter-spacing:.12em}.lab p:last-child{font-size:16px;line-height:1.8;margin:0}.lab>a{flex-shrink:0;border:1px solid var(--ink);background:var(--ink);color:var(--paper);padding:18px 22px;border-radius:99px;text-decoration:none;font-size:14px;font-weight:700}.lab>a:hover{background:#3b4431}.lab>a span{margin-left:22px}footer{display:flex;justify-content:space-between;align-items:flex-start;padding:30px 0 36px;border-top:1px solid var(--line)}footer>p{margin:0;font-size:14px;line-height:1.6}footer small{font-size:12px} [hidden]{display:none!important}
@media(max-width:1000px){.topbar,main,footer{width:calc(100% - 56px)}.shelf{gap:35px 20px}.work{grid-column:span 3}.work:last-child{grid-column:span 3}.intro-art .mascot{width:210px;height:210px}.made{right:0}.work-large h3{font-size:26px}}
@media(max-width:600px){.topbar,main,footer{width:calc(100% - 36px)}.topbar{height:80px}.brand{font-size:21px;gap:9px}.brand-small{font-size:10px;padding-left:9px}nav{gap:18px}nav a{font-size:12px}.intro{min-height:0;padding:29px 0 28px;gap:0;grid-template-columns:1fr 110px}.eyebrow{font-size:12px;line-height:1.7;letter-spacing:0;margin-bottom:12px}.intro-copy{position:relative;z-index:1}h1{font-size:clamp(37px,8.6vw,52px);letter-spacing:-.075em;line-height:1.3}.lead{font-size:14px;line-height:1.8;margin-top:18px;white-space:normal;max-width:25em}.intro-art{height:190px;align-self:start;margin-top:26px}.intro-art .mascot{width:130px;height:150px;position:absolute;right:0;top:27px}.hello{font-size:11px;padding:7px 10px;top:8px;left:auto;right:0;white-space:nowrap}.made{display:none}.section-line{padding:17px 0}.section-line h2{font-size:17px}.section-line h2 span{font-size:10px;margin-left:10px}.number{font-size:12px}.shelf{display:block}.work{margin-bottom:32px}.work:last-child{margin-bottom:0}.cover,.work-large .cover{aspect-ratio:1.35}.work-body{padding-top:14px}h3,.work-large h3{font-size:24px}.work-body>p:not(.meta){font-size:16px;line-height:1.75}.media-label{bottom:14px;left:12px}.lab{margin:42px 0 36px;padding:28px 24px;display:block}.lab h2{font-size:24px}.lab p:last-child{font-size:14px}.lab>a{display:flex;justify-content:space-between;margin-top:24px;padding:16px 19px}.canvas-cover{padding:28px}.pocket-cover .mascot{width:230px;height:230px}footer{display:block;padding-top:24px}footer>p{margin-top:24px}footer small{font-size:12px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}
@media(max-width:600px){.intro{display:block;position:relative}.intro h1{max-width:calc(100% - 105px)}.intro .lead{width:100%;max-width:none;margin-top:42px}.intro-art{position:absolute;right:0;top:50px;width:115px;height:140px;margin:0}.intro-art .mascot{width:115px;height:120px;top:18px}.intro-art .hello{top:-7px;right:0}}

#line-stickers{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:26px;align-items:center}#line-stickers .sticker-cover{background:#edf5e8;aspect-ratio:16/9}#line-stickers .sticker-cover>img{object-fit:contain;padding:8px 0 40px}#line-stickers .work-body{padding:18px} @media(max-width:600px){#line-stickers{grid-template-columns:1fr;gap:0}#line-stickers .work-body{padding:17px 2px 0}}
/* New Blender showroom: a full-width featured work. */
#pcx{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:26px;align-items:center}#pcx .cover{aspect-ratio:4/3}#pcx .work-body{padding:18px}@media(max-width:600px){#pcx{grid-template-columns:1fr;gap:0}#pcx .work-body{padding:17px 2px 0}}