:root{--bg:#070a12;--panel:#0c1320;--text:#f3efe6;--muted:#a5afbc;--gold:#d3ad62;--gold2:#f1d394;--line:rgba(211,173,98,.19);--blue:#86caef}*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--bg)}body{margin:0;background:radial-gradient(circle at 50% 0%,rgba(82,123,160,.12),transparent 30%),var(--bg);color:var(--text);font-family:"Noto Serif JP",Georgia,serif;line-height:1.95}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.concept-header{position:sticky;top:0;z-index:60;height:70px;padding:0 clamp(18px,4vw,64px);display:flex;align-items:center;gap:28px;background:rgba(7,10,18,.9);backdrop-filter:blur(16px);border-bottom:1px solid var(--line)}.concept-brand{display:flex;align-items:center;gap:11px;font-family:"Cinzel",serif}.concept-brand img{width:38px}.concept-brand strong{display:block;font-size:12px;letter-spacing:.16em}.concept-brand small{display:block;font-size:7px;letter-spacing:.25em;color:var(--gold)}.concept-header nav{display:flex;gap:24px;margin-left:auto}.concept-header nav a{font:600 9px/1 "Cinzel",serif;letter-spacing:.14em;color:#b5bdc8}.concept-header nav a:hover,.concept-header nav a.active{color:var(--gold2)}.lang-toggle-concept{border:1px solid var(--line);background:rgba(255,255,255,.02);color:#e7dfce;padding:8px 11px;cursor:pointer;font:600 9px/1 "Cinzel",serif;letter-spacing:.12em}.concept-hero{min-height:calc(100vh - 70px);padding:105px 20px 85px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;position:relative;overflow:hidden;background:linear-gradient(to bottom,rgba(8,13,22,.25),rgba(7,10,18,.98)),radial-gradient(circle at 50% 42%,rgba(211,173,98,.08),transparent 27%),radial-gradient(circle at 50% 25%,rgba(91,174,222,.08),transparent 34%)}.concept-hero:after{content:"";position:absolute;inset:auto 8% 0;height:1px;background:linear-gradient(90deg,transparent,var(--line),transparent)}.concept-orbit{position:absolute;width:min(760px,82vw);aspect-ratio:1;border:1px solid rgba(211,173,98,.07);border-radius:50%;box-shadow:0 0 130px rgba(211,173,98,.035),inset 0 0 100px rgba(211,173,98,.025)}.concept-orbit i{position:absolute;border:1px solid rgba(211,173,98,.055);border-radius:50%}.concept-orbit i:nth-child(1){inset:11%}.concept-orbit i:nth-child(2){inset:24%}.concept-orbit i:nth-child(3){inset:37%}.concept-crown{position:relative;z-index:2;width:134px;margin-bottom:27px;filter:drop-shadow(0 18px 32px rgba(0,0,0,.48))}.concept-eyebrow,.concept-label{position:relative;z-index:2;margin:0 0 12px;color:var(--gold);font:600 9px/1.4 "Cinzel",serif;letter-spacing:.25em}.concept-label{font-size:8px;color:#9d8a5b}.concept-hero h1{position:relative;z-index:2;margin:18px 0 20px;font:600 clamp(43px,7.3vw,92px)/1.1 "Noto Serif JP",serif;letter-spacing:.03em}.concept-hero h1 em{font-style:normal;color:var(--gold2);text-shadow:0 0 38px rgba(211,173,98,.09)}.lang-en-content .concept-hero h1{font-family:"Cinzel",serif;font-size:clamp(43px,7vw,88px)}.concept-hero-lead{position:relative;z-index:2;max-width:760px;margin:0;color:#abb4c0;font-size:14px}.concept-scroll{position:relative;z-index:2;margin-top:34px;padding:10px 13px;border-bottom:1px solid var(--line);color:#cbb782;font:600 8px/1 "Cinzel",serif;letter-spacing:.14em}.statement-shell{width:min(1280px,calc(100% - 40px));margin:0 auto;padding:110px 0 120px;display:grid;grid-template-columns:120px minmax(0,850px);justify-content:center;gap:54px}.statement-side{border-right:1px solid rgba(255,255,255,.06);display:flex;flex-direction:column;align-items:center;gap:80px;padding-top:130px}.statement-side span{writing-mode:vertical-rl;color:#556170;font:600 7px/1 "Cinzel",serif;letter-spacing:.28em}.statement-body header{margin-bottom:52px}.statement-body header p{margin:0 0 8px;color:var(--gold);font:600 8px/1.4 "Cinzel",serif;letter-spacing:.2em}.statement-body header h2{margin:0;font-size:clamp(27px,4vw,44px);line-height:1.35}.statement-body>p{margin:0 0 36px;color:#c5c9ce;font-size:clamp(14px,1.4vw,17px)}.statement-body strong{color:#f1e5cb;font-weight:600}.statement-opening{font-size:clamp(22px,3vw,36px)!important;line-height:1.65!important;color:#eee3c9!important;padding:34px 0 42px;border-top:1px solid var(--line);border-bottom:1px solid rgba(255,255,255,.07)}.statement-pivot{margin:60px 0;padding:35px 38px;border:1px solid rgba(117,195,237,.14);border-left:3px solid var(--blue);background:linear-gradient(135deg,rgba(64,139,183,.07),rgba(13,20,32,.36))}.statement-pivot span{display:block;color:var(--blue);font:600 8px/1 "Cinzel",serif;letter-spacing:.2em;margin-bottom:14px}.statement-pivot p{margin:0;color:#e0e5e9;font-size:clamp(18px,2.5vw,29px);line-height:1.6}.statement-divider{height:92px;display:flex;align-items:center;justify-content:center;margin:30px 0 55px}.statement-divider:before,.statement-divider:after{content:"";height:1px;flex:1;background:linear-gradient(90deg,transparent,var(--line))}.statement-divider:after{background:linear-gradient(90deg,var(--line),transparent)}.statement-divider img{width:47px;margin:0 20px;opacity:.67}.statement-body blockquote{margin:75px 0 0;padding:40px 42px;border:1px solid var(--line);background:radial-gradient(circle at 20% 0%,rgba(211,173,98,.07),transparent 30%),rgba(13,20,32,.6);font-size:clamp(21px,3vw,34px);line-height:1.8;color:#e2d8c3}.statement-body blockquote span{display:block;color:var(--gold);font:600 8px/1 "Cinzel",serif;letter-spacing:.22em;margin-bottom:14px}.concept-principles{padding:110px max(20px,calc((100% - 1180px)/2));border-top:1px solid rgba(255,255,255,.055);border-bottom:1px solid rgba(255,255,255,.055);background:linear-gradient(180deg,rgba(12,19,31,.44),rgba(8,12,20,.5))}.concept-principles>h2{max-width:900px;margin:14px 0 45px;font-size:clamp(32px,4.7vw,59px);line-height:1.3}.principle-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.principle-grid article{padding:30px 27px;border:1px solid rgba(255,255,255,.075);background:rgba(9,14,23,.65);min-height:240px}.principle-grid article>span{display:block;color:rgba(211,173,98,.4);font:600 29px/1 "Cinzel",serif;margin-bottom:28px}.principle-grid h3{font:600 16px/1.4 "Cinzel",serif;margin:0 0 13px;color:#eadfc6}.principle-grid p{margin:0;color:#949eab;font-size:12px}.concept-music-link{width:min(1180px,calc(100% - 40px));margin:0 auto;padding:100px 0;display:grid;grid-template-columns:1fr auto;align-items:end;gap:50px}.concept-music-link h2{margin:10px 0 17px;font-size:clamp(30px,4vw,50px);line-height:1.35}.concept-music-link p:not(.concept-label){max-width:760px;color:#9da7b3;font-size:13px;margin:0}.concept-music-link>a{padding:14px 17px;border:1px solid rgba(211,173,98,.4);color:#dec994;font:600 8px/1 "Cinzel",serif;letter-spacing:.11em;white-space:nowrap}.concept-footer-cta{padding:100px 20px;text-align:center;border-top:1px solid var(--line);background:radial-gradient(circle at 50% 44%,rgba(211,173,98,.08),transparent 25%)}.concept-footer-cta>img{width:73px;margin:0 auto 21px}.concept-footer-cta>p{color:var(--gold);font:600 8px/1 "Cinzel",serif;letter-spacing:.22em}.concept-footer-cta h2{margin:14px 0 31px;font-size:clamp(30px,4.5vw,56px)}.concept-footer-cta>div{display:flex;justify-content:center;gap:10px;flex-wrap:wrap}.concept-footer-cta a{padding:13px 16px;border:1px solid rgba(211,173,98,.4);font:600 8px/1 "Cinzel",serif;letter-spacing:.1em}.concept-footer-cta a.primary{background:var(--gold);color:#10141b}.concept-footer{border-top:1px solid var(--line);padding:28px clamp(20px,5vw,76px);display:flex;justify-content:space-between;gap:20px;color:#737e8d;font:500 8px/1.5 "Cinzel",serif;letter-spacing:.1em}.lang-en-content{display:none}html[data-lang="en"] .lang-ja-content{display:none}html[data-lang="en"] .lang-en-content{display:block}html[data-lang="ja"] .lang-ja-content{display:block}html[data-lang="ja"] .lang-en-content{display:none}@media(max-width:900px){.concept-header nav{display:none}.lang-toggle-concept{margin-left:auto}.statement-shell{grid-template-columns:1fr}.statement-side{display:none}.principle-grid{grid-template-columns:1fr}.concept-music-link{grid-template-columns:1fr;align-items:start}.concept-music-link>a{justify-self:start}}@media(max-width:640px){.concept-header{height:62px;padding:0 14px}.concept-brand img{width:32px}.concept-brand strong{font-size:10px}.concept-brand small{font-size:6px}.concept-hero{min-height:660px;padding:90px 16px 60px}.concept-crown{width:104px}.concept-hero h1{font-size:42px}.statement-shell{width:min(100% - 28px,1280px);padding:72px 0 80px}.statement-body>p{margin-bottom:30px}.statement-opening{font-size:23px!important;padding:28px 0 32px}.statement-pivot{margin:46px 0;padding:27px 22px}.statement-body blockquote{margin-top:55px;padding:29px 23px}.concept-principles{padding:75px 14px}.principle-grid article{min-height:0;padding:25px 22px}.concept-music-link{width:min(100% - 28px,1180px);padding:75px 0}.concept-footer{flex-direction:column;text-align:center}.concept-footer-cta{padding:75px 14px}}


/* v1.15 — The Living World is not a utopia */
.statement-opening small{
  display:block;margin-top:17px;color:#8793a2;font-size:11px;line-height:1.8;font-weight:400
}
.concept-reality{
  border-top:1px solid rgba(178,75,89,.18);
  border-bottom:1px solid rgba(255,255,255,.055);
  background:
    radial-gradient(circle at 78% 8%,rgba(178,75,89,.09),transparent 26%),
    radial-gradient(circle at 16% 72%,rgba(75,104,139,.08),transparent 28%),
    linear-gradient(180deg,rgba(14,14,20,.86),rgba(8,12,20,.96));
  padding:110px 20px;
}
.reality-heading{max-width:950px;margin:0 auto 55px}
.reality-heading .concept-label{color:#b87b84}
.reality-heading h2{
  margin:12px 0 18px;font-size:clamp(34px,5.2vw,66px);line-height:1.28;
  letter-spacing:.015em
}
.reality-heading>p:not(.concept-label){
  margin:0;color:#c2c7ce;font-size:clamp(15px,1.6vw,19px)
}
.reality-statement{max-width:900px;margin:0 auto}
.reality-statement>p{
  margin:0 0 34px;color:#aeb6c1;font-size:clamp(14px,1.3vw,16px)
}
.reality-statement strong{color:#eee2ca;font-weight:600}
.reality-axiom{
  margin:56px 0;padding:36px 38px;border:1px solid rgba(178,75,89,.16);
  border-left:3px solid #a55d68;background:rgba(85,36,46,.07)
}
.reality-axiom>span{
  display:block;margin-bottom:14px;color:#c4868f;
  font:600 8px/1 "Cinzel",serif;letter-spacing:.2em
}
.reality-axiom h3{
  margin:0 0 14px;color:#eee4d2;font-size:clamp(21px,3vw,34px);line-height:1.55
}
.reality-axiom p{margin:0;color:#aeb6c0;font-size:13px}
.reality-statement blockquote{
  margin:62px 0;padding:38px 40px;border:1px solid rgba(211,173,98,.2);
  background:
    linear-gradient(135deg,rgba(211,173,98,.055),rgba(13,20,32,.54));
  color:#e8ddc8;font-size:clamp(20px,2.7vw,32px);line-height:1.75
}
.reality-statement blockquote span{
  display:block;margin-bottom:14px;color:var(--gold);
  font:600 8px/1 "Cinzel",serif;letter-spacing:.2em
}
.principle-grid-four{grid-template-columns:repeat(4,1fr)}
.principle-grid-four article{min-height:260px}

.reality-heading,.reality-statement{width:min(100%,900px)}
.reality-heading h2,.reality-heading>p:not(.concept-label),.reality-statement>p,.reality-statement blockquote,.reality-axiom{max-width:100%}

@media(max-width:1050px){
  .principle-grid-four{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:640px){
  .concept-reality{padding:75px 14px}
  .reality-heading{margin-bottom:42px}
  .reality-axiom{margin:42px 0;padding:28px 22px}
  .reality-statement blockquote{margin:46px 0;padding:29px 23px}
  .principle-grid-four{grid-template-columns:1fr}
  .principle-grid-four article{min-height:0}
}
