:root{--color-base: #FBFAF7;--color-base-shade: #F4F1EA;--color-mark: #1A1A1A;--color-accent: #1E3A8A;--color-accent-soft: #4A5FA3;--color-industrial: #F2F3F6;--color-midnight: #0A0C12;--color-text: #1A1A1A;--color-text-sub: #6B6862;--color-text-mute: #9A968F;--color-text-on-dark: #FBFAF7;--field-color-theater: #6B2C1F;--field-color-ballet-dance: #D4B88E;--field-color-concert: #FF4B7D;--field-color-virtual: #1A2B47;--field-color-event: #E89858;--field-color-exhibition: #C8A85A;--field-color-art: #1B2A4E;--field-color-installation: #2563EB;--font-display-en: "Fraunces", "Noto Serif JP", serif;--font-display-ja: "Noto Serif JP", "Fraunces", serif;--font-body-en: "Inter Tight", "Noto Sans JP", sans-serif;--font-body-ja: "Noto Sans JP", "Inter Tight", sans-serif;--font-mono: "JetBrains Mono", monospace;--page-padding-x: clamp(20px, 4vw, 64px);--page-padding-y: clamp(24px, 3vh, 48px);--section-padding-y: clamp(96px, 16vh, 200px);--max-content-width: 1280px}*{box-sizing:border-box;margin:0;padding:0}html,body{background:var(--color-base);color:var(--color-text);font-family:var(--font-body-ja);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;scroll-behavior:smooth}img{display:block;max-width:100%}a{color:inherit;text-decoration:none}.section{position:relative;padding:var(--section-padding-y) var(--page-padding-x);overflow:hidden}.section__inner{max-width:var(--max-content-width);margin:0 auto;position:relative;z-index:2}.section-marker{display:flex;align-items:baseline;gap:20px;margin-bottom:40px;padding-bottom:24px;border-bottom:1px solid #E8E5DE}.section-marker__digit{font-family:var(--font-display-en);font-weight:300;font-style:italic;font-size:clamp(48px,6vw,80px);line-height:1;color:var(--color-accent);font-variation-settings:"opsz" 96;letter-spacing:-.02em}.section-marker__label{font-family:var(--font-mono);font-size:12px;font-weight:500;letter-spacing:.24em;text-transform:uppercase;color:var(--color-text-mute)}.section-marker__label--mixed{text-transform:none;letter-spacing:.12em}.section-heading{font-family:var(--font-display-ja);font-weight:400;font-size:clamp(32px,4.5vw,56px);line-height:1.3;letter-spacing:.04em;color:var(--color-text);margin-bottom:24px}.section-subheading{font-family:var(--font-display-en);font-weight:300;font-style:italic;font-size:clamp(16px,1.8vw,22px);letter-spacing:.02em;color:var(--color-text-sub);font-variation-settings:"opsz" 36;margin-bottom:64px}.site-header{position:fixed;top:0;left:0;right:0;z-index:100;padding:var(--page-padding-y) var(--page-padding-x);display:flex;justify-content:space-between;align-items:center;background:#fbfaf700;backdrop-filter:blur(0px);transition:background .3s ease,backdrop-filter .3s ease}.site-header.is-scrolled{background:#fbfaf7d9;backdrop-filter:blur(10px)}.logo-mark{display:inline-block;width:44px;height:44px;object-fit:contain;border-radius:50%}.site-header__nav{display:flex;gap:clamp(18px,2.4vw,36px)}.site-header__nav a{color:var(--color-text);font-family:var(--font-body-en);font-size:13px;font-weight:400;letter-spacing:.08em;position:relative;transition:color .2s ease}.site-header__nav a:after{content:"";position:absolute;left:0;bottom:-6px;width:0;height:1px;background:var(--color-accent);transition:width .25s ease}.site-header__nav a:hover{color:var(--color-accent)}.site-header__nav a:hover:after{width:100%}.hero{position:relative;width:100%;height:100vh;min-height:640px;overflow:hidden;background:var(--color-base)}.hero__visual{position:absolute;inset:0;width:100%;height:100%}.hero__copy{position:relative;z-index:2;height:100%;display:flex;flex-direction:column;justify-content:center;padding:0 var(--page-padding-x);max-width:820px}.hero__eyebrow{font-family:var(--font-body-en);font-size:11px;font-weight:500;letter-spacing:.24em;text-transform:uppercase;color:var(--color-accent);margin-bottom:32px;opacity:0;animation:fadeUp .9s .2s ease-out forwards}.hero__title{font-family:var(--font-display-ja);font-weight:400;font-size:clamp(48px,7.5vw,104px);line-height:1.18;letter-spacing:.04em;margin-bottom:36px;opacity:0;animation:fadeUp 1s .4s ease-out forwards}.hero__title .br{display:block}.hero__subtitle{font-family:var(--font-display-en);font-weight:300;font-style:italic;font-size:clamp(20px,2.2vw,30px);letter-spacing:.02em;margin-bottom:40px;font-variation-settings:"opsz" 60;opacity:0;animation:fadeUp 1s .6s ease-out forwards}.hero__meta{font-family:var(--font-body-ja);font-size:13px;font-weight:400;letter-spacing:.16em;color:var(--color-text-sub);opacity:0;animation:fadeUp 1s .8s ease-out forwards}.hero__scroll-hint{position:absolute;right:var(--page-padding-x);bottom:var(--page-padding-y);z-index:2;display:flex;align-items:center;gap:14px;font-family:var(--font-body-en);font-size:11px;letter-spacing:.24em;text-transform:uppercase;color:var(--color-text-mute);opacity:0;animation:fadeUp 1s 1.1s ease-out forwards}.hero__scroll-hint:before{content:"";width:48px;height:1px;background:currentColor;display:inline-block}.statement{text-align:center}.statement__visual{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;opacity:.7}.statement__text{font-family:var(--font-display-ja);font-weight:300;font-size:clamp(20px,2.6vw,34px);line-height:2;letter-spacing:.08em;color:var(--color-text);max-width:880px;margin:0 auto}.statement__text em{font-style:normal;color:var(--color-accent)}.services__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:32px}.service-card{padding:36px 28px;border-top:1px solid #E8E5DE;position:relative}.service-card__icon{width:48px;height:48px;margin-bottom:24px}.service-card__num{position:absolute;top:36px;right:28px;font-family:var(--font-mono);font-size:11px;color:var(--color-text-mute);letter-spacing:.08em}.service-card__title{font-family:var(--font-display-ja);font-weight:400;font-size:22px;letter-spacing:.04em;margin-bottom:16px}.service-card__title-en{display:block;font-family:var(--font-display-en);font-weight:300;font-style:italic;font-size:14px;color:var(--color-text-mute);letter-spacing:.02em;margin-top:4px;font-variation-settings:"opsz" 24}.service-card__desc{font-size:14px;line-height:1.9;color:var(--color-text-sub)}.fields__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:4px}.field-card{position:relative;aspect-ratio:4 / 5;padding:28px;background:var(--color-base);display:flex;flex-direction:column;justify-content:space-between;cursor:pointer;overflow:hidden;transition:background .3s ease}.field-card:hover{background:var(--color-base-shade)}.field-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--field-color, var(--color-accent));opacity:.7;transition:width .3s ease,opacity .3s ease}.field-card:hover:before{width:6px;opacity:1}.field-card__num{font-family:var(--font-mono);font-size:11px;letter-spacing:.12em;color:var(--color-text-mute);z-index:1}.field-card__titles{position:relative;z-index:1}.field-card__title{font-family:var(--font-display-ja);font-weight:400;font-size:20px;letter-spacing:.06em;margin-bottom:8px}.field-card__title-en{font-family:var(--font-display-en);font-weight:300;font-style:italic;font-size:13px;color:var(--color-text-sub);letter-spacing:.04em;font-variation-settings:"opsz" 24}.field-card__short-desc{font-family:var(--font-body-ja);font-size:12px;line-height:1.7;color:var(--color-text-sub);margin-top:16px;padding-top:12px;border-top:1px solid #E8E5DE}.recent__layout{display:block}.recent__list{display:flex;flex-direction:column;max-width:1080px}.recent__item{display:grid;grid-template-columns:100px 180px 1fr;gap:40px;padding:24px 0;border-top:1px solid #E8E5DE;align-items:baseline}.recent__item:last-child{border-bottom:1px solid #E8E5DE}.recent__item__date{font-family:var(--font-mono);font-size:12px;color:var(--color-text-mute);letter-spacing:.08em;white-space:nowrap}.recent__item__field{font-family:var(--font-display-ja);font-weight:400;font-size:14px;letter-spacing:.06em;color:var(--color-text)}.recent__item__field:before{content:"";display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--field-dot, var(--color-accent-soft));margin-right:10px;vertical-align:middle}.recent__item__desc{font-family:var(--font-body-ja);font-size:14px;line-height:1.7;color:var(--color-text-sub)}.recent__item[data-field=theater]{--field-dot: var(--field-color-theater)}.recent__item[data-field=ballet-dance]{--field-dot: var(--field-color-ballet-dance)}.recent__item[data-field=concert]{--field-dot: var(--field-color-concert)}.recent__item[data-field=virtual]{--field-dot: var(--field-color-virtual)}.recent__item[data-field=event]{--field-dot: var(--field-color-event)}.recent__item[data-field=exhibition]{--field-dot: var(--field-color-exhibition)}.recent__item[data-field=art]{--field-dot: var(--field-color-art)}.recent__item[data-field=installation]{--field-dot: var(--field-color-installation)}.development{background:var(--color-industrial)}.development__featured{display:grid;grid-template-columns:1.2fr 1fr;gap:80px;align-items:center;margin-bottom:80px}.development__featured-copy h3{font-family:var(--font-display-ja);font-weight:400;font-size:clamp(28px,3.6vw,42px);line-height:1.4;letter-spacing:.04em;margin-bottom:24px}.development__product-name{font-family:var(--font-mono);font-size:12px;font-weight:500;letter-spacing:.2em;color:var(--color-accent);margin-bottom:16px}.development__featured-copy p{font-size:15px;line-height:1.95;color:var(--color-text-sub);margin-bottom:16px}.development__visual{aspect-ratio:4 / 3;background:#fff;border:1px solid #DEE1E8;position:relative;overflow:hidden}.development__visual:before{content:"DMX Work Studio screenshot";position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-family:var(--font-mono);font-size:11px;color:var(--color-text-mute);letter-spacing:.08em}.development__upcoming-label{font-family:var(--font-mono);font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--color-text-mute);margin-bottom:24px;padding-top:32px;border-top:1px solid #DDE0E8}.development__upcoming{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:24px}.development__upcoming-card{padding:24px;background:#fff;border:1px solid #DEE1E8}.development__upcoming-card h4{font-family:var(--font-display-ja);font-weight:400;font-size:16px;margin-bottom:8px;color:var(--color-text-mute)}.development__upcoming-card p{font-family:var(--font-body-ja);font-size:13px;color:var(--color-text-mute);line-height:1.7}.development__upcoming-status{display:inline-block;font-family:var(--font-mono);font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--color-accent);padding:4px 10px;border:1px solid var(--color-accent);margin-bottom:12px}.partners__cols{display:grid;grid-template-columns:2fr 1fr 1fr;gap:64px}.partners__col h3{font-family:var(--font-display-en);font-weight:300;font-style:italic;font-size:14px;color:var(--color-text-mute);letter-spacing:.04em;margin-bottom:24px;font-variation-settings:"opsz" 24;padding-bottom:16px;border-bottom:1px solid #E8E5DE}.partners__list{list-style:none}.partners__list li{font-family:var(--font-body-ja);font-size:14px;line-height:2;color:var(--color-text)}.partners__col--featured .partners__list li{font-family:var(--font-display-ja);font-size:16px}.txd{background:var(--color-midnight);color:var(--color-text-on-dark);position:relative}.txd:before{content:"";position:absolute;inset:0;background:conic-gradient(from 180deg at 50% 50%,transparent 0deg,rgba(255,0,230,.08) 30deg,rgba(0,229,255,.1) 90deg,rgba(255,229,0,.06) 150deg,rgba(0,255,135,.08) 210deg,rgba(255,0,230,.08) 270deg,transparent 330deg);opacity:.5;pointer-events:none}.txd .section-marker{border-bottom-color:#e8ecf233}.txd .section-marker__label{color:#e8ecf299}.txd .section-heading{color:var(--color-text-on-dark)}.txd .section-subheading{color:#e8ecf299}.txd__grid{display:grid;grid-template-columns:1fr 1.2fr;gap:80px;align-items:center}.txd__logo{display:block;width:clamp(120px,11vw,160px);height:auto;margin-bottom:24px;filter:drop-shadow(0 0 10px rgba(0,229,255,.1))}.txd__copy p{font-size:15px;line-height:2;color:#e8ecf2cc;margin-bottom:20px}.txd__cta{display:inline-flex;align-items:center;gap:12px;margin-top:16px;font-family:var(--font-body-en);font-size:12px;letter-spacing:.2em;text-transform:uppercase;color:var(--color-text-on-dark);padding:14px 28px;border:1px solid rgba(232,236,242,.4);transition:border-color .25s ease,background .25s ease}.txd__cta:hover{border-color:var(--color-text-on-dark);background:#ffffff0d}.txd__visual{aspect-ratio:4 / 3;position:relative}.contact{text-align:center;position:relative}.contact__visual{position:absolute;inset:0;pointer-events:none;opacity:.6}.contact__text{font-family:var(--font-display-ja);font-weight:300;font-size:clamp(14px,1.6vw,18px);letter-spacing:.16em;color:var(--color-text-sub);margin-bottom:32px}.contact__heading{font-family:var(--font-display-ja);font-weight:400;font-size:clamp(40px,6vw,80px);line-height:1.2;letter-spacing:.04em;margin-bottom:48px}.contact__heading em{font-family:var(--font-display-en);font-style:italic;font-weight:300;font-variation-settings:"opsz" 96}.contact__cta{display:inline-flex;align-items:center;gap:16px;padding:20px 40px;background:var(--color-mark);color:var(--color-base);font-family:var(--font-body-en);font-size:13px;letter-spacing:.2em;text-transform:uppercase;border-radius:999px;transition:background .25s ease}.contact__cta:hover{background:var(--color-accent)}.site-footer{border-top:1px solid #E8E5DE;padding:80px var(--page-padding-x) 48px;background:var(--color-base)}.site-footer__inner{max-width:var(--max-content-width);margin:0 auto;display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:48px}.site-footer__brand{display:flex;flex-direction:column;gap:24px}.site-footer__address{font-family:var(--font-body-ja);font-size:13px;line-height:2;color:var(--color-text-sub)}.site-footer__col h4{font-family:var(--font-display-en);font-weight:300;font-style:italic;font-size:12px;color:var(--color-text-mute);letter-spacing:.06em;margin-bottom:20px;font-variation-settings:"opsz" 24}.site-footer__col ul{list-style:none}.site-footer__col li{margin-bottom:12px}.site-footer__col a{font-family:var(--font-body-ja);font-size:13px;color:var(--color-text);transition:color .2s ease}.site-footer__col a:hover{color:var(--color-accent)}.site-footer__bottom{max-width:var(--max-content-width);margin:64px auto 0;padding-top:32px;border-top:1px solid #E8E5DE;display:flex;justify-content:space-between;align-items:center;font-family:var(--font-body-en);font-size:11px;letter-spacing:.12em;color:var(--color-text-mute)}.field-page{padding-top:120px}.field-page__hero{padding:var(--section-padding-y) var(--page-padding-x);max-width:var(--max-content-width);margin:0 auto}.field-page__num{font-family:var(--font-mono);font-size:13px;letter-spacing:.2em;color:var(--color-text-mute);margin-bottom:24px}.field-page__title{font-family:var(--font-display-ja);font-weight:400;font-size:clamp(48px,8vw,96px);line-height:1.2;margin-bottom:16px}.field-page__title-en{font-family:var(--font-display-en);font-weight:300;font-style:italic;font-size:clamp(24px,3vw,36px);color:var(--color-text-sub);margin-bottom:64px;font-variation-settings:"opsz" 60}.field-page__desc{font-family:var(--font-display-ja);font-weight:300;font-size:clamp(18px,2vw,24px);line-height:1.9;max-width:760px;color:var(--color-text);margin-bottom:80px}.field-page__back{display:inline-flex;align-items:center;gap:12px;font-family:var(--font-body-en);font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:var(--color-accent);border-bottom:1px solid var(--color-accent);padding-bottom:4px}@keyframes fadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes drawArc{0%{stroke-dashoffset:7000;opacity:0}to{stroke-dashoffset:0;opacity:1}}@keyframes fadeIn{to{opacity:1}}@keyframes floatA{0%,to{transform:translate(0)}50%{transform:translate(3px,-5px)}}@keyframes floatB{0%,to{transform:translate(0)}50%{transform:translate(-4px,4px)}}@keyframes floatC{0%,to{transform:translate(0)}50%{transform:translate(4px,-3px)}}.giant-arc{stroke-dasharray:7000;stroke-dashoffset:7000;animation:drawArc 2.2s .2s ease-out forwards}.satellite{opacity:0;animation:fadeIn 1.4s ease-out forwards}.satellite.float-a{animation:fadeIn 1.4s ease-out forwards,floatA 11s ease-in-out infinite}.satellite.float-b{animation:fadeIn 1.4s ease-out forwards,floatB 9s ease-in-out infinite}.satellite.float-c{animation:fadeIn 1.4s ease-out forwards,floatC 7s ease-in-out infinite}.particle{opacity:0;animation:fadeIn 1.2s ease-out forwards}.reveal-init{opacity:0;transform:translateY(24px);transition:opacity .8s ease,transform .8s ease}.reveal-init.reveal{opacity:1;transform:translateY(0)}@media (max-width: 1080px){.fields__grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 960px){.recent__item{grid-template-columns:80px 140px 1fr;gap:24px}.development__featured{grid-template-columns:1fr;gap:48px}.partners__cols{grid-template-columns:1fr;gap:40px}.txd__grid{grid-template-columns:1fr;gap:48px}.site-footer__inner{grid-template-columns:1fr 1fr;gap:32px}.section-marker{gap:16px}}@media (max-width: 720px){.site-header__nav{display:none}.recent__item{grid-template-columns:1fr;gap:8px}.fields__grid,.site-footer__inner{grid-template-columns:1fr}.site-footer__bottom{flex-direction:column;gap:16px}}