:root{--paper: #fcfaf4;--ink: #211d17;--ink-soft: #211d1799;--ink-faint: #211d1755;--yellow: #f0be45;--yellow-deep: #d9a232;--line: #211d1714;--sans: "Noto Sans JP", sans-serif;--disp: "Space Grotesk", "Noto Sans JP", sans-serif}@font-face{font-family:HeroJP;font-style:normal;font-weight:700;font-display:swap;src:url(../assets/fonts/hero-700.woff2) format("woff2")}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:var(--sans);background:var(--paper);color:var(--ink);line-height:2;font-size:15px;-webkit-font-smoothing:antialiased}img{display:block;width:100%;height:auto}a{color:inherit;text-decoration:none}h1,h2,h3{font-weight:700;line-height:1.5;letter-spacing:.02em}.site-header{position:fixed;inset:0 0 auto;z-index:50;display:flex;justify-content:space-between;align-items:center;padding:26px 40px;transition:background .3s,padding .3s,box-shadow .3s}.site-header.scrolled{background:#fcfaf4eb;padding:16px 40px;box-shadow:0 1px 0 var(--line);backdrop-filter:blur(8px)}.brand{font-family:var(--disp);font-weight:500;font-size:15px;letter-spacing:.02em}.nav{display:flex;gap:30px;align-items:center;font-family:var(--disp);font-size:12.5px;letter-spacing:.05em}.nav a{color:var(--ink-soft);transition:color .2s}.nav a:hover{color:var(--ink)}.nav-cta{color:var(--ink)!important;border-bottom:2px solid var(--yellow);padding-bottom:2px}.hero{position:relative;min-height:100svh;display:flex;align-items:center;overflow:hidden}#rainCanvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.hero-inner{position:relative;z-index:2;padding:0 8vw}.kicker{font-family:var(--disp);font-size:11.5px;font-weight:500;letter-spacing:.34em;color:var(--ink-faint);margin-bottom:34px}.hero-title{font-family:"HeroJP",var(--sans);font-weight:700;font-size:clamp(38px,6vw,76px);line-height:1.42;letter-spacing:.03em;animation:fadeUp 1s .1s cubic-bezier(.2,.7,.2,1) both}.hero-sub{margin-top:40px;font-size:15px;line-height:2.4;color:var(--ink-soft);animation:fadeUp 1s .45s cubic-bezier(.2,.7,.2,1) both}.hero .kicker{animation:fadeUp 1s 0s both}.hero-foot{position:absolute;z-index:2;left:8vw;right:8vw;bottom:36px;display:flex;justify-content:space-between;align-items:flex-end;animation:fadeUp 1s .9s both}.yo-badge{font-family:var(--disp);font-size:12px;letter-spacing:.06em;color:var(--ink-faint)}.yo-no{color:var(--yellow-deep)}.yo-no.flash{animation:flash .8s ease}@keyframes flash{30%{color:#b27a10;text-shadow:0 0 10px #f0be4599}}#dropCanvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:3}.mouse-stage{position:relative;display:flex;align-items:flex-end;gap:16px}.hero-mouse-img{width:84px;opacity:.92}.hero-mouse-img.nod{animation:nod .6s ease}@keyframes nod{30%{transform:rotate(-5deg) translateY(2px)}60%{transform:rotate(2deg)}}.hero-door{width:60px;opacity:.9}.contact-stage{margin-top:80px;display:flex;align-items:flex-end;justify-content:center;gap:14px}.contact-door{width:60px;opacity:.9}.contact-mouse{width:64px;opacity:.92}.stage-caption{font-size:12px;color:var(--ink-faint);letter-spacing:.06em;align-self:center;margin-left:6px}.contact-stage.night .contact-mouse,.contact-stage.night .stage-caption{display:none}@keyframes fadeUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}.section{padding:140px 8vw}.container{max-width:1080px;margin:0 auto}.section-title{font-size:clamp(26px,3vw,38px);margin-bottom:28px}.section-lead{color:var(--ink-soft);margin-bottom:64px}.reveal{opacity:0;transform:translateY(14px);transition:opacity .6s ease,transform .6s ease}.reveal.in{opacity:1;transform:none}.vision-title{font-size:clamp(48px,7vw,104px);letter-spacing:.1em;margin-bottom:72px}.vision-body{display:grid;grid-template-columns:1fr 440px;gap:80px;align-items:center}.vision-copy p{margin-bottom:2em;max-width:26em}.vision-copy p:first-child{font-size:19px;font-weight:700;line-height:2.1}#holesGrid{width:100%;max-width:440px;height:auto}.holes-caption{margin-top:18px;font-family:var(--disp);font-size:12px;letter-spacing:.08em;color:var(--ink-faint);text-align:right}.value-stage{position:relative;height:150px;margin-top:12px}.value-spot{position:absolute;bottom:0;width:120px;height:auto}.value-spot.spot-1{left:7%}.value-spot.spot-2{left:40%}.value-spot.spot-3{left:73.5%}.value-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:64px;margin-top:24px}.value-item{border-top:1px solid var(--ink);padding-top:30px}.value-item:nth-child(2){transition-delay:.08s}.value-item:nth-child(3){transition-delay:.16s}.value-item h3{display:flex;flex-direction:column;gap:6px;margin-bottom:18px}.value-item h3 .en{font-family:var(--disp);font-weight:500;font-size:22px}.value-item h3 .ja{font-size:13.5px;color:var(--ink-soft);font-weight:500;letter-spacing:.08em}.value-item p{font-size:14px;color:var(--ink-soft)}.works-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:28px;margin-top:24px}.work-card{grid-column:span 2;background:#fffdf7;border:1px solid #332b2210;border-radius:16px;padding:34px 32px 30px;box-shadow:0 2px 6px #33240a08,0 18px 40px -22px #33240a2e;transition:opacity .6s ease,transform .6s ease,box-shadow .35s ease;display:flex;flex-direction:column}.work-card.in{transition:transform .3s ease,box-shadow .35s ease}.work-card:hover{box-shadow:0 4px 10px #33240a0a,0 26px 52px -22px #33240a3d;transform:translateY(-3px)}.work-card figure{display:flex;align-items:center;justify-content:center;height:130px;margin-bottom:22px}.work-card figure img{width:auto;height:100%;transition:transform .4s cubic-bezier(.2,.7,.2,1)}.work-card:hover figure img{transform:translateY(-3px) rotate(-2deg)}.work-card.feature{grid-column:span 4;display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:28px;padding:44px 48px}.work-card.feature figure{height:260px;margin:0}.work-card.feature h3{font-size:22px}.work-tag{display:inline-block;align-self:flex-start;font-family:var(--disp);font-size:10.5px;letter-spacing:.18em;color:var(--ink-soft);border:1px solid var(--line);border-radius:99px;padding:2px 12px;margin-bottom:14px}.work-tag.free{color:var(--yellow-deep);border-color:var(--yellow)}.work-card h3{font-size:16.5px;margin-bottom:8px;line-height:1.7}.work-card p{font-size:13px;color:var(--ink-soft)}.work-link{margin-top:auto;padding-top:16px}.work-link a{display:inline-block;font-size:13px;font-weight:700;color:var(--ink);border-bottom:2px solid var(--yellow);padding-bottom:2px}.work-link .arrow{display:inline-block;transition:transform .3s cubic-bezier(.2,.7,.2,1)}.work-link a:hover .arrow{transform:translate(4px)}.work-card:nth-child(2n){transition-delay:.08s}.work-card:nth-child(3n){transition-delay:.14s}.work-card.coming{opacity:.7}.work-card.coming:hover{transform:none;box-shadow:0 2px 6px #33240a08,0 18px 40px -22px #33240a2e}.work-card.coming:hover figure img{transform:none}.work-card.coming figure img{filter:grayscale(.35);opacity:.85}.work-soon{display:inline-flex;align-items:center;gap:7px;font-family:var(--disp);font-size:11px;font-weight:500;letter-spacing:.16em;color:var(--ink-faint);text-transform:uppercase}.work-soon:before{content:"";width:6px;height:6px;border-radius:99px;background:var(--yellow);flex:none}.work-card-next{background:transparent;box-shadow:none;border:1px dashed var(--ink-faint);border-radius:16px;display:flex;align-items:center;justify-content:center;min-height:200px}.work-card-next:hover{transform:none;box-shadow:none}.work-card-next p{font-size:13px;color:var(--ink-faint);letter-spacing:.08em}.company-table{max-width:680px;margin-top:24px}.company-table>div{display:grid;grid-template-columns:150px 1fr;padding:18px 0;border-top:1px solid var(--line)}.company-table>div:last-child{border-bottom:1px solid var(--line)}.company-table dt{font-family:var(--disp);font-size:12.5px;letter-spacing:.1em;color:var(--ink-faint);padding-top:4px}.contact{padding-bottom:180px}.contact-inner{text-align:center}.contact-title{font-size:clamp(24px,3vw,36px);margin-bottom:48px}.contact-btn{display:inline-block;font-weight:700;font-size:15px;letter-spacing:.08em;color:var(--paper);background:var(--ink);padding:16px 56px;border-radius:99px;transition:transform .3s cubic-bezier(.2,.7,.2,1),background .25s}.contact-btn:hover{background:var(--yellow-deep);transform:translateY(-2px)}.site-footer{display:flex;justify-content:space-between;align-items:center;padding:26px 40px;font-size:12px;color:var(--ink-faint);border-top:1px solid var(--line)}.footer-brand{font-family:var(--disp);font-weight:500;color:var(--ink-soft)}.footer-yo{margin-left:12px;font-family:var(--disp);letter-spacing:.06em}@media(max-width:900px){.nav a:not(.nav-cta){display:none}.section{padding:96px 7vw}.vision-body{grid-template-columns:1fr;gap:56px}.value-grid{grid-template-columns:1fr;gap:40px}.value-stage{display:none}.works-grid{grid-template-columns:1fr}.work-card,.work-card.feature{grid-column:span 1}.work-card.feature{grid-template-columns:1fr;padding:34px 32px}.work-card.feature figure{height:170px}.hero-mouse-img{width:64px}.hero-door{width:46px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01s!important;transition-duration:.01s!important}html{scroll-behavior:auto}}