:root{--b-bg: #ffffff;--b-ink: #000000;--b-ink-2: #555555;--b-ink-3: #888888;--b-line: #000000;--b-line-soft: #e5e5e5;--b-accent: #ff3b00;--b-bg-invert: #000000;--b-ink-invert: #ffffff;--b-sans: "Inter", "Helvetica Neue", Helvetica, Arial, "Hiragino Kaku Gothic ProN", "Yu Gothic UI", sans-serif;--b-sans-jp: "Noto Sans JP", "Inter", sans-serif;--b-mono: "JetBrains Mono", ui-monospace, Menlo, monospace;--b-max: 100%}html:has(body[data-variant=b]){overflow-x:clip}body[data-variant=b]{background:var(--b-bg);color:var(--b-ink);font-family:var(--b-sans);font-weight:400;margin:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.5;overflow-x:clip;width:100%;max-width:100vw}body[data-variant=b] *,body[data-variant=b] *:before,body[data-variant=b] *:after{box-sizing:border-box}body[data-variant=b] ::selection{background:var(--b-accent);color:#fff}.b-row{display:grid;grid-template-columns:repeat(12,1fr);border-bottom:1px solid var(--b-line)}.b-cell{padding:28px 32px;border-right:1px solid var(--b-line);font-family:var(--b-mono);font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--b-ink);display:flex;align-items:center}.b-cell:last-child{border-right:none}.b-top{position:sticky;top:0;z-index:30;background:var(--b-bg);border-bottom:1px solid var(--b-line);display:grid;grid-template-columns:1fr 1fr 1fr 1fr 1fr 1fr}.b-top a,.b-top span{padding:22px 28px;border-right:1px solid var(--b-line);font-family:var(--b-mono);font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--b-ink);text-decoration:none;display:flex;align-items:center;gap:10px;transition:background .15s ease,color .15s ease}.b-top a:hover{background:var(--b-ink);color:var(--b-ink-invert)}.b-top .b-brand{font-family:var(--b-sans);font-weight:700;font-size:18px;letter-spacing:-.02em;text-transform:none;border-right:1px solid var(--b-line);gap:12px}.b-top .b-brand .b-mark{width:24px;height:auto;display:block}.b-top .b-brand:hover .b-mark{filter:invert(1)}.b-top .b-spacer{border-right:1px solid var(--b-line)}.b-hero{border-bottom:1px solid var(--b-line);padding:0;position:relative}.b-hero-meta{display:grid;grid-template-columns:repeat(4,1fr);border-bottom:1px solid var(--b-line)}.b-hero-meta div{padding:18px 28px;border-right:1px solid var(--b-line);font-family:var(--b-mono);font-size:10px;letter-spacing:.22em;text-transform:uppercase;color:var(--b-ink)}.b-hero-meta div:last-child{border-right:none;text-align:right}.b-hero-main{display:grid;grid-template-columns:1.15fr 1fr;align-items:stretch;position:relative;border-bottom:1px solid var(--b-line)}.b-hero-text{padding:64px 32px 32px;position:relative;display:flex;flex-direction:column;justify-content:center;min-height:clamp(420px,70vh,760px)}.b-hero-visual{position:relative;background:#000;border-left:1px solid var(--b-line);overflow:hidden;min-height:100%;display:flex;align-items:flex-end;justify-content:flex-start}.b-hero-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}.b-hero-visual-tag{position:relative;z-index:2;padding:22px 28px;font-family:var(--b-mono);font-size:10px;letter-spacing:.28em;text-transform:uppercase;color:#f2f0eb8c}.b-hero-visual-tag:before{content:"";display:inline-block;width:28px;height:1px;background:#f2f0eb66;vertical-align:middle;margin-right:12px}@media(prefers-reduced-motion:reduce){.b-hero-video{display:none}.b-hero-visual{background-image:url(/8d-logo-poster.jpg);background-size:cover;background-position:center}}.b-hero h1{font-family:var(--b-sans);font-weight:700;font-size:clamp(40px,7.5vw,108px);line-height:.92;letter-spacing:-.05em;margin:0;color:var(--b-ink);word-spacing:-.04em;overflow-wrap:break-word;max-width:100%}.b-hero h1 .b-strike{position:relative;display:inline-block}.b-hero h1 .b-strike:after{content:"";position:absolute;left:-2%;right:-2%;top:50%;height:14px;background:var(--b-accent);z-index:-1;transform:translateY(-2px)}.b-hero h1 .b-mark{display:inline-block;background:var(--b-ink);color:var(--b-ink-invert);padding:0 14px}.b-hero-jp{margin:40px 0 0;font-family:var(--b-sans-jp);font-weight:500;font-size:clamp(18px,1.8vw,24px);letter-spacing:.04em;color:var(--b-ink);border-top:1px solid var(--b-line);padding-top:28px;max-width:900px}.b-hero-grid{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--b-line)}.b-hero-grid>div{padding:36px 32px;border-right:1px solid var(--b-line)}.b-hero-grid>div:last-child{border-right:none}.b-hero-grid h4{font-family:var(--b-mono);font-size:10px;letter-spacing:.22em;text-transform:uppercase;color:var(--b-ink-3);margin:0 0 14px;font-weight:400}.b-hero-grid p{font-family:var(--b-sans-jp);font-size:15.5px;line-height:1.85;color:var(--b-ink);margin:0;font-weight:400}.b-hero-grid p strong{background:var(--b-accent);color:#fff;padding:0 4px;font-weight:500}.b-section-head{display:grid;grid-template-columns:1fr 1fr;border-bottom:1px solid var(--b-line)}.b-section-num{padding:28px 32px;font-family:var(--b-mono);font-size:11px;letter-spacing:.22em;text-transform:uppercase;color:var(--b-ink);border-right:1px solid var(--b-line);display:flex;align-items:center;gap:16px}.b-section-num .b-num{font-size:24px;letter-spacing:0;font-weight:400;color:var(--b-ink)}.b-section-num .b-num:before{content:"›";color:var(--b-accent);margin-right:8px}.b-section-meta{padding:28px 32px;font-family:var(--b-mono);font-size:11px;letter-spacing:.22em;text-transform:uppercase;color:var(--b-ink-3);display:flex;align-items:center}.b-about,.b-members,.b-portfolio{border-bottom:1px solid var(--b-line);scroll-margin-top:80px}.b-about-body{padding:80px 32px 96px}@media(max-width:960px){.b-about-body,.b-members-body,.b-portfolio-body{padding:48px 24px 56px}}.b-about-body h2{font-family:var(--b-sans-jp);font-weight:700;font-size:clamp(22px,4.4vw,48px);line-height:1.6;letter-spacing:.02em;margin:0 0 56px;max-width:28ch}.b-about-body h2 em{font-style:normal;background:var(--b-ink);color:var(--b-ink-invert);padding:2px 12px;-webkit-box-decoration-break:clone;box-decoration-break:clone}.b-about-body .b-lede{font-family:var(--b-sans-jp);font-size:17px;line-height:1.95;color:var(--b-ink-2);margin:0;max-width:820px;word-break:auto-phrase;line-break:strict}.b-tenets{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--b-line)}.b-tenet{padding:56px 32px;border-right:1px solid var(--b-line);position:relative}.b-tenet:last-child{border-right:none}.b-tenet-num{font-family:var(--b-mono);font-size:14px;letter-spacing:.1em;color:var(--b-ink);margin-bottom:32px;display:flex;align-items:center;gap:8px}.b-tenet-num:before{content:"";display:block;width:12px;height:12px;background:var(--b-accent)}.b-tenet h3{font-family:var(--b-sans-jp);font-weight:700;font-size:24px;line-height:1.4;letter-spacing:.01em;margin:0 0 20px;color:var(--b-ink)}.b-tenet p{font-family:var(--b-sans-jp);font-size:14.5px;line-height:1.85;color:var(--b-ink-2);margin:0}.b-members{background:var(--b-bg-invert);color:var(--b-ink-invert);border-top:1px solid var(--b-line)}.b-members .b-section-head{border-color:var(--b-ink-invert)}.b-members .b-section-num,.b-members .b-section-meta{color:var(--b-ink-invert);border-color:var(--b-ink-invert)}.b-members .b-section-num .b-num{color:var(--b-ink-invert)}.b-members-body{padding:80px 32px 96px}.b-members-body>h2{font-family:var(--b-sans-jp);font-weight:700;font-size:clamp(22px,4.4vw,48px);line-height:1.6;letter-spacing:.02em;margin:0 0 56px;max-width:24ch}.b-members-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--b-ink-invert);border-left:1px solid var(--b-ink-invert);max-width:960px;margin:0 auto}.b-member{border-right:1px solid var(--b-ink-invert);border-bottom:1px solid var(--b-ink-invert);background:#0a0a0a;position:relative;overflow:hidden;transition:background .3s ease}.b-member:hover{background:#161616}.b-member-row{display:grid;grid-template-columns:1fr 1fr 1fr;border-bottom:1px solid var(--b-ink-invert)}.b-member-row>div{padding:14px 18px;border-right:1px solid var(--b-ink-invert);font-family:var(--b-mono);font-size:9px;letter-spacing:.22em;text-transform:uppercase;color:#ffffffb3}.b-member-row>div:last-child{border-right:none}.b-member-row .b-accent{color:var(--b-accent)}.b-member-img{position:relative;aspect-ratio:4 / 5;background:#1a1a1a;overflow:hidden;filter:grayscale(1) contrast(1.05);transition:filter .6s ease}.b-member:hover .b-member-img{filter:grayscale(0) contrast(1)}.b-member-img img{width:100%;height:100%;object-fit:cover;display:block;transition:transform 1s cubic-bezier(.2,.8,.2,1)}.b-member:hover .b-member-img img{transform:scale(1.03)}.b-member-foot{padding:28px 24px;border-top:1px solid var(--b-ink-invert)}.b-member-foot .b-name-jp{font-family:var(--b-sans-jp);font-weight:700;font-size:26px;letter-spacing:.02em;margin:0 0 4px;color:var(--b-ink-invert)}.b-member-foot .b-name-en{font-family:var(--b-mono);font-size:12px;letter-spacing:.1em;color:#fff9;margin:0}.b-member-x{display:flex;align-items:center;gap:10px;padding:16px 24px;border-top:1px solid var(--b-ink-invert);font-family:var(--b-mono);font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:#ffffffa6;text-decoration:none;transition:background .2s ease,color .2s ease}.b-member-x:hover{background:var(--b-accent);color:#fff}.b-member-x svg{display:block;flex-shrink:0}.b-member-x-arrow{margin-left:auto;letter-spacing:0;font-size:14px}.b-portfolio{background:var(--b-bg)}.b-portfolio-body{padding:80px 32px 96px}.b-portfolio-body>h2{font-family:var(--b-sans-jp);font-weight:700;font-size:clamp(22px,4.4vw,48px);line-height:1.6;letter-spacing:.02em;margin:0 0 56px;max-width:24ch}.b-pcard{display:grid;grid-template-columns:2fr 1fr;border:2px solid var(--b-line);position:relative}.b-pcard-left{padding:56px;border-right:1px solid var(--b-line)}.b-pcard-tag{display:inline-flex;align-items:center;gap:10px;font-family:var(--b-mono);font-size:11px;letter-spacing:.22em;text-transform:uppercase;color:var(--b-ink);margin-bottom:36px}.b-pcard-tag:before{content:"";display:block;width:12px;height:12px;background:var(--b-accent)}.b-pcard-name-jp{font-family:var(--b-sans-jp);font-weight:700;font-size:clamp(28px,3.6vw,44px);line-height:1.1;letter-spacing:-.01em;margin:0 0 12px;color:var(--b-ink)}.b-pcard-name-en{font-family:var(--b-mono);font-size:16px;letter-spacing:.1em;color:var(--b-ink-2);margin:0 0 36px}.b-pcard-desc{font-family:var(--b-sans-jp);font-size:15.5px;line-height:1.9;color:var(--b-ink-2);margin:0 0 36px;max-width:50ch}.b-pcard-link{display:inline-block;font-family:var(--b-mono);font-size:11px;letter-spacing:.22em;text-transform:uppercase;color:var(--b-bg);background:var(--b-ink);padding:14px 22px;text-decoration:none;transition:background .2s ease}.b-pcard-link:hover{background:var(--b-accent)}.b-pcard-right{display:flex;flex-direction:column;border-top:0}.b-pmeta-row{padding:28px 36px;border-bottom:1px solid var(--b-line);display:flex;flex-direction:column;gap:6px;flex:1;justify-content:center}.b-pmeta-row:last-child{border-bottom:none}.b-pmeta-label{font-family:var(--b-mono);font-size:10px;letter-spacing:.22em;color:var(--b-ink-3);text-transform:uppercase}.b-pmeta-value{font-family:var(--b-sans);font-weight:700;font-size:28px;letter-spacing:-.015em;color:var(--b-ink)}.b-pmeta-value.b-jp{font-family:var(--b-sans-jp);font-size:20px;letter-spacing:.01em}.b-foot{border-top:1px solid var(--b-line)}.b-foot-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr}.b-foot-cell{padding:56px 32px;border-right:1px solid var(--b-line)}.b-foot-cell:last-child{border-right:none}.b-foot-cell h4{font-family:var(--b-mono);font-size:10px;letter-spacing:.22em;text-transform:uppercase;color:var(--b-ink-3);margin:0 0 18px;font-weight:400}.b-foot-cell p,.b-foot-cell a{font-family:var(--b-sans-jp);font-size:14px;line-height:1.85;color:var(--b-ink);margin:0 0 4px;text-decoration:none;display:block}.b-foot-cell a{color:var(--b-ink-2)}.b-foot-cell a:hover{color:var(--b-accent)}.b-foot-brand-text{font-family:var(--b-sans);font-weight:700;font-size:28px;letter-spacing:-.04em;line-height:1;margin:0;color:var(--b-ink);display:flex;align-items:center;gap:16px}.b-foot-brand-text .b-mark{width:42px;height:auto;display:block}.b-foot-tagline{font-family:var(--b-sans-jp);font-size:14px;color:var(--b-ink-2);margin:22px 0 0;max-width:36ch}.b-foot-bottom{border-top:1px solid var(--b-line);display:grid;grid-template-columns:1fr 1fr}.b-foot-bottom>div{padding:22px 32px;border-right:1px solid var(--b-line);font-family:var(--b-mono);font-size:10px;letter-spacing:.22em;text-transform:uppercase;color:var(--b-ink-3)}.b-foot-bottom>div:last-child{border-right:none;text-align:right}.b-disclaimer{padding:28px 32px 80px;font-family:var(--b-sans-jp);font-size:11.5px;line-height:1.85;color:var(--b-ink-3);max-width:880px;margin:0}.b-video-band{position:relative;background:#000;height:clamp(280px,56vh,640px);overflow:hidden;border-top:1px solid var(--b-line);border-bottom:1px solid var(--b-line);display:flex;align-items:flex-end;justify-content:flex-start}.b-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}.b-video-tag{position:relative;z-index:2;padding:24px 32px;font-family:var(--b-mono);font-size:10px;letter-spacing:.28em;text-transform:uppercase;color:#f2f0eb80;display:inline-flex;align-items:center;gap:12px}.b-video-tag:before{content:"";display:inline-block;width:36px;height:1px;background:#f2f0eb73}@media(prefers-reduced-motion:reduce){.b-video{display:none}.b-video-band{background-image:url(/8d-logo-poster.jpg);background-size:cover;background-position:center}}@media(max-width:960px){.b-top{grid-template-columns:1fr 1fr 1fr;grid-template-areas:"brand brand brand" "n1 n2 n3"}.b-top .b-brand{grid-area:brand;border-right:none;border-bottom:1px solid var(--b-line);padding:16px 20px;font-size:16px}.b-top a:nth-child(2){grid-area:n1}.b-top a:nth-child(3){grid-area:n2;border-right:1px solid var(--b-line)}.b-top a:nth-child(4){grid-area:n3;border-right:none}.b-top a:not(.b-brand){padding:14px 12px;font-size:10px;letter-spacing:.16em;justify-content:center}.b-top .b-spacer,.b-top>span:not(.b-brand){display:none}.b-hero-meta{grid-template-columns:1fr 1fr}.b-hero-meta div{border-bottom:1px solid var(--b-line)}.b-hero-meta div:nth-child(2n){border-right:none}.b-hero-main{grid-template-columns:1fr}.b-hero-text{padding:48px 24px 28px;min-height:auto}.b-hero-visual{border-left:none;border-top:1px solid var(--b-line);aspect-ratio:16 / 10;min-height:auto}.b-hero-grid{grid-template-columns:1fr}.b-hero-grid>div{border-right:none;border-bottom:1px solid var(--b-line)}.b-hero-grid>div:last-child{border-bottom:none}.b-section-head{grid-template-columns:1fr}.b-section-num{border-right:none;border-bottom:1px solid var(--b-line)}.b-tenets{grid-template-columns:1fr}.b-tenet{border-right:none;border-bottom:1px solid var(--b-line)}.b-tenet:last-child{border-bottom:none}.b-members-grid,.b-pcard{grid-template-columns:1fr}.b-pcard-left{padding:36px 28px;border-right:none;border-bottom:1px solid var(--b-line)}.b-foot-grid{grid-template-columns:1fr 1fr}.b-foot-cell{border-bottom:1px solid var(--b-line)}.b-foot-cell:nth-child(2n){border-right:none}.b-foot-bottom{grid-template-columns:1fr}.b-foot-bottom>div{border-right:none;border-bottom:1px solid var(--b-line);text-align:left}}