:root{--paper:#fbfaf6;--white:#fffefa;--ink:#49443f;--ink-soft:#746c64;--line:rgba(82,101,55,0.2);--accent:#62963f;--max-width:1120px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Hiragino Maru Gothic ProN,Hiragino Maru Gothic Pro,BIZ UDGothic,Yu Gothic,sans-serif;font-size:16px;line-height:1.8;-webkit-font-smoothing:antialiased}a,button{color:inherit}button{font:inherit}a{text-decoration:none}img{max-width:100%}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.meadow-shell,.page-shell{width:min(calc(100% - 48px),var(--max-width));margin-inline:auto}.seasonal-home{min-height:100vh;overflow-x:clip;color:var(--home-ink);background:var(--meadow)}.sky-scene{position:relative;display:flex;flex-direction:column;min-height:clamp(380px,36vw,460px);overflow:hidden;isolation:isolate;background:linear-gradient(180deg,var(--sky-top),var(--sky-bottom))}.sky-texture{z-index:-2;inset:0;background-image:url(/images/home/summer/sky-texture.png);background-position:50% 20%;background-size:cover;opacity:.3;mix-blend-mode:soft-light}.sky-scene:after,.sky-texture{position:absolute;pointer-events:none}.sky-scene:after{content:"";z-index:2;inset:auto 0 0;height:clamp(58px,9vw,84px);background:var(--meadow)}.home-header{position:relative;z-index:5;width:min(calc(100% - 56px),1240px);min-height:110px;display:grid;grid-template-columns:80px minmax(0,1fr) 80px;align-items:center;gap:24px;margin-inline:auto;padding-top:12px}.hand-wordmark{display:grid;width:clamp(250px,33vw,390px);place-self:center;transition:transform .18s ease}.hand-wordmark:focus-visible,.hand-wordmark:hover{transform:rotate(-1deg) scale(1.015)}.grass-edge,.hand-catchphrase,.hand-icon-button img,.hand-wordmark img,.sweet-potato-car img{display:block;width:100%;height:auto}.hand-icon-button{display:grid;width:58px;height:58px;place-items:center;border:0;background:transparent;cursor:pointer;transition:transform .18s ease}.hand-icon-button:focus-visible,.hand-icon-button:hover{transform:translateY(-2px) rotate(-2deg)}.menu-trigger img{width:52px}.instagram-link{justify-self:end}.instagram-link img{width:50px}.drawer-heading button:focus-visible,.hand-icon-button:focus-visible,.hand-wordmark:focus-visible,.portal-nav button:focus-visible,.quiet-link:focus-visible,.site-drawer a:focus-visible,.tool-install-link:focus-visible{outline:3px solid rgba(255,255,255,.95);outline-offset:5px}.hero-scene{position:relative;flex:1 1;z-index:3;width:min(calc(100% - 56px),1120px);min-height:clamp(270px,27vw,350px);margin-inline:auto}.hand-catchphrase{position:absolute;top:clamp(36px,5vw,64px);left:clamp(24px,7vw,96px);width:clamp(265px,35vw,420px)}.sweet-potato-car{position:absolute;right:clamp(10px,8vw,110px);bottom:0;width:clamp(220px,28vw,329px);transform-origin:50% 100%}html[data-car-entrance=entering] .sweet-potato-car{animation:sweet-potato-arrives 1.55s cubic-bezier(.22,.76,.23,1) both}html[data-car-entrance=entering] .sweet-potato-car img{animation:car-road-bounce .26s ease-in-out 4}@keyframes sweet-potato-arrives{0%{transform:translateX(calc(100vw + 120%))}72%{transform:translateX(-18px)}88%{transform:translateX(8px)}to{transform:translateX(0)}}@keyframes car-road-bounce{0%,to{translate:0 0;rotate:0deg}50%{translate:0 -7px;rotate:-1.2deg}}.grass-edge{position:absolute;z-index:2;right:0;bottom:-2px;left:0;width:100%;min-width:900px;max-width:none;height:clamp(86px,12vw,142px);object-fit:fill;transform:translateY(-12%)}.meadow{position:relative;z-index:3;min-height:620px;padding:clamp(24px,3vw,38px) 0 64px;background:var(--meadow);isolation:isolate}.meadow:before{content:"";position:absolute;z-index:-2;inset:0;background:linear-gradient(180deg,transparent 0 45%,rgba(255,255,255,.08))}.meadow-pattern{position:absolute;z-index:-1;top:0;left:50%;width:min(100%,1500px);height:auto;opacity:.78;transform:translateX(-50%);pointer-events:none}.portal-nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(12px,3.5vw,46px);width:min(100%,920px);margin-inline:auto}.portal-nav button{position:relative;min-width:0;width:100%;height:clamp(82px,8vw,100px);display:grid;place-items:center;padding:18px 22px 25px;overflow:hidden;border:2px solid rgba(82,125,49,.12);border-radius:24px;background:var(--menu-green);box-shadow:0 8px 0 rgba(91,137,59,.13);cursor:pointer;transition:transform .24s ease,background-color .24s ease,box-shadow .24s ease}.portal-nav button>img{display:block;width:70%;height:auto;max-width:70%;max-height:35px;object-fit:contain;transition:transform .24s ease}.portal-nav button:hover{transform:translateY(-4px);box-shadow:0 12px 0 rgba(91,137,59,.15)}.portal-nav button.is-active{background:var(--menu-green-active);box-shadow:0 13px 0 rgba(75,117,47,.18),0 18px 30px rgba(65,105,42,.12);transform:translateY(-8px)}.portal-nav button.is-active>img{transform:scale(1.035)}.selected-underline{position:absolute;right:20%;bottom:15px;left:20%;opacity:0;transform:scaleX(0);transform-origin:left center}.selected-underline img{display:block;width:100%;height:7px}.portal-nav button.is-active .selected-underline{opacity:1;animation:hand-underline .43s cubic-bezier(.2,.82,.3,1) 80ms both}@keyframes hand-underline{0%{opacity:0;transform:scaleX(0) rotate(-1deg)}to{opacity:1;transform:scaleX(1) rotate(-1deg)}}.accordion-panels{position:relative;margin-top:clamp(22px,3vw,34px);border-radius:30px;background:var(--content-panel);box-shadow:0 15px 45px rgba(74,116,44,.08)}.accordion-panel{display:grid;grid-template-rows:0fr;opacity:0;visibility:hidden;transition:grid-template-rows .36s ease,opacity .22s ease,visibility 0s linear .36s}.accordion-panel[data-open=true]{grid-template-rows:1fr;opacity:1;visibility:visible;transition:grid-template-rows .42s ease,opacity .32s ease 80ms,visibility 0s}.accordion-panel-inner{min-height:0;overflow:hidden}.content-section{padding:clamp(28px,4vw,44px) clamp(24px,5vw,60px) clamp(38px,6vw,64px)}.content-heading{display:grid;grid-template-columns:minmax(120px,.32fr) minmax(0,1fr);gap:30px;margin-bottom:clamp(24px,3vw,36px)}.eyebrow{margin:0;color:var(--accent);font-family:Georgia,Times New Roman,serif;font-size:.72rem;font-weight:700;letter-spacing:.18em}.campaign-archive-heading h1,.content-heading h2{margin:0;font-family:Hiragino Mincho ProN,Yu Mincho,YuMincho,serif;font-weight:500}.content-heading h2{font-family:inherit;font-size:clamp(1.25rem,2vw,1.7rem);line-height:1.7}.works-grid{display:grid;grid-template-columns:1.12fr .88fr;grid-template-rows:repeat(2,minmax(165px,220px));gap:clamp(12px,2vw,24px);margin-bottom:clamp(55px,8vw,90px)}.works-grid figure{min-width:0;margin:0}.works-grid figure:first-child{grid-row:1/3}.work-image{position:relative;width:100%;height:100%;min-height:180px;border-radius:22px;background:rgba(255,255,255,.56)}.work-image img{object-fit:contain;padding:clamp(22px,3.5vw,48px)}.topic-list{margin-bottom:38px}.topic{display:grid;grid-template-columns:minmax(120px,.32fr) minmax(0,1fr);gap:30px;padding-block:30px;border-top:1px solid var(--line)}.shop-item:last-child,.topic:last-child{border-bottom:1px solid var(--line)}.shop-item h3,.tool-copy h3,.topic h3{margin:0;font-family:inherit;font-weight:500;letter-spacing:.07em}.topic h3{font-size:.88rem}.shop-item p,.tool-copy p,.topic p{color:var(--ink-soft)}.topic p{margin:0 0 16px}.inline-list{display:flex;flex-wrap:wrap;gap:4px 22px;margin:0 0 18px;padding:0;list-style:none;color:var(--ink-soft);font-size:.82rem}.inline-list li:before{content:"・";color:var(--accent)}.quiet-link{display:inline-flex;align-items:baseline;gap:10px;padding-bottom:3px;border-bottom:1px solid var(--accent);font-size:.8rem}a.quiet-link{transition:gap .18s ease,color .18s ease}a.quiet-link:hover{gap:16px;color:var(--accent)}.quiet-link.is-pending{border-bottom-style:dotted;color:var(--ink-soft)}.quiet-link small{font-size:.62rem}.section-note{margin:-8px 0 34px calc(32% + 30px);color:var(--ink-soft);font-size:.82rem;line-height:2}.shop-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:clamp(28px,5vw,64px)}.shop-item{min-height:205px;display:flex;gap:18px;padding-block:30px;border-top:1px solid var(--line)}.shop-copy{flex:1 1}.shop-item h3{font-size:1.12rem;white-space:pre-line}.shop-item p{margin:12px 0 18px;font-size:.87rem;white-space:pre-line}.shop-image{width:108px;height:108px;object-fit:contain}.shop-item-visual{display:grid;grid-column:1/-1;grid-template-columns:minmax(0,1fr) minmax(220px,.7fr);grid-template-rows:auto auto;align-items:center;align-content:start;gap:14px clamp(24px,5vw,60px)}.shop-item-visual .shop-copy{display:flex;flex-direction:column;align-items:flex-start}.shop-item-visual .shop-copy p{margin-top:0}.shop-item-visual .shop-copy .quiet-link{align-self:flex-start;margin-top:auto}.shop-item-visual h3{grid-column:1;grid-row:1;align-self:end}.shop-item-visual .shop-copy{grid-column:1;grid-row:2;align-self:start}.shop-preview{display:block;padding:12px;border-radius:22px;background:rgba(255,253,245,.65);grid-column:2;grid-row:1/3;width:min(100%,230px);justify-self:end}.shop-preview img{display:block;width:100%;height:138px;object-fit:contain;border-radius:12px}.shop-gallery{display:grid;grid-column:2;grid-row:1/3;width:min(100%,300px);justify-self:end;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;align-items:center;color:inherit;text-decoration:none}.shop-gallery figure{margin:0;min-width:0}.shop-gallery img{display:block;width:100%;height:auto;border-radius:12px}.shop-gallery figcaption{margin-top:9px;text-align:center;font-size:.75rem}.shop-gallery:focus-visible,.shop-preview:focus-visible{outline:3px solid var(--ink);outline-offset:5px}.shop-item-featured{grid-template-columns:minmax(0,1fr) minmax(260px,.82fr)}.shop-item-featured h3{align-self:end;font-size:clamp(1.2rem,2.4vw,1.6rem)}.shop-item-featured .shop-preview{grid-column:2;grid-row:1/3;width:min(100%,390px);justify-self:end;padding:0;overflow:hidden}.shop-item-featured .shop-preview img{display:block;height:auto}.shop-item-featured .shop-copy{align-self:start}@media (max-width:640px){.shop-item-visual{grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto auto;gap:12px}.shop-item-visual h3{grid-column:1;grid-row:1}.shop-item-visual .shop-gallery,.shop-item-visual .shop-preview{grid-column:1;grid-row:2;justify-self:center}.shop-item-visual .shop-copy{grid-column:1;grid-row:3}.shop-item-featured .shop-preview{width:min(76%,275px)}.shop-preview{width:min(58%,190px);padding:8px;border-radius:17px}.shop-preview img{height:112px}.shop-gallery{width:min(100%,300px);padding-block:8px;gap:8px}}.tool-list{border-top:1px solid var(--line)}.tool-item{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(230px,.75fr);align-items:center;gap:clamp(30px,6vw,72px);padding-block:clamp(38px,6vw,66px);border-bottom:1px solid var(--line)}.tool-item:nth-child(2n) .tool-screen{order:2}.tool-item:nth-child(2n) .tool-copy{order:1}.tool-item:nth-child(2n){grid-template-columns:minmax(230px,.75fr) minmax(0,1.25fr)}.tool-screen{position:relative;width:100%;aspect-ratio:3/2;overflow:hidden;border:1px solid rgba(48,45,43,.12);border-radius:20px;background:var(--white)}.tool-screen img{object-fit:cover;object-position:top center}.tool-screen[data-align=center] img{object-position:center}.item-number{display:block;margin-bottom:14px;color:var(--accent);font-family:Georgia,Times New Roman,serif;font-size:.7rem;letter-spacing:.14em}.tool-copy h3{font-size:clamp(1.2rem,2vw,1.65rem)}.tool-copy p{margin:16px 0 22px;font-size:.88rem}.tool-actions{display:flex;flex-wrap:wrap;gap:12px 18px}.tool-install-link{display:inline-flex;gap:8px;padding:7px 11px;border:1px solid var(--accent);border-radius:999px;font-size:.72rem;transition:background-color .18s ease,color .18s ease}.tool-install-link:hover{color:var(--white);background:var(--accent)}.drawer-scrim{position:fixed;z-index:30;inset:0;border:0;background:rgba(42,55,35,.34);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .26s ease,visibility 0s linear .26s}.drawer-scrim[data-open=true]{opacity:1;visibility:visible;pointer-events:auto;transition:opacity .26s ease,visibility 0s}.site-drawer{position:fixed;z-index:31;top:0;bottom:0;left:0;width:min(88vw,420px);padding:28px clamp(24px,5vw,44px) 48px;overflow-y:auto;color:#fffdf4;background:#548542;box-shadow:18px 0 50px rgba(34,53,27,.18);transform:translateX(-105%);visibility:hidden;transition:transform .32s cubic-bezier(.22,.75,.25,1),visibility 0s linear .32s}.site-drawer[data-open=true]{transform:translateX(0);visibility:visible;transition:transform .32s cubic-bezier(.22,.75,.25,1),visibility 0s}.drawer-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px;font-family:Georgia,Times New Roman,serif;letter-spacing:.15em}.drawer-heading button{width:44px;height:44px;border:0;color:inherit;background:transparent;font-size:2rem;cursor:pointer}.site-drawer nav{border-top:1px solid rgba(255,255,255,.28)}.site-drawer nav a{display:flex;justify-content:space-between;gap:18px;padding:15px 0;border-bottom:1px solid rgba(255,255,255,.28);font-size:.9rem;transition:padding-left .18s ease}.site-drawer nav a:hover{padding-left:6px}.drawer-about{padding-top:36px}.drawer-about h2{margin:0 0 16px;font:700 .7rem/1 Georgia,Times New Roman,serif;letter-spacing:.18em}.drawer-about p{margin:0 0 14px;font-size:.78rem;line-height:1.9}.news-panel{margin-top:40px;padding:28px 36px;border-radius:24px;background:rgba(255,255,255,.48)}.news-panel h2{margin-top:0}.news-panel ul{margin:0;padding:0;list-style:none}.news-panel li{display:flex;gap:24px;padding:12px 0;border-top:1px solid var(--line)}.info-page{max-width:880px;padding-block:32px 64px}.info-card{margin-top:28px;padding:clamp(24px,5vw,48px);border-radius:24px;background:#edf7dd}.info-card h1{margin:0 0 20px;font-size:clamp(1.5rem,4vw,2rem);font-weight:600}.info-list{list-style:none;padding:0;margin:24px 0 0}.info-list li{border-top:1px solid var(--line)}.info-list a{display:flex;justify-content:space-between;gap:16px;padding:18px 0}.info-list a:hover{color:var(--accent)}.info-list p{margin:0 0 20px;font-size:.9rem}.info-nav{display:flex;flex-wrap:wrap;gap:16px 28px;margin-top:28px;font-size:.85rem}.info-nav a{border-bottom:1px solid var(--line)}.campaign-archive{padding-block:clamp(42px,7vw,86px) 110px}.campaign-archive-back{display:inline-block;margin-bottom:clamp(52px,8vw,92px);color:var(--ink-soft);font-size:.76rem;border-bottom:1px solid var(--line)}.campaign-archive-heading{max-width:760px;margin-bottom:clamp(52px,8vw,92px)}.campaign-archive-heading h1{margin:8px 0 22px;font-size:clamp(1.75rem,4.2vw,3.2rem);line-height:1.5}.campaign-archive-heading>p:last-child,.campaign-screenshot figcaption,.campaign-video figcaption{color:var(--ink-soft)}.campaign-screenshot-list{display:grid;gap:clamp(46px,8vw,90px)}.campaign-screenshot,.campaign-video{margin:0}.campaign-screenshot.is-portrait img,.campaign-video video{display:block;width:min(100%,620px);height:auto;margin-inline:auto;border:1px solid rgba(48,45,43,.12);background:var(--white)}.campaign-screenshot img{display:block;width:100%;height:auto;border:1px solid rgba(48,45,43,.12)}.campaign-screenshot figcaption,.campaign-video figcaption{margin-top:12px;font-size:.72rem;text-align:center}@media (max-width:760px){.meadow-shell,.page-shell{width:min(calc(100% - 28px),var(--max-width))}.sky-scene{min-height:330px}.home-header{width:calc(100% - 24px);min-height:90px;grid-template-columns:52px minmax(0,1fr) 52px;gap:8px;padding-top:4px}.hand-wordmark{width:min(47vw,220px)}.hand-icon-button{width:48px;height:48px}.menu-trigger img{width:39px}.instagram-link img{width:37px}.hero-scene{width:calc(100% - 24px);min-height:240px}.hand-catchphrase{top:26px;left:10%;width:min(50vw,230px)}.sweet-potato-car{right:1%;bottom:0;width:min(42vw,185px)}.grass-edge{min-width:700px;height:86px}.meadow{padding-top:24px;padding-bottom:48px}.portal-nav{gap:8px}.portal-nav button{height:72px;padding:13px 8px 23px;border-radius:18px;box-shadow:0 6px 0 rgba(91,137,59,.13)}.portal-nav button>img{width:72%;max-width:72%;max-height:24px}.portal-nav button.is-active{transform:translateY(-5px)}.selected-underline{right:16%;bottom:13px;left:16%}.selected-underline img{height:5px}.accordion-panels{margin-top:22px;border-radius:23px}.content-section{padding:26px 20px 40px}.content-heading,.topic{grid-template-columns:1fr;gap:12px}.content-heading{margin-bottom:24px}.content-heading h2{font-size:1.2rem}.works-grid{grid-template-columns:1fr 1fr;grid-template-rows:205px 130px;gap:12px;margin-bottom:56px}.works-grid figure:first-child{grid-column:1/3;grid-row:auto}.work-image{min-height:0;border-radius:16px}.work-image img{padding:20px}.topic{padding-block:24px}.topic p{font-size:.86rem}.inline-list{display:grid;gap:4px}.section-note{margin:0 0 30px;font-size:.76rem;line-height:1.9}.shop-list{grid-template-columns:1fr}.shop-item{min-height:0;padding-block:26px}.shop-image{width:82px;height:82px}.tool-item,.tool-item:nth-child(2n){grid-template-columns:1fr;gap:24px;padding-block:34px}.tool-item:nth-child(2n) .tool-copy,.tool-item:nth-child(2n) .tool-screen{order:0}.tool-screen{border-radius:16px}.tool-copy p{font-size:.84rem}.news-panel{padding:24px 20px}.news-panel li{display:grid;gap:2px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:after,:before{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}html[data-car-entrance] .sweet-potato-car,html[data-car-entrance] .sweet-potato-car img{animation:none!important;visibility:visible;transform:none}}.content-heading h2{text-wrap:pretty}.topic h3{font-size:1rem;letter-spacing:.035em}.shop-copy{min-width:0}.shop-item p{max-width:34em}.content-section>a.quiet-link,.shop-item .shop-copy .quiet-link,.tool-actions a.quiet-link,.topic a.quiet-link{min-height:44px;align-items:center;justify-content:center;padding:9px 20px;border:1px solid #adc78e;border-radius:22px;background:#d1e7b6;color:#40542f;font-size:.9375rem;font-weight:600;gap:12px;transition:background-color .18s ease,border-color .18s ease}.content-section>a.quiet-link:hover,.shop-item .shop-copy a.quiet-link:hover,.tool-actions a.quiet-link:hover,.topic a.quiet-link:hover{background:#c3dda4;border-color:#819d60;gap:12px}.tool-actions{align-items:center}.tool-install-link{min-height:44px;align-items:center;padding:8px 0;border:0;border-radius:0;color:#5c654f;font-size:.8125rem;text-decoration:underline;text-underline-offset:5px}.tool-install-link:hover{color:#40542f;background:transparent}@media (max-width:760px){.shop-item p,.tool-copy p,.topic p{font-size:.9375rem;line-height:1.85}.inline-list,.section-note{font-size:.875rem}.section-note{margin-bottom:24px}.topic h3{font-size:1.0625rem}.shop-item h3{font-size:1.125rem;letter-spacing:.035em}.shop-item p{margin:10px 0 16px;white-space:pre-line}.tool-copy p{margin:12px 0 18px}.tool-actions{gap:8px 16px}}.tool-mobile-title{display:none}@media (max-width:760px){.tool-mobile-title{display:block;margin:0;font-size:1.2rem;font-weight:500;letter-spacing:.04em;line-height:1.6}.tool-copy>.item-number,.tool-copy>h3{display:none}.tool-item,.tool-item:nth-child(2n){gap:18px}.tool-copy p{margin-top:0}}