/* RISE — interior pages
   FINAL ENERGY-ARTWORK READABILITY BUILD — BACKGROUND DIMMING PASS
   VISUAL TEST 01
   Source: exact live-site download supplied by Phil.
   This file replaces the accumulated override layers with one clean system.
*/
:root{
  --bg:#010611;
  --text:#d4cfc4;
  --soft:#aaa59b;
  --gold:#d9b15e;
  --gold-bright:#f1d38d;
  --gold-soft:#ead9b4;
  --line:rgba(216,174,90,.17);
  --line-strong:rgba(216,174,90,.48);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  min-height:100vh;
  background:var(--bg);
  color:var(--text);
  font-family:Georgia,"Times New Roman",serif;
  overflow-x:hidden;
}

/* Keep the exact artwork supplied by the live site. */
.resonance-artwork{
  position:fixed;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
  z-index:0;
  pointer-events:none;
  opacity:.48;
  transition:opacity .6s ease;
}
/* FINAL SHARED READING OVERLAY
   This is the readability treatment for the new energy artworks.
   It sits ABOVE the artwork and BELOW every page element, so the artwork
   remains visible while the text stays crisp. No artwork, layout or content
   is changed here. */
body:before{
  content:"";
  position:fixed;
  inset:0;
  z-index:1;
  pointer-events:none;
  background:linear-gradient(180deg,
    rgba(1,7,17,.34) 0%,
    rgba(1,5,13,.48) 45%,
    rgba(1,5,13,.58) 100%);
}

/* LIGHT SWITCH: reveal the full artwork when switched on. */
body.lights-on .resonance-artwork{opacity:1;}
body:after{
  content:"";
  position:fixed;
  inset:0;
  z-index:2;
  pointer-events:none;
  background:
    radial-gradient(ellipse 68% 70% at 50% 46%,
      rgba(1,7,17,.16) 0%,
      rgba(1,7,17,.12) 42%,
      rgba(1,7,17,.06) 66%,
      transparent 90%);
}

/* A second, very soft reading field follows the content area.
   It does not create a box or obscure the energy; it simply gives the
   brightest artwork beneath paragraphs a little more breathing room. */
.central{
  position:relative;
  isolation:isolate;
}
.central::before{
  content:"";
  position:absolute;
  inset:-2px -5vw;
  z-index:-1;
  pointer-events:none;
  background:linear-gradient(90deg,
    rgba(1,6,14,.08) 0%,
    rgba(1,6,14,.20) 22%,
    rgba(1,6,14,.28) 50%,
    rgba(1,6,14,.20) 78%,
    rgba(1,6,14,.08) 100%);
}

