@charset "utf-8";
:root{--bg:#030912;--panel:#07111f;--panel2:#0b1628;--text:#f6f1e9;--muted:#b8c5d8;--line:rgba(202,223,255,.25);--cyan:#35c9ff;--violet:#7a5cff;--pink:#e858ff;--gold:#d8c08a;--shadow:0 30px 80px rgba(0,0,0,.55)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 50% 0%,#14294f 0,#07111e 35%,#02060b 75%);color:var(--text);font-family:"Times New Roman","Yu Mincho","Hiragino Mincho ProN",serif;line-height:1.8;overflow-x:hidden}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.loader{position:fixed;inset:0;background:#02050b;z-index:9999;display:grid;place-items:center;gap:12px;transition:.8s}.loader.hide{opacity:0;visibility:hidden}.loader-mark{width:72px;height:72px;border:1px solid var(--line);border-radius:50%;display:grid;place-items:center;color:#fff;box-shadow:0 0 28px rgba(53,201,255,.4)}
.site-header{position:fixed;z-index:30;top:0;left:0;right:0;height:86px;display:flex;align-items:flex-start;justify-content:space-between;padding:20px 7vw;pointer-events:none}.logo,.global-nav,.menu-button{pointer-events:auto}.logo{display:flex;gap:14px;align-items:center;text-shadow:0 2px 16px #000}.logo-seal,.center-seal{border:1px solid rgba(255,255,255,.65);border-radius:50%;display:grid;place-items:center;background:rgba(4,10,18,.45);box-shadow:0 0 25px rgba(53,201,255,.32),inset 0 0 18px rgba(255,255,255,.08)}.logo-seal{width:48px;height:48px;font-size:22px}.logo-seal span,.center-seal span{color:var(--cyan)}.logo-text{font-size:26px;letter-spacing:.12em;line-height:1.1}.logo-text small{display:block;font-size:13px;letter-spacing:.05em;color:#dbe8ff}.global-nav{display:flex;background:rgba(3,7,14,.72);backdrop-filter:blur(14px);border:1px solid rgba(255,255,255,.12);box-shadow:var(--shadow)}.global-nav a{min-width:124px;padding:18px 22px;text-align:center;border-left:1px solid rgba(255,255,255,.08)}.global-nav b{display:block;font-size:17px}.global-nav small{display:block;font-size:10px;color:#c9d7ed}.menu-button{display:none}
.hero{min-height:760px;height:100vh;position:relative;display:grid;place-items:center;overflow:hidden}.hero-triptych{position:absolute;inset:0;display:grid;grid-template-columns:1fr 1fr 1fr}.hero-panel{background-size:cover;background-position:center;filter:saturate(1.12) contrast(1.05);position:relative}.hero-panel:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.22),rgba(0,0,0,.06),rgba(0,0,0,.38))}.hero-left{background-image:url('../img/neglect.jpg')}.hero-center-bg{background-image:url('../img/rebirth.jpg')}.hero-right{background-image:url('../img/lost-sight.jpg')}.hero-vignette{position:absolute;inset:0;background:radial-gradient(circle at 50% 48%,rgba(0,0,0,.05),rgba(0,0,0,.18) 35%,rgba(0,0,0,.76) 100%),linear-gradient(180deg,rgba(0,0,0,.15),rgba(0,0,0,.8));}.hero-title{position:relative;text-align:center;margin-top:130px;text-shadow:0 5px 28px #000}.center-seal{width:220px;height:220px;margin:0 auto 24px;font-size:42px}.hero h1{font-size:72px;letter-spacing:.16em;margin:0}.roman{font-size:28px;letter-spacing:.08em;margin:0}.tagline{font-size:22px;margin:14px 0 0;display:inline-block;border-top:1px solid rgba(255,255,255,.35);border-bottom:1px solid rgba(255,255,255,.35);padding:8px 60px}.scroll{position:absolute;bottom:30px;left:50%;transform:translateX(-50%);font-size:12px;letter-spacing:.22em;color:#dcecff}.scroll span{display:block;width:14px;height:14px;border-right:1px solid var(--cyan);border-bottom:1px solid var(--cyan);transform:rotate(45deg);margin:2px auto}.section{width:min(1180px,88vw);margin:0 auto 54px}.ornate-panel{position:relative;border:1px solid var(--line);background:linear-gradient(90deg,rgba(3,8,15,.94),rgba(7,18,32,.78));box-shadow:var(--shadow);overflow:hidden}.ornate-panel:before,.ornate-panel:after{content:"✦";position:absolute;color:rgba(255,255,255,.55);font-size:24px}.ornate-panel:before{left:10px;top:8px}.ornate-panel:after{right:10px;bottom:8px}.about{margin-top:-58px;position:relative;z-index:5}.about-panel{min-height:276px;display:grid;grid-template-columns:1.1fr 1fr;border-radius:0 0 10px 10px}.about-copy{padding:36px 48px}.label,.section-heading{font-size:34px;margin:0 0 6px}.about h2{font-size:23px;margin:0 0 14px}.about p{max-width:560px;margin:0 0 8px}.about-image{background:url('../img/rebirth.jpg') center/cover;min-height:260px;mask-image:linear-gradient(90deg,transparent,black 20%)}.btn{display:inline-flex;align-items:center;gap:12px;margin-top:16px;border:1px solid rgba(75,194,255,.42);background:rgba(4,12,23,.72);padding:12px 24px;border-radius:4px;color:#edf8ff;box-shadow:inset 0 0 18px rgba(53,201,255,.08),0 0 22px rgba(53,201,255,.12);font-size:14px;letter-spacing:.08em}.btn:hover{transform:translateY(-2px);box-shadow:0 0 32px rgba(53,201,255,.25)}.btn.primary{background:linear-gradient(135deg,rgba(0,91,144,.85),rgba(10,18,34,.88))}.works{padding-top:0}.section-heading{text-align:center;margin:20px 0 24px}.section-heading span{position:relative}.section-heading span:before,.section-heading span:after{content:"◇";font-size:16px;color:#93cfff;margin:0 22px}.work-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.work-card{border:1px solid var(--line);background:rgba(4,12,22,.72);box-shadow:var(--shadow);overflow:hidden;border-radius:6px}.work-card img{width:100%;height:176px;object-fit:cover}.work-body{position:relative;padding:18px 18px 20px;background:linear-gradient(180deg,rgba(4,8,16,.55),rgba(4,8,16,.95))}.work-body h3{margin:0 0 4px;font-size:20px}.work-body p{margin:0;color:#d7e1ef;font-size:14px}.work-body a{position:absolute;right:18px;bottom:14px;color:var(--cyan);font-size:24px}.soundtrack{width:min(1180px,88vw);min-height:142px;margin:0 auto 36px;border:1px solid var(--line);position:relative;display:grid;grid-template-columns:1.15fr 1fr .92fr;align-items:center;gap:24px;padding:26px 36px;overflow:hidden;box-shadow:var(--shadow);background:#06111f}.sound-bg{position:absolute;inset:0;background:linear-gradient(90deg,rgba(7,16,31,.95),rgba(7,28,56,.68),rgba(7,16,31,.9)),url('../img/rebirth.jpg') center/cover;opacity:.95}.sound-title,.soundtrack p,.sound-actions{position:relative}.sound-title h2{font-size:29px;margin:0;letter-spacing:.04em}.sound-title em{font-size:18px;color:#bcd4ff}.soundtrack p{margin:0;color:#e0e8f2;font-size:15px}.sound-actions{display:grid;gap:10px}.sound-actions .btn{margin:0;justify-content:center}.lower-grid{width:min(1180px,88vw);margin:0 auto 36px;display:grid;grid-template-columns:1fr 330px;gap:34px}.news h2,.contact h2{font-size:32px;margin:0 0 16px}.news-list{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.news-list a{display:grid;grid-template-columns:74px 1fr;column-gap:14px;padding:18px 14px;border-right:1px solid var(--line);min-height:128px}.thumb{grid-row:1/4;width:68px;height:68px;border-radius:50%;background-size:cover;background-position:center;box-shadow:0 0 22px rgba(53,201,255,.16)}.rose{background-image:url('../img/rebirth.jpg')}.crystal{background-image:url('../img/lost-sight.jpg')}.flower{background-image:url('../img/hanataba-banner-notext.jpg')}.news-list small{font-size:11px;color:#b8c5d8}.news-list b{font-size:17px}.news-list em{font-style:normal;font-size:13px;color:#cdd8e8}.contact{border-left:1px solid var(--line);padding-left:28px;background:radial-gradient(circle at 90% 30%,rgba(53,201,255,.18),transparent 45%)}.contact p{color:#cdd8e8}.mail{font-size:17px}.footer{width:min(1180px,88vw);margin:0 auto;padding:22px 0 36px;border-top:1px solid var(--line);display:flex;justify-content:space-between;color:#c9d3e1;font-size:13px}.footer nav{display:flex;gap:24px}.reveal{opacity:0;transform:translateY(28px);transition:1s}.reveal.show{opacity:1;transform:none}
@media(max-width:900px){.site-header{height:auto;padding:14px 16px;align-items:center;background:rgba(2,6,12,.75);backdrop-filter:blur(12px)}.logo-text{font-size:20px}.global-nav{display:none;position:absolute;top:72px;left:14px;right:14px;flex-direction:column}.global-nav.open{display:flex}.global-nav a{min-width:0}.menu-button{display:block;background:rgba(4,12,23,.88);border:1px solid var(--line);color:#fff;font-size:22px;padding:6px 12px}.hero{height:auto;min-height:760px}.hero-triptych{grid-template-columns:1fr}.hero-left,.hero-right{display:none}.hero h1{font-size:48px}.tagline{font-size:16px;padding:8px 20px}.about{margin-top:-20px}.about-panel{grid-template-columns:1fr}.about-copy{padding:28px 22px}.about-image{min-height:190px;mask-image:none}.work-grid,.news-list,.lower-grid,.soundtrack{grid-template-columns:1fr}.soundtrack{padding:24px 20px}.footer{display:block}.footer nav{flex-wrap:wrap}.section,.soundtrack,.lower-grid,.footer{width:92vw}.news-list a{border-right:none;border-bottom:1px solid var(--line)}}

.logo-seal{overflow:hidden}
.logo-seal img{width:100%;height:100%;object-fit:cover;display:block}

/* logo image fix */
.logo-seal{overflow:hidden;flex:0 0 48px}
.logo-seal img{width:100%;height:100%;object-fit:cover;display:block;filter:drop-shadow(0 0 8px rgba(53,201,255,.5));transition:.35s}
.logo:hover .logo-seal img{transform:scale(1.07);filter:drop-shadow(0 0 16px rgba(53,201,255,.75))}

.center-seal{overflow:hidden;padding:6px}.center-seal img{width:100%;height:100%;object-fit:contain;display:block;border-radius:50%;}


/* === Center rose logo: large neon emblem === */
.center-seal{
  position:relative;
  width:220px;
  height:220px;
  margin:0 auto 28px;
  padding:10px;
  border-radius:50%;
  overflow:visible;
  background:radial-gradient(circle,rgba(6,16,28,.92),rgba(2,5,10,.72));
  border:1px solid rgba(210,238,255,.72);
  box-shadow:
    0 0 22px rgba(53,201,255,.55),
    0 0 52px rgba(122,92,255,.34),
    inset 0 0 28px rgba(255,255,255,.12);
  animation:centerSealFloat 5s ease-in-out infinite;
}
.center-seal::before,
.center-seal::after{
  content:"";
  position:absolute;
  inset:-16px;
  border-radius:50%;
  pointer-events:none;
}
.center-seal::before{
  border:1px solid rgba(141,224,255,.44);
  box-shadow:0 0 28px rgba(53,201,255,.32);
  background:
    conic-gradient(from 0deg,
      transparent 0 9%, rgba(141,224,255,.78) 10% 11%, transparent 12% 24%,
      rgba(216,192,138,.55) 25% 26%, transparent 27% 49%,
      rgba(141,224,255,.78) 50% 51%, transparent 52% 74%,
      rgba(216,192,138,.55) 75% 76%, transparent 77% 100%);
  animation:centerSealRotate 18s linear infinite;
}
.center-seal::after{
  inset:-29px;
  border:1px solid rgba(232,88,255,.22);
  box-shadow:0 0 42px rgba(232,88,255,.22), inset 0 0 26px rgba(53,201,255,.16);
  animation:centerSealRotateReverse 26s linear infinite;
}
.center-seal img{
  position:relative;
  z-index:2;
  width:100%;
  height:100%;
  object-fit:contain;
  display:block;
  border-radius:50%;
  background:#fff;
  filter:
    drop-shadow(0 0 8px rgba(255,255,255,.65))
    drop-shadow(0 0 18px rgba(53,201,255,.70));
}
@keyframes centerSealRotate{to{transform:rotate(360deg)}}
@keyframes centerSealRotateReverse{to{transform:rotate(-360deg)}}
@keyframes centerSealFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}

@media(max-width:900px){
  .center-seal{width:220px;height:220px;margin-bottom:22px;}
  .center-seal::before{inset:-12px;}
  .center-seal::after{inset:-22px;}
}

/* === Simple center logo (effects removed) === */
.center-seal{
  width:220px !important;
  height:220px !important;
  margin:0 auto 24px !important;
  padding:6px !important;
  border:1px solid rgba(255,255,255,.65) !important;
  border-radius:50% !important;
  overflow:hidden !important;
  display:grid !important;
  place-items:center !important;
  background:rgba(4,10,18,.45) !important;
  box-shadow:0 0 25px rgba(53,201,255,.32), inset 0 0 18px rgba(255,255,255,.08) !important;
  animation:none !important;
  transform:none !important;
}
.center-seal::before,
.center-seal::after{
  content:none !important;
  display:none !important;
  animation:none !important;
}
.center-seal img{
  width:100% !important;
  height:100% !important;
  object-fit:contain !important;
  display:block !important;
  border-radius:50% !important;
  background:#fff !important;
  filter:none !important;
  transform:none !important;
}
@media(max-width:900px){
  .center-seal{width:220px !important;height:220px !important;margin-bottom:24px !important;}
}

/* === Contact page build === */
.subpage{background:radial-gradient(circle at 50% 0%,#182b50 0,#07111e 38%,#02060b 78%)}
.sub-header{background:linear-gradient(180deg,rgba(2,6,12,.88),rgba(2,6,12,.15));backdrop-filter:blur(10px)}
.global-nav a[aria-current="page"]{background:rgba(53,201,255,.12);box-shadow:inset 0 -2px 0 rgba(53,201,255,.75)}
.contact-hero{position:relative;min-height:560px;display:grid;place-items:center;text-align:center;overflow:hidden;padding:138px 20px 74px}.contact-hero-bg{position:absolute;inset:0;background:linear-gradient(180deg,rgba(2,6,12,.45),rgba(2,6,12,.88)),radial-gradient(circle at 50% 42%,rgba(53,201,255,.20),transparent 34%),url('../img/rebirth.jpg') center/cover;filter:saturate(1.08) contrast(1.08)}.contact-hero-inner{position:relative;max-width:820px;text-shadow:0 6px 30px #000}.mini-label{display:inline-flex;align-items:center;gap:10px;margin:0 0 10px;color:#bfeaff;font-size:14px;letter-spacing:.22em;text-transform:uppercase}.mini-label:before,.mini-label:after{content:"";width:32px;height:1px;background:rgba(53,201,255,.72)}.contact-hero h1{font-size:66px;letter-spacing:.16em;margin:0 0 12px}.contact-hero p:last-child{font-size:18px;color:#dce8f5;margin:0 auto;max-width:680px}.contact-page-grid{width:min(1180px,88vw);margin:-46px auto 62px;position:relative;z-index:4;display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:28px}.contact-main{border-radius:10px;padding:38px 42px}.contact-main h2{font-size:30px;margin:0 0 10px}.lead{color:#cbd8e8;margin:0 0 24px}.contact-form{display:grid;gap:18px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:18px}.contact-form label{display:grid;gap:8px;color:#eef7ff;font-size:15px;letter-spacing:.04em}.contact-form label span{justify-self:start;margin-left:8px;padding:1px 8px;border:1px solid rgba(53,201,255,.34);border-radius:999px;color:#bfeaff;font-size:11px}.contact-form input,.contact-form textarea,.contact-form select{width:100%;border:1px solid rgba(202,223,255,.24);border-radius:6px;background:rgba(2,7,14,.72);color:#fff;padding:13px 14px;font:inherit;outline:none;box-shadow:inset 0 0 16px rgba(53,201,255,.05)}.contact-form textarea{resize:vertical;min-height:180px}.contact-form input:focus,.contact-form textarea:focus,.contact-form select:focus{border-color:rgba(53,201,255,.74);box-shadow:0 0 0 3px rgba(53,201,255,.12)}.submit-btn{border:0;cursor:pointer;justify-self:start}.contact-side{display:grid;gap:18px}.side-card{border:1px solid var(--line);border-radius:10px;background:linear-gradient(180deg,rgba(7,18,32,.88),rgba(3,8,15,.92));box-shadow:var(--shadow);padding:24px}.side-card h3{font-size:22px;margin:0 0 8px;color:#fff}.side-card p{margin:0;color:#cdd8e8}.side-card ul{margin:8px 0 0;padding-left:18px;color:#d7e3f0}.side-card li{margin:6px 0}.glow-card{background:radial-gradient(circle at 88% 18%,rgba(53,201,255,.22),transparent 45%),linear-gradient(180deg,rgba(7,18,32,.9),rgba(3,8,15,.94))}.contact-teaser{border:1px solid var(--line);border-radius:8px;padding:24px 24px 28px;background:radial-gradient(circle at 90% 20%,rgba(53,201,255,.20),transparent 42%),linear-gradient(180deg,rgba(7,18,32,.75),rgba(3,8,15,.86));box-shadow:var(--shadow)}.contact-teaser h2{font-size:24px;line-height:1.45;margin:0 0 10px}.contact-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.contact-chips span{font-size:11px;letter-spacing:.08em;color:#dff7ff;border:1px solid rgba(53,201,255,.28);border-radius:999px;padding:4px 9px;background:rgba(53,201,255,.08)}
@media(max-width:900px){.contact-hero{min-height:520px;padding-top:118px}.contact-hero h1{font-size:42px}.contact-page-grid{width:92vw;grid-template-columns:1fr;margin-top:-28px}.contact-main{padding:28px 20px}.form-row{grid-template-columns:1fr}.contact-side{grid-template-columns:1fr}.contact-teaser{padding-left:20px;border-left:1px solid var(--line)}}

/* === Works archive page === */
.works-page{background:radial-gradient(circle at 50% 0%,#1a2d55 0,#07111e 38%,#02060b 78%)}
.works-hero{position:relative;min-height:620px;display:grid;place-items:center;text-align:center;overflow:hidden;padding:140px 20px 86px}.works-hero-bg{position:absolute;inset:0;background:linear-gradient(180deg,rgba(2,6,12,.35),rgba(2,6,12,.92)),radial-gradient(circle at 50% 45%,rgba(53,201,255,.22),transparent 34%),url('../img/design-reference.jpg') center/cover;filter:saturate(1.08) contrast(1.08)}.works-hero-inner{position:relative;max-width:880px;text-shadow:0 6px 30px #000}.works-hero h1{font-size:76px;letter-spacing:.18em;margin:0 0 12px}.works-hero p:last-of-type{font-size:18px;color:#dce8f5;margin:0 auto;max-width:720px}.works-filter{display:flex;justify-content:center;flex-wrap:wrap;gap:12px;margin-top:28px}.works-filter a{border:1px solid rgba(53,201,255,.38);border-radius:999px;background:rgba(4,12,23,.68);padding:9px 18px;color:#e8f8ff;letter-spacing:.08em;font-size:13px}.works-filter a:hover{background:rgba(53,201,255,.14)}.works-archive{width:min(1180px,88vw);margin:0 auto 68px}.archive-head{text-align:center;margin-bottom:24px}.archive-head h2{font-size:42px;margin:0 0 6px}.archive-head p{margin:0;color:#cdd8e8}.archive-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.archive-card{border:1px solid var(--line);border-radius:10px;overflow:hidden;background:linear-gradient(180deg,rgba(7,18,32,.86),rgba(3,8,15,.96));box-shadow:var(--shadow);position:relative}.archive-card img{width:100%;height:238px;object-fit:cover}.featured-work{grid-column:span 2}.featured-work img{height:320px}.archive-body{padding:22px}.work-type{display:inline-flex;margin-bottom:8px;color:#bfeaff;border:1px solid rgba(53,201,255,.32);border-radius:999px;padding:2px 10px;font-size:11px;letter-spacing:.12em}.archive-body h3{font-size:25px;margin:0 0 8px}.archive-body p{font-size:14px;margin:0;color:#d3deec}.work-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.work-tags span{font-size:11px;color:#eafaff;background:rgba(53,201,255,.08);border:1px solid rgba(53,201,255,.22);border-radius:999px;padding:4px 9px}.soundtrack-panel,.works-cta{border:1px solid var(--line);border-radius:12px;background:radial-gradient(circle at 88% 20%,rgba(53,201,255,.18),transparent 42%),linear-gradient(180deg,rgba(7,18,32,.82),rgba(3,8,15,.94));box-shadow:var(--shadow);padding:34px;display:grid;grid-template-columns:1fr 360px;gap:28px;align-items:center}.soundtrack-panel h3,.works-cta h2{font-size:30px;margin:0 0 8px}.soundtrack-panel p,.works-cta p{margin:0;color:#d3deec}.visual-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.visual-grid img{height:230px;width:100%;object-fit:cover;border:1px solid var(--line);border-radius:10px;box-shadow:var(--shadow);background:#06111f}.works-cta{width:min(1180px,88vw);margin:0 auto 62px;text-align:left}.cta-actions{display:flex;flex-wrap:wrap;justify-content:flex-end}.cta-actions .btn{margin:0}
@media(max-width:900px){.works-hero{min-height:540px;padding-top:120px}.works-hero h1{font-size:42px}.works-archive,.works-cta{width:92vw}.archive-grid,.soundtrack-panel,.works-cta,.visual-grid{grid-template-columns:1fr}.featured-work{grid-column:auto}.featured-work img,.archive-card img,.visual-grid img{height:auto;aspect-ratio:1/1;object-fit:cover}.soundtrack-panel,.works-cta{padding:24px 20px}.cta-actions{justify-content:flex-start}.archive-head h2{font-size:32px}}


/* Works readability + streaming links */
body.subpage{background:#050b13;color:#f3f8ff;}
.works-archive .page-hero,.subpage .page-hero,.works-detail .work-hero{background:linear-gradient(135deg,rgba(4,10,20,.96),rgba(7,18,32,.9));border:1px solid rgba(120,210,255,.24);box-shadow:0 24px 70px rgba(0,0,0,.34);border-radius:12px;padding:44px clamp(22px,4vw,56px);}
.work-card{background:linear-gradient(180deg,rgba(7,16,30,.96),rgba(3,8,16,.98));border-color:rgba(132,210,255,.32);}
.work-body{min-height:132px;background:linear-gradient(180deg,rgba(2,8,16,.92),rgba(2,8,16,1));}
.work-body h3{color:#fff;font-weight:700;line-height:1.35;text-shadow:0 2px 14px rgba(0,0,0,.8);padding-right:32px;}
.work-body p,.works-detail p,.work-meta dd{color:#eaf3ff;line-height:1.9;text-shadow:0 1px 8px rgba(0,0,0,.5);}
.work-body a{width:34px;height:34px;display:grid;place-items:center;border-radius:999px;background:rgba(80,190,255,.16);border:1px solid rgba(117,216,255,.42);text-decoration:none;line-height:1;}
.work-body a:hover{background:rgba(80,190,255,.28);}
.works-pager,.pagination{display:flex;justify-content:center;gap:12px;margin:34px auto 10px;}
.works-pager a,.pagination a{min-width:44px;height:44px;display:grid;place-items:center;border:1px solid rgba(117,216,255,.42);background:rgba(4,12,23,.88);color:#fff;border-radius:999px;font-weight:700;text-decoration:none;}
.works-pager a.active,.pagination a.active,.works-pager a[aria-current="page"],.pagination a[aria-current="page"]{background:linear-gradient(135deg,rgba(30,128,190,.95),rgba(9,24,45,.95));box-shadow:0 0 24px rgba(78,201,255,.26);}
.promo-card{background:linear-gradient(135deg,rgba(7,17,31,.96),rgba(3,8,16,.98));border:1px solid rgba(132,210,255,.28);box-shadow:0 24px 70px rgba(0,0,0,.28);border-radius:14px;padding:24px;}
.promo-card img{border-radius:10px;box-shadow:0 18px 48px rgba(0,0,0,.42);}
.stream-links{background:linear-gradient(135deg,rgba(4,13,26,.96),rgba(7,20,38,.9));border:1px solid rgba(119,211,255,.28);border-radius:14px;padding:32px clamp(20px,4vw,44px);box-shadow:0 20px 60px rgba(0,0,0,.24);}
.stream-links h2{font-size:clamp(26px,3vw,40px);margin:0 0 12px;color:#fff;}
.stream-lead{margin:0 0 18px;color:#edf7ff;}
.stream-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:10px;}
.stream-actions .btn{margin:0;text-decoration:none;font-weight:700;}
.stream-actions .youtube{border-color:rgba(255,110,110,.5);background:linear-gradient(135deg,rgba(100,18,18,.82),rgba(20,10,14,.9));}
.stream-actions .tunecore{border-color:rgba(93,210,255,.55);}
.stream-note{font-size:12px;color:#b9c8d9!important;margin:14px 0 0;line-height:1.7;}
@media (max-width: 760px){.work-grid{grid-template-columns:1fr;}.promo-card{padding:16px;}.stream-actions{display:grid;}.stream-actions .btn{justify-content:center;}.work-body{min-height:auto;}}


.archive-grid,.works-archive-grid{gap:24px;}
.archive-card{background:linear-gradient(180deg,rgba(8,17,31,.96),rgba(3,8,16,.99));border:1px solid rgba(132,210,255,.34);box-shadow:0 18px 48px rgba(0,0,0,.28);border-radius:18px;overflow:hidden;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease;}
.archive-card:hover{transform:translateY(-4px);border-color:rgba(133,222,255,.64);box-shadow:0 24px 62px rgba(0,0,0,.38),0 0 28px rgba(72,190,255,.16);}
.archive-card img{filter:saturate(1.05) contrast(1.03);}
.archive-card-body,.archive-body{background:linear-gradient(180deg,rgba(4,11,22,.78),rgba(3,8,16,1));padding:20px;}
.archive-card h2,.archive-card h3,.archive-card .archive-title{color:#fff!important;line-height:1.35;text-shadow:0 2px 14px rgba(0,0,0,.85);font-weight:800;}
.archive-card p,.archive-card small,.archive-card .archive-desc{color:#edf6ff!important;line-height:1.75;text-shadow:0 1px 8px rgba(0,0,0,.6);}
.archive-card .tag,.archive-card span{color:#dff4ff;}

/* === Top profile section enhancement === */
.profile-block{margin-top:22px;padding-top:20px;border-top:1px solid rgba(202,223,255,.18)}
.profile-lead{display:grid;gap:8px;margin-bottom:16px}.profile-lead span{justify-self:start;border:1px solid rgba(53,201,255,.34);border-radius:999px;padding:3px 12px;color:#c9f2ff;font-size:12px;letter-spacing:.14em;background:rgba(53,201,255,.07)}.profile-lead p{max-width:620px!important;color:#e8f3ff!important;text-shadow:0 1px 10px rgba(0,0,0,.45)}
.profile-data{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:16px 0 0}.profile-data div{border:1px solid rgba(202,223,255,.16);background:linear-gradient(180deg,rgba(5,14,26,.72),rgba(2,8,16,.64));border-radius:8px;padding:12px 14px}.profile-data dt{font-size:11px;letter-spacing:.12em;color:#9edfff}.profile-data dd{margin:4px 0 0;color:#fff;font-size:13px;line-height:1.6}
.profile-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.profile-tags span{font-size:11px;letter-spacing:.08em;color:#eafaff;background:rgba(53,201,255,.08);border:1px solid rgba(53,201,255,.22);border-radius:999px;padding:4px 10px}.profile-visual{position:relative;display:grid;place-items:center;background:linear-gradient(90deg,rgba(0,0,0,.10),rgba(3,9,18,.18)),url('../img/design-reference.jpg') center/cover}.profile-card-mark{position:relative;width:168px;height:168px;border-radius:50%;display:grid;place-items:center;padding:10px;background:radial-gradient(circle,#101826 0%,#05080f 100%);border:2px solid rgba(210,245,255,.95);box-shadow:0 0 20px rgba(120,210,255,.9),0 0 50px rgba(120,210,255,.75),0 0 100px rgba(120,210,255,.55),inset 0 0 18px rgba(255,255,255,.12);animation:logoGlow 3s ease-in-out infinite}.profile-card-mark::before{content:"";position:absolute;inset:-14px;border-radius:50%;border:3px solid rgba(140,220,255,.95);filter:blur(3px);box-shadow:0 0 18px #8bd8ff,0 0 45px #62c6ff,0 0 90px rgba(98,198,255,.9);}.profile-card-mark img{position:relative;z-index:1;width:100%;height:100%;object-fit:contain;border-radius:50%;background:#fff}@keyframes logoGlow{0%,100%{transform:scale(1);box-shadow:0 0 20px rgba(120,210,255,.9),0 0 50px rgba(120,210,255,.75),0 0 100px rgba(120,210,255,.55)}50%{transform:scale(1.03);box-shadow:0 0 30px rgba(160,235,255,1),0 0 80px rgba(120,210,255,.95),0 0 140px rgba(120,210,255,.7)}}
@media(max-width:900px){.profile-data{grid-template-columns:1fr}.profile-visual{min-height:240px}.profile-card-mark{width:136px;height:136px}}

.profile-section{background-repeat:no-repeat !important;background-size:cover !important;background-position:center center !important;}

/* =========================================================
   Hero title logo subtle glow fix
   Applies ONLY to:
   <div class="hero-title reveal"><div class="center-seal">...</div></div>
   ========================================================= */
.hero-title .center-seal{
  position:relative !important;
  width:220px !important;
  height:220px !important;
  margin:0 auto 24px !important;
  padding:7px !important;
  border-radius:50% !important;
  overflow:visible !important;
  display:grid !important;
  place-items:center !important;
  background:rgba(4,10,18,.48) !important;
  border:1px solid rgba(225,245,255,.62) !important;
  box-shadow:
    0 0 10px rgba(80,185,255,.26),
    0 0 22px rgba(80,185,255,.16),
    inset 0 0 14px rgba(255,255,255,.08) !important;
  animation:none !important;
  transform:none !important;
}

.hero-title .center-seal::before{
  content:"" !important;
  display:block !important;
  position:absolute !important;
  inset:-6px !important;
  border-radius:50% !important;
  border:1.5px solid rgba(125,210,255,.62) !important;
  box-shadow:
    0 0 7px rgba(100,205,255,.42),
    0 0 16px rgba(100,205,255,.24),
    0 0 28px rgba(100,205,255,.12) !important;
  opacity:.82 !important;
  z-index:1 !important;
  pointer-events:none !important;
  animation:heroCenterSealSoftGlow 3.8s ease-in-out infinite !important;
}

.hero-title .center-seal::after{
  content:none !important;
  display:none !important;
}

.hero-title .center-seal img{
  position:relative !important;
  z-index:2 !important;
  width:100% !important;
  height:100% !important;
  object-fit:contain !important;
  display:block !important;
  border-radius:50% !important;
  background:#fff !important;
  filter:none !important;
  transform:none !important;
}

@keyframes heroCenterSealSoftGlow{
  0%,100%{
    opacity:.68;
    transform:scale(1);
  }
  50%{
    opacity:.95;
    transform:scale(1.01);
  }
}

@media(max-width:900px){
  .hero-title .center-seal{
    width:190px !important;
    height:190px !important;
    margin-bottom:22px !important;
  }
  .hero-title .center-seal::before{
    inset:-5px !important;
  }
}

@media(max-width:480px){
  .hero-title .center-seal{
    width:170px !important;
    height:170px !important;
  }
}


/* === Artist photo in profile section === */
.about-panel{grid-template-columns:1.08fr .92fr;}
.artist-photo-box{
  min-height:360px;
  display:grid;
  place-items:center;
  padding:38px;
  background:
    radial-gradient(circle at 50% 45%, rgba(105,205,255,.14), transparent 48%),
    linear-gradient(90deg, rgba(0,0,0,.12), rgba(3,9,18,.36)),
    url('../img/design-reference.jpg') center/cover;
  mask-image:none;
}
.artist-photo-box img{
  width:min(100%, 360px);
  aspect-ratio:1/1;
  height:auto;
  object-fit:cover;
  object-position:center;
  display:block;
  border-radius:14px;
  border:1px solid rgba(202,223,255,.38);
  box-shadow:0 18px 60px rgba(0,0,0,.52), 0 0 36px rgba(91,191,255,.16);
}
@media(max-width:900px){
  .about-panel{grid-template-columns:1fr;}
  .artist-photo-box{min-height:auto;padding:24px 22px 30px;}
  .artist-photo-box img{width:min(100%, 320px);}
}


/* === Loading logo circle fix (actual loading screen) === */
.loader{
  position:fixed!important;
  inset:0!important;
  z-index:9999!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:18px!important;
  background:radial-gradient(circle at 50% 42%, rgba(80,160,230,.14), transparent 28%), #02050b!important;
  transition:opacity .75s ease, visibility .75s ease!important;
}
.loader-logo-circle{
  width:96px!important;
  height:96px!important;
  border-radius:50%!important;
  overflow:hidden!important;
  display:grid!important;
  place-items:center!important;
  background:#fff!important;
  border:2px solid rgba(235,248,255,.88)!important;
  box-shadow:0 0 10px rgba(135,210,255,.36), 0 0 24px rgba(135,210,255,.20)!important;
  animation:loaderLogoCirclePulse 3.2s ease-in-out infinite!important;
}
.loader-logo,
.loader img.loader-logo{
  width:100%!important;
  height:100%!important;
  display:block!important;
  object-fit:cover!important;
  border-radius:50%!important;
  clip-path:circle(50% at 50% 50%)!important;
  box-shadow:none!important;
  filter:none!important;
  animation:none!important;
}
.loader-mark{display:none!important;}
.loader span{
  font-size:12px!important;
  letter-spacing:.2em!important;
  color:rgba(230,245,255,.72)!important;
}
.loader.hide{opacity:0!important;visibility:hidden!important;pointer-events:none!important;}
@keyframes loaderLogoCirclePulse{0%,100%{opacity:.9;transform:scale(1)}50%{opacity:1;transform:scale(1.025)}}

/* ===== Column / Editorial pages ===== */
.column-main,.article-main{padding-top:128px}.column-hero{width:min(1180px,88vw);margin:0 auto 42px;padding:64px clamp(24px,6vw,76px);border:1px solid var(--line);background:linear-gradient(110deg,rgba(3,9,18,.94),rgba(8,30,55,.72)),url('../img/rebirth.jpg') center 44%/cover;box-shadow:var(--shadow);position:relative;overflow:hidden}.column-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(53,201,255,.08));pointer-events:none}.column-hero h1{font-size:clamp(48px,7vw,86px);letter-spacing:.08em;margin:0 0 14px}.column-hero>p:last-child{font-size:16px;color:#d8e5f3;line-height:1.9}.column-toolbar{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:24px}.column-toolbar>p{font-size:14px;color:#aebed2;margin:0}.column-toolbar>p span{display:block;font-size:28px;color:#fff}.column-filters{display:flex;gap:8px;flex-wrap:wrap}.column-filters button{border:1px solid var(--line);background:rgba(5,15,27,.75);color:#c9d8e8;padding:8px 14px;cursor:pointer}.column-filters button.active,.column-filters button:hover{background:rgba(53,201,255,.14);color:#fff;border-color:rgba(53,201,255,.55)}.column-grid{display:grid;gap:24px}.column-card{display:grid;grid-template-columns:minmax(260px,38%) 1fr;border:1px solid var(--line);background:linear-gradient(120deg,rgba(4,11,21,.96),rgba(7,20,36,.82));box-shadow:var(--shadow);overflow:hidden}.column-card[hidden]{display:none}.column-thumb{min-height:260px;overflow:hidden}.column-thumb img{width:100%;height:100%;object-fit:cover;transition:transform .6s ease}.column-card:hover .column-thumb img{transform:scale(1.035)}.column-card-body{padding:34px clamp(24px,4vw,52px);display:flex;flex-direction:column;justify-content:center}.column-meta{display:flex;gap:16px;align-items:center;color:#9fb2c9;font-size:12px;letter-spacing:.08em}.column-meta span{color:var(--cyan);border-left:1px solid var(--line);padding-left:16px}.column-card h2{font-size:clamp(24px,3vw,36px);margin:14px 0 10px}.column-card p{color:#c9d5e4;line-height:1.8;margin:0}.column-read{margin-top:22px;color:#eaf8ff;letter-spacing:.08em}.column-read span{color:var(--cyan);margin-left:8px}.breadcrumbs{width:min(900px,88vw);margin:0 auto 24px;display:flex;gap:10px;flex-wrap:wrap;color:#9eb0c5;font-size:13px}.column-article{width:min(900px,88vw);margin:0 auto 70px}.article-header{text-align:center;padding:30px 0 36px}.article-header .column-meta{justify-content:center}.article-header h1{font-size:clamp(36px,6vw,60px);line-height:1.3;margin:18px 0}.article-lead{max-width:720px;margin:0 auto;color:#cbd8e8;line-height:1.9}.article-cover{margin:0 0 42px;border:1px solid var(--line);box-shadow:var(--shadow);overflow:hidden}.article-cover img{width:100%;max-height:510px;object-fit:cover;display:block}.article-body{max-width:760px;margin:0 auto;font-size:16px;line-height:2;color:#dce5ef}.article-body h2{font-size:28px;margin:48px 0 14px;padding-bottom:10px;border-bottom:1px solid var(--line)}.article-body p{margin:0 0 24px}.article-body blockquote{margin:36px 0;padding:24px 30px;border-left:3px solid var(--cyan);background:rgba(53,201,255,.07);font-size:19px;color:#fff}.article-footer{max-width:760px;margin:48px auto 0;padding-top:24px;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:20px}.home-column{padding-top:20px}.home-column-head{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:22px}.home-column-head h2{font-size:32px;margin:0}.home-column-head .label{margin:0}.home-column-head .btn{margin:0}.home-column-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.home-column-grid article{border:1px solid var(--line);background:rgba(4,12,22,.78);overflow:hidden;box-shadow:var(--shadow)}.home-column-grid img{width:100%;height:170px;object-fit:cover}.home-column-grid article div{padding:20px}.home-column-grid time{font-size:11px;color:#9db0c5}.home-column-grid h3{font-size:20px;margin:8px 0}.home-column-grid p{font-size:13px;color:#c7d3e2;line-height:1.7;margin:0}.home-column-grid article span{display:block;color:var(--cyan);font-size:12px;margin-top:16px}.global-nav a{min-width:112px;padding-left:17px;padding-right:17px}
@media(max-width:900px){.column-main,.article-main{padding-top:96px}.column-hero{width:92vw;padding:46px 24px}.column-toolbar,.home-column-head,.article-footer{align-items:flex-start;flex-direction:column}.column-card{grid-template-columns:1fr}.column-thumb{min-height:210px}.column-card-body{padding:26px 22px}.home-column-grid{grid-template-columns:1fr}.home-column-grid img{height:210px}.article-body h2{font-size:24px}.article-body blockquote{margin-inline:0;padding:20px}.column-filters{width:100%}}

/* Mobile Works archive visibility fix (2026-07-12)
   The archive section is much taller than the mobile viewport, so an
   IntersectionObserver percentage threshold may never be reached. */
@media (max-width: 900px) {
  .works-page .works-archive.reveal {
    opacity: 1;
    transform: none;
  }

  .works-page .archive-grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    width: 100%;
  }

  .works-page .archive-card,
  .works-page .archive-card-link {
    width: 100%;
    min-width: 0;
  }

  .works-page .archive-card img {
    display: block;
    width: 100%;
    height: auto;
    aspect-ratio: 1 / 1;
    object-fit: cover;
  }
}