:root{--page-bg:#a8b3ab;--card-bg:#bbcfc6;--ink:#1a1a1a;--rule:#1a1a1a;--rule-d:#e8e4da52;--card-radius:18px;--mobile-surface:#bbcfc6;--mobile-ink:#1a1a1a;--bl:8px;--lh:24px;--s-half:4px;--s-1:8px;--s-2:16px;--s-3:24px;--s-4:32px;--s-5:40px;--s-6:48px;--gutter:24px;--card-pad:32px;--fs-display:28px;--fs-h1:18px;--fs-lg:17px;--fs-intro:15px;--fs-base:15px;--fs-sm:14px;--fs-cap:12px;--fs-micro:11px;--fs-tag:10px}*{box-sizing:border-box;margin:0;padding:0}h1{font:inherit}:focus-visible{outline-offset:4px;outline:2px solid}@media (prefers-reduced-motion:reduce){.card{transition:none!important}}html,body{background:var(--page-bg);color:var(--ink);font-family:Inter,Helvetica Neue,Hiragino Sans,游ゴシック,sans-serif;font-size:var(--fs-lg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;min-height:100dvh;line-height:1.45;overflow-x:hidden}a{color:inherit;text-underline-offset:3px;text-decoration:underline;text-decoration-thickness:1px}a:hover{opacity:.55}.app{min-height:100vh;flex-direction:column;min-height:100dvh;display:flex}.top-nav{flex-wrap:wrap;justify-content:center;gap:4px;width:100%;max-width:900px;margin:0 auto;padding:24px 32px 0;display:flex}.top-nav button{cursor:pointer;font-family:inherit;font-size:var(--fs-cap);color:var(--ink);opacity:.5;letter-spacing:.01em;background:0 0;border:none;border-radius:999px;padding:8px 16px;transition:opacity .2s,background .2s}.top-nav button:hover{opacity:.85}.top-nav button.active{opacity:1;background:#1a1a1a14}.stage{touch-action:pan-y;flex:1;justify-content:center;align-items:center;padding:24px 32px 32px;display:flex;position:relative}.deck{width:100%;max-width:460px;height:min(720px,100vh - 180px);height:min(720px,100dvh - 180px);position:relative}.card{background:var(--card-bg);border-radius:var(--card-radius);padding:var(--card-pad) var(--card-pad) var(--s-3);opacity:0;pointer-events:none;-webkit-overflow-scrolling:touch;flex-direction:column;transition:transform .45s cubic-bezier(.25,.8,.25,1),opacity .45s;display:flex;position:absolute;inset:0;overflow-y:auto;transform:translate(40px)scale(.98);box-shadow:inset 0 1px #ffffff40,0 14px 32px -10px #00000038,0 4px 10px -4px #0000001a}.card.active{opacity:1;pointer-events:auto;transform:translate(0)scale(1)}.card.prev{transform:translate(-40px)scale(.98)}.card-dark{color:#e8e4da;background:#141414;box-shadow:inset 0 1px #ffffff0a,0 14px 32px -10px #0006,0 4px 10px -4px #0003}.card-dark .card-heading{border-bottom-color:var(--rule-d);color:#e8e4da}.card-dark .card-heading .id{opacity:.5}.card-dark .card-footer{color:#e8e4da;opacity:.5;border-top-color:var(--rule-d)}.card-dark .card-footer a{color:#e8e4da}.card-md{min-height:0}.card-md .md-window{border:1px solid var(--rule-d);background:#0e0e0e;border-radius:8px;flex-shrink:0;margin:16px 0 24px;overflow:hidden}.md-titlebar{border-bottom:1px solid var(--rule-d);font-family:JetBrains Mono,SF Mono,Menlo,monospace;font-size:var(--fs-micro);background:#1c1c1c;align-items:center;padding:8px 16px;display:flex}.md-traffic{gap:8px;margin-right:16px;display:inline-flex}.md-dot{border-radius:50%;width:11px;height:11px;display:inline-block}.md-dot.red{background:#ff5f57}.md-dot.yellow{background:#febc2e}.md-dot.green{background:#28c840}.md-filename{color:#e8e4da99;letter-spacing:.04em;flex:none}.md-spacer{flex:1}.md-content{font-family:JetBrains Mono,SF Mono,Menlo,monospace;font-size:var(--fs-cap);color:#e8e4dad9;letter-spacing:0;white-space:pre-wrap;word-wrap:break-word;overflow-wrap:break-word;margin:0;padding:24px;line-height:24px;overflow-x:hidden}.md-comment{color:#e8e4da66;font-style:italic}.md-hash{color:#e8e4da59;font-weight:500}.md-h1{color:#e8e4da;font-weight:600;font-size:var(--fs-base)}.md-h2{color:#e8e4da;font-weight:600}.md-h3{color:#e8e4da;font-weight:500}.md-hr{color:#e8e4da40}.md-link{color:#b8d9c8;border-bottom:1px solid #b8d9c84d;padding-bottom:1px;text-decoration:none}.md-link:hover{color:#d6ebe0;opacity:1;border-bottom-color:#b8d9c8b3}.md-tag{color:#b8d9c8;font-size:var(--fs-tag);letter-spacing:.1em;text-transform:uppercase;vertical-align:1px;background:#b8d9c81f;border:1px solid #b8d9c859;border-radius:3px;padding:1px 8px;display:inline-block}.md-meta-label{color:#e8e4da73;font-weight:400}.card::-webkit-scrollbar{width:0}.card-heading{font-size:var(--fs-base);border-bottom:1px solid var(--rule);justify-content:space-between;align-items:baseline;margin-bottom:16px;padding-bottom:16px;font-weight:500;display:flex}.card-heading .id{font-size:var(--fs-cap);opacity:.55;font-variant-numeric:tabular-nums}.intro{font-size:var(--fs-intro);margin-bottom:24px;line-height:24px}.hero-3d{perspective:1100px;perspective-origin:50% 30%;justify-content:center;align-items:center;min-height:200px;margin:12px 0 24px;display:flex}.donut-stage{width:240px;height:200px;transform-style:preserve-3d;transform:rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));will-change:transform;transition:transform .5s cubic-bezier(.18,.9,.32,1);position:relative}.donut-svg{filter:drop-shadow(0 14px 20px #0000002e);width:100%;height:100%;display:block}.donut-stage canvas{width:100%;height:100%;position:absolute;inset:0}.donut-stage[data-ready=true] .donut-svg{visibility:hidden}.row{border-top:1px solid var(--rule);grid-template-columns:38% 1fr;align-items:start;gap:16px;padding:16px 0;display:grid}.row:first-of-type{border-top:none;padding-top:4px}.row .label{font-size:var(--fs-base)}.row .content{font-size:var(--fs-base);line-height:1.5}.row .content .item{margin-bottom:10px}.row .content .item:last-child{margin-bottom:0}.arrow{margin-left:2px;display:inline-block;transform:translateY(-1px)}.link-list a{margin-bottom:4px;display:block}.member-role{font-size:var(--fs-cap);opacity:.55;letter-spacing:.01em}.works-section{border-top:1px solid var(--rule);margin:24px 0 0;padding-top:24px}.works-section-label{font-size:var(--fs-micro);letter-spacing:.18em;text-transform:uppercase;opacity:.5;margin-bottom:16px;font-weight:500}.works-meta{flex-direction:column;gap:16px;display:flex}.works-meta-row{grid-template-columns:90px 1fr;align-items:baseline;gap:16px;display:grid}.works-meta-label{font-size:var(--fs-micro);letter-spacing:.12em;text-transform:uppercase;opacity:.55}.works-meta-value{font-size:var(--fs-cap);opacity:.88;letter-spacing:.005em;line-height:1.7}.meta-dim{opacity:.6}.engagement-list{flex-direction:column;display:flex}.engagement-item{color:inherit;grid-template-columns:1fr auto;align-items:baseline;gap:16px;padding:8px 0;text-decoration:none;display:grid}.engagement-item:first-of-type{padding-top:4px}.engagement-main{min-width:0}.engagement-title{font-size:var(--fs-sm);letter-spacing:-.005em;margin-bottom:4px;font-weight:500}.engagement-sub{font-size:var(--fs-cap);opacity:.65;letter-spacing:.005em;line-height:1.55}.engagement-arrow{font-size:var(--fs-cap);opacity:.55;margin-left:2px;transition:transform .2s;display:inline-block}.engagement-public:hover .engagement-arrow{opacity:1;transform:translate(2px,-2px)}.engagement-public:hover .engagement-title{opacity:.7}.engagement-tag,.engagement-tag-muted{font-size:var(--fs-tag);letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;color:#1a1a1a8c;border:1px solid var(--rule);background:0 0;border-radius:3px;align-self:center;padding:3px 8px;font-weight:400}.works-footnote{border-top:1px solid var(--rule);font-size:var(--fs-cap);opacity:.7;letter-spacing:.005em;margin-top:24px;padding-top:24px;line-height:1.7}.product-list{margin-top:4px}.product-link{color:inherit;text-decoration:none;display:block}.product-item{border-top:1px solid var(--rule);grid-template-columns:1fr auto;align-items:baseline;gap:12px;padding:16px 0;display:grid}.product-link:last-child .product-item{border-bottom:1px solid var(--rule)}.product-link:hover .product-item .name{text-underline-offset:3px;text-decoration:underline}.product-item .name{font-size:var(--fs-base);font-weight:500}.product-item .meta{font-size:var(--fs-cap);opacity:.65;margin-top:3px}.product-item .year{font-size:var(--fs-cap);opacity:.65;font-variant-numeric:tabular-nums}.contact-hero{font-size:clamp(22px, 5vw, var(--fs-display));letter-spacing:-.02em;margin:4px 0 24px;line-height:32px}.contact-hero a{border-bottom:1.5px solid var(--ink);text-decoration:none}.contact-hero a:hover{opacity:.6}.studio222-statement{font-size:var(--fs-sm);letter-spacing:.01em;opacity:.88;margin:0 0 24px;line-height:24px}.approach-headline-ja{font-size:var(--fs-h1);letter-spacing:.005em;margin:8px 0 16px;font-weight:500;line-height:28px}.approach-headline-en{font-size:var(--fs-tag);letter-spacing:.18em;text-transform:uppercase;border-bottom:1px solid var(--rule);opacity:.55;white-space:nowrap;text-overflow:clip;margin:0 0 32px;padding-bottom:24px;font-weight:500;line-height:1.4;overflow:hidden}.approach-body{flex-direction:column;gap:24px;display:flex}.approach-body p{font-size:var(--fs-sm);letter-spacing:.01em;opacity:.88;line-height:24px}.approach-core-list{flex-direction:column;gap:8px;margin:8px 0 16px;padding:0 0 0 4px;list-style:none;display:flex}.approach-core-list li{font-size:var(--fs-sm);letter-spacing:.01em;opacity:.88;text-indent:0;padding-left:24px;line-height:24px;position:relative}.approach-core-list li:before{content:"—";opacity:.45;font-weight:400;position:absolute;top:0;left:0}.card-footer{font-size:var(--fs-micro);opacity:.55;justify-content:space-between;gap:12px;margin-top:auto;padding-top:16px;display:flex}.bottom-nav{justify-content:center;align-items:center;gap:16px;padding:0 32px 24px;display:flex}.nav-arrow{border:1px solid var(--ink);cursor:pointer;width:36px;height:36px;color:var(--ink);background:0 0;border-radius:50%;justify-content:center;align-items:center;transition:background .2s,color .2s,opacity .2s;display:flex}.nav-arrow:hover{background:var(--ink);color:var(--page-bg)}.nav-arrow:disabled{opacity:.25;cursor:not-allowed;color:var(--ink);background:0 0}.nav-arrow svg{width:14px;height:14px}.dots{gap:8px;display:flex}.dot{background:var(--ink);opacity:.25;cursor:pointer;border:none;border-radius:50%;width:6px;height:6px;padding:0;transition:opacity .2s,transform .2s}.dot:hover{opacity:.55}.dot.active{opacity:1;transform:scale(1.3)}@media (max-width:720px){html[data-card-theme=dark]{--mobile-surface:#141414;--mobile-ink:#e8e4da}html,body{background:var(--mobile-surface);height:100%;transition:background-color .56s;overflow:hidden}.app{height:100vh;background:var(--mobile-surface);height:100dvh;min-height:0;transition:background-color .56s;position:relative;overflow:hidden}.top-nav{display:none}.stage{align-items:stretch;min-height:0;padding:0;overflow:hidden}.deck{max-width:none;height:auto;margin:0}.card{box-shadow:none;padding:max(24px, env(safe-area-inset-top)) max(24px, env(safe-area-inset-right)) calc(88px + env(safe-area-inset-bottom)) max(24px, env(safe-area-inset-left));overscroll-behavior-y:contain;border-radius:0;transition-duration:.6s}.bottom-nav{z-index:10;padding:8px 16px max(12px, env(safe-area-inset-bottom));box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;pointer-events:none;color:var(--mobile-ink);background:0 0;border:0;gap:12px;transition:color .56s;position:absolute;bottom:0;left:0;right:0}.bottom-nav button{pointer-events:auto}.nav-arrow{width:44px;height:44px;color:inherit;border:0}.nav-arrow:hover,.nav-arrow:disabled{color:inherit;background:0 0}.dots{gap:0}.dot{width:24px;height:44px;color:inherit;background:0 0;border-radius:0;place-items:center;display:grid}.dot:before{content:"";background:currentColor;border-radius:50%;width:5px;height:5px}.dot.active{transform:none}.dot.active:before{transform:scale(1.4)}.intro{font-size:var(--fs-intro)}.approach-headline-ja{font-size:var(--fs-lg);margin-bottom:8px}.approach-headline-en{font-size:var(--fs-tag);letter-spacing:.14em;margin-bottom:24px;padding-bottom:16px}.approach-body p,.approach-core-list li{font-size:var(--fs-sm);line-height:1.9}.donut-stage{width:200px;height:170px}.md-content{font-size:var(--fs-cap);padding:16px 16px 24px}.md-h1{font-size:var(--fs-sm)}.md-titlebar{padding:8px 12px}.md-filename{font-size:var(--fs-tag)}.hero-3d{min-height:160px;margin:4px 0 20px}}@media (prefers-reduced-motion:reduce){html,body,.app,.bottom-nav,.dot,.nav-arrow{transition:none!important}}