@charset "UTF-8";
:root{--paper:#f6f5f0;--ink:#23271f;--muted:#64685e;--line:#d9dbd2;--lime:#d2ed80;--radius:24px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,"Helvetica Neue",Arial,"Hiragino Kaku Gothic ProN","Noto Sans JP",sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:3px solid #506f16;outline-offset:6px}img{max-width:100%}h1,h2,h3,p{margin:0}p{line-height:1.9}::selection{background:var(--lime)}.skip{position:fixed;left:20px;top:-100px;z-index:100;background:var(--ink);color:white;padding:16px}.skip:focus{top:10px}
.site-header{max-width:1328px;margin:auto;padding:28px 40px;display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid var(--line)}.brand{font-size:31px;font-weight:800;letter-spacing:-1.8px;display:inline-flex;align-items:center;gap:5px}.brand-dot{width:9px;height:9px;background:#83a933;border-radius:50%;align-self:flex-end;margin-bottom:7px}.site-header nav{display:flex;align-items:center;gap:30px;font-size:13px;font-weight:600}.site-header nav a{transition:opacity .2s}.site-header nav a:hover{opacity:.6}.nav-contact{padding:12px 20px;border:1px solid var(--line);border-radius:100px}
main{max-width:1248px;margin:auto}.eyebrow{font-size:10px;letter-spacing:1.8px;font-weight:700;display:block}.hero{padding:78px 0 76px;display:grid;grid-template-columns:1.1fr 1fr;gap:56px;align-items:center}.status-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#7f9b46;margin-right:8px}.hero h1{font-size:clamp(42px,5.1vw,74px);font-weight:750;line-height:1.34;letter-spacing:-.06em;margin:30px 0 24px}.highlight{position:relative;z-index:0;white-space:nowrap}.highlight:after{content:"";position:absolute;z-index:-1;left:-3%;right:-3%;height:24%;bottom:8%;background:var(--lime);transform:rotate(-2deg)}.hero p{font-size:15px;color:var(--muted)}.button{display:inline-flex;gap:35px;align-items:center;background:var(--ink);color:white;border-radius:100px;padding:19px 27px;margin-top:30px;font-size:13px;transition:background .2s,transform .2s}.button:hover{background:#3e4930;transform:translateY(-3px)}.button span{font-size:22px}.hero-note{display:block;font-size:9px;letter-spacing:1.5px;color:var(--muted);margin-top:24px}
.hero-board{padding:22px;border:1px solid #d9dbd2;border-radius:28px;background:#eeeee6;transform:rotate(2deg);animation:board-enter .85s ease both}.board-label,.board-bottom{display:flex;justify-content:space-between;letter-spacing:1px;font-size:9px;font-weight:600}.board-label{margin-bottom:20px}.board-bottom{margin-top:20px;font-size:8px}.board-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.board-grid>div{aspect-ratio:1.1;border-radius:18px;padding:18px;overflow:hidden;position:relative}.board-grid>div>span,.board-grid small{font-size:9px;letter-spacing:1.5px;font-weight:600}.board-color{background:#e4b8a5}.color-orbit{position:relative;height:85%;display:flex;align-items:center;justify-content:center}.color-orbit i{width:66px;height:94px;border-radius:60px;position:absolute;background:#f0dab8;transform:rotate(-35deg) translateX(-27px)}.color-orbit i:nth-child(2){background:#8b9c60;transform:rotate(0deg)}.color-orbit i:nth-child(3){background:#d5543d;transform:rotate(35deg) translateX(27px)}.board-word{background:#d3dce6}.board-word strong{display:block;font-family:Georgia,serif;font-size:80px;letter-spacing:-8px;margin-top:15px;line-height:1}.board-word strong span{font-family:Arial;font-size:30px;letter-spacing:0;vertical-align:top;margin-left:8px}.board-play{background:var(--lime)}.play-shape{font-size:128px;line-height:1;text-align:center;animation:turn 18s linear infinite}.board-time{background:#282e27;color:#f0f2e6}.board-time strong{display:block;font-size:56px;font-weight:400;letter-spacing:-4px;margin:24px 0 10px;font-variant-numeric:tabular-nums}.board-time strong span{color:#a1ad96}.timer-track{height:8px;border-radius:20px;background:#545e4d;overflow:hidden}.timer-track i{display:block;height:100%;width:65%;border-radius:inherit;background:var(--lime);animation:progress-in 1.5s ease-out both}
.intro-strip{padding:24px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;justify-content:space-between;font-size:12px;font-weight:600}.intro-strip>span:last-child{letter-spacing:1px;font-size:10px}.intro-strip i{font-style:normal;margin:0 16px;color:#789347}
.apps-section{padding:90px 0}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:48px}.section-heading h2,.about-section h2,.links-section h2{font-size:clamp(27px,3vw,39px);letter-spacing:-.04em;line-height:1.5;margin-top:18px}.section-heading>p{font-size:13px;color:var(--muted)}.category-heading{display:flex;align-items:center;justify-content:space-between;padding:20px 0;border-top:1px solid var(--line);margin-top:42px}.category-heading h2{font-size:25px;letter-spacing:-.8px}.category-heading h2 span{font-size:11px;font-weight:400;letter-spacing:0;margin-left:12px}.category-heading>span{font-size:11px;color:var(--muted)}.product-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.product{display:block;background:#fff;border-radius:var(--radius);overflow:hidden;border:1px solid #e3e4dc;transition:transform .3s,border-color .3s}.product:hover{transform:translateY(-5px);border-color:#9ba38c}.product-art{height:260px;display:flex;align-items:center;justify-content:center;overflow:hidden}.palette .product-art{background:#eadccf}.timer .product-art{background:#dde3d7}.words .product-art{background:#dce3ee}.swack .product-art{background:#e7eabd}.product-info{padding:25px 30px 30px}.product-top{display:flex;align-items:center;gap:14px;margin-bottom:20px}.product-top img{border-radius:12px}.product-top>span{font-size:9px;letter-spacing:1.5px;color:var(--muted)}.product-top b{margin-left:auto;font-size:22px;font-weight:400}.product h3{font-size:24px;letter-spacing:-.7px}.product-desc{font-size:15px;font-weight:600;margin-top:8px}.product-detail{font-size:12px;color:var(--muted);margin-top:6px}.product-link{display:inline-block;font-size:12px;margin-top:24px;border-bottom:1px solid #a0a698;padding-bottom:5px}
.swatches{display:flex;align-items:center;transform:rotate(-8deg);padding:20px}.swatches i{width:62px;height:145px;background:#dd7554;box-shadow:3px 8px 10px #0000000c;transition:transform .4s}.swatches i:nth-child(2){background:#f0bb70;height:165px}.swatches i:nth-child(3){background:#f5e3b2;height:185px}.swatches i:nth-child(4){background:#9da985;height:165px}.swatches i:nth-child(5){background:#48584e}.product:hover .swatches i:nth-child(odd){transform:translateY(-8px)}.timer-face{width:75%;background:#293129;color:#e9eedf;padding:25px;border-radius:18px;transform:rotate(-4deg);box-shadow:0 15px 20px #0000000f}.timer-face small{font-size:9px;letter-spacing:2px}.timer-face strong{display:block;font-size:65px;font-weight:400;letter-spacing:-4px;padding:10px 0 17px}.word-card{width:210px;background:#faf9f4;padding:25px;border-radius:15px;transform:rotate(-9deg);box-shadow:12px 10px 0 #a0afc6,22px 20px 0 #bfcadd}.word-card small{font-size:8px;letter-spacing:1px}.word-card strong{display:block;font:52px Georgia,serif;margin:22px 0 12px}.word-card>span{font-size:13px}.pins{display:flex;gap:14px;align-items:center;position:relative;height:180px}.pins i{font:32px Georgia,serif;display:block;border-radius:50px 50px 15px 15px;background:#bd915a;height:115px;width:58px;text-align:center;padding-top:17px;box-shadow:inset -12px 0 0 #ac7c4a,8px 15px 14px #00000012;transform:rotate(-10deg)}.pins i:nth-child(2){transform:translateY(-22px) rotate(7deg)}.pins i:nth-child(3){transform:rotate(18deg)}.pins b{position:absolute;bottom:-8px;left:-35px;width:100px;height:36px;border-radius:40px;background:#926c40;transform:rotate(-22deg)}.next-app{border:1px dashed #b6bdab;border-radius:18px;padding:28px;margin-top:28px;display:flex;align-items:center;gap:22px}.plus{font-size:32px;font-weight:300}.next-app h3{font-size:15px}.next-app p{font-size:12px;color:var(--muted);margin-top:6px}.next-app>.eyebrow{margin-left:auto;font-size:8px;white-space:nowrap}
.about-section{padding:65px;background:#e9eddf;border-radius:var(--radius);display:grid;grid-template-columns:1fr 1.8fr;gap:55px}.profile-mark{font-size:130px;font-weight:800;letter-spacing:-12px;margin-top:25px;line-height:1.2}.profile-mark span{font-size:50px;vertical-align:top;color:#7b9144;letter-spacing:0}.profile-name{font-size:12px}.about-section h2{margin:20px 0}.about-section p{font-size:13px;color:#515b48;margin-top:15px}.profile-tags{display:flex;gap:8px;flex-wrap:wrap;margin-top:25px}.profile-tags span{font-size:10px;padding:7px 13px;border:1px solid #c6cdbb;border-radius:30px}.notes-section{padding:95px 0}.notes-section h2,.links-section h2{font-size:28px}.text-link{font-size:12px;border-bottom:1px solid var(--ink);padding-bottom:5px}.note-row{display:grid;grid-template-columns:175px 1fr 24px;gap:20px;align-items:center;padding:25px 0;border-top:1px solid var(--line);transition:padding .2s}.note-row:last-child{border-bottom:1px solid var(--line)}.note-row:hover{padding-left:10px}.note-row>span{font-size:11px;color:var(--muted)}.note-row h3{font-size:17px;font-weight:500}.links-section{display:grid;grid-template-columns:1fr 1fr;gap:60px;padding:55px 0 90px}.links-section p{font-size:13px;color:var(--muted);margin-top:20px}.external-links>a,.external-links>div{padding:22px 0;display:flex;justify-content:space-between;align-items:center;gap:10px;border-bottom:1px solid var(--line)}.external-links span{font-size:24px;font-weight:600;letter-spacing:-.5px}.external-links small{font-size:11px;color:var(--muted)}.social-pending{color:#71766b}.site-footer{max-width:1248px;margin:auto;border-top:1px solid var(--line);padding:30px 0 40px;display:flex;gap:30px;align-items:center}.site-footer .brand{font-size:25px}.site-footer p{font-size:11px;color:var(--muted)}.site-footer>a:not(.brand){font-size:11px;margin-left:auto}.site-footer small{font-size:10px;color:var(--muted)}
.catalog-hero{padding:85px 0 55px}.catalog-hero h1{font-size:clamp(35px,4.5vw,60px);line-height:1.45;letter-spacing:-.04em;margin:25px 0}.catalog-hero p{font-size:14px;color:var(--muted)}.catalog-links{display:flex;gap:12px;align-items:center;margin-top:30px}.catalog-links a{padding:13px 23px;border:1px solid var(--line);border-radius:100px;font-size:13px}.catalog-links a:hover{background:var(--lime)}.catalog-links>span{font-size:11px;color:var(--muted);margin-left:auto}.catalog-hero+.apps-section{padding-top:20px}.catalog-hero+.apps-section>.section-heading{display:none}
@keyframes turn{to{transform:rotate(360deg)}}@keyframes board-enter{from{opacity:0;transform:translateY(15px) rotate(0)}to{opacity:1;transform:translateY(0) rotate(2deg)}}@keyframes progress-in{from{transform:scaleX(.1);transform-origin:left}to{transform:scaleX(1);transform-origin:left}}
@media(min-width:1600px){.hero{min-height:660px}}
@media(min-width:681px) and (max-width:800px){.hero{grid-template-columns:1fr;gap:40px}.hero-board{width:75%;justify-self:center}.hero h1{font-size:62px}}
@media(max-width:400px){.board-color .color-orbit{transform:scale(.8)}}
@media(max-width:1340px){main,.site-footer{margin-left:40px;margin-right:40px}}
@media(max-width:900px){.hero{gap:30px}.hero h1{font-size:46px}.board-time strong{font-size:44px}.board-word strong{font-size:65px}.play-shape{font-size:100px}.color-orbit i{width:48px;height:70px}.hero-board{padding:15px}.board-grid>div{padding:13px}.about-section{padding:40px;gap:35px}.next-app>.eyebrow{display:none}.site-header nav{gap:18px}.swatches i{width:46px}}
@media(max-width:680px){main,.site-footer{margin-left:22px;margin-right:22px}.site-header{padding:22px;flex-wrap:wrap}.brand{font-size:28px}.site-header nav{gap:16px;font-size:11px}.site-header .nav-contact{display:none}.hero{grid-template-columns:1fr;padding:44px 0 38px;gap:40px}.hero h1{font-size:clamp(43px,10vw,65px);margin-top:24px}.hero p{font-size:13px}.hero-board{max-width:440px;width:94%;justify-self:center;padding:20px}.board-time strong{font-size:50px}.board-word strong{font-size:76px}.play-shape{font-size:110px}.color-orbit i{width:55px;height:80px}.intro-strip{font-size:10px;gap:15px}.intro-strip>span:last-child{font-size:8px;letter-spacing:0}.intro-strip i{margin:0 3px}.apps-section{padding:55px 0}.section-heading{display:block;margin-bottom:32px}.section-heading>p{margin-top:20px;font-size:12px}.category-heading{margin-top:30px}.category-heading h2{font-size:23px}.category-heading>span{font-size:9px}.product-grid{grid-template-columns:1fr;gap:22px}.product-art{height:235px}.product-info{padding:22px}.swatches i{width:54px}.next-app{padding:20px;gap:12px}.next-app p{font-size:11px}.about-section{grid-template-columns:1fr;padding:30px;gap:25px}.about-section>div:first-child{display:flex;align-items:center;justify-content:space-between}.profile-mark{font-size:60px;letter-spacing:-5px;margin:0}.profile-mark span{font-size:24px}.about-section h2{font-size:27px}.notes-section{padding:60px 0}.notes-section .text-link{display:inline-block;margin-top:20px}.note-row{grid-template-columns:1fr 20px;gap:10px}.note-row>span:first-child{grid-column:1/-1}.note-row h3{font-size:14px}.links-section{grid-template-columns:1fr;gap:22px;padding:10px 0 55px}.site-footer{flex-wrap:wrap;gap:18px}.site-footer p{font-size:9px}.site-footer>a:not(.brand){margin-left:0}.site-footer small{margin-left:auto}.catalog-hero{padding:45px 0 35px}.catalog-hero p{font-size:12px}.catalog-links{flex-wrap:wrap}.catalog-links>span{width:100%;margin-left:0;margin-top:5px}}
.hero{display:block;min-height:0;padding:70px 0 65px}
.hero-copy{max-width:900px}
.hero h1{font-size:clamp(43px,5.5vw,76px)}
.hero-note{color:#50564b}
@media(max-width:680px){.hero{padding:44px 0 40px}.hero h1{font-size:clamp(40px,10vw,60px)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}