:root{--blue:#d9ebf7;--yellow:#ffe63f;--green:#729f43;--purple:#6526c6;--ink:#111;--ui:#e9e9e9}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font-family:Arial,Helvetica,sans-serif;background:#fff}a{color:inherit}img{max-width:100%;display:block}.sky{background:#cfe3f2 url('assets/clouds.jpg') center top/cover no-repeat}.site-nav{height:82px;display:flex;align-items:center;justify-content:center;gap:14px;position:relative;z-index:50}.nav-btn{min-width:104px;padding:7px 18px;border:2px solid #222;border-radius:999px;background:rgba(241,241,241,.88);font-size:15px;line-height:1;text-decoration:none;text-align:center;box-shadow:inset 0 0 0 1px rgba(255,255,255,.8)}.nav-btn:hover,.nav-btn:focus-visible{background:var(--yellow)}.menu-btn{font-family:"Courier New",monospace;text-transform:uppercase;color:#fff;background:var(--green);border:4px ridge #b2d786;border-radius:4px;box-shadow:3px 4px 0 #424242;min-width:auto;padding:5px 10px;font-size:17px;cursor:pointer}.home-stage{position:relative;min-height:650px;max-width:1080px;margin:auto}.logo-link{position:absolute;left:50%;top:45%;transform:translate(-50%,-50%);text-decoration:none;z-index:5}.logo{line-height:.72;white-space:nowrap}.logo .first{display:block;font-size:clamp(74px,10vw,122px);font-weight:400;letter-spacing:-7px}.logo .last{display:block;width:max-content;margin-top:20px;padding:0 18px 12px;background:var(--yellow);font:italic clamp(86px,12vw,145px)/.75 Georgia,serif;letter-spacing:-7px}.tagline{font-size:22px;margin:20px 0 0 65px}.tagline mark{background:#8dcff2}.nav-icon{position:absolute;text-decoration:none;z-index:8;transition:transform .15s}.nav-icon:hover,.nav-icon:focus-visible{transform:scale(1.1) rotate(0)!important}.nav-icon img{width:100%;image-rendering:pixelated}.nav-icon span{position:absolute;left:50%;top:100%;transform:translateX(-50%);white-space:nowrap;background:#fff;border:1px solid;padding:2px 5px;font-size:12px;opacity:0}.nav-icon:hover span,.nav-icon:focus-visible span{opacity:1}.pencil-link{width:94px;left:17%;top:35%;transform:rotate(8deg)}.camera-link{right:15%;top:20%;font-size:78px;filter:grayscale(1)}.video-link{right:8%;top:43%;font-size:76px}.masks-link{left:16%;top:57%;font-size:72px;filter:grayscale(1)}.music-link{width:112px;left:23%;top:68%}.contact-link{right:15%;top:68%;font-size:68px}.cat-decoration{position:absolute;left:36%;top:18%;font-size:75px;filter:grayscale(1);border:0;background:transparent;cursor:pointer}.web-decoration{position:absolute;right:10%;top:61%;font:bold 68px Georgia;color:#16a7e8;transform:rotate(-8deg)}
.about-section{min-height:690px;padding:85px 4vw 70px}.about-wrap{max-width:1000px;margin:auto;display:grid;grid-template-columns:1fr 1.15fr;gap:45px;align-items:center}.about-copy h1,.section-title{font-size:46px;font-weight:400;letter-spacing:-3px;margin:0 0 14px}.highlight-script{display:inline-block;background:var(--yellow);padding:0 10px;font:italic 1em Georgia,serif}.about-copy p{font-size:17px;line-height:1.28;max-width:410px}.desktop-window{background:#ece9e6;border-radius:4px;box-shadow:0 7px 18px rgba(0,0,0,.13);overflow:hidden}.window-bar{height:30px;background:#e8e5e3;padding:8px 12px;font-size:12px;font-weight:bold}.desktop-window img{width:100%;height:380px;object-fit:cover}.note-box{background:#fffdf8;border-radius:4px;box-shadow:0 6px 16px rgba(0,0,0,.08);padding:14px 18px;width:290px;margin:-70px 0 0 55%;position:relative;font-size:12px}.note-box b{display:block;color:#a67800;margin-bottom:9px}.interest-list{display:grid;gap:5px}.interest-list span:before{content:'●';color:#f3c94d;margin-right:7px}.about-doodles{display:flex;gap:30px;margin-top:25px;align-items:center}.about-doodles img{width:62px;image-rendering:pixelated}.about-doodles img:nth-child(2){width:72px}
.content-page{min-height:100vh;background:#fff}.inner{width:min(1060px,92vw);margin:auto;padding:70px 0 100px}.title-row{display:flex;align-items:center;justify-content:center;gap:30px;margin-bottom:65px}.title-row h1{font-size:45px;font-weight:400;letter-spacing:-3px;margin:0}.title-row p{max-width:540px;font-size:15px}.title-row .accent{background:var(--yellow);font:italic 1.05em Georgia,serif;padding:0 7px}.tilted{transform:rotate(-8deg);box-shadow:0 3px 9px rgba(0,0,0,.18)}.section-icon{width:145px;image-rendering:pixelated}.entry-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:70px;align-items:start}.entry{text-decoration:none;text-align:center}.entry img{width:180px;height:180px;object-fit:cover;margin:auto;transition:.15s}.entry:hover img{transform:rotate(3deg) scale(1.04)}.entry h2{font-size:22px;margin:12px 0 0;font-weight:400}.entry h2 span{font:italic 1.15em Georgia,serif;background:var(--yellow);padding:0 5px}.pixel-folder{font-size:70px}.comic-row{display:grid;grid-template-columns:1fr 1.25fr;gap:40px;align-items:center;margin:70px 0}.comic-row.reverse{grid-template-columns:1.25fr 1fr}.comic-row .feature{display:grid;grid-template-columns:130px 1fr;gap:20px;align-items:center}.comic-row .feature img{width:130px}.comic-row h2{font:italic 40px Georgia,serif;margin:0 0 5px;background:linear-gradient(transparent 52%,var(--yellow) 52%);width:max-content}.comic-strip{border:1px solid #aaa;width:100%}.work-layout{display:grid;grid-template-columns:240px 1fr;gap:55px;align-items:center}.work-layout.right{grid-template-columns:1fr 240px}.work-title h1{font-size:44px;font-weight:400;margin:0}.work-title p{font-size:14px;margin-top:6px}.work-title .accent{font:italic 1em Georgia,serif;background:var(--yellow);padding:0 8px}.gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.placeholder{aspect-ratio:1;background:var(--purple);display:grid;place-items:center;text-align:center;color:#fff;font:11px/1.15 Arial;padding:12px}.gallery img{width:100%;aspect-ratio:1;object-fit:cover}.portrait-gallery .placeholder{aspect-ratio:4/5}.work-block{padding:85px 0}.music-layout{max-width:760px;margin:auto;position:relative;padding:90px 0 130px}.music-layout h1{font-size:43px;font-weight:400;margin:0}.music-layout p{width:430px;font-size:14px}.music-icons{display:flex;align-items:flex-end;gap:25px;margin:0 0 20px}.music-icons img{width:70px;image-rendering:pixelated}.music-icons img:nth-child(2){width:82px}.music-icons img:nth-child(3){width:95px}.cute-icons{display:flex;flex-wrap:wrap;gap:28px;align-items:center;max-width:430px;margin:80px auto}.cute-icons img{width:72px;max-height:78px;object-fit:contain;image-rendering:pixelated}.footer{padding:25px;text-align:center;font-size:12px;background:#f4f4f4}.back{display:inline-block;margin-bottom:35px;text-decoration:none;border-bottom:1px solid}.spark{position:fixed;width:7px;height:7px;z-index:9999;pointer-events:none;background:#ffd51f;transform:rotate(45deg);animation:spark .65s ease-out forwards;box-shadow:0 0 6px #fff}@keyframes spark{to{opacity:0;transform:translateY(18px) rotate(160deg) scale(0)}}
@media(max-width:720px){.site-nav{height:auto;padding:12px;justify-content:flex-start;flex-wrap:wrap}.site-nav .nav-btn:not(.menu-btn){display:none}.site-nav.open .nav-btn{display:block}.site-nav.open{background:rgba(220,236,247,.96)}.home-stage{min-height:610px}.logo-link{top:43%;width:88%}.logo .first{font-size:70px}.logo .last{font-size:82px;margin-top:16px}.tagline{font-size:16px;margin-left:35px}.pencil-link{left:5%;top:27%;width:66px}.camera-link{right:8%;top:18%;font-size:54px}.video-link{right:3%;top:54%;font-size:52px}.masks-link{left:4%;top:57%;font-size:52px}.music-link{left:13%;top:72%;width:78px}.contact-link{right:11%;top:72%;font-size:48px}.cat-decoration{left:42%;top:12%;font-size:49px}.web-decoration{right:7%;top:64%;font-size:45px}.about-section{padding-top:55px}.about-wrap{grid-template-columns:1fr}.desktop-window img{height:330px}.note-box{margin:-45px 0 0 8%;width:84%}.entry-grid{grid-template-columns:1fr;gap:45px}.title-row{align-items:flex-start;flex-wrap:wrap}.title-row h1{font-size:39px}.comic-row,.comic-row.reverse{grid-template-columns:1fr;margin:50px 0}.comic-row .feature{grid-template-columns:95px 1fr}.comic-row .feature img{width:95px}.work-layout,.work-layout.right{grid-template-columns:1fr}.work-layout.right .work-title{order:-1}.gallery{grid-template-columns:repeat(2,1fr)}.music-layout{padding:70px 5vw}.music-layout p{width:auto}.inner{padding-top:45px}}
@media(prefers-reduced-motion:reduce){.spark{display:none}*{scroll-behavior:auto!important}}
.camera-link{right:15%;top:20%;width:104px;font-size:0;filter:none}.video-link{right:8%;top:43%;width:118px;font-size:0}.masks-link{left:16%;top:57%;width:116px;font-size:0;filter:none}.contact-link{right:15%;top:68%;width:98px;font-size:0}.cat-decoration{left:36%;top:18%;width:145px;font-size:0;filter:none;padding:0}.cat-decoration img{width:100%;image-rendering:pixelated}.web-decoration{right:10%;top:61%;width:96px;height:auto;image-rendering:pixelated}.work-title>.section-icon{width:90px;margin-bottom:12px}.music-icons img,.cute-icons img{object-fit:contain}
@media(max-width:720px){.camera-link{right:8%;top:18%;width:72px}.video-link{right:3%;top:54%;width:76px}.masks-link{left:4%;top:57%;width:78px}.contact-link{right:11%;top:72%;width:68px}.cat-decoration{left:42%;top:12%;width:92px}.web-decoration{right:7%;top:64%;width:62px}}
body{overflow-x:hidden}.site-nav{width:100%;max-width:100vw;flex-wrap:wrap}
@media(max-width:980px) and (min-width:721px){.site-nav{gap:8px}.nav-btn{min-width:86px;padding:7px 12px;font-size:13px}}