/* Press Room — cinematic light editorial (page-specific) */

/* ── Header: cinematic shine over hero + light bar on scroll ── */
body.press-page .island nav a{color:rgba(255,255,255,.88);text-shadow:0 1px 12px rgba(0,0,0,.35)}
body.press-page .island nav a.on{color:#fff}
body.press-page .island .booth{color:#fff;border-color:rgba(255,255,255,.35);background:rgba(255,255,255,.12)}
body.press-page .island .theme-toggle{color:#fff;border-color:rgba(255,255,255,.35);background:rgba(255,255,255,.1)}
body.press-page .island .nav-cta{background:rgba(255,255,255,.16);border-color:rgba(255,255,255,.45);color:#fff}

body.press-page .island nav a::before{
  content:"";position:absolute;inset:-2px -6px;border-radius:8px;
  background:linear-gradient(105deg,transparent 40%,rgba(240,165,40,.22) 50%,transparent 60%);
  opacity:0;transform:translateX(-120%);transition:opacity .2s;pointer-events:none}
body.press-page .island nav a:hover::before{opacity:1;animation:navShine .65s var(--out) forwards}
@keyframes navShine{to{transform:translateX(120%)}}

body.press-page .island nav a.on::after{
  background:linear-gradient(90deg,var(--gold-2),var(--gold),var(--gold-2));background-size:200% 100%;
  animation:beam 3s linear infinite;box-shadow:0 0 8px rgba(240,165,40,.45)}

body.press-page .booth{
  position:relative;overflow:hidden;
  background:linear-gradient(135deg,rgba(255,252,246,.95),#fff);
  box-shadow:0 0 0 1px rgba(240,165,40,.25),0 4px 16px -4px rgba(240,165,40,.2);
  animation:boothPulse 3.5s var(--out) infinite}
body.press-page .booth::after{
  content:"";position:absolute;inset:0;
  background:linear-gradient(105deg,transparent 42%,rgba(240,165,40,.35) 50%,transparent 58%);
  transform:translateX(-130%);animation:boothShine 4s var(--out) infinite}
@keyframes boothPulse{50%{box-shadow:0 0 0 1px rgba(240,165,40,.4),0 6px 24px -4px rgba(240,165,40,.35)}}
@keyframes boothShine{0%,55%{transform:translateX(-130%)}100%{transform:translateX(130%)}}

body.press-page .island .theme-toggle{
  position:relative;overflow:hidden;
  background:linear-gradient(180deg,#fff,#FFFCF6);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 2px 8px -2px rgba(20,34,61,.08)}
body.press-page .island .theme-toggle::after{
  content:"";position:absolute;inset:0;
  background:linear-gradient(105deg,transparent 44%,rgba(240,165,40,.28) 50%,transparent 56%);
  transform:translateX(-120%);transition:transform .55s var(--out)}
body.press-page .island .theme-toggle:hover::after{transform:translateX(120%)}

body.press-page .island .navcta{
  position:relative;overflow:hidden;
  background:linear-gradient(135deg,var(--gold),var(--gold-2));
  box-shadow:0 4px 18px -4px rgba(240,165,40,.45),inset 0 1px 0 rgba(255,255,255,.25);
  animation:ctaGlow 2.8s var(--out) infinite}
body.press-page .island .navcta::after{
  content:"";position:absolute;inset:0;
  background:linear-gradient(105deg,transparent 40%,rgba(255,255,255,.45) 50%,transparent 60%);
  transform:translateX(-130%);animation:ctaShine 3.2s var(--out) infinite}
@keyframes ctaGlow{50%{box-shadow:0 6px 28px -2px rgba(240,165,40,.55),inset 0 1px 0 rgba(255,255,255,.35)}}
@keyframes ctaShine{0%,50%{transform:translateX(-130%)}100%{transform:translateX(130%)}}

/* ── Section rhythm (multi-block like index) ── */
.press-wire-sec{padding-top:48px}
.press-wire-wrap{max-width:880px;margin:28px auto 0}
.press-facts-sec{background:linear-gradient(180deg,var(--bg),var(--surf))}
.press-toolkit-sec{background:var(--card)}
.press-releases-sec{background:linear-gradient(180deg,var(--surf),var(--bg))}
.press-contact-sec{padding-bottom:72px}

.spot{position:fixed;inset:0;z-index:1;pointer-events:none;
  background:radial-gradient(560px 420px at var(--sx,72%) var(--sy,22%),rgba(240,165,40,.11),transparent 58%)}
.orb{position:fixed;border-radius:50%;filter:blur(88px);pointer-events:none;z-index:0;will-change:transform}
.orb-1{width:560px;height:560px;top:-220px;inset-inline-start:-140px;
  background:radial-gradient(circle,rgba(240,165,40,.16),transparent 68%);animation:orb1 26s var(--out) infinite}
.orb-2{width:480px;height:480px;top:42%;inset-inline-end:-180px;
  background:radial-gradient(circle,rgba(20,34,61,.06),transparent 70%);animation:orb2 30s var(--out) infinite}
.orb-3{width:380px;height:380px;bottom:8%;inset-inline-start:8%;
  background:radial-gradient(circle,rgba(240,165,40,.08),transparent 72%);animation:orb1 34s var(--out) infinite reverse}
@keyframes orb1{50%{transform:translate3d(36px,32px,0) scale(1.08)}}
@keyframes orb2{50%{transform:translate3d(-32px,-44px,0) scale(1.06)}}

.wire{border:1px solid var(--line);border-radius:16px;background:var(--card);backdrop-filter:blur(20px) saturate(1.6);-webkit-backdrop-filter:blur(20px) saturate(1.6);
  overflow:hidden;box-shadow:var(--shadow-md),inset 0 1px 0 rgba(255,255,255,.95);position:relative}
.wire::before{content:"";position:absolute;inset-inline:0;top:0;height:3px;background:linear-gradient(90deg,var(--gold-2),var(--gold),var(--gold-2));background-size:200% 100%;animation:beam 4s linear infinite}
@keyframes beam{to{background-position:200% 0}}
.wire-h{display:flex;justify-content:space-between;align-items:center;padding:14px 18px;border-bottom:1px solid var(--line);
  font-family:var(--mono);font-size:11px;letter-spacing:.12em;color:var(--mute)}
.wire-h .dot{display:inline-flex;align-items:center;gap:6px;color:var(--ok);font-weight:600}
.wire-h .dot i{width:6px;height:6px;border-radius:50%;background:currentColor;animation:livepulse 1.6s var(--out) infinite}
.wire-row{display:grid;grid-template-columns:52px 1fr auto;gap:12px;align-items:center;padding:13px 18px;border-bottom:1px solid var(--line);
  font-size:13px;color:var(--dim);transition:background .35s,color .35s;cursor:pointer;text-decoration:none}
.wire-row:last-child{border:0}
.wire-row:hover,.wire-row.on{background:linear-gradient(90deg,rgba(240,165,40,.08),transparent);color:var(--text)}
.wire-row .no{font-family:var(--mono);font-size:11px;color:var(--gold-2);font-weight:600}
.wire-row .tag{font-family:var(--mono);font-size:9px;letter-spacing:.08em;padding:3px 8px;border-radius:4px;background:rgba(240,165,40,.12);color:var(--gold-3);font-weight:600}
.wire-foot{padding:12px 18px;border-top:1px solid var(--line);font-family:var(--mono);font-size:10px;letter-spacing:.14em;color:var(--mute);display:flex;align-items:center;gap:10px}
.wire-foot b{display:block;width:1px;height:28px;background:linear-gradient(180deg,var(--gold),transparent);animation:drop 2.2s var(--out) infinite}
@keyframes drop{0%{opacity:0;transform:scaleY(.4)}40%{opacity:1}100%{opacity:0;transform:translateY(8px)}}

.press-mq{margin:0;border-block:1px solid var(--line);background:linear-gradient(180deg,var(--surf),var(--bg))}
.press-mq span{font-family:var(--mono);font-size:12px;letter-spacing:.1em}

.fact-grid.press-facts{grid-template-columns:repeat(4,1fr)}
.fact-card.press-fact{position:relative;overflow:hidden;border-inline-start:none;padding:26px 22px}
.fact-card.press-fact::before{content:"";position:absolute;inset-inline:0;top:0;height:3px;background:linear-gradient(90deg,var(--gold),var(--gold-2));transform:scaleX(0);transform-origin:left;transition:transform .4s var(--out)}
html[dir="rtl"] .fact-card.press-fact::before{transform-origin:right}
.fact-card.press-fact:hover::before{transform:scaleX(1)}
.fact-card.press-fact .v{font-size:clamp(24px,3vw,32px);background:linear-gradient(135deg,var(--gold-2),var(--gold));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}

.toolkit.press-toolkit{margin:36px 0;padding:36px;border-radius:20px}
.toolkit.press-toolkit .links a{position:relative;overflow:hidden}
.toolkit.press-toolkit .links a::after{content:"";position:absolute;inset:0;background:linear-gradient(105deg,transparent 42%,rgba(255,255,255,.65) 50%,transparent 58%);
  transform:translateX(-120%);transition:transform .6s var(--out)}
.toolkit.press-toolkit .links a:hover::after{transform:translateX(120%)}

.press-section-head{margin:56px 0 32px;padding-bottom:24px;border-bottom:1px solid var(--line);position:relative}
.press-section-head::after{content:"";position:absolute;inset-inline-end:0;bottom:-1px;width:120px;height:2px;background:var(--gold)}
.press-section-head .h2{font-size:clamp(24px,3.5vw,36px)}

.press-layout{display:grid;grid-template-columns:220px minmax(0,1fr);gap:clamp(24px,4vw,48px);align-items:start}
.press-rail{position:sticky;top:108px;display:flex;flex-direction:column;gap:6px;padding:20px;background:var(--card);backdrop-filter:blur(16px);border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow)}
.press-rail-label{font-family:var(--mono);font-size:10px;letter-spacing:.16em;color:var(--gold-2);margin-bottom:8px;padding-bottom:12px;border-bottom:1px solid var(--line)}
.press-rail a{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:8px;font-size:13px;font-weight:600;color:var(--dim);transition:all .25s var(--out);min-height:44px}
.press-rail a .idx{font-family:var(--mono);font-size:10px;color:var(--gold-2);min-width:24px}
.press-rail a:hover{background:var(--gold-soft);color:var(--text)}
.press-rail a.active{background:linear-gradient(135deg,rgba(240,165,40,.14),rgba(240,165,40,.06));color:var(--text);border:1px solid rgba(240,165,40,.28)}

.press-feed{display:flex;flex-direction:column;gap:24px}
.press-release{position:relative;margin:0;padding:36px 36px 32px;border-radius:20px;border:1px solid var(--line);border-top:3px solid var(--gold);
  background:var(--card);backdrop-filter:blur(12px);overflow:hidden;scroll-margin-top:120px;
  transition:transform .35s var(--out),box-shadow .35s,border-color .35s}
.press-release::after{content:attr(data-num);position:absolute;inset-inline-end:16px;top:8px;font-family:var(--display);font-size:clamp(64px,10vw,96px);font-weight:700;
  color:rgba(20,34,61,.035);line-height:1;pointer-events:none;user-select:none}
.press-release::before{content:"";position:absolute;inset-inline-start:0;top:0;bottom:0;width:0;background:linear-gradient(180deg,rgba(240,165,40,.06),transparent);transition:width .4s var(--out)}
.press-release.is-active::before{width:4px}
.press-release:hover{transform:translateY(-3px);box-shadow:var(--shadow-lg);border-color:rgba(240,165,40,.22)}
.press-release h2{position:relative;z-index:1;padding-inline-end:48px}
.press-meta{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.press-meta .chip{font-family:var(--mono);font-size:10px;letter-spacing:.06em;padding:4px 10px;border-radius:6px;background:var(--gold-soft);color:var(--gold-3);border:1px solid rgba(240,165,40,.25)}

.press-actions button,.press-actions a{position:relative;overflow:hidden;min-height:44px;display:inline-flex;align-items:center;gap:8px}
.press-actions .btn-copy{background:var(--gold);color:#fff;border-color:transparent}
.press-actions .btn-copy::before{content:"";position:absolute;inset:0;background:var(--gold-2);transform:scaleX(0);transform-origin:left;transition:transform .28s var(--out);z-index:-1}
html[dir="rtl"] .press-actions .btn-copy::before{transform-origin:right}
.press-actions .btn-copy:hover::before{transform:scaleX(1)}
.press-actions .btn-copy:hover{border-color:transparent;background:transparent}
.press-actions .btn-copy svg{width:14px;height:14px;stroke:currentColor;fill:none;stroke-width:2}

.toast{position:fixed;bottom:28px;inset-inline-start:50%;transform:translateX(-50%) translateY(80px);z-index:100;
  padding:12px 22px;border-radius:999px;background:var(--text);color:#fff;font-family:var(--mono);font-size:12px;font-weight:600;
  letter-spacing:.06em;opacity:0;pointer-events:none;transition:transform .4s var(--out),opacity .4s;box-shadow:var(--shadow-lg)}
html[dir="rtl"] .toast{transform:translateX(50%) translateY(80px)}
.toast.show{opacity:1;transform:translateX(-50%) translateY(0)}
html[dir="rtl"] .toast.show{transform:translateX(50%) translateY(0)}

.press-note{margin-top:40px;padding:28px 32px;border-radius:16px;background:linear-gradient(135deg,var(--gold-soft),var(--card));border:1px solid rgba(240,165,40,.22);position:relative;overflow:hidden}
.press-note::before{content:"";position:absolute;inset-inline-end:-30px;top:-30px;width:140px;height:140px;border-radius:50%;background:radial-gradient(circle,rgba(240,165,40,.1),transparent 70%)}

@media(max-width:1024px){
  .press-layout{grid-template-columns:1fr}
  .press-rail{position:static;flex-direction:row;flex-wrap:wrap;padding:14px}
  .press-rail-label{width:100%}
  .press-rail a{flex:1 1 auto;min-width:min(100%,140px);font-size:12px;padding:8px 10px}
  .fact-grid.press-facts{grid-template-columns:repeat(2,1fr)}
  .orb{display:none}
  .spot{display:none}
}
@media(max-width:768px){
  body.press-page .booth{display:none}
  .press-section-head{margin:40px 0 24px}
  .press-section-head .h2{font-size:clamp(22px,5.5vw,30px)}
  .press-wire-sec{padding-top:32px}
  .toolkit.press-toolkit{margin:24px 0;padding:28px 24px}
  .press-release h2{padding-inline-end:0;font-size:clamp(18px,5vw,24px)}
  .press-release::after{font-size:clamp(48px,14vw,72px);inset-inline-end:8px;top:4px}
}
@media(max-width:640px){
  .fact-grid.press-facts{grid-template-columns:1fr}
  .press-release{padding:24px 18px 20px}
  .press-actions{flex-direction:column;align-items:stretch}
  .press-actions button,.press-actions a{width:100%;justify-content:center}
  .wire-row{grid-template-columns:40px 1fr;gap:8px;padding:12px 14px}
  .wire-row .tag{display:none}
  .wire-h{padding:12px 14px;font-size:10px;flex-wrap:wrap;gap:8px}
  .press-note{padding:22px 18px}
}
@media(prefers-reduced-motion:reduce){
  .orb,.wire::before,.wire-foot b{display:none}
  body.press-page .booth,body.press-page .island .navcta,body.press-page .island nav a.on::after{animation:none}
}

html[data-theme="dark"] body.press-page .island .brand img.logo-dark,
html:not([data-theme]) body.press-page .island .brand img.logo-dark{display:block}
html[data-theme="dark"] body.press-page .island .brand img.logo-light,
html:not([data-theme]) body.press-page .island .brand img.logo-light{display:none}
html[data-theme="light"] body.press-page .island .brand img.logo-dark{display:none}
html[data-theme="light"] body.press-page .island .brand img.logo-light{display:block}
