/* Illustrator art direction: warm gingham, original logo, paper frames and playful motion. */
:root{--paper:#fffbed;--ink:#665338;--line:#dfd8ae;--lime:#d9ed96;--yellow:#ffe28b;--orange:#ffa657;--round:28px}
body{font-family:"Hiragino Maru Gothic ProN","Yu Gothic",Meiryo,sans-serif;background-color:var(--paper);background-image:radial-gradient(#dcce9c80 1px,transparent 1px);background-size:18px 18px;color:var(--ink)}h2,h3{font-weight:800;letter-spacing:.025em}h2{font-size:clamp(26px,3vw,42px)}.comparison{background:#91aa51;color:#fff}.comparison [aria-current]{background:#ffdf7b;color:#665338}.header{height:90px;border:0;background:#fffef9;margin:20px var(--pad);padding:0 26px;border-radius:60px;box-shadow:0 5px 0 #e5d9ac66;position:relative;z-index:10}.brand{font-family:Georgia,serif;font-style:italic;font-size:32px;letter-spacing:-.025em;color:#79933a}.quick-nav a{padding:8px 15px;background:#fff5d6;border-radius:30px;font-weight:700;font-size:12px}.menu-toggle{font-weight:700;font-size:13px}.menu-panel{top:160px;background:#fffdf3;border:3px solid #d6e69c;border-radius:30px;box-shadow:0 10px 0 #9eac5b22}.menu-panel a{border-bottom:2px dotted #d0c59c}.artist-logo{width:100%;height:auto;object-fit:contain}.hero h1{font-size:initial!important;line-height:1!important;letter-spacing:normal!important}.hero h1 .artist-logo{max-width:480px;margin:auto;filter:drop-shadow(0 7px 0 #d1bb7440);animation:logo-arrive 1.1s cubic-bezier(.2,1.6,.3,1),logo-breathe 7s 1.1s ease-in-out infinite}.hero p{line-height:2.1;font-size:13px;letter-spacing:.035em}.cute-atelier{display:grid;grid-template-columns:1fr 1.2fr 1fr;align-items:center;gap:34px;min-height:650px;padding:40px var(--pad) 55px;background-image:linear-gradient(90deg,#eedba326 50%,transparent 50%),linear-gradient(#eedba326 50%,transparent 50%);background-size:44px 44px;position:relative}.atelier-center{text-align:center;z-index:2;padding:20px 0}.atelier-center h1{margin-bottom:28px}.atelier-center p{max-width:310px;margin:15px auto 25px}.atelier-center .pill{width:max-content;max-width:100%;margin:0 auto}.tiny-contact{display:inline-block;margin-top:20px;font-size:12px;text-decoration:underline}.atelier-art{display:grid;gap:32px}.atelier-art .art{background:white;padding:12px 12px 2px;border-radius:36px;box-shadow:0 8px 0 #dac99055;animation:float-left 6s ease-in-out infinite}.atelier-art .art-open{height:210px}.atelier-art .little-art{max-width:78%;justify-self:end;animation-delay:-2s}.atelier-art .little-art .art-open{height:150px}.art-right .art{animation-name:float-right;animation-delay:-3s}.art-right .little-art{justify-self:start}.atelier-art img{border-radius:22px}.pill{background:#e0efad;border:2px solid #afc879;box-shadow:0 5px 0 #afc879;border-radius:35px;color:#546329;transition:transform .3s,box-shadow .3s;font-weight:700}.pill:hover{transform:translateY(-4px) rotate(-2deg);text-decoration:none;box-shadow:0 9px 0 #afc879}.pill:active{transform:translateY(4px);box-shadow:0 1px 0 #afc879}.art-ribbon{overflow:hidden;padding:22px 0 30px;background:#f8efc9;border-top:5px dotted #e6dcae;border-bottom:5px dotted #e6dcae}.ribbon-track{display:flex;gap:24px;width:max-content;animation:ribbon-walk 44s linear infinite}.ribbon-track img{flex:none;width:150px;height:110px;object-fit:contain;background:#fffdf5;border:7px solid white;border-radius:22px;box-shadow:0 4px 0 #dbcd9655;transform:rotate(-4deg)}.ribbon-track img:nth-child(even){transform:rotate(4deg)}.section{max-width:1340px;margin:55px auto;border:0;padding:65px 5%;border-radius:45px;background:#fffef8;position:relative}.section-heading{text-align:center;margin-bottom:35px}.section-heading h2{display:inline-block;position:relative;padding:0 10px 12px;color:#7b8f43}.section-heading h2::after{content:'';position:absolute;width:55%;height:6px;border-radius:20px;background:#ffd477;bottom:0;left:22.5%}.eyebrow{color:#aa793c;font-size:12px;letter-spacing:.14em}.gallery{gap:30px}.gallery .art{padding:13px 13px 0;background:white;border:1px solid #ede4c7;border-radius:25px;box-shadow:0 5px 0 #eee3c2;transition:transform .35s var(--curve),box-shadow .35s}.gallery .art:nth-child(3n+2){padding-top:13px;transform:rotate(2deg)}.gallery .art:nth-child(3n+1){transform:rotate(-1.5deg)}.gallery .art:hover{transform:translateY(-9px) rotate(0);box-shadow:0 14px 0 #e6dbb9}.gallery .art-open,.gallery .art:nth-child(5n+1) .art-open{height:280px;background:#fffdf5;border-radius:15px;overflow:hidden}.art-open:hover{transform:scale(1.025)}.art figcaption{color:#aa965d;padding:12px 2px}.portfolio .intro{text-align:center;margin:0 auto 35px}.achievements{background:#eef4d6;border:3px dashed #d0dda0}.achievements h2{font-size:27px}.highlights article{border-right:2px dotted #ccd99a}.highlights h3{color:#8d703e}.history>summary,.more-works>summary,.about details>summary{background:#fff4d2;border:1px solid #e1d4a5;border-radius:22px;padding-left:20px;padding-right:45px}.history>summary::after,.more-works>summary::after,.about details>summary::after{right:17px}.history-copy{line-height:2}.motion{background:#eaf1cb!important;color:var(--ink)!important;border:8px solid #f6f8e8}.video-box{border-radius:27px;border:8px solid white;box-shadow:0 6px 0 #bcc88e44}.motion h2{font-size:34px}.stamp-column .art{padding:12px;background:white;border-radius:27px;box-shadow:0 6px 0 #cbd69c66}.stamp-column p{margin-top:12px}.about{background:#fff5df}.about-name{font-family:Georgia,serif;font-size:80px;letter-spacing:-.04em;font-style:italic;color:#a5bc62;transform:rotate(-7deg);align-self:start}.about-layout{gap:45px}.flow{background:#f1f6df}.flow-start{border-bottom:2px dashed #d4dfb0}.step-no{display:grid;place-items:center;border-radius:50%;background:#ffdf84;color:#8b713a;flex:none;width:64px;height:64px;font-size:30px;box-shadow:0 4px 0 #dbc575}.flow-paths article{padding:22px;background:#fffef7;border-radius:25px;border:2px dashed #e1d3a3}.price-list{background:#fffcf2;border:2px solid #e7dab3;border-radius:28px;padding:0 25px}.price-item{border-top:2px dotted #ded3b0}.price-item:first-child{border-top:0}.price-item:last-child{border-bottom:0}.price-name{font-weight:700}.price{color:#a66d2a;font-size:22px}.price-item>summary:hover{color:#809a3d}.price-notes{background:#f8f0d6;padding:25px;border-radius:25px;margin-bottom:0}.terms{background:#fffef7}.terms-list{border:0}.terms-list>details{background:#f7f1dd;margin:15px 0;border:2px solid #e8ddbd;border-radius:25px;padding:6px 20px}.terms-list>details>.preserve{font-size:14px}.contact{background:#ffe9ab!important;border:6px solid #fff8dc;text-align:center}.contact h2{font-size:44px;margin-bottom:15px}.contact h3{font-size:18px}.socials{border:0;gap:15px}.socials a{padding:15px 20px;border:2px solid #e0c87e;border-radius:30px;background:#fffcf0;margin:0;box-shadow:0 4px 0 #e0c87e;font-size:15px;transition:transform .3s}.socials a:hover{transform:translateY(-5px) rotate(-2deg);text-decoration:none}.footer{background:#dce9ae;border-top:6px dotted #faffef;border-radius:50% 50% 0 0/30px 30px 0 0}.footer .artist-logo{width:185px}.top-link{background:#fff9dc;border:2px solid #bccb8a;color:#809744}.motion-toggle{position:fixed;bottom:18px;right:20px;border:2px solid #c4d595;background:#fffde8;color:#677c3b;border-radius:30px;padding:10px 18px;font-size:11px;font-weight:700;z-index:40;box-shadow:0 4px 0 #c4d595;min-height:44px}.lightbox{border-radius:32px;border:6px solid #e2edb7}.lightbox::backdrop{background:#4d5737dd}.lightbox-close{background:#ffdfa0;border-color:#ddc17f}.is-in{animation:paper-arrive .85s var(--curve) both}.confetti{position:fixed;pointer-events:none;width:8px;height:8px;border-radius:3px;z-index:200;background:var(--orange)}
/* 02 — a rounded, yellow gingham sticker garden. */
.v2 .hero-scrapbook{background-color:#fff0b2;background-image:linear-gradient(90deg,#f9d56d25 50%,transparent 50%),linear-gradient(#f9d56d25 50%,transparent 50%);background-size:48px 48px;border-radius:50px;margin:25px var(--pad);padding:55px 4%;min-height:610px;grid-template-columns:1fr 1.2fr;gap:40px}.v2 .scrap-intro h1 .artist-logo{width:430px}.v2 .scrap-intro p{margin:25px auto;max-width:300px}.v2 .scrap-intro .pill{max-width:300px;margin:auto}.v2 .scrap-board .art{border:4px solid #fff7d8;box-shadow:0 7px 0 #ddc97466;border-radius:32px;animation:float-left 6s ease-in-out infinite}.v2 .scrap-board .scrap-small{animation:float-right 7s -2s ease-in-out infinite}.v2 .scrap-board .scrap-wide{animation:float-left 8s -4s ease-in-out infinite}.v2 .price-list{background:transparent;border:0;padding:0}.v2 .price-item{border:2px solid #e4d2a0;border-radius:26px;box-shadow:0 5px 0 #e9debd}.v2 .gallery .art{border-color:#e5d7ae}.v2 .motion{margin-top:55px;border-radius:45px}
/* 03 — an illustrated storybook, not a cinematic/agency masthead. */
.v3 .hero-cinema{background:#edf3d3;margin:25px var(--pad);border:10px solid #fffef7;border-radius:50px;padding:28px 30px 15px;box-shadow:0 10px 0 #d4dfaa66}.v3 .cinema-title{justify-content:center;position:relative;padding-bottom:20px}.v3 .cinema-title h1{width:340px}.v3 .cinema-title>a{position:absolute;right:0;bottom:24px;font-size:12px;background:#fff5d6;padding:10px 18px;border-radius:25px}.v3 .cinema-image .art-open{height:550px;background:#fff9e4;border-radius:35px;overflow:hidden}.v3 .cinema-image .art{animation:book-sway 9s ease-in-out infinite}.v3 .gallery .art:nth-child(even){padding-top:13px}.v3 .gallery .art-open,.v3 .gallery .art:nth-child(5n+1) .art-open{background:#fffaf0;border-radius:20px}.v3 .section{padding-top:65px;padding-bottom:65px}
/* 04 — gingham tabs and a cream sketchbook. */
.v4 .index-sidebar{background-color:#e4edbc;background-image:linear-gradient(90deg,#ffffff40 50%,transparent 50%),linear-gradient(#ffffff40 50%,transparent 50%);background-size:30px 30px;border-right:6px dotted #fffdf3;padding-top:30px}.v4 .index-sidebar .brand{display:block}.v4 .index-sidebar .artist-logo{width:210px}.v4 .index-sidebar nav a{border:0;background:#fffdf0;border-radius:15px;margin:5px 0;padding:11px 13px;box-shadow:0 3px 0 #c7d69c}.v4 .hero-index{padding:40px 45px;background:#fff6da;border-radius:38px;margin:25px 35px 40px;text-align:center}.v4 .hero-index h1 .artist-logo{width:330px}.v4 .hero-index .intro{margin:24px auto}.v4 .hero-index .art{background:white;padding:15px;border-radius:26px;transform:rotate(-2deg);box-shadow:0 6px 0 #dfcd99}.v4 .hero-index .art-open{height:340px;border-radius:15px;background:#fffdf3}.v4 .section{margin:45px 30px;max-width:calc(100% - 60px);border-radius:35px}.v4 .section h2{font-family:inherit;font-weight:800;font-size:30px}.v4 .highlights article{border-bottom:2px dotted #d4deaa}.v4 .about-name{font-size:65px}.v4 .gallery .art-open,.v4 .gallery .art:nth-child(5n+1) .art-open{height:235px}
/* 05 — a soft animation toybox. */
.v5 .hero-motion{background:#fff3b7;border:8px solid #fffdf1;border-radius:50px;margin:25px var(--pad);padding:15px 25px 30px;box-shadow:0 8px 0 #e5d49266}.v5 .motion-title{padding:15px 25px;align-items:center;gap:35px}.v5 .motion-title h1{width:370px}.v5 .motion-title p{max-width:330px}.v5 .hero-motion .motion{margin:15px 0 0;padding:30px;border:0;border-radius:35px;max-width:none;background:#fffbee!important}.v5 .stamp-column{border:0;background:#fff8d6;box-shadow:0 5px 0 #dec98b}.v5 .stamp-column .art-open{background:white}.v5 .pricing{background:#f0f6d8}.v5 .gallery .art-open,.v5 .gallery .art:nth-child(5n+1) .art-open{height:230px}
@keyframes float-left{0%,100%{transform:translateY(0) rotate(-5deg)}50%{transform:translateY(-16px) rotate(-2deg)}}@keyframes float-right{0%,100%{transform:translateY(-9px) rotate(5deg)}50%{transform:translateY(7px) rotate(2deg)}}@keyframes logo-arrive{from{opacity:0;transform:translateY(30px) scale(.8) rotate(-5deg)}to{opacity:1;transform:none}}@keyframes logo-breathe{0%,100%{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-8px) rotate(1deg)}}@keyframes book-sway{0%,100%{transform:rotate(-.7deg)}50%{transform:rotate(.7deg)}}@keyframes ribbon-walk{to{transform:translateX(-50%)}}@keyframes paper-arrive{from{opacity:0;translate:0 25px}to{opacity:1;translate:0 0}}
body.motion-off *,body.motion-off *::before,body.motion-off *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
@media(max-width:1000px){.cute-atelier{gap:22px;grid-template-columns:.85fr 1.2fr .85fr}.atelier-art .art-open{height:165px}.atelier-art .little-art .art-open{height:110px}.hero p{font-size:12px}.v3 .cinema-title>a{position:static;margin-left:20px}.section{margin:40px 22px}.v4 .hero-index{margin:25px 20px;padding:25px}.v4 .hero-index h1 .artist-logo{width:280px}}
@media(max-width:600px){.header{height:65px;margin:14px 16px;padding:0 20px}.brand{font-size:28px}.menu-panel{top:135px;left:16px;right:16px}.cute-atelier{grid-template-columns:1fr 1fr;gap:20px;padding:20px 22px 35px;min-height:0}.atelier-center{grid-column:1/-1;grid-row:1;padding:0}.atelier-center h1{margin:0 auto 16px;max-width:285px}.atelier-center p{font-size:12px;margin:10px auto 20px;max-width:270px}.atelier-center .pill{padding:11px 25px;min-height:48px;font-size:12px}.tiny-contact{margin-top:17px;font-size:11px}.atelier-art{gap:15px}.atelier-art .art{padding:7px 7px 0;border-radius:23px}.atelier-art .art-open{height:135px}.atelier-art .little-art{max-width:95%}.atelier-art .little-art .art-open{height:90px}.atelier-art .art figcaption{padding:8px 0}.art-ribbon{padding:16px 0 20px}.ribbon-track{gap:16px}.ribbon-track img{width:115px;height:88px;border:5px solid white;border-radius:18px}.section,.v3 .section{margin:28px 14px;padding:35px 20px;border-radius:30px;max-width:calc(100% - 28px)}h2{font-size:27px}.section-heading{margin-bottom:25px}.section-heading h2{font-size:27px;line-height:1.45}.gallery{gap:22px 12px}.gallery .art{padding:7px 7px 0;border-radius:18px}.gallery .art:nth-child(3n+2){padding-top:7px}.gallery .art-open,.gallery .art:nth-child(5n+1) .art-open{height:135px;border-radius:10px}.highlights article,.highlights article+article{padding:17px 0;border-right:0;border-bottom:2px dotted #d4dda8}.highlights article:last-child{border-bottom:0}.highlights h3,.highlights p{font-size:12px}.about-name{font-size:65px}.about p{font-size:13px}.motion-layout{gap:22px}.motion{border-width:4px}.video-box{border-width:5px;border-radius:20px}.stamp-column .art-open{height:280px}.price-list{padding:0 15px;border-radius:22px}.price-item>summary{padding:20px 25px 20px 0}.price-name{font-size:14px}.price{font-size:20px}.price-item>summary::after{right:-3px;top:21px}.price-notes{padding:18px;font-size:12px}.flow-paths article{padding:18px}.step-no{width:48px;height:48px;font-size:24px}.flow-start p{font-size:12px}.flow-paths p{font-size:12px}.terms-list>details{padding:5px 14px;border-radius:20px}.terms-list>details>.preserve{font-size:12px}.terms-list>details>summary{font-size:13px}.contact h3{font-size:14px}.contact p{font-size:12px}.socials{gap:13px}.socials a{font-size:12px;padding:12px}.footer{padding:30px 22px 75px}.footer .artist-logo{width:145px}.motion-toggle{right:12px;bottom:12px;font-size:10px;padding:8px 13px;min-height:40px}.v2 .hero-scrapbook{margin:16px 14px;padding:28px 19px 38px;grid-template-columns:1fr;border-radius:35px;gap:30px}.v2 .scrap-intro h1 .artist-logo{width:275px}.v2 .scrap-intro p{font-size:12px;max-width:255px;margin:18px auto}.v2 .scrap-board{margin:0 5px;gap:14px}.v2 .scrap-board .art{border-width:2px;border-radius:24px}.v2 .scrap-board .art-open{height:135px}.v2 .scrap-board .scrap-wide .art-open{height:90px}.v2 .motion{margin-top:28px;border-radius:30px}.v2 .gallery .art-open,.v2 .gallery .art:nth-child(5n+1) .art-open{height:135px}.v3 .hero-cinema{margin:16px 14px;padding:20px 12px 5px;border-width:5px;border-radius:35px}.v3 .cinema-title{display:block;text-align:center;padding-bottom:20px}.v3 .cinema-title h1{width:250px;margin:auto}.v3 .cinema-title>a{display:inline-block;margin:8px 0 0;font-size:11px;padding:7px 15px}.v3 .cinema-image .art-open{height:260px;border-radius:23px}.v3 .gallery .art-open,.v3 .gallery .art:nth-child(5n+1) .art-open{height:260px}.v4 .hero-index{margin:16px 14px 28px;padding:24px 20px;border-radius:30px}.v4 .hero-index h1 .artist-logo{width:255px}.v4 .hero-index .art{padding:9px;border-radius:20px}.v4 .hero-index .art-open{height:200px}.v4 .section{margin:28px 14px;max-width:calc(100% - 28px);padding:35px 20px;border-radius:30px}.v4 .section h2{font-size:27px}.v4 .gallery .art-open,.v4 .gallery .art:nth-child(5n+1) .art-open{height:135px}.v5 .hero-motion{margin:16px 14px;padding:20px 10px;border-width:5px;border-radius:35px}.v5 .motion-title{padding:0 10px;text-align:center;display:block}.v5 .motion-title h1{width:255px;margin:auto}.v5 .motion-title p{font-size:12px;max-width:265px;margin:20px auto}.v5 .hero-motion .motion{padding:20px 10px;max-width:100%;border-radius:25px}.v5 .hero-motion .motion h2{font-size:18px}.v5 .stamp-column{padding:10px;border-radius:20px}.v5 .stamp-column .art-open{height:250px}.v5 .gallery .art-open,.v5 .gallery .art:nth-child(5n+1) .art-open{height:135px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}