/* Gray World Phase 2 — Today as a living opening scene */
body[data-surface="today"]{
  background:
    radial-gradient(circle at 12% 5%,rgba(133,102,64,.14),transparent 28rem),
    radial-gradient(circle at 92% 14%,rgba(65,91,108,.14),transparent 32rem),
    linear-gradient(180deg,#071018 0,#09131a 56%,#071018 100%);
}
body[data-surface="today"] .shell{width:min(100%,1180px)}
body[data-surface="today"] .topbar{
  position:relative;z-index:3;padding-bottom:6px;
  border-bottom:1px solid rgba(255,255,255,.055)
}
body[data-surface="today"] .brand{font-size:clamp(30px,7vw,42px);opacity:.74}
body[data-surface="today"] .tagline{display:none}
body[data-surface="today"] .brand-kicker{color:#87949d;font-size:12px;letter-spacing:.08em;text-transform:uppercase}

.brand-home{
  border:0;background:transparent;padding:0;margin:0;text-align:left;color:inherit;cursor:pointer;
  display:grid;grid-template-columns:auto auto;grid-template-rows:auto auto;
  align-items:end;column-gap:9px;min-width:0
}
.gray-wordmark{
  grid-column:1/-1;
  position:relative;display:inline-block;width:max-content;
  padding:6px 18px 5px 1px;line-height:1;
  transition:opacity .18s ease,transform .18s ease
}
.gray-name{
  position:relative;z-index:2;
  font:800 11px/1 var(--sans);
  letter-spacing:.28em;
  color:#d8c28f;
  text-shadow:0 0 18px rgba(216,194,143,.12)
}
.gray-stars{position:absolute;inset:0;pointer-events:none;color:#e4c985}
.gray-stars i{position:absolute;font-style:normal;line-height:1;text-shadow:0 0 9px rgba(228,201,133,.48)}
.gray-stars i:nth-child(1){right:6px;top:0;font-size:7px}
.gray-stars i:nth-child(2){right:0;top:12px;font-size:11px;opacity:.56}
.gray-stars i:nth-child(3){left:-2px;top:-1px;font-size:6px;opacity:.72}
.gray-stars i:nth-child(4){right:11px;bottom:0;font-size:6px;opacity:.72}
.gray-stars i:nth-child(5){left:11px;bottom:-1px;font-size:9px;opacity:.42}
.gray-stars i:nth-child(6){right:-1px;bottom:7px;font-size:7px;opacity:.60}
.brand-home .brand{
  grid-column:1/2;
  font:600 25px/.92 var(--serif);letter-spacing:-.045em;color:#cbd4d8;
  margin:5px 0 0
}
.brand-home .tagline{
  grid-column:2/3;align-self:end;margin:0 0 1px;
  max-width:230px;color:#66747d;font-size:9px;line-height:1.25
}
.brand-home:hover .gray-wordmark{opacity:.88;transform:translateY(-1px)}
.brand-home:focus-visible{outline:1px solid rgba(222,212,194,.38);outline-offset:7px;border-radius:8px}

.gw-today-canvas{
  position:relative;
  isolation:isolate;
  margin:0 -18px 28px;
  padding:42px 18px 24px;
  min-height:calc(100vh - 150px);
  color:#eee9df;
  overflow:hidden;
}
.gw-atmosphere{position:absolute;z-index:-2;inset:0;pointer-events:none;overflow:hidden;background:
  radial-gradient(circle at 82% 9%,rgba(225,191,123,.10),transparent 18rem),
  radial-gradient(circle at 18% 30%,rgba(101,155,190,.085),transparent 24rem),
  radial-gradient(circle at 58% 66%,rgba(151,117,196,.075),transparent 28rem),
  radial-gradient(circle at 92% 72%,rgba(78,139,170,.06),transparent 24rem)}
.gw-atmosphere:before{
  content:"";position:absolute;inset:-12% -8%;
  background:
    radial-gradient(circle at 9% 18%,rgba(236,230,215,.62) 0 1px,transparent 1.8px),
    radial-gradient(circle at 24% 62%,rgba(169,206,225,.48) 0 1px,transparent 1.8px),
    radial-gradient(circle at 43% 12%,rgba(230,205,157,.55) 0 1px,transparent 1.9px),
    radial-gradient(circle at 61% 42%,rgba(224,230,235,.44) 0 1px,transparent 1.7px),
    radial-gradient(circle at 76% 76%,rgba(185,160,219,.46) 0 1px,transparent 1.8px),
    radial-gradient(circle at 91% 28%,rgba(234,214,172,.50) 0 1px,transparent 1.8px);
  background-size:137px 149px,181px 163px,211px 197px,157px 173px,229px 213px,193px 221px;
  opacity:.48;
  filter:drop-shadow(0 0 5px rgba(211,225,231,.16))
}
.gw-atmosphere:after{
  content:"";position:absolute;inset:-22% -12%;
  background:
    radial-gradient(ellipse at 78% 13%,rgba(226,191,122,.08),transparent 24rem),
    radial-gradient(ellipse at 15% 54%,rgba(81,143,178,.07),transparent 30rem),
    radial-gradient(ellipse at 57% 78%,rgba(152,118,198,.07),transparent 34rem),
    linear-gradient(118deg,transparent 0 24%,rgba(224,199,157,.028) 38%,transparent 51% 67%,rgba(108,161,190,.025) 76%,transparent 88%);
  filter:blur(8px)
}
.gw-cosmos{position:absolute;inset:-20px -35px auto -35px;width:calc(100% + 70px);height:auto;min-height:760px;opacity:.86;overflow:visible}
.gw-galaxy-lines{fill:none;stroke:rgba(115,154,178,.09);stroke-width:1;stroke-dasharray:2 12}
.gw-orbits{fill:none;stroke:rgba(135,167,187,.19);stroke-width:1}
.gw-orbits-b{stroke:rgba(183,156,255,.14)}
.gw-orbits-c{stroke:rgba(214,185,132,.14)}
.gw-constellation{fill:none;stroke:rgba(224,211,187,.24);stroke-width:1.1;stroke-linecap:round;stroke-linejoin:round}
.gw-constellation-west{stroke:rgba(156,194,215,.20)}
.gw-constellation-south{stroke:rgba(185,160,219,.19)}
.gw-constellation-leo{stroke:rgba(226,203,157,.28)}
.gw-constellation-label{fill:rgba(229,199,139,.58);font:800 10px/1 var(--sans);letter-spacing:.22em}
.gw-celestial-lion{fill:none;stroke:rgba(216,189,135,.11);stroke-width:1.55;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 8px rgba(216,189,135,.09))}
.gw-celestial-lion circle{fill:rgba(232,207,157,.40);stroke:none}
.gw-constellation circle{fill:#dcc79e;stroke:none;filter:drop-shadow(0 0 6px rgba(220,199,158,.62))}
.gw-constellation-west circle{fill:#a9cada;filter:drop-shadow(0 0 6px rgba(169,202,218,.55))}
.gw-constellation-south circle{fill:#b9a0d9;filter:drop-shadow(0 0 6px rgba(185,160,217,.55))}
.gw-sun{fill:#e5c37f;filter:drop-shadow(0 0 13px rgba(229,195,127,.75))}
.gw-sun-b{fill:#9fc9dc;filter:drop-shadow(0 0 11px rgba(159,201,220,.65))}
.gw-sun-c{fill:#c8addf;filter:drop-shadow(0 0 10px rgba(200,173,223,.62))}
.gw-planet{fill:#8bb5cb;filter:drop-shadow(0 0 6px rgba(139,181,203,.56))}
.gw-planet-b,.gw-planet-e{fill:#b49bd5}.gw-planet-c,.gw-planet-d{fill:#d0b273}.gw-planet-f{fill:#99bfce}
.gw-solar{transform-box:view-box;animation:gw-orbit-drift 82s linear infinite}
.gw-solar-a{transform-origin:956px 198px}
.gw-solar-b{transform-origin:244px 610px;animation-duration:106s;animation-direction:reverse}
.gw-solar-c{transform-origin:646px 520px;animation-duration:128s}
.gw-dust{fill:rgba(211,225,231,.42)}
@keyframes gw-orbit-drift{to{transform:rotate(360deg)}}

.gw-today-intro{position:relative;max-width:940px;padding:2px 0 46px}
.gw-today-meta{
  display:flex;justify-content:space-between;gap:16px;max-width:760px;
  color:#87949d;font-size:10px;letter-spacing:.13em;text-transform:uppercase
}
.gw-title-lockup{position:relative;width:max-content;margin-top:16px}
.gw-title-ghost{
  position:absolute;left:-.13em;top:-.48em;z-index:-1;
  font:700 clamp(160px,31vw,320px)/1 var(--serif);
  color:transparent;-webkit-text-stroke:1px rgba(234,224,206,.045);
  user-select:none
}
.gw-today-intro h1{
  margin:0;
  font:700 clamp(76px,16vw,154px)/.76 var(--serif);
  letter-spacing:-.075em;color:#f0e3c8;
  text-shadow:0 18px 60px rgba(0,0,0,.28)
}
.gw-today-intro p{
  margin:25px 0 0;max-width:530px;
  color:#c3b79f;font:19px/1.45 var(--serif)
}
.gw-today-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:24px}
.gw-primary,.gw-quiet-button{
  border-radius:999px;padding:10px 15px;cursor:pointer;
  transition:transform .16s ease,border-color .16s ease,background .16s ease
}
.gw-primary{border:1px solid #ded4c2;background:#ded4c2;color:#171815}
.gw-quiet-button{border:1px solid rgba(232,225,211,.18);background:rgba(255,255,255,.025);color:#c8c2b8}
.gw-primary:hover,.gw-quiet-button:hover{transform:translateY(-1px)}

.gw-status{
  margin:-22px 0 30px;max-width:620px;padding:10px 12px;
  border:1px solid rgba(205,190,165,.15);border-radius:12px;
  color:#968f84;background:rgba(255,255,255,.02);font-size:11px
}
.gw-section-kicker{
  font:700 9px/1.2 var(--sans);letter-spacing:.16em;text-transform:uppercase;color:#9f917d
}

.gw-scene{display:grid;gap:22px}
.gw-scene-label,.gw-paths-head{
  display:flex;align-items:baseline;justify-content:space-between;gap:12px;color:#77858e;font-size:10px
}
.gw-hero-stage{position:relative}
.gw-hero-stage>.hero{
  min-height:min(62vh,620px);
  border-radius:30px;
  border-color:rgba(235,225,207,.11);
  box-shadow:0 34px 110px rgba(0,0,0,.42)
}
.gw-hero-stage .hero-bg{filter:saturate(.72) contrast(1.06)}
.gw-hero-stage .hero-bg::after{
  background:linear-gradient(180deg,rgba(4,8,11,.03),rgba(4,8,11,.14) 35%,rgba(4,8,11,.94) 100%)
}
.gw-hero-stage .hero-content{padding:clamp(22px,4vw,42px)}
.gw-hero-stage .hero h2{font-size:clamp(37px,6vw,68px);max-width:850px}
.gw-hero-stage .hero-summary{max-width:760px;color:#ddd6ca}

.gw-paths{
  display:grid;grid-template-columns:1fr;gap:14px;
  padding:3px 0 8px
}
.gw-paths-head{grid-column:1/-1;margin:5px 0 1px}
.gw-path .story-card{
  height:100%;
  overflow:visible;
  border:0;
  border-radius:0;
  background:transparent;
  box-shadow:none;
  transform:none
}
.gw-path .story-card:hover{transform:none;border-color:transparent}
.gw-path .visual{
  height:190px;
  border-radius:19px;
  box-shadow:0 16px 44px rgba(0,0,0,.22)
}
.gw-path .visual-bg{transition:transform .35s ease,filter .35s ease;filter:saturate(.78) contrast(1.02)}
.gw-path .story-card:hover .visual-bg{transform:scale(1.018);filter:saturate(.9) contrast(1.04)}
.gw-path .story-body{padding:14px 2px 3px}
.gw-path .story-card h3{font-size:25px;line-height:1.01;color:#ded7cb}
.gw-path .story-summary{color:#8f999e;font-size:13px;line-height:1.42}
.gw-path .source-row{border-top-color:rgba(255,255,255,.055)}
.gw-path-2{margin-top:0}


.gw-more{
  margin-top:58px;padding-top:30px;
  border-top:1px solid rgba(235,225,207,.075)
}
.gw-more-head{
  display:flex;justify-content:space-between;align-items:end;gap:18px;margin-bottom:18px
}
.gw-more-head h2{
  margin:7px 0 0;font:700 clamp(30px,5vw,46px)/.95 var(--serif);
  letter-spacing:-.04em;color:#dcd5c8
}
.gw-more-head>span{color:#68767f;font-size:10px;letter-spacing:.04em}
.gw-more-grid{display:grid;grid-template-columns:1fr;gap:26px}
.gw-more-grid .story-card{
  border:0;border-radius:0;background:transparent;box-shadow:none;overflow:visible
}
.gw-more-grid .story-card:hover{transform:none;border-color:transparent}
.gw-more-grid .visual{
  height:210px;border-radius:18px;box-shadow:0 14px 40px rgba(0,0,0,.2)
}
.gw-more-grid .visual-bg{filter:saturate(.8) contrast(1.02);transition:transform .35s ease}
.gw-more-grid .story-card:hover .visual-bg{transform:scale(1.015)}
.gw-more-grid .story-body{padding:13px 2px 0}
.gw-more-grid .story-card h3{font-size:22px;color:#d8d1c5}
.gw-more-grid .story-summary{font-size:13px;color:#849096}

.gw-memory{
  position:relative;
  display:grid;grid-template-columns:1fr;gap:18px;
  margin-top:68px;padding:34px 0 22px;
  border-top:1px solid rgba(235,225,207,.085)
}
.gw-memory:before{
  content:"";position:absolute;left:0;top:-1px;width:72px;height:1px;
  background:#b09a78;opacity:.6
}
.gw-memory-copy h2{
  margin:7px 0 9px;font:700 clamp(28px,5vw,42px)/.96 var(--serif);
  letter-spacing:-.035em;color:#ddd5c8
}
.gw-memory-copy p{margin:0;max-width:390px;color:#78858c;font-size:12px;line-height:1.5}
.gw-memory-card .story-card{
  max-width:none;
  border:0;
  border-radius:0;
  background:transparent;
  box-shadow:none;
  overflow:visible
}
.gw-memory-card .story-card:hover{transform:none;border-color:transparent}
.gw-memory-card .visual{
  height:170px;
  border-radius:17px;
  filter:saturate(.68);
  box-shadow:0 14px 38px rgba(0,0,0,.18)
}
.gw-memory-card .story-body{padding:14px 2px 2px}
.gw-memory-card .story-card h3{color:#cfc8bc}
.gw-memory-card .story-summary{color:#7e898f}

.gw-quiet{
  min-height:330px;max-width:720px;
  display:flex;flex-direction:column;justify-content:center;align-items:flex-start;
  border-top:1px solid rgba(235,225,207,.08);color:#78858c
}
.gw-quiet strong{font:700 clamp(32px,6vw,52px)/1 var(--serif);color:#ddd6ca;margin:12px 0}
.gw-quiet>span:last-child{font:15px/1.55 var(--serif);max-width:560px}

.gw-today-foot{
  display:flex;justify-content:space-between;gap:16px;
  margin-top:48px;padding-top:14px;border-top:1px solid rgba(255,255,255,.055);
  color:#5e6a72;font-size:9px;letter-spacing:.12em;text-transform:uppercase
}

/* Life keeps a warm, practical paper surface. */
.gw-life-canvas{
  margin:0 -18px 22px;padding:26px 18px 34px;border-radius:0 0 30px 30px;
  background:#f2eee4;color:#262521;box-shadow:0 22px 70px rgba(0,0,0,.18)
}
.gw-life-intro{max-width:760px;padding:8px 2px 24px}
.gw-life-intro .gw-section-kicker{color:#756f64}
.gw-life-intro h1{margin:8px 0;font:700 clamp(46px,11vw,76px)/.9 var(--serif);letter-spacing:-.055em;color:#24231f}
.gw-life-intro p{margin:0;max-width:650px;color:#5e5a52;font:18px/1.4 var(--serif)}
.gw-life-grid{display:grid;grid-template-columns:1fr;gap:10px}
.gw-life-link{
  border:0;border-top:1px solid rgba(36,35,31,.15);background:transparent;color:#24231f;
  padding:18px 2px;text-align:left;cursor:pointer;display:flex;justify-content:space-between;
  gap:18px;align-items:baseline
}
.gw-life-link span{font:700 27px/1 var(--serif)}
.gw-life-link small{font-size:12px;color:#756f64;text-align:right}

@media(min-width:720px){
  .gw-today-canvas{margin-left:-24px;margin-right:-24px;padding:54px 24px 28px}
  .gw-paths{grid-template-columns:1fr 1fr;gap:18px}
  .gw-path-2{margin-top:52px}
  .gw-more-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px 22px}
  .gw-memory{grid-template-columns:minmax(220px,.72fr) minmax(0,1.28fr);align-items:center;gap:38px}
  .gw-life-canvas{margin-left:-24px;margin-right:-24px;padding-left:24px;padding-right:24px}
  .gw-life-grid{grid-template-columns:repeat(3,1fr);gap:18px}
  .gw-life-link{min-height:150px;flex-direction:column;justify-content:space-between;align-items:flex-start;border:1px solid rgba(36,35,31,.13);padding:18px;border-radius:18px}
  .gw-life-link small{text-align:left}
}
@media(min-width:1040px){
  .gw-scene{grid-template-columns:minmax(0,1.55fr) minmax(300px,.58fr);align-items:start;column-gap:22px}
  .gw-scene-label{grid-column:1/2}
  .gw-hero-stage{grid-column:1/2}
  .gw-paths{grid-column:2/3;grid-row:1/3;display:flex;flex-direction:column;padding-top:0}
  .gw-paths-head{display:block;margin-bottom:3px}
  .gw-paths-head>span:last-child{display:block;margin-top:6px;line-height:1.4}
  .gw-path .visual{height:150px}
  .gw-path .story-card h3{font-size:21px}
  .gw-path-2{margin-top:28px}
  .gw-more-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
  .gw-more-grid .visual{height:150px}
  .gw-more-grid .story-card h3{font-size:19px}
}
@media(max-width:560px){
  .brand-home .tagline{display:none}
  .brand-home .brand{font-size:22px}
  .gray-name{font-size:10px;letter-spacing:.24em}
  .gray-wordmark{padding-right:16px}
  .gw-cosmos{inset:0 -220px auto -220px;width:calc(100% + 440px);min-height:720px;opacity:.62}
  .gw-today-canvas{padding-top:34px}
  .gw-today-meta{display:block}.gw-today-meta span{display:block}.gw-today-meta span+span{margin-top:5px}
  .gw-title-lockup{margin-top:13px}
  .gw-title-ghost{font-size:clamp(138px,46vw,190px);top:-.42em}
  .gw-today-intro h1{font-size:clamp(68px,23vw,104px);line-height:.8}
  .gw-today-intro p{margin-top:20px;font-size:17px;max-width:92%}
  .gw-today-intro{padding-bottom:36px}
  .gw-hero-stage>.hero{min-height:500px;border-radius:24px}
  .gw-path .visual{height:176px;border-radius:17px}
  .gw-memory{margin-top:56px}
  .gw-today-foot{margin-top:36px}
}
@media(prefers-reduced-motion:reduce){.gw-primary,.gw-quiet-button{transition:none}.gw-solar{animation:none}}

@media(min-width:720px){
  .gw-memory-card .story-card{display:grid;grid-template-columns:minmax(180px,.72fr) minmax(0,1.28fr);gap:20px;align-items:center}
  .gw-memory-card .visual{height:190px}
  .gw-memory-card .story-body{padding:4px 0}
}