/* Navigation */
.inner-nav{
  position:fixed;
  top:0;left:0;right:0;
  z-index:1000;
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:24px;
  padding:16px 4vw;
  font-family:Arial,sans-serif;
  background:rgba(1,7,17,.56);
  backdrop-filter:blur(8px);
  -webkit-backdrop-filter:blur(8px);
}
.inner-nav .brand{
  margin-right:auto;
  color:#eee0c3;
  text-decoration:none;
  display:flex;
  flex-direction:column;
  gap:4px;
  line-height:1;
}
.inner-nav .brand-name{
  font-family:Georgia,"Times New Roman",serif;
  font-size:15px;
  letter-spacing:.22em;
}
.inner-nav .brand-tagline{
  font-family:Arial,sans-serif;
  color:var(--gold);
  font-size:8px;
  letter-spacing:.18em;
  opacity:.72;
}
.inner-nav nav{display:flex;align-items:center;gap:24px}
.inner-nav nav a{
  position:relative;
  min-width:max-content;
  color:#ddd2bc;
  text-decoration:none;
  display:flex;
  flex-direction:column;
  align-items:center;
  padding-bottom:22px;
  font-size:10px;
  letter-spacing:.14em;
}
.inner-nav nav a:hover,.inner-nav nav a:focus-visible{color:#dfb65d}
.inner-nav nav i{
  position:absolute;
  top:17px;
  width:29px;height:29px;
  color:#dfb65d;
  opacity:0;
  transform:translateY(4px) scale(.72);
  transition:.28s ease;
  font-style:normal;
  text-align:center;
  line-height:29px;
}
.inner-nav nav a:hover i,.inner-nav nav a:focus-visible i{
  opacity:.48;
  transform:translateY(0) scale(1);
}
.door-icon{border:1.6px solid #dfb65d;border-bottom:0;border-radius:2px 2px 0 0}
.door-icon:after{content:"";position:absolute;left:7px;right:7px;bottom:0;height:14px;border-left:1.1px solid #dfb65d;border-right:1.1px solid #dfb65d;background:radial-gradient(circle at 50% 50%,rgba(255,235,173,.78),rgba(255,204,96,.08) 70%,transparent)}
.compass-icon{font-size:23px}
.person-icon{border:1.6px solid #dfb65d;border-radius:50%}
.person-icon:after{content:"";position:absolute;left:5px;right:5px;bottom:3px;height:9px;border:1.4px solid #dfb65d;border-radius:50%}
.wave-icon{font-size:28px}
.guide-icon{font-size:23px}
.camera-icon{border:1.6px solid #dfb65d;border-radius:4px}
.camera-icon:after{content:"";position:absolute;left:7px;top:7px;width:11px;height:11px;border:1.3px solid #dfb65d;border-radius:50%}
.question-icon{border:1.6px solid #dfb65d;border-radius:50%;font-size:17px}

/* Interior page rhythm */
.page{
  position:relative;
  z-index:3;
  width:min(1040px,88vw);
  margin:0 auto;
  padding:108px 0 20px;
}
.opening{
  text-align:center;
  max-width:820px;
  margin:0 auto 72px;
  padding-top:30px;
}
.eyebrow{
  margin:0;
  font-family:Arial,sans-serif;
  font-size:1.28rem;
  line-height:1.2;
  letter-spacing:.12em;
  font-weight:700;
  color:var(--gold);
}
.opening h1{
  margin:18px 0 22px;
  font-family:Georgia,"Times New Roman",serif;
  font-size:clamp(3.8rem,7vw,5.6rem);
  font-weight:400;
  line-height:.9;
  letter-spacing:.06em;
  color:var(--gold-bright);
  text-shadow:0 0 34px rgba(216,174,90,.20);
}
.opening-line{
  max-width:760px;
  margin:0 auto 12px;
  font-size:clamp(1.35rem,2.4vw,1.85rem);
  line-height:1.3;
}
.opening-soft{
  max-width:700px;
  margin:0 auto;
  color:var(--soft);
  font-size:1.08rem;
  line-height:1.55;
  font-style:italic;
}

.central{
  display:grid;
  grid-template-columns:minmax(220px,330px) 1fr;
  gap:64px;
  align-items:center;
  padding:44px 0 78px;
  border-top:1px solid var(--line);
}
.book-cover{
  justify-self:center;
  width:min(315px,100%);
  filter:drop-shadow(0 24px 32px rgba(0,0,0,.60));
}
.book-cover img{width:100%;display:block}
.copy{
  max-width:680px;
  font-size:1.12rem;
  line-height:1.72;
  color:#c5bfb4;
}
.copy p{margin:0 0 18px}
.copy .eyebrow{margin-bottom:18px}
.copy strong{color:#e2d5ba;font-weight:600}
.copy em{color:#d9c08b}

.archer{
  margin-top:34px;
  padding:20px 0 2px 24px;
  border-left:1px solid var(--line-strong);
}
.archer p{margin-bottom:10px}
.archer p:first-child{font-size:1.5rem;color:var(--gold-soft)}
.archer .humour{font-style:italic;color:var(--gold);margin-top:-2px}
blockquote{
  margin:34px 0 8px;
  padding:18px 0 18px 24px;
  border-left:1px solid var(--gold);
  font-size:1.42rem;
  line-height:1.45;
  color:var(--gold-soft);
  font-style:italic;
}
.story{
  max-width:820px;
  margin:0 auto;
  padding:58px 0 82px;
  border-top:1px solid rgba(216,174,90,.13);
  font-size:1.12rem;
  line-height:1.76;
  color:#c0b9ad;
}
.questions{
  margin:42px 0 0;
  padding-left:25px;
  border-left:1px solid var(--line-strong);
  font-size:1.38rem;
  line-height:1.42;
  color:#e5d4ae;
  font-style:italic;
}
.deeper{
  position:relative;
  padding:76px 0 88px;
  text-align:center;
  overflow:hidden;
}
.deeper:before{
  content:"";
  position:absolute;
  inset:-30%;
  background:radial-gradient(ellipse at 50% 50%,rgba(57,122,157,.11),transparent 46%);
  filter:blur(20px);
  z-index:-1;
}
.deeper-inner{
  max-width:760px;
  margin:0 auto;
  font-size:1.10rem;
  line-height:1.72;
  color:#aaa59c;
}
.deeper-inner p{margin:0 0 17px}
.deeper .original{
  margin:38px 0 5px;
  font-size:1.78rem;
  line-height:1.25;
  color:var(--gold);
}
.return-door{
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:13px;
  text-decoration:none;
  padding:36px 0 48px;
  color:var(--gold);
}
.door-art{
  display:block;
  width:min(220px,30vw);
  height:min(200px,27vw);
  position:relative;
  filter:drop-shadow(0 10px 28px rgba(255,205,110,.20));
  transition:.55s ease;
}
.door-art img{display:block;width:100%;height:100%;object-fit:contain}
.return-door:hover .door-art{transform:translateY(-4px);filter:drop-shadow(0 13px 48px rgba(255,211,118,.34))}
.return-label{
  display:inline-block;
  font-family:Georgia,"Times New Roman",serif;
  font-size:11px;
  font-weight:600;
  letter-spacing:.30em;
  color:#e1bd69;
  text-shadow:0 0 10px rgba(220,177,77,.18);
  transform:translateX(.15em);
}

@media(max-width:850px){
  .inner-nav{padding:17px 5vw;display:block}
  .inner-nav .brand{margin-bottom:17px}
  .inner-nav nav{gap:12px;flex-wrap:wrap;justify-content:flex-start}
  .inner-nav nav a{font-size:9px;padding-bottom:20px}
  .page{width:min(90vw,700px);padding-top:140px}
  .opening{padding-top:20px;margin-bottom:52px}
  .opening h1{font-size:clamp(3.2rem,13vw,4.8rem);margin:16px 0 18px}
  .opening-line{font-size:1.3rem}
  .opening-soft{font-size:1rem}
  .central{grid-template-columns:1fr;gap:42px;padding:34px 0 58px}
  .book-cover{width:min(300px,72vw)}
  .copy{font-size:1.08rem;line-height:1.68}
  .story{font-size:1.08rem;padding:48px 0 65px}
  .questions{font-size:1.28rem}
  .deeper{padding:58px 0 68px}
  .deeper-inner{font-size:1.05rem}
  .deeper .original{font-size:1.55rem}
  .door-art{width:min(200px,54vw);height:min(180px,48vw)}
}


/* RISE — VISUAL TEST 02
   Feedback from Phil after TEST 01:
   - make the main page title smaller
   - remove duplicate opening eyebrow labels (THE BOOK, CONTACT, etc.)
   - restore the live/master header branding
   - reduce the space above/before the return-home doorway
*/
.opening h1{
  font-size:clamp(3.4rem,5.4vw,4.7rem)!important;
  margin-top:12px!important;
  margin-bottom:20px!important;
}
.deeper{
  padding-top:60px!important;
  padding-bottom:42px!important;
}
.return-door{
  padding-top:12px!important;
  padding-bottom:34px!important;
}
/* Restore the live/master header treatment rather than the TEST 01 brand. */
.inner-nav{
  height:88px!important;
  padding:12px 3.2vw 10px!important;
  gap:30px!important;
  background:linear-gradient(180deg,rgba(3,7,10,.40),rgba(3,7,10,.10) 72%,transparent)!important;
  backdrop-filter:blur(3px)!important;
  -webkit-backdrop-filter:blur(3px)!important;
}
.inner-nav .brand{
  margin-right:auto!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  justify-content:center!important;
  gap:5px!important;
}
.inner-nav .brand .brand-name{
  font-family:"Helvetica Neue","Avenir Next",Avenir,Montserrat,Arial,sans-serif!important;
  font-size:29px!important;
  font-weight:200!important;
  line-height:1!important;
  letter-spacing:.24em!important;
  color:#e7deca!important;
}
.inner-nav .brand .brand-tagline{
  font-family:"Helvetica Neue","Avenir Next",Avenir,Montserrat,Arial,sans-serif!important;
  font-size:9px!important;
  font-weight:200!important;
  line-height:1!important;
  letter-spacing:.19em!important;
  color:#d7d0c3!important;
  white-space:nowrap;
}
@media(max-width:1050px){
  .inner-nav{gap:18px!important;padding-left:3vw!important;padding-right:3vw!important}
  .inner-nav .brand .brand-name{font-size:24px!important}
  .inner-nav .brand .brand-tagline{font-size:8px!important;letter-spacing:.16em!important}
}
@media(max-width:850px){
  .inner-nav{height:auto!important;padding:14px 5vw 16px!important}
  .inner-nav .brand{margin-bottom:13px!important}
  .inner-nav .brand .brand-name{font-size:22px!important;letter-spacing:.18em!important}
  .inner-nav .brand .brand-tagline{font-size:7px!important;letter-spacing:.12em!important}
  .opening h1{font-size:clamp(3.1rem,12vw,4.5rem)!important}
}

/* RISE — VISUAL TEST 03
   About Phil: restore the more open, centred presentation used by the page.
   Other interior pages remain unchanged.
*/
.about-page .central{
  display:block;
  padding-left:0;
  padding-right:0;
}
.about-page .copy{
  max-width:900px;
  margin:0 auto;
  text-align:center;
}
.about-page .copy .eyebrow{
  text-align:center;
}
.about-page .copy p{
  margin-left:auto;
  margin-right:auto;
}

/* RISE — VISUAL TEST 09
   Contact page: connect the approved RISE Circle signup area to Brevo.
*/
.contact-page .central{
  display:block;
  padding:46px 0 58px;
}
.contact-page .copy{
  max-width:900px;
  margin:0 auto;
}
.contact-page .copy .eyebrow{
  margin-bottom:16px;
}
.signup-intro{
  max-width:760px;
  margin:0 0 26px;
}
.signup-intro p{margin-bottom:14px!important}

.direct-email{
  margin-top:6px!important;
  margin-bottom:0!important;
}
.direct-email a{
  color:inherit;
  text-decoration:none;
  border-bottom:1px solid rgba(255,255,255,.28);
  transition:border-color .2s ease;
}
.direct-email a:hover{
  border-bottom-color:rgba(255,255,255,.75);
}
.brevo-signup{
  width:100%;
  max-width:760px;
  margin:28px auto 0;
  overflow:hidden;
}
.brevo-signup iframe{
  display:block;
  width:540px;
  max-width:100%;
  height:430px;
  margin:0;
  border:0;
}
.signup-note{
  margin:15px auto 0!important;
  max-width:760px;
  font-size:.88rem!important;
  line-height:1.55!important;
  color:#aaa59c!important;
}
@media(max-width:850px){
  .brevo-signup{max-width:100%;}
  .brevo-signup iframe{width:100%;height:430px;}
}

/* RISE — MOBILE PASS
   O9 master: preserve the desktop composition while giving phones a deliberate layout.
*/
@media (max-width: 600px){
  html,body{width:100%;max-width:100%;overflow-x:hidden}

  .inner-nav{
    height:auto!important;
    min-height:112px;
    padding:13px 18px 14px!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:flex-start!important;
    gap:10px!important;
  }
  .inner-nav .brand{
    width:100%;
    margin:0!important;
    align-items:center!important;
    text-align:center;
    gap:5px!important;
  }
  .inner-nav .brand .brand-name{
    font-size:22px!important;
    line-height:1!important;
    letter-spacing:.16em!important;
  }
  .inner-nav .brand .brand-tagline{
    font-size:7.5px!important;
    letter-spacing:.11em!important;
    opacity:.82;
  }
  .inner-nav nav{
    width:100%;
    display:flex!important;
    flex-wrap:wrap!important;
    justify-content:center!important;
    align-items:flex-start!important;
    gap:7px 15px!important;
  }
  .inner-nav nav a{
    padding-bottom:10px!important;
    font-size:10px!important;
    letter-spacing:.10em!important;
    line-height:1.1;
  }
  .inner-nav nav i{display:none!important}

  .page{
    width:min(92vw,520px)!important;
    padding:128px 0 18px!important;
  }
  .opening{
    max-width:100%!important;
    margin:0 auto 46px!important;
    padding-top:20px!important;
    padding-left:4px;
    padding-right:4px;
  }
  .eyebrow{
    font-size:1.05rem!important;
    line-height:1.25!important;
    letter-spacing:.14em!important;
  }
  .opening h1{
    font-size:2.25rem!important;
    line-height:.94!important;
    letter-spacing:.04em!important;
    margin:16px 0 18px!important;
  }
  .opening-line{
    max-width:100%!important;
    font-size:1.05rem!important;
    line-height:1.45!important;
  }
  .opening-soft{
    max-width:100%!important;
    font-size:.95rem!important;
    line-height:1.55!important;
  }

  .central{
    display:block!important;
    padding:30px 0 48px!important;
  }
  .central .copy,
  .about-page .copy,
  .contact-page .copy{
    max-width:none!important;
    width:100%!important;
  }
  .copy{
    font-size:1rem!important;
    line-height:1.68!important;
  }
  .copy p{margin-bottom:20px!important}
  .copy .eyebrow{margin-bottom:18px!important}

  .book-cover{
    width:min(285px,76vw)!important;
    margin:0 auto 34px!important;
  }
  .archer{
    margin-top:28px!important;
    padding:18px 0 2px 19px!important;
  }
  .archer p:first-child{font-size:1.22rem!important}
  blockquote{
    margin:28px 0 8px!important;
    padding:15px 0 15px 18px!important;
    font-size:1.16rem!important;
    line-height:1.5!important;
  }

  .story{
    max-width:none!important;
    padding:52px 0 72px!important;
    font-size:1rem!important;
    line-height:1.7!important;
  }
  .questions{
    margin-top:46px!important;
    padding-left:20px!important;
    font-size:1.05rem!important;
    line-height:1.5!important;
  }

  .deeper{
    padding:48px 0 58px!important;
  }
  .deeper-inner{
    max-width:none!important;
    font-size:.98rem!important;
    line-height:1.68!important;
  }
  .deeper .original{
    font-size:1.5rem!important;
    line-height:1.3!important;
  }
  .return-door{
    padding:8px 0 30px!important;
    gap:9px!important;
  }
  .door-art{
    width:min(180px,52vw)!important;
    height:min(165px,48vw)!important;
  }
  .return-label{
    font-size:10px!important;
    letter-spacing:.25em!important;
  }

  /* Contact / Brevo: give the embedded form the full usable phone width. */
  .contact-page .central{
    padding-top:28px!important;
    padding-bottom:42px!important;
  }
  .signup-intro{
    max-width:none!important;
    margin-bottom:20px!important;
  }
  .signup-intro p{margin-bottom:14px!important}
  .brevo-signup{
    width:100%!important;
    max-width:100%!important;
    margin:22px auto 0!important;
    overflow:hidden!important;
  }
  .brevo-signup iframe{
    display:block!important;
    width:100%!important;
    height:430px!important;
    max-width:100%!important;
  }
  .signup-note{
    max-width:none!important;
    margin-top:14px!important;
    font-size:.92rem!important;
    line-height:1.55!important;
  }
}

@media (max-width: 380px){
  .inner-nav{padding-left:12px!important;padding-right:12px!important}
  .inner-nav .brand .brand-name{font-size:20px!important}
  .inner-nav nav{gap:7px 11px!important}
  .inner-nav nav a{font-size:9px!important}
  .page{width:94vw!important}
  .opening h1{font-size:2.1rem!important}
  .copy,.story{font-size:1rem!important}
}


/* CONTACT — subliminal YOURSELF layer
   Large text-only message spanning the contact content area.
   It sits behind the page content and remains deliberately difficult to notice. */
.contact-page .page{
  position:relative;
}

.contact-yourself{
  position:absolute;
  z-index:0;
  left:50%;
  top:142px;
  transform:translateX(-50%);
  width:118vw;
  white-space:nowrap;
  text-align:center;
  font-family:Georgia,"Times New Roman",serif;
  font-size:clamp(7rem,16vw,14rem);
  font-weight:400;
  letter-spacing:.12em;
  line-height:1;
  color:rgba(234,217,180,.045);
  text-shadow:0 0 30px rgba(234,217,180,.018);
  pointer-events:none;
  user-select:none;
}

.contact-page .opening,
.contact-page .central,
.contact-page .deeper,
.contact-page .return-door{
  position:relative;
  z-index:1;
}

@media(max-width:850px){
  .contact-yourself{
    top:150px;
    width:135vw;
    font-size:clamp(5.5rem,19vw,9rem);
    letter-spacing:.09em;
  }
}

@media(max-width:600px){
  .contact-yourself{
    top:152px;
    width:155vw;
    font-size:clamp(4rem,23vw,6.5rem);
    letter-spacing:.06em;
  }
}



/* RISE — ORIGINAL MECHANICAL REALITY SWITCH
   Reference restored from RISE_O9_HOME_PRE_REALITY_REBUILD_180926_FINAL.
   Kept as a quiet discovery object at the lower-right. */
.reality-switch{position:fixed!important;right:28px!important;bottom:24px!important;top:auto!important;z-index:1100;width:43px;height:62px;padding:5px;border:1px solid rgba(216,174,90,.46);border-radius:4px;background:linear-gradient(145deg,rgba(70,59,42,.88),rgba(13,15,18,.94) 48%,rgba(62,48,31,.88));box-shadow:inset 0 0 0 1px rgba(255,227,164,.08),0 8px 24px rgba(0,0,0,.38),0 0 16px rgba(216,174,90,.07);cursor:pointer;transition:.45s ease}
.reality-switch:hover,.reality-switch:focus-visible{border-color:rgba(241,211,141,.72);box-shadow:inset 0 0 0 1px rgba(255,227,164,.11),0 10px 28px rgba(0,0,0,.45),0 0 22px rgba(216,174,90,.13);outline:none}
.switch-housing{position:relative;display:block;width:100%;height:100%;border:1px solid rgba(216,174,90,.20);border-radius:2px;background:linear-gradient(180deg,rgba(2,7,14,.88),rgba(15,13,10,.82));overflow:hidden}
.switch-housing:before,.switch-housing:after{content:"";position:absolute;left:50%;width:4px;height:4px;margin-left:-2px;border-radius:50%;background:#8f7445;box-shadow:0 0 5px rgba(241,211,141,.22)}
.switch-housing:before{top:5px}.switch-housing:after{bottom:5px}
.switch-lever{position:absolute;left:50%;top:14px;width:9px;height:25px;margin-left:-4.5px;border:1px solid rgba(240,208,137,.62);border-radius:5px;background:linear-gradient(90deg,rgba(70,54,31,.95),rgba(224,181,91,.76),rgba(63,48,29,.96));box-shadow:0 2px 5px rgba(0,0,0,.48),inset 0 0 3px rgba(255,237,177,.18);transform-origin:50% 90%;transform:rotate(22deg);transition:transform .65s cubic-bezier(.22,.8,.24,1),box-shadow .45s ease}
.switch-lever:after{content:"";position:absolute;left:50%;top:-5px;width:14px;height:14px;margin-left:-7px;border-radius:50%;border:1px solid rgba(241,211,141,.62);background:radial-gradient(circle at 35% 30%,#d9b15e 0 12%,#6c512a 40%,#17140f 75%);box-shadow:0 1px 5px rgba(0,0,0,.55)}
body.lights-on .switch-lever{transform:rotate(-22deg);box-shadow:0 2px 5px rgba(0,0,0,.48),0 0 12px rgba(241,211,141,.18),inset 0 0 4px rgba(255,237,177,.22)}
body.lights-on .reality-switch{border-color:rgba(241,211,141,.70)}
@media(max-width:850px){.reality-switch{right:18px;bottom:18px;top:auto;width:38px;height:56px}}
@media(max-width:600px){.reality-switch{right:14px;bottom:14px;top:auto;width:36px;height:53px}}


/* FINAL GUIDING MENU ICON — exact original paddle + two ripples, tilted to 10 o'clock */
.guide-paddle{width:42px!important;height:48px!important;top:20px!important;position:absolute!important;display:block!important;opacity:0;transform:translateY(4px) scale(.72);transition:.3s ease;line-height:0!important;filter:drop-shadow(0 0 7px rgba(225,184,95,.42));}
.home-nav a:hover .guide-paddle,.home-nav a:focus-visible .guide-paddle,.home-nav a[aria-current="page"] .guide-paddle{opacity:1;transform:translateY(0) scale(1);}
.guide-paddle svg{width:100%;height:100%;overflow:visible;}
.guide-paddle .paddle-shaft,.guide-paddle .paddle-blade{fill:none;stroke:#e1b85f;stroke-width:2.3;stroke-linecap:round;stroke-linejoin:round;}
.guide-paddle .paddle-tilt{transform-box:fill-box;transform-origin:50% 100%;transform:rotate(-20deg);}
.guide-paddle .paddle-ripple{fill:none;stroke:#e1b85f;stroke-width:2.1;stroke-linecap:round;stroke-linejoin:round;}

/* FINAL SWITCH BEHAVIOUR — viewport anchored, full reveal */
.reality-switch{position:fixed!important;top:auto!important;right:28px!important;bottom:24px!important;}
body.lights-on .resonance-artwork{opacity:1!important;filter:none!important;}
body.lights-on:before,body.lights-on:after{opacity:0!important;}
body.lights-on .central::before{opacity:0!important;}
@media(max-width:850px){.reality-switch{top:auto!important;right:18px!important;bottom:18px!important;}}
@media(max-width:600px){.reality-switch{top:auto!important;right:14px!important;bottom:14px!important;}}