:root{--paper:#f8f6f0;--paper-light:#fffefa;--ink:#1b1b1b;--muted:#6f6a61;--soft:#ebe6dc;--line:#1b1b1b21;--sage:#8fa68e;--sage-soft:#edf2ea;--accent:#b95345;--focus:#4f74b8;--shadow:0 18px 45px #1b1b1b14}*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--paper)}body{color:var(--ink);background:var(--paper);margin:0;font-family:Noto Sans JP,Hiragino Kaku Gothic ProN,Arial,sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}::selection{color:var(--paper-light);background:var(--ink)}a:focus-visible,button:focus-visible{outline:2px solid var(--focus);outline-offset:4px}.site-header{z-index:30;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#f8f6f0e6;grid-template-columns:1fr auto 1fr;align-items:center;min-height:72px;padding:0 clamp(18px,4vw,56px);display:grid;position:sticky;top:0}.wordmark{width:max-content;font-size:18px;font-weight:850}.wordmark span{color:var(--muted);margin-left:8px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:10px;font-weight:600}.main-nav{gap:28px;display:flex}.main-nav a{color:var(--muted);padding:8px 0;font-size:12px;font-weight:700}.main-nav a:hover{color:var(--ink)}.header-tools{justify-self:end;align-items:center;gap:14px;display:flex}.header-note{color:var(--muted);font-size:11px;font-weight:650}.language-switcher{border:1px solid var(--line);background:var(--paper-light);border-radius:999px;padding:3px;display:flex}.language-switcher button{min-width:34px;height:28px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:999px;padding:0 8px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:10px;font-weight:800}.language-switcher button:hover{color:var(--ink)}.language-switcher button.is-active{color:var(--paper-light);background:var(--ink)}.hero{border-bottom:1px solid var(--line);background:linear-gradient(90deg, #1b1b1b0a 1px, transparent 1px), linear-gradient(#1b1b1b09 1px, transparent 1px), var(--paper);background-size:56px 56px;grid-template-rows:auto auto;grid-template-columns:minmax(0,1fr) minmax(360px,480px);gap:clamp(42px,6vw,90px);min-height:calc(100svh - 72px);padding:clamp(76px,10vw,132px) clamp(18px,5vw,72px) 32px;display:grid}.hero-copy{align-self:center;max-width:900px}.hero h1{flex-direction:column;margin:0;font-size:clamp(72px,11vw,156px);font-weight:900;line-height:.92;display:flex}.hero h1 span{color:var(--muted);margin-top:16px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.17em;font-weight:650}.profile-line{max-width:760px;color:var(--muted);margin:28px 0 0;font-size:clamp(14px,1.35vw,18px);font-weight:700;line-height:1.8}.hero-actions{flex-wrap:wrap;align-items:center;gap:18px;margin-top:36px;display:flex}.primary-button,.text-button{justify-content:center;align-items:center;gap:9px;min-height:52px;font-size:15px;font-weight:800;display:inline-flex}.primary-button{border:1px solid var(--ink);color:var(--paper-light);background:var(--ink);border-radius:999px;padding:0 24px;transition:transform .16s,background .16s}.primary-button:hover{background:#000;transform:translateY(-2px)}.text-button{color:var(--muted);padding:0 2px}.text-button:hover{color:var(--ink)}.quick-links{flex-wrap:wrap;gap:10px;margin-top:30px;display:flex}.quick-links a{border:1px solid var(--line);color:var(--muted);background:#fffefac7;border-radius:999px;padding:11px 15px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;font-weight:700}.quick-links a:hover{color:var(--ink);border-color:#1b1b1b52}.hero-board{align-self:center;gap:16px;display:grid}.mascot-card,.start-card{border:1px solid var(--line);background:var(--paper-light);box-shadow:var(--shadow);border-radius:8px;display:block;overflow:hidden}.mascot-card{padding:12px}.mascot-card img{aspect-ratio:1;object-fit:cover;border-radius:6px;width:100%;display:block}.mascot-card p{color:var(--muted);margin:12px 2px 0;font-size:12px;font-weight:600;line-height:1.7}.mascot-card p strong{color:var(--ink);font-weight:850}.start-card{padding:12px;transition:transform .18s,border-color .18s;position:relative}.start-card:hover{border-color:#1b1b1b52;transform:translateY(-3px)}.scribble{color:var(--accent);margin-bottom:10px;font-size:11px;font-weight:800;display:inline-flex}.start-card>img{aspect-ratio:16/9;object-fit:cover;filter:saturate(.92)contrast(1.02);border-radius:6px;width:100%;display:block}.start-card>div{flex-direction:column;padding:13px 42px 2px 2px;display:flex}.start-card strong{font-size:20px;line-height:1.25}.start-card span:not(.scribble){color:var(--muted);margin-top:5px;font-size:11px;font-weight:600}.card-play{width:23px;height:23px;color:var(--sage);position:absolute;bottom:24px;right:22px}.proof-bar{border:1px solid var(--line);background:var(--paper-light);border-radius:8px;grid-column:1/-1;grid-template-columns:repeat(2,minmax(0,1fr));display:grid;overflow:hidden}.proof-bar a{border-right:1px solid var(--line);grid-template-columns:1fr auto;align-items:center;gap:22px;min-height:118px;padding:24px 28px;display:grid}.proof-bar a:last-child{border-right:0}.proof-bar a:hover{background:var(--sage-soft)}.proof-bar span{flex-direction:column;gap:8px;display:flex}.proof-bar b{font-size:clamp(17px,1.5vw,22px);line-height:1.35}.proof-bar small{color:var(--muted);font-size:13px;line-height:1.5}.works-section{border-bottom:1px solid var(--line);background:var(--paper-light);padding:clamp(70px,8vw,104px) clamp(18px,5vw,72px) clamp(44px,5vw,68px)}.works-topline{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:32px;display:grid}.section-heading p{color:var(--sage);margin:0 0 14px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px;font-weight:800}.section-heading h2{margin:0;font-size:clamp(42px,6.2vw,92px);font-weight:850;line-height:1.05}.section-heading span{max-width:560px;color:var(--muted);margin-top:18px;font-size:13px;line-height:1.7;display:block}.works-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:22px;margin-top:42px;display:grid}.work-card{border:1px solid var(--line);background:var(--paper);border-radius:8px;min-height:100%;padding:12px;transition:transform .18s,border-color .18s,box-shadow .18s;display:block;position:relative}.work-card:hover{box-shadow:var(--shadow);border-color:#1b1b1b52;transform:translateY(-4px)}.work-image-wrap{aspect-ratio:16/9;background:var(--ink);border-radius:6px;position:relative;overflow:hidden}.work-image-wrap>img{object-fit:cover;width:100%;height:100%;transition:transform .28s;display:block}.work-card:hover .work-image-wrap>img{transform:scale(1.03)}.work-play{width:38px;height:38px;color:var(--paper-light);background:#1b1b1bd1;border-radius:50%;place-items:center;display:grid;position:absolute;bottom:12px;right:12px}.work-card>p{color:var(--muted);margin:16px 0 7px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:10px;font-weight:700;line-height:1.5}.work-card h3{margin:0;font-size:clamp(24px,2.4vw,34px);font-weight:850;line-height:1.22}.work-english{color:var(--muted);margin-top:7px;font-size:12px;font-style:italic;display:block}.about-section{background:var(--sage-soft);grid-template-columns:minmax(0,1fr) minmax(320px,440px);gap:clamp(34px,6vw,84px);padding:clamp(84px,10vw,132px) clamp(18px,5vw,72px);display:grid}.about-stamp{border:1px solid var(--line);width:max-content;color:var(--sage);background:var(--paper-light);border-radius:999px;grid-column:1/-1;padding:7px 11px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px;font-weight:800}.about-copy{max-width:850px}.section-mini{color:var(--sage);margin:0 0 18px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px;font-weight:800}.about-copy h2{white-space:pre-line;margin:0;font-size:clamp(38px,5.7vw,78px);font-weight:850;line-height:1.12}.about-lead{max-width:760px;margin:34px 0 0;font-size:clamp(17px,1.6vw,23px);font-weight:600;line-height:1.95}.about-sub{max-width:650px;color:var(--muted);margin:24px 0 0;font-size:13px;line-height:1.9}.proof-notes{border:1px solid var(--line);background:var(--paper-light);border-radius:8px;align-self:end;padding:22px}.proof-notes>p{color:var(--sage);margin:0 0 12px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px;font-weight:850}.proof-notes a{border-bottom:1px solid var(--line);grid-template-columns:28px 1fr auto;align-items:center;gap:5px 10px;padding:15px 0;display:grid}.proof-notes a:last-child{border-bottom:0}.proof-notes a:hover strong{text-underline-offset:4px;text-decoration:underline;text-decoration-thickness:1px}.proof-notes span{color:var(--muted);grid-row:1/3;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:10px}.proof-notes strong{font-size:13px}.proof-notes small{color:var(--muted);font-size:10px;line-height:1.5}.proof-notes svg{color:var(--sage);grid-area:1/3/3}.site-footer{background:var(--ink);color:var(--paper-light);padding:clamp(36px,5vw,64px) clamp(18px,5vw,72px) 24px}.footer-copy p{color:#c8c0b5;margin:0 0 22px;font-size:13px;font-weight:700}.footer-copy h2{white-space:pre-line;margin:0;font-size:clamp(44px,7.8vw,112px);font-weight:850;line-height:1.04}.mail-link{background:var(--paper-light);width:max-content;color:var(--ink);border:1px solid #fffefa47;border-radius:999px;align-items:center;gap:10px;margin:36px 0 10px;padding:12px 16px;font-size:13px;font-weight:850;display:flex}.footer-copy>small{color:#c8c0b5;font-size:11px}.footer-links{background:#fffefa2e;border:1px solid #fffefa2e;border-radius:8px;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:1px;margin-top:58px;display:grid;overflow:hidden}.footer-links a{background:var(--ink);grid-template-columns:1fr auto;gap:18px;min-height:106px;padding:18px;display:grid}.footer-links a:hover{background:#262626}.footer-links span{color:#c8c0b5;grid-column:1/-1;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:10px}.footer-links strong,.footer-links svg{align-self:end}.footer-links strong{font-size:clamp(18px,2vw,26px)}.footer-base{color:#c8c0b5;justify-content:space-between;gap:20px;padding-top:38px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:10px;font-weight:650;display:flex}@media (max-width:900px){.site-header{grid-template-columns:1fr auto}.main-nav,.header-note{display:none}.hero,.about-section{grid-template-columns:1fr}.hero{min-height:auto}.hero-board{max-width:520px}.proof-bar,.works-topline{grid-template-columns:1fr}.proof-bar a{border-right:0;border-bottom:1px solid var(--line)}.proof-bar a:last-child{border-bottom:0}}@media (max-width:520px){.site-header{min-height:64px;padding:0 16px}.wordmark{font-size:16px}.wordmark span{display:none}.hero{padding:58px 16px 26px}.hero h1{font-size:19vw}.primary-button{width:100%}.proof-bar a{min-height:104px;padding:20px}.works-section,.about-section,.site-footer{padding-left:16px;padding-right:16px}.works-grid{grid-template-columns:1fr}.proof-notes{padding:18px}.mail-link{justify-content:center;width:100%}.footer-base{align-items:flex-end;font-size:9px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important}}