@font-face{font-family:Anton;src:url('assets/works/Anton-Regular.ttf') format('truetype');font-display:swap;font-weight:400}
:root{color:#101010;background:#faf9f6;font-family:'Noto Sans JP','Noto Sans CJK JP','Hiragino Kaku Gothic ProN',Meiryo,sans-serif;font-synthesis:none;--paper:#faf9f6;--ink:#101010;--yellow:#efff4a;--line:#d9d8d3}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}a:focus-visible,button:focus-visible{outline:3px solid #e84625;outline-offset:7px}button{font:inherit}.site{overflow:hidden}.page{width:min(1440px,100%);padding:0 4.6%;margin:auto}.header{height:108px;display:flex;align-items:center;justify-content:space-between;gap:28px}.wordmark{font:400 29px/1 Anton,'Arial Narrow',Impact,sans-serif;white-space:nowrap}.header nav{display:flex;gap:42px;font-size:14px;font-weight:700}.header nav a{min-height:44px;display:flex;align-items:center}.header nav a:hover{text-decoration:underline;text-underline-offset:6px}.skip-link{position:fixed;z-index:30;top:-100px;left:20px;background:#111;color:white;padding:15px}.skip-link:focus{top:15px}.hero{position:relative;height:min(74vw,1000px);min-height:690px;margin-top:38px}.hero-title{position:relative;z-index:2;font-family:Anton,'Arial Narrow',Impact,sans-serif;font-weight:400;letter-spacing:-.045em;line-height:.95;font-size:clamp(180px,27.5vw,395px);margin:0;width:65%}.title-line{display:block;overflow:hidden;padding:0 .025em .08em 0}.title-line>span{display:block;animation:title-in 1.25s cubic-bezier(.16,1,.3,1) both}.title-line.second{margin-left:6%;margin-top:-.045em}.title-line.second>span{animation-delay:.13s}.hero-loop{position:absolute;width:100%;height:80%;object-fit:fill;top:-7%;left:-1%;pointer-events:none}.hero-tape{position:absolute;z-index:1;width:44%;height:17%;top:34%;left:-4%;transform:rotate(-9deg);object-fit:fill}.art{pointer-events:none;transform:translate3d(0,var(--dy,0px),0) rotate(var(--rot,0deg));will-change:transform}.art img{width:100%;height:100%;object-fit:contain;display:block;user-select:none}.lamp{position:absolute;z-index:3;right:-11%;top:0;width:51%;height:58%;transform-origin:90% 80%}.hero-copy{position:absolute;z-index:4;right:0;top:53%;width:36%}.hero-copy h2{font-size:clamp(32px,4.2vw,61px);line-height:1.45;font-weight:900;letter-spacing:-.045em;margin:0}.hero-copy p{font-size:clamp(11px,1.3vw,17px);font-weight:600;line-height:1.8;margin:25px 0 0}.highlight{position:relative;display:inline-block;isolation:isolate}.highlight img{position:absolute;z-index:-1;left:-4%;bottom:1%;width:106%;height:40%}.hero-cta{position:absolute;bottom:8%;left:0;z-index:5}.button{display:inline-flex;align-items:center;justify-content:center;min-height:60px;padding:16px 42px;color:white;background:#111;font-size:18px;font-weight:700;transition:transform .25s,background-color .25s}.button:hover{background:#e7472a;transform:translateY(-4px)}.button:active{transform:translateY(0)}section:not(.hero){border-top:1px solid var(--line);position:relative}.product{display:grid;grid-template-columns:46% 54%;align-items:center;padding:92px 0;min-height:850px}.section-copy{position:relative;z-index:3}.eyebrow{font-family:'Arial Narrow',Arial,sans-serif;font-size:16px;font-weight:700;font-style:italic;letter-spacing:.15em;display:table;border-bottom:1px solid var(--ink);padding-bottom:12px;transform:rotate(-6deg);margin:0 0 56px}.display{font:400 clamp(130px,18vw,255px)/1 Anton,'Arial Narrow',Impact,sans-serif;letter-spacing:-.045em;margin:0 0 26px}.product h3{font-size:clamp(28px,4.1vw,56px);line-height:1.4;font-weight:900;letter-spacing:-.05em;margin:0 0 22px}.description{font-size:clamp(14px,1.8vw,23px);line-height:1.9;margin:0 0 36px}.product-figure{position:relative;margin:0 -9% 0 -8%;height:670px}.window{width:100%;height:100%}figcaption{position:absolute;bottom:0;right:6%;font-size:11px;color:#5e5e5e}.game{padding:82px 0;min-height:600px;grid-template-columns:60% 40%}.game .eyebrow{margin-bottom:50px}.game-title{position:relative;isolation:isolate;font-size:clamp(58px,7.8vw,110px);font-weight:900;letter-spacing:-.07em;margin:0 0 25px;white-space:nowrap;line-height:1.2}.game-title span{font-family:Anton,'Arial Narrow',Impact,sans-serif;font-size:1.34em;font-weight:400;letter-spacing:-.035em}.game-title img{position:absolute;z-index:-1;right:0;bottom:0;transform:rotate(-14deg);width:52%;height:65%}.game h3{font-size:clamp(23px,3.1vw,43px);margin:0 0 42px}.text-link{font-size:18px;font-weight:700;display:inline-flex;min-height:48px;align-items:center;border-bottom:1px solid #111;transition:color .2s}.text-link:hover{color:#be371e}.game-figure{position:relative;height:420px;margin:0 -5% 0 -10%}.ball{height:100%}.about{padding:95px 0 100px;min-height:660px}.about .section-copy{max-width:77%}.about h2,.contact h2{font-size:clamp(38px,5.3vw,76px);font-weight:900;letter-spacing:-.055em;line-height:1.25;margin:0 0 28px}.about .eyebrow{margin-bottom:38px}.about .description{font-size:clamp(14px,1.65vw,22px)}.values{list-style:none;display:flex;gap:62px;padding:0;margin:46px 0 0;font-size:clamp(18px,2.6vw,34px);font-weight:900}.coffee{position:absolute;width:52%;height:85%;right:-14%;bottom:-4%}.contact{min-height:490px;padding:90px 0 76px;display:flex;align-items:center}.contact .section-copy{width:68%}.contact h2{margin-bottom:36px}.envelope{position:absolute;width:46%;height:95%;right:-4%;top:3%}footer{display:flex;align-items:center;gap:25px;padding:46px 0;position:relative}footer .wordmark{font-size:23px}.footer-rule{height:1px;background:var(--line);flex:1}footer small{font-size:12px;white-space:nowrap}[data-motion=on] [data-reveal]{opacity:0;transform:translateY(60px);transition:opacity .85s ease,transform 1.1s cubic-bezier(.16,1,.3,1)}[data-motion=on] [data-reveal].is-visible{opacity:1;transform:translateY(0)}[data-motion=off] *,[data-motion=off] *::before,[data-motion=off] *::after{animation:none!important;transition:none!important;will-change:auto!important}[data-motion=off] .art{transform:none}@keyframes title-in{from{transform:translateY(110%) rotate(5deg)}to{transform:translateY(0) rotate(0)}}
@media(min-width:1440px){.page{padding:0 65px}}
@media(max-width:900px){.header{height:86px}.header nav{gap:22px;font-size:12px}.wordmark{font-size:24px}.hero{margin-top:35px;min-height:640px;height:83vw}.hero-title{font-size:28vw}.hero-copy{top:53%;width:36%}.hero-copy h2{font-size:4.25vw}.hero-cta{bottom:9%}.button{font-size:15px;padding:14px 30px;min-height:52px}.product{padding:64px 0;min-height:680px}.product-figure{height:520px}.eyebrow{font-size:12px;margin-bottom:35px}.game{min-height:480px;padding:60px 0}.game-figure{height:335px}.game h3{font-size:3.3vw}.about{min-height:530px;padding:64px 0 80px}.values{gap:40px}.contact{min-height:390px;padding:65px 0}.contact h2{font-size:5.5vw}.text-link{font-size:15px}}
@media(max-width:600px){.page{padding:0 6%}.header{height:90px;align-items:flex-start;padding-top:22px;gap:12px}.wordmark{font-size:23px}.header nav{gap:14px;flex-wrap:wrap;justify-content:flex-end;font-size:10px;max-width:200px}.header nav a{min-height:32px}.header nav a:last-child{display:none}.hero{margin-top:25px;min-height:700px;height:178vw;max-height:820px}.hero-title{font-size:35.5vw;width:86%;line-height:.96;letter-spacing:-.04em}.title-line.second{margin-left:0}.hero-tape{width:65%;top:19%;height:10%}.hero-loop{height:56%;top:-3%;left:-12%;width:124%}.lamp{top:25%;right:-26%;width:78%;height:37%;z-index:3}.hero-copy{top:58%;left:0;right:auto;width:100%}.hero-copy h2{font-size:clamp(28px,7.8vw,46px);line-height:1.36}.hero-copy h2 br:nth-of-type(2){display:none}.hero-copy p{font-size:11px;margin-top:18px}.hero-cta{bottom:4%;width:100%}.hero-cta .button{min-width:210px}.product{display:flex;flex-direction:column;align-items:stretch;padding:54px 0 45px;min-height:0}.eyebrow{font-size:12px;margin-bottom:40px}.display{font-size:32vw;line-height:1;margin-bottom:22px}.product h3{font-size:7.5vw}.description{font-size:13px;line-height:1.9;margin-bottom:27px}.product-figure{height:104vw;max-height:500px;margin:24px -8% 0}.product-figure figcaption{bottom:0;right:5%;font-size:9px}.game{padding:52px 0 40px}.game .eyebrow{margin-bottom:39px}.game-title{font-size:11vw;margin-bottom:24px}.game h3{font-size:5.7vw;margin-bottom:23px}.game-figure{height:83vw;max-height:360px;margin:5px 0 0 8%}.game-figure figcaption{font-size:9px}.about{min-height:0;padding:56px 0 0}.about .section-copy{max-width:100%}.about h2,.contact h2{font-size:9.6vw;line-height:1.34}.about .description{font-size:13px;max-width:95%}.values{font-size:5.2vw;justify-content:space-between;gap:15px;margin-top:31px}.coffee{position:relative;width:115%;height:86vw;max-height:380px;right:auto;bottom:auto;margin:0 -14% -2% 0}.contact{min-height:0;padding:53px 0 22px;display:block}.contact .section-copy{width:100%}.contact h2{margin-bottom:28px}.envelope{position:relative;top:auto;right:auto;width:87%;height:69vw;max-height:300px;margin:0 0 0 16%}footer{padding:34px 0 28px;gap:14px;flex-wrap:wrap}footer .wordmark{font-size:21px}footer small{font-size:10px}.footer-rule{min-width:20px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.art{transform:none!important;will-change:auto!important}[data-reveal]{opacity:1!important;transform:none!important}}

/* Product status and legal link preserve the approved collage composition. */
.product-status{font-size:14px;line-height:1.8;margin-top:20px}.privacy-link{font-size:12px;display:inline-flex;align-items:center;min-height:44px}.header nav a{min-height:44px}
@media(max-width:600px){.header nav{max-width:210px;gap:0 12px}.header nav a{min-height:44px}.header nav a:last-child{display:flex}.privacy-link{font-size:11px}.hero{margin-top:35px}}

/* Keep the collage scale while showing the full brand name beside the copy. */
.hero-title{font-size:clamp(180px,23vw,332px);width:70%}
@media(max-width:900px) and (min-width:601px){.hero-title{font-size:22vw}}
@media(max-width:600px){.hero-title{font-size:31vw;width:100%}}