/* Reyach editorial pages, developed from the supplied dark framed split-layout reference.
   Layout, titles, body copy, images and navigation remain actual HTML. */
:root{--frame:#11191a;--paper:#f3f4f0;--subtle:#a9b1ad;--violet:#7963ef;--gold:#d7ad75}
body.solar-page{min-height:100svh;color:var(--paper);background:radial-gradient(ellipse at 9% 5%,#1c1034 0%,#10091e 37%,#08070e 75%);padding:clamp(15px,3.8vw,65px);overflow-x:hidden}
.page-frame{width:min(1320px,100%);margin:0 auto;background:var(--frame);border:1px solid rgba(142,124,240,.68);border-radius:10px;box-shadow:0 0 0 14px rgba(104,80,173,.05),0 0 0 15px rgba(126,109,200,.2),0 35px 95px #0007;position:relative}
.page-frame:before{content:"";position:absolute;inset:-20px;border:1px solid rgba(125,107,194,.17);border-radius:14px;pointer-events:none}
.frame-header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:27px clamp(22px,3vw,43px) 15px}
.frame-brand{display:flex;align-items:center;gap:11px;flex-shrink:0}
.frame-brand img{height:40px;width:auto}
.frame-brand .brand-name{font:400 23px/1 'Newsreader',Georgia,serif;letter-spacing:.23em}
.frame-nav{display:flex;align-items:center;gap:clamp(13px,1.9vw,28px)}
.frame-nav>a{color:#d1d9d4;white-space:nowrap;font:500 11px 'DM Sans',Arial,sans-serif;transition:color .18s ease}
.frame-nav>a:hover,.frame-nav>a[aria-current="page"]{color:#fff}
.frame-nav>a[aria-current="page"]{border-bottom:1px solid var(--violet);padding-bottom:5px}
.frame-contact{display:inline-flex;align-items:center;justify-content:center;background:#927bf8;border:1px solid #aa96ff;border-radius:30px;color:#0f1017!important;padding:12px 21px;font-weight:700!important;transition:background .18s ease,transform .18s ease}
.frame-contact:hover{background:#b2a1ff;transform:translateY(-1px)}
.frame-more{display:none}
.frame-more summary{font:600 12px 'DM Sans',sans-serif;list-style:none;cursor:pointer;color:#f6f0ff;border:1px solid #7d6a98;padding:10px 14px;border-radius:22px}
.frame-more summary::-webkit-details-marker{display:none}
.frame-more nav{position:absolute;right:26px;top:72px;display:grid;padding:18px 22px;min-width:240px;z-index:25;background:#171d21;border:1px solid #7d69ca;box-shadow:0 20px 50px #0009}
.frame-more nav a{padding:12px 0;font-size:13px;border-bottom:1px solid #ffffff1d}
.frame-more nav a:last-child{border-bottom:0}
.page-body{padding:clamp(22px,4vw,56px) clamp(22px,3vw,43px) clamp(24px,3vw,43px)}
.feature-panel{display:grid;grid-template-columns:minmax(0,.87fr) minmax(0,1.22fr);align-items:center;gap:clamp(32px,5vw,90px);min-height:440px}
.feature-text{padding:12px clamp(0px,1vw,18px) 15px 0;max-width:500px}
.eyebrow{display:inline-flex;align-items:center;gap:9px;color:var(--gold);font:600 10px/1.5 'DM Sans',sans-serif;text-transform:uppercase;letter-spacing:.22em}
.eyebrow::before{content:"";width:24px;height:1px;background:var(--gold)}
.feature-text h1{font:500 clamp(43px,4.3vw,68px)/1.02 'DM Sans',Arial,sans-serif;letter-spacing:-.055em;color:#f5f5f2;margin:28px 0 20px}
.feature-text .intro-copy{font-size:clamp(14px,1.35vw,18px);line-height:1.62;color:#ecede9;max-width:400px;font-weight:500;margin:0 0 23px}
.feature-text p{font:400 14px/1.87 'DM Sans',Arial,sans-serif;color:#aeb9b4;max-width:425px;margin:0 0 20px}
.feature-text .feature-action{display:inline-flex;align-items:center;gap:17px;color:#dbc09a;border-bottom:1px solid rgba(219,192,154,.55);padding-bottom:9px;margin-top:10px;font:600 11px 'DM Sans',Arial,sans-serif;letter-spacing:.09em}
.feature-action:hover{color:#fff1db}
.feature-action i{font:400 20px 'Newsreader',Georgia,serif}
.feature-visual{position:relative;min-height:345px;aspect-ratio:1.62;display:grid;place-items:center;isolation:isolate;overflow:visible}
.media-window{position:relative;width:100%;height:100%;overflow:hidden;border-radius:7px;background:#161c1c;box-shadow:0 12px 37px rgba(0,0,0,.4);border:1px solid #5d5961}
.feature-visual>img{width:100%;height:100%;object-fit:cover}
.visual-stripes{position:absolute;z-index:5;right:-12px;bottom:-19px;width:190px;height:156px;pointer-events:none;display:flex;align-items:center;justify-content:center;gap:14px;transform:skew(-40deg);clip-path:inset(0 -30px 0 -30px)}
.visual-stripes span{display:block;width:30px;height:145px;background:linear-gradient(120deg,#6353ee,#8e76ff)}
.visual-stripes span:nth-child(2){background:#755aff}
.visual-stripes span:nth-child(3){background:#6255f2}
.media-window img{display:block;width:100%;height:100%;object-fit:cover}
.media-window.is-photo{background:#161b20}
.media-window.is-photo img{object-position:center 27%}
.media-window.is-cover{display:grid;place-items:center;background:radial-gradient(ellipse at 50% 60%,#342c26 0,#111415 60%,#0e1111 100%)}
.issue-preview{position:relative;width:min(54%,285px);height:92%;max-height:320px;display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:29px 20px 25px;background:linear-gradient(155deg,#272c2d,#0b1217 50%,#26201b);border:1px solid rgba(210,180,133,.6);box-shadow:11px 13px 0 rgba(0,0,0,.28),16px 25px 28px #000a}
.issue-preview small{color:#c9b28e;text-transform:uppercase;letter-spacing:.24em;font-size:9px}
.issue-preview strong{font:400 clamp(32px,4vw,52px)/.95 'Newsreader',Georgia,serif;color:#f2e7d9;text-align:center}
.issue-preview .edition-orb{height:50px;width:50px;background:radial-gradient(circle at 50% 40%,#fff7db,#d59a50 27%,#633012 66%,transparent 72%);border-radius:50%;filter:drop-shadow(0 0 11px #d89952aa)}
.media-window.is-library{padding:25px 30px;display:flex;align-items:center;justify-content:center;gap:clamp(8px,1.5vw,24px);background:radial-gradient(ellipse at center,#273033,#121919 70%)}
.library-cover{position:relative;height:78%;max-height:285px;max-width:31%;flex:1;background:#242728;border:1px solid #8c7a6c;box-shadow:5px 10px 25px #0008;overflow:hidden;transform:translateY(13px)}
.library-cover:nth-child(2){height:94%;transform:translateY(-12px);z-index:2}
.library-cover img{object-fit:cover;width:100%;height:100%}
.media-window.is-orb{display:grid;place-items:center;background:radial-gradient(circle at 50% 58%,rgba(128,93,146,.21),#11191a 70%)}
.about-orb{position:absolute;width:min(55%,275px);aspect-ratio:1;border-radius:50%;top:30%;left:22%;border:1px solid #efc588;box-shadow:0 0 30px #d8a15b73,0 0 85px #a45d2c4e; background:radial-gradient(circle at 48% 31%,#fff7eb 0,#f6d6aa 17%,#d4914c 48%,#48251c 76%,#160f12 100%)}
.about-lines{position:absolute;width:85%;height:85%;border:1px solid #dfbd90a0;border-radius:50%;transform:rotate(22deg) scaleY(.58)}
.about-caption{position:absolute;left:30px;bottom:25px;color:#e9d6c2;letter-spacing:.18em;font-size:10px;text-transform:uppercase}
.body-extensions{border-top:1px solid rgba(187,183,181,.24);margin-top:clamp(35px,5vw,68px);padding-top:30px}
.extension-head{display:flex;justify-content:space-between;align-items:end;gap:12px;margin:0 0 25px}
.extension-head h2{font:500 clamp(22px,2.7vw,35px)/1.2 'DM Sans',sans-serif;letter-spacing:-.03em;margin:0}
.extension-head small{font-size:10px;color:#b69b75;text-transform:uppercase;letter-spacing:.16em}
.extension-list{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}
.extension-list .item{border-top:1px solid #5b4c48;padding:16px 0 0;min-width:0}
.extension-list .item small{display:block;color:#c7a67a;font-size:9px;letter-spacing:.12em;text-transform:uppercase;margin-bottom:9px}
.extension-list .item h3{font:400 clamp(17px,1.9vw,25px)/1.14 'Newsreader',Georgia,serif;margin:0 0 8px}
.extension-list .item p{color:#9ea7a1;font:400 11px/1.55 'DM Sans',sans-serif;margin:0}
.extension-list .item a:hover{color:#dbc29d}
.edition-strip{display:flex;align-items:center;gap:21px;padding:17px 0;border-top:1px solid #4e4847}
.edition-strip img{width:69px;height:94px;object-fit:cover;background:#16181b;border:1px solid #5e4e4d}
.edition-strip .edition-copy{flex:1}
.edition-strip .edition-copy small{color:#bea57b;letter-spacing:.13em;font-size:9px;text-transform:uppercase}
.edition-strip h3{font:400 25px 'Newsreader',Georgia,serif;margin:5px 0}
.edition-strip a{font-size:11px;color:#dec7a5;border-bottom:1px solid;padding-bottom:5px}
.note-copy{font:400 12px/1.65 'DM Sans',sans-serif;color:#929c98;margin:28px 0 0}
.frame-footer{display:flex;justify-content:space-between;gap:20px;align-items:center;margin:20px clamp(22px,3vw,43px) 0;padding:22px 0 27px;border-top:1px solid rgba(209,208,216,.1);color:#929d98;font:500 10px 'DM Sans',sans-serif;letter-spacing:.07em}
.frame-footer a{color:#c6bdba}.frame-footer a:hover{color:#e8d2ae}
.frame-footer nav{display:flex;gap:20px;flex-wrap:wrap}
@media(max-width:1000px){
 .frame-nav>a:not(.frame-contact){display:none}
 .frame-more{display:block}
 .feature-panel{grid-template-columns:minmax(0,.8fr) minmax(0,1fr);gap:30px}
 .feature-visual{min-height:300px}
 .feature-text h1{font-size:47px}
 .extension-list{grid-template-columns:repeat(3,1fr)}
}
@media(max-width:720px){
 body.solar-page{padding:14px}
 .page-frame:before{display:none}
 .frame-header{padding:18px 18px 10px}
 .frame-brand img{height:33px}
 .frame-brand .brand-name{font-size:19px}
 .frame-contact{padding:9px 13px;font-size:10px!important}
 .frame-nav{gap:9px}
 .page-body{padding:24px 20px 25px}
 .feature-panel{grid-template-columns:1fr;gap:18px}
 .feature-text h1{font-size:49px;margin:17px 0}
 .feature-text{max-width:none}
 .feature-visual{height:auto;min-height:0;aspect-ratio:1.6}
 .extension-list{grid-template-columns:repeat(2,1fr)}
 .visual-stripes{transform:skew(-40deg) scale(.7);transform-origin:100% 100%;bottom:-12px}
 .frame-footer{margin:14px 20px 0;flex-direction:column;align-items:flex-start}
 .frame-footer nav{gap:13px}
}
@media(max-width:440px){
 .frame-contact{display:none}
 .feature-text h1{font-size:41px}
 .feature-text .intro-copy{font-size:15px}
 .visual-stripes{right:-10px;bottom:-8px}
 .extension-list{grid-template-columns:1fr 1fr}
 .extension-list .item h3{font-size:19px}
}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}

/* Full-screen, unified black-and-gold destination layout. No scaled-down floating canvas. */
:root{
  --frame:#050505;
  --paper:#f3eee5;
  --subtle:#a89a86;
  --violet:#e0b77a;
  --gold:#e0b77a;
  --gold-soft:rgba(224,183,122,.20);
  --gold-line:rgba(224,183,122,.33);
}
body.solar-page{
  width:100%;
  min-width:320px;
  min-height:100svh;
  margin:0;
  padding:0;
  background:#040404;
  color:var(--paper);
}
.page-frame{
  width:100%;
  max-width:none;
  min-height:100svh;
  margin:0;
  padding:0;
  border:0;
  border-radius:0;
  background:#040404;
  box-shadow:none;
}
.page-frame:before{display:none}
.frame-header{
  min-height:96px;
  padding:22px clamp(25px,5vw,95px);
  border-bottom:1px solid rgba(224,183,122,.17);
  background:rgba(4,4,4,.98);
}
.frame-brand .brand-name{
  font-weight:500;
  font-size:clamp(20px,2vw,27px);
  letter-spacing:.23em;
  color:#f3eee5;
}
.frame-nav>a{color:#bcb3a7}
.frame-nav>a:hover,
.frame-nav>a[aria-current="page"]{
  color:#fff3df;
  border-color:#e0b77a;
}
.frame-contact{
  background:#e0b77a;
  border:1px solid #e0b77a;
  border-radius:999px;
  box-shadow:none;
  color:#0a0907!important;
  padding:12px 24px;
}
.frame-contact:hover{
  background:#f1d09f;
  border-color:#f1d09f;
  transform:translateY(-1px);
}
.frame-more summary{color:#f1e4d0;border-color:#947850;background:#12100c}
.frame-more nav{
  background:#0c0b09;
  border-color:rgba(224,183,122,.36);
}
.frame-more nav a{border-color:rgba(224,183,122,.18)}
.page-body{display:block;width:100%;margin:0;padding:0}
.feature-panel{
  width:100%;
  max-width:1720px;
  min-height:calc(100svh - 96px);
  margin:0 auto;
  padding:0 clamp(25px,4.9vw,94px);
  display:grid;
  grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);
  align-items:center;
  gap:clamp(42px,5.8vw,115px);
}
.feature-text{
  width:100%;
  max-width:none;
  padding:clamp(44px,5vw,82px) 0;
}
.eyebrow{
  color:#d9b27f;
  letter-spacing:.19em;
  font-size:10px;
  font-weight:600;
}
.eyebrow::before{background:#cba06c}
.feature-text h1{
  font-size:clamp(61px,6.15vw,102px);
  font-weight:500;
  line-height:.99;
  letter-spacing:-.044em;
  margin:24px 0 25px;
  color:#f4eee4;
}
.feature-text .intro-copy{
  font-size:clamp(18px,1.66vw,25px);
  font-weight:500;
  line-height:1.48;
  color:#e2d8ca;
  max-width:590px;
  margin:0 0 24px;
}
.feature-text p{
  font-size:clamp(14px,1.12vw,17px);
  line-height:1.84;
  color:#b2a99d;
  max-width:575px;
  margin:0 0 21px;
}
.feature-text .feature-action{
  color:#e4bd86;
  border-color:rgba(224,183,122,.58);
  margin-top:9px;
}
.feature-action:hover{color:#fff2da}
.feature-visual{
  width:100%;
  height:100%;
  min-height:calc(100svh - 96px);
  aspect-ratio:auto;
  padding:clamp(32px,5vw,82px) 0;
  display:flex;
  align-items:center;
  justify-content:center;
}
.media-window{
  flex:none;
  width:100%;
  height:min(75svh,780px);
  min-height:450px;
  border:1px solid rgba(224,183,122,.23);
  border-radius:12px;
  background:#0c0b0a;
  box-shadow:0 20px 70px #0008;
}
.media-window.is-cover{
  background:radial-gradient(ellipse at 50% 60%,#30241b,#0b0b0a 72%);
}
.media-window.is-library{
  background:radial-gradient(ellipse at 50% 58%,#342b21,#0b0b0b 73%);
}
.media-window.is-photo{background:#111}
.media-window.is-orb{
  background:radial-gradient(ellipse at 50% 58%,#34271855,#080808 70%);
}
.visual-stripes{
  right:-12px;
  bottom:clamp(18px,3vw,45px);
  opacity:.9;
}
.visual-stripes span,
.visual-stripes span:nth-child(2),
.visual-stripes span:nth-child(3){
  background:linear-gradient(130deg,#f2d09a,#ba7d3f);
}
.issue-preview{
  border-color:rgba(224,183,122,.59);
  background:linear-gradient(152deg,#29231d,#0a0a0a 55%,#342719);
}
.issue-preview strong{color:#f2e6d8}
.library-cover{border-color:#836848}
.about-lines{border-color:rgba(224,183,122,.62)}
.about-orb{
  border-color:#f5ca84;
  box-shadow:0 0 35px #d8a15b73,0 0 90px #a45d2c4e;
}
.about-caption{color:#d5bb94}
.body-extensions{
  max-width:1720px;
  margin:0 auto;
  padding:clamp(52px,6.5vw,100px) clamp(25px,4.9vw,94px) clamp(72px,8vw,128px);
  border-top:1px solid rgba(224,183,122,.17);
}
.extension-head h2{font-size:clamp(25px,2.8vw,43px);color:#f5ede0}
.extension-head small{color:#c6a577}
.extension-list .item{border-color:rgba(224,183,122,.25)}
.extension-list .item small{color:#d4ae79}
.extension-list .item h3{color:#f2ece2}
.extension-list .item p{color:#a99f91}
.edition-strip{border-color:rgba(224,183,122,.27)}
.edition-strip a{color:#e1be89}
.note-copy{color:#a99d8f}
.frame-footer{
  max-width:none;
  margin:0;
  padding:24px clamp(25px,4.9vw,94px) 34px;
  background:#070706;
  border-top:1px solid rgba(224,183,122,.16);
  color:#a69988;
}
.frame-footer a{color:#c4b49e}
.frame-footer a:hover{color:#f3dab4}
@media(min-width:1440px){
  .feature-panel{gap:clamp(70px,6vw,135px)}
  .feature-text p{font-size:17px}
}
@media(max-width:1000px){
  .frame-header{min-height:86px}
  .feature-panel{
    min-height:calc(100svh - 86px);
    grid-template-columns:minmax(0,.89fr) minmax(0,1.11fr);
    gap:29px;
  }
  .feature-text h1{font-size:clamp(49px,6vw,74px)}
  .feature-text p{font-size:14px}
  .feature-visual{min-height:calc(100svh - 86px)}
  .media-window{height:min(70svh,650px);min-height:365px}
  .extension-list{grid-template-columns:repeat(3,1fr)}
}
@media(max-width:720px){
  body.solar-page{padding:0}
  .page-frame{width:100%}
  .frame-header{min-height:78px;padding:15px 20px}
  .frame-brand img{height:39px}
  .frame-brand .brand-name{font-size:21px}
  .feature-panel{
    min-height:0;
    grid-template-columns:1fr;
    gap:0;
    padding:0 22px;
  }
  .feature-text{padding:45px 0 30px}
  .feature-text h1{
    font-size:clamp(52px,10vw,77px);
    margin:18px 0 21px;
  }
  .feature-text .intro-copy{font-size:19px;line-height:1.45}
  .feature-text p{font-size:14px;line-height:1.75}
  .feature-visual{height:auto;min-height:0;padding:5px 0 48px}
  .media-window{height:min(64vw,465px);min-height:250px;border-radius:12px}
  .visual-stripes{bottom:20px;transform:skew(-40deg) scale(.63);transform-origin:100% 100%}
  .body-extensions{padding:50px 22px 80px}
  .extension-list{grid-template-columns:repeat(2,1fr)}
  .frame-footer{padding:25px 22px 31px}
}
@media(max-width:420px){
  .feature-text h1{font-size:clamp(44px,12vw,55px)}
  .frame-contact{display:none}
  .feature-text .intro-copy{font-size:18px}
  .media-window{height:285px}
  .body-extensions{padding-top:38px}
}

/* Original Volume VI cover replaces the placeholder automatically after publication. */
.media-window.is-cover{position:relative;overflow:hidden}
.media-window.is-cover .volume-vi-cover{width:100%;height:100%;display:block;object-fit:contain;object-position:center;background:#080808;padding:8px}
.media-window.is-cover.has-real-cover{background:#080808}
.solar-page [hidden]{display:none!important}

/* QA 2026-11-06: Decorative diagonal edge stripes caused 72px mobile,
   40px tablet and 7px desktop horizontal document overflow. Clip paint at
   the full-width editorial frame, not at the artwork, to retain the design
   without allowing off-screen content to widen the page. */
.page-frame{overflow-x:clip}


/* 2026-11-07 | Phone parity for editorial destinations and touch controls. */
@media(max-width:760px){
  .feature-panel{gap:0;padding:0 18px}
  .feature-text{padding:27px 0 22px;max-width:none}
  .feature-text h1{
    font-size:clamp(37px,10vw,58px);
    line-height:1.06;letter-spacing:-.035em;
    margin:15px 0 18px;
    overflow-wrap:normal;
  }
  .feature-text .intro-copy{
    font-size:clamp(16px,4.4vw,20px);
    line-height:1.48;margin:0 0 16px;
  }
  .feature-text p{font-size:14px;line-height:1.7;margin:0 0 14px}
  .feature-text .feature-action,
  .feature-action{
    display:inline-flex;align-items:center;
    min-height:44px;padding:9px 0;margin:0 0 4px;
    font-size:12px;
  }
  .feature-visual{padding:8px 0 24px;min-height:0}
  .media-window{
    height:clamp(270px,75vw,430px);
    min-height:260px;
    border-radius:9px;
  }
  .body-extensions{padding:35px 18px 56px}
  .extension-head{align-items:start;gap:12px;flex-wrap:wrap}
  .extension-head h2{font-size:clamp(23px,6.5vw,31px)}
  .extension-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
  .extension-list .item{padding-top:13px}
  .extension-list .item a{
    display:inline-flex;align-items:center;min-height:44px;
    padding:7px 0;color:#eac99a;
  }
  .edition-strip{gap:14px;padding:16px 0}
  .edition-strip img{width:75px;height:98px;object-fit:contain}
  .edition-strip .edition-copy{min-width:0}
  .edition-strip h3{font-size:clamp(19px,5vw,26px);line-height:1.18}
  .edition-strip a{display:inline-flex;align-items:center;min-height:44px;padding:7px 0}
  .frame-footer{padding:24px 18px 32px;gap:15px}
  .frame-footer nav{gap:8px 22px}
  .frame-footer nav a{display:inline-flex;align-items:center;min-height:44px}
  /* iOS Safari auto-zooms inputs below 16px; ensure comfortable form fields. */
  .contact-field input,.contact-field select,.contact-field textarea{
    font-size:16px!important;min-height:50px;
  }
  .contact-submit{min-height:48px}
}
@media(max-width:440px){
  .feature-panel{padding:0 16px}
  .feature-text{padding:23px 0 20px}
  .feature-text h1{font-size:clamp(35px,10vw,47px);margin:13px 0}
  .feature-text .intro-copy{font-size:16px}
  .media-window{height:clamp(240px,75vw,335px);min-height:240px}
  .body-extensions{padding:30px 16px 48px}
  .extension-list{grid-template-columns:1fr;gap:8px}
  .extension-list .item{padding:14px 0 6px}
  .extension-list .item h3{font-size:21px}
  .extension-list .item p{font-size:12px;line-height:1.65}
  .frame-footer{padding:21px 16px 30px}
}