:root{--paper:#fff9f0;--ink:#292923;--muted:#706c63;--coral:#dd482e;--teal:#00796c;--gold:#f5c757;--line:#e7dfd1;--ease:cubic-bezier(.25,.46,.45,.94);--maru:'Zen Maru Gothic',sans-serif;--body:'Noto Sans JP',sans-serif;--mp-ease:var(--ease);--mp-ease-soft:var(--ease);--mp-dur-s:.25s;--mp-dur-m:.7s;--mp-dur-l:1.1s;--mp-stagger:.06s;--mp-dist:28px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;color:var(--ink);background:var(--paper);font:15px/1.85 var(--body);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}img{display:block;max-width:100%;height:auto}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid var(--teal);outline-offset:5px}[hidden]{display:none!important}.skip{position:fixed;top:8px;left:10px;z-index:100;background:white;padding:12px;transform:translateY(-150%)}.skip:focus{transform:none}.nav{max-width:1440px;margin:auto;min-height:100px;padding:22px 5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:20px}.brand{display:flex;align-items:center;gap:13px;font:500 10px/1.6 var(--body);letter-spacing:.07em}.brand b{font:900 16px/1.6 var(--maru)}.brand-mark{position:relative;display:inline-block;flex-shrink:0;width:41px;height:43px}.brand-mark i{position:absolute;width:23px;height:23px;border:2px solid var(--paper);border-radius:6px}.brand-mark i:nth-child(1){background:var(--coral);left:0;top:0;transform:rotate(-10deg)}.brand-mark i:nth-child(2){background:var(--gold);left:18px;top:5px;transform:rotate(8deg)}.brand-mark i:nth-child(3){background:var(--teal);left:8px;top:19px;transform:rotate(-5deg)}.nav-links{display:flex;align-items:center;gap:34px;font-size:12px;font-weight:700}.nav-cta{background:var(--ink);color:var(--paper);padding:11px 23px;border-radius:30px}.nav-cta span{margin-left:20px}.hero{max-width:1440px;margin:auto;padding:54px 5% 0;overflow:clip}.hero-layout{display:grid;grid-template-columns: .95fr 1.15fr;gap:15px;align-items:center;min-height:520px}.hero-copy{position:relative;z-index:5;padding:15px 0 30px}.eyebrow{font-size:10px;font-weight:700;letter-spacing:.09em;display:flex;align-items:center;gap:9px;margin:0 0 24px}.eyebrow>span{width:8px;height:8px;background:var(--teal);border-radius:50%;box-shadow:0 0 0 5px #00796c0d}h1{font:900 clamp(34px,4.4vw,64px)/1.48 var(--maru);letter-spacing:-.04em;margin:0}.mp-heading{overflow:hidden}.mp-heading-inner{display:block}h1 .mp-heading{display:block}h1 em{font-style:normal;color:var(--coral);position:relative;display:inline-block}h1 em:after{content:'';position:absolute;left:0;bottom:7%;width:100%;height:9px;z-index:-1;background:#f5c7577a;transform:rotate(-2deg)}.hero-lede{font-size:14px;line-height:2.15;margin:25px 0 28px;color:#5d5a52}.hero-actions{display:flex;align-items:flex-start;flex-direction:column;gap:18px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:25px;min-height:54px;padding:15px 25px;border-radius:8px;background:var(--coral);color:white;font-size:13px;font-weight:700;box-shadow:0 7px 0 #ad382015}.button>span:last-child{font-size:21px;line-height:1}.text-link{font-size:12px;font-weight:700;border-bottom:1px solid #a8a298;padding-bottom:5px}.hero-proof{display:flex;gap:19px;align-items:center;margin-top:36px}.hero-proof>span:last-child{font-size:10px;color:var(--muted);line-height:1.8;border-left:1px solid #d7caba;padding-left:18px}.proof-number{font:900 40px/1 var(--maru);letter-spacing:-.06em}.proof-number span{font:700 9px var(--body);letter-spacing:.06em;display:block;margin-top:7px}.showcase{position:relative;align-self:stretch;min-width:0;display:flex;flex-direction:column;justify-content:center;padding-top:35px}.showcase-ground{position:absolute;top:5%;left:8%;width:92%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 38% 30%,#ffe6bd,#faead65c 62%,transparent 72%);border:1px solid #eddfc36b;transform:scaleY(.9);pointer-events:none}.showcase-ground:after{content:'✳';position:absolute;right:0;top:3%;font-size:74px;color:var(--teal);transform:rotate(12deg)}.stage-note{position:absolute;left:10%;top:0;font:700 12px var(--maru);transform:rotate(-5deg);padding:8px 0;border-bottom:1px solid var(--teal);color:var(--teal)}.showcase-deck{position:relative;height:360px;perspective:1400px;isolation:isolate}.showcase-slot{position:absolute;width:80%;top:40px;left:10%;transition:transform 850ms var(--ease);transform-style:preserve-3d}.slot-0{z-index:3;transform:translate(0,20px) rotate(-5deg)}.slot-1{z-index:2;transform:translate(17%,-18%) rotate(10deg) scale(.9)}.slot-2{z-index:1;transform:translate(-6%,24%) rotate(-12deg) scale(.88)}.browser-card{display:block;background:white;border:1px solid #ffffff;box-shadow:0 25px 40px -12px #5337193b,0 3px 6px #53371915;border-radius:10px;overflow:hidden;transform-style:preserve-3d}.browser-bar{height:28px;background:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 12px;font-size:7px;color:#68645c;gap:8px}.browser-dots{color:#d6cdc1;letter-spacing:2px;font-size:7px}.browser-card img{width:100%;aspect-ratio:1.6;object-fit:cover}.browser-caption{display:flex;align-items:center;justify-content:space-between;padding:9px 12px;font-size:9px}.browser-caption>span:first-child{font-family:var(--maru);font-weight:900}.browser-caption>span:last-child{font-size:8px;color:var(--teal)}.showcase-controls{position:relative;z-index:5;display:flex;align-items:center;justify-content:center;gap:8px;margin-top:52px}.showcase-controls button{font-size:10px;font-weight:700;border:1px solid #dbd1c2;color:#625c52;background:var(--paper);border-radius:40px;min-height:42px;padding:8px 14px;transition:background .25s,color .25s}.showcase-controls button[aria-pressed=true]{color:white;background:var(--teal);border-color:var(--teal)}.stage-bottom{display:flex;justify-content:center;align-items:center;gap:16px;position:relative;z-index:5;margin:13px 0 0;font-size:9px;color:var(--muted)}.motion-toggle{font-size:9px;min-height:34px;padding:3px 8px;background:transparent;border:0;border-bottom:1px solid #ccc1b0;color:var(--muted)}.hero-foot{display:flex;align-items:center;justify-content:space-between;margin-top:46px;padding:18px 0;border-top:1px solid var(--line);font-size:9px;letter-spacing:.15em}.hero-foot a{letter-spacing:0}.hero-foot a span{display:inline-block;margin-left:10px}.tool-strip{max-width:1440px;margin:auto;display:grid;grid-template-columns:.75fr 1fr 1.1fr 1fr;padding:40px 5%;gap:25px;background:#f0eade;border-block:1px solid var(--line)}.section-kicker{font-size:9px;letter-spacing:.16em;font-weight:700;color:var(--teal);margin:0 0 10px}.tool-intro h2{font:900 21px/1.5 var(--maru);margin:0}.tool{display:flex;align-items:flex-start;gap:13px;border-left:1px solid #d8cebd;padding-left:20px}.tool-no{font:500 24px/1.5 var(--maru);color:#a89982}.tool-verb{font-size:9px;color:var(--teal);font-weight:700}.tool h3{font:700 14px/1.6 var(--maru);margin:4px 0 7px}.tool p{font-size:10px;line-height:1.9;color:var(--muted);margin:0}.maker{font-size:9px;display:block;margin-top:9px;color:var(--muted)}.gallery-section{max-width:1440px;margin:auto;padding:94px 5% 85px}.section-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:35px;gap:20px}.section-head h2{font:900 clamp(25px,2.8vw,40px)/1.6 var(--maru);margin:0}.section-head p:not(.section-kicker){font-size:12px;color:var(--muted);margin:12px 0 0}.collection-count{font:500 76px/1 var(--maru);letter-spacing:-.08em;color:var(--teal)}.collection-count small{font:500 10px var(--body);display:block;letter-spacing:.15em;text-align:center;margin-top:10px}.mobile-br{display:none}.gallery-toolbar{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:20px 0;border-block:1px solid var(--line)}.filters{display:flex;gap:6px;flex-wrap:wrap}.filters button{padding:10px 14px;min-height:44px;border:1px solid #e2d8c9;background:transparent;border-radius:30px;font-size:10px;color:#655f54}.filters button span{font-size:9px;margin-left:5px;opacity:.8}.filters button[aria-pressed=true]{background:var(--ink);border-color:var(--ink);color:white}.search{display:flex;align-items:center;border-bottom:1px solid #bcb2a2;gap:10px;max-width:210px}.search>span{font-size:24px}.search input{width:100%;background:transparent;border:0;padding:10px 0;font-size:11px;color:var(--ink);min-height:44px}.results-line{display:flex;justify-content:space-between;align-items:center;gap:15px;font-size:9px;color:var(--muted);padding:12px 0 21px}.results-line p{margin:0}.demo-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:34px 25px}.demo-card{min-width:0}.demo-card>a{display:block;height:100%;background:#fffdf8;border:1px solid var(--line);border-radius:12px;overflow:hidden;transition:box-shadow .3s var(--ease)}.demo-card>a:hover{box-shadow:0 13px 26px #48371614}.demo-shot{position:relative;overflow:hidden;background:#e9e2d7}.demo-shot img{width:100%;aspect-ratio:1.6;object-fit:cover}.demo-number{position:absolute;left:10px;top:10px;background:#fffdf8f0;padding:1px 7px;border-radius:4px;font-size:9px;color:#615e52}.demo-open{position:absolute;bottom:12px;right:12px;background:white;border-radius:50%;width:28px;height:28px;text-align:center;font-size:16px;box-shadow:0 2px 8px #0001}.demo-info{padding:20px}.demo-meta{display:flex;gap:8px;align-items:center;justify-content:space-between;font-size:8px;color:var(--muted)}.combo{font-size:8px;border-radius:3px;background:#e5efea;color:#296554;padding:3px 6px;white-space:nowrap}.combo.kou{background:#fff0cc;color:#775918}.combo.kk{background:#fce9dd;color:#895235}.combo.kz{background:#efebf2;color:#6d557b}.demo-info h3{font:700 16px/1.7 var(--maru);margin:12px 0 8px}.demo-info p{font-size:10px;color:var(--muted);margin:0;min-height:3.7em}.demo-bottom{border-top:1px solid var(--line);margin-top:16px;padding-top:13px;display:flex;justify-content:space-between;font-size:8px;gap:8px}.demo-bottom>span:first-child{color:var(--muted)}.demo-bottom>span:last-child{font-weight:700;color:var(--teal)}.empty{text-align:center;padding:65px 10px}.empty button{border:1px solid var(--teal);color:var(--teal);background:transparent;padding:10px 20px;border-radius:24px}.real-example{display:grid;grid-template-columns:1.2fr 1fr;max-width:1296px;margin:0 auto;background:#23392f;color:#f5eee0;border-radius:18px;overflow:hidden}.real-visual{position:relative;align-self:stretch;min-height:390px}.real-visual a{display:block;height:100%}.real-visual img{width:100%;height:100%;object-fit:cover}.real-visual>span{position:absolute;bottom:20px;left:24px;font-size:9px;letter-spacing:.13em;background:#1d332ccb;padding:8px 12px}.real-copy{padding:46px 40px;align-self:center}.real-copy .section-kicker{color:#d3bb86}.real-copy h2{font:700 34px/1.5 var(--maru);margin:17px 0}.real-copy p:not(.section-kicker){font-size:12px;line-height:2;color:#d1d6c8}.button.light{background:#ebcf98;color:#25392e;box-shadow:none;margin-top:13px;font-size:12px}.real-copy p.real-detail{font-size:9px;margin-top:20px}.closing{padding:86px 24px;text-align:center}.closing h2{font:700 26px/1.7 var(--maru);margin:20px 0}.closing p{font-size:11px;color:var(--muted);margin-bottom:25px}footer{border-top:1px solid var(--line);padding:30px 5%;font-size:9px;color:var(--muted)}.footer-top{display:flex;align-items:center;justify-content:space-between;gap:20px}.footer-top strong{font:700 13px var(--maru);color:var(--ink)}footer>p{max-width:1000px;margin-top:19px;font-size:9px}
@media(min-width:1400px){.showcase-deck{height:400px}.hero-layout{min-height:560px}.showcase-controls{margin-top:65px}}@media(max-width:1050px){.hero{padding-top:30px}.hero-layout{grid-template-columns:1fr 1.1fr}.hero-proof{margin-top:24px}.showcase-deck{height:340px}.showcase-controls{margin-top:30px}.stage-note{font-size:10px}.stage-bottom{font-size:8px;gap:5px}.tool-strip{gap:15px}.tool{padding-left:14px;gap:8px}.tool-no{font-size:19px}.tool h3{font-size:12px}.gallery-toolbar{flex-wrap:wrap}.demo-grid{gap:25px 18px}.demo-info{padding:15px}.demo-meta{flex-wrap:wrap}.real-example{margin:0 5%}.real-copy{padding:30px}.real-copy h2{font-size:27px}}
@media(max-width:760px){.nav{min-height:78px;padding:16px 6%}.brand{gap:8px}.brand b{font-size:13px}.brand-mark{transform:scale(.85);transform-origin:left center;width:35px}.nav-links{gap:14px}.nav-links>a:first-child{display:none}.nav-cta{font-size:10px;padding:9px 14px}.nav-cta span{margin-left:12px}.hero{padding:29px 6% 0}.hero-layout{display:flex;flex-direction:column;gap:5px;min-height:0}.hero-copy{align-self:stretch;padding:0}.eyebrow{font-size:9px;margin-bottom:17px}h1{font-size:clamp(34px,8vw,57px);line-height:1.4;letter-spacing:-.035em}h1>.mp-heading{display:inline-block;margin-right:.15em}.hero-lede{font-size:12px;margin:19px 0;line-height:1.95}.hero-lede br:nth-child(2){display:none}.hero-actions{flex-direction:row;align-items:center;gap:18px;flex-wrap:wrap}.button{font-size:11px;padding:12px 19px;gap:20px;min-height:49px}.text-link{font-size:10px}.hero-proof{display:none}.showcase{width:100%;margin-top:28px;padding-top:17px}.stage-note{top:0;left:3%;font-size:9px}.showcase-deck{height:clamp(245px,60vw,370px);margin-top:20px}.showcase-slot{width:77%;left:11%;top:26px}.showcase-controls{margin-top:26px;gap:7px}.showcase-controls button{min-height:38px;font-size:9px;padding:7px 13px}.stage-bottom{margin-top:4px;gap:12px}.showcase-ground{top:0;left:12%;width:80%;max-height:390px}.showcase-ground:after{font-size:42px}.browser-bar{height:23px;font-size:6px;padding:0 9px}.browser-caption{padding:7px 9px;font-size:8px}.browser-caption>span:last-child{font-size:7px}.hero-foot{margin-top:23px;padding:13px 0;font-size:7px;letter-spacing:.08em}.tool-strip{grid-template-columns:1fr 1fr;padding:30px 6%;gap:26px 18px}.tool-intro h2{font-size:20px}.tool h3{font-size:12px}.tool p{font-size:9px}.tool-no{font-size:19px}.tool{padding-left:13px;gap:9px}.gallery-section{padding:55px 6%}.section-head{margin-bottom:24px}.section-head h2{font-size:24px}.section-head p:not(.section-kicker){font-size:10px;max-width:29em}.collection-count{font-size:49px}.collection-count small{font-size:8px}.mobile-br{display:block}.gallery-toolbar{padding:13px 0;gap:14px}.filters{gap:5px}.filters button{font-size:9px;padding:9px 12px}.search{max-width:none;width:100%}.results-line{font-size:8px;align-items:flex-start}.results-line>span{max-width:175px;text-align:right}.demo-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 12px}.demo-info{padding:13px}.demo-info h3{font-size:13px}.demo-info p{font-size:9px;min-height:5.5em}.demo-meta{font-size:7px;gap:5px}.combo{font-size:7px}.demo-bottom{font-size:8px;margin-top:12px}.demo-bottom>span:first-child{display:none}.demo-open{width:24px;height:24px;font-size:14px;right:8px;bottom:8px}.demo-number{font-size:7px;left:7px;top:7px}.real-example{grid-template-columns:1fr;margin:0 6%;border-radius:12px}.real-visual{min-height:0;aspect-ratio:16/10}.real-copy{padding:28px}.real-copy h2{font-size:28px}.closing{padding:55px 6%}.closing h2{font-size:22px}.closing p{font-size:10px}.footer-top{flex-direction:column;align-items:flex-start;gap:10px}footer{padding:26px 6%}.footer-top span{font-size:8px}}
@media(max-width:420px){.hero-actions{gap:14px}.hero-actions .text-link{font-size:9px}.showcase-deck{height:242px}.demo-grid{grid-template-columns:1fr}.demo-info p{min-height:0}.demo-info h3{font-size:17px}.demo-info p{font-size:11px}.demo-meta{font-size:9px}.combo{font-size:8px}.demo-bottom>span:first-child{display:block}.demo-info{padding:19px}.demo-bottom{font-size:9px}.demo-shot img{aspect-ratio:1.6}.section-head{gap:12px}.collection-count{font-size:42px}.section-head h2{font-size:22px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.mp-heading-inner,.mp-card,.mp-image-art{opacity:1!important}.mp-heading-inner{transform:none!important}}
html.motion-paused{scroll-behavior:auto}html.motion-paused *,html.motion-paused *::before,html.motion-paused *::after{animation-play-state:paused!important;transition:none!important}html.motion-paused .mp-heading-inner,html.motion-paused .mp-card,html.motion-paused .mp-image-art{opacity:1!important}html.motion-paused .mp-heading-inner{transform:none!important}
/* Reserve the complete fan of cards, including the rotated back corners. */
.showcase-deck{height:auto;aspect-ratio:1.25;width:100%}
.showcase-controls{margin-top:22px}
@media(max-width:760px){.showcase-deck{height:auto;aspect-ratio:1.16}.showcase-controls{margin-top:12px}}
/* Legible supporting text, and clear space under every rotated preview. */
.showcase-controls{margin-top:45px}
.tool p{font-size:12px}.tool h3{font-size:14px}.tool-verb,.maker{font-size:10px}
.section-head p:not(.section-kicker){font-size:13px}.demo-info p{font-size:12px}.demo-meta{font-size:10px}.demo-bottom{font-size:10px}.combo{font-size:9px}.closing p{font-size:13px}footer>p{font-size:11px}
@media(max-width:760px){.showcase-controls{margin-top:30px}.showcase-controls button{min-height:44px;font-size:10px}.hero-lede{font-size:14px}.hero-lede br{display:none}.hero-actions .text-link{font-size:10px}.tool p{font-size:11px}.tool h3{font-size:13px}.section-head p:not(.section-kicker){font-size:12px}.results-line{font-size:9px}.filters button{font-size:10px}.search input{font-size:12px}.demo-info p{font-size:11px}.demo-meta{font-size:9px}.demo-bottom{font-size:9px}}
@media(min-width:761px) and (max-width:1100px){.showcase-controls{margin-top:80px}}

/* Expanded catalog: provenance labels and filters remain readable on narrow screens. */
.catalog-note{font-size:12px;line-height:1.9;color:var(--muted);max-width:80em;margin:18px 0 12px}.combo.chise{background:#e3f0ed;color:#006052}.combo.legacy{background:#f3e9d6;color:#705018}.demo-meta{align-items:flex-start;flex-wrap:wrap}.combo{white-space:normal}.filters{flex-wrap:wrap}.filters button{min-height:44px}.tool h3{line-height:1.65}.demo-bottom{gap:8px;flex-wrap:wrap}.demo-bottom>span:first-child{display:block}
@media(max-width:600px){.tool-strip{grid-template-columns:1fr;gap:24px}.tool-intro h2 br{display:none}.tool{padding:0;border:0;gap:20px}.tool h3 br{display:none}.tool h3{font-size:15px}.tool p br{display:none}.tool p{margin:5px 0}.tool-no{min-width:24px}}