/* TornePro — Premium Light / Aura — compatibility overlay for static Hostinger preview */
:root {
  --tp-bg: #f8f7f3;
  --tp-surface: #fffefa;
  --tp-surface-2: #f2eee6;
  --tp-text: #1b1814;
  --tp-muted: #6d655b;
  --tp-line: rgb(73 57 36 / .13);
  --tp-line-strong: rgb(166 112 43 / .26);
  --tp-shadow: 0 18px 55px rgb(45 35 23 / .075);
  --tp-ambient: 225 180 111;
}
html, body { background: var(--tp-bg) !important; color: var(--tp-text) !important; color-scheme: light !important; }
body { background-image: radial-gradient(circle at var(--sun-x, 72%) -8%, rgb(var(--tp-ambient) / .055), transparent 34rem) !important; }
html[data-atmosphere='night'] { --tp-ambient: 101 88 139; --tp-hero-filter: brightness(.60) saturate(.94) contrast(1.06); }
html[data-atmosphere='pre-dawn'] { --tp-ambient: 126 103 169; --tp-hero-filter: brightness(.70) saturate(1.03) contrast(1.04); }
html[data-atmosphere='dawn'] { --tp-ambient: 230 181 113; --tp-hero-filter: brightness(.89) saturate(1.08) contrast(1.02); }
html[data-atmosphere='day'] { --tp-ambient: 218 193 151; --tp-hero-filter: brightness(.96) saturate(.98) contrast(1.01); }
html[data-atmosphere='golden'] { --tp-ambient: 231 157 72; --tp-hero-filter: brightness(.88) saturate(1.13) contrast(1.04); }
html[data-atmosphere='twilight'] { --tp-ambient: 145 91 166; --tp-hero-filter: brightness(.68) saturate(1.10) contrast(1.05); }

main.home-page, main.content-page {
  --bg: var(--tp-bg); --surface: var(--tp-surface); --surface-2: var(--tp-surface-2);
  --text: var(--tp-text); --muted: var(--tp-muted); --line: var(--tp-line);
  --line-soft: rgb(73 57 36 / .08); --shadow: var(--tp-shadow);
}

/* Home — only the hero is cinematic. */
.home-page .hero { background: #0b0b09; overflow: hidden; }
.home-page .hero-art { filter: var(--tp-hero-filter, brightness(.82) saturate(1.02)) !important; transform: scale(1.012); transition: filter 1.6s ease; }
.home-page .hero::after {
  background:
    linear-gradient(90deg, rgb(5 7 8 / .95) 0%, rgb(5 7 8 / .82) 27%, rgb(5 7 8 / .49) 44%, rgb(5 7 8 / .10) 72%, transparent 88%),
    linear-gradient(180deg, rgb(7 7 7 / .06) 0%, transparent 50%, rgb(5 6 6 / .66) 100%) !important;
}
/* Kill all legacy rays. New SolarLayers are the sole source. */
.home-page .hero-overlay::before,
.home-page .hero-overlay::after,
.content-page .hero-overlay::before,
.content-page .hero-overlay::after { background: none !important; opacity: 0 !important; transition: none !important; }

.solar-layers { position:absolute; inset:0; z-index:-1; pointer-events:none; overflow:hidden; }
.sun-layer, .aura-layer { position:absolute; inset:0; pointer-events:none; transition: opacity 1.5s ease, filter 1.5s ease; }
.sun-layer::before {
  content:''; position:absolute; left:var(--sun-x,72%); top:var(--sun-y,44%);
  width:clamp(22px,2.5vw,38px); aspect-ratio:1; transform:translate(-50%,-50%); border-radius:50%;
  background:radial-gradient(circle at 42% 38%,#fffdf2 0 12%,#ffe4a3 29%,#f6b94e 52%,rgb(239 151 44 / .18) 70%,transparent 72%);
  box-shadow:0 0 34px rgb(255 193 83 / .42),0 0 104px rgb(255 179 65 / .18);
  opacity:clamp(.10,var(--sun-strength,.45),1);
}
.aura-layer {
  inset:-12% -10% -22%;
  background:
    radial-gradient(circle at var(--sun-x,72%) var(--sun-y,44%),rgb(255 204 118 / .20) 0 4%,transparent 26%),
    conic-gradient(from 18deg at var(--sun-x,72%) var(--sun-y,44%),transparent 0deg 8deg,rgb(255 208 130 / .07) 10deg 15deg,transparent 17deg 34deg,rgb(255 192 91 / .12) 36deg 42deg,transparent 44deg 72deg,rgb(255 214 145 / .065) 74deg 81deg,transparent 83deg 360deg);
  filter:blur(1px); mix-blend-mode:screen; opacity:clamp(0,var(--sun-strength,.45),.82);
}
html[data-aura='off'] .home-page .aura-layer { opacity:0 !important; }
html[data-aura='off'] .home-page .hero-art { filter:brightness(.78) saturate(.88) contrast(1.03) !important; }

/* A very small echo of light may touch the first white section. */
.home-page .book-section { position:relative; }
.home-page .book-section::before { content:''; position:absolute; z-index:-1; top:-46px; left:0; right:0; height:160px; background:radial-gradient(ellipse at var(--sun-x,72%) 0%,rgb(var(--tp-ambient) / .11),transparent 52%); opacity:.55; pointer-events:none; }
html[data-aura='off'] .home-page .book-section::before { opacity:0; }

/* White premium system below the Home hero. */
.home-page .book-card,.home-page .quote-card,.home-page .values,.home-page .feature-card,.home-page .newsletter,
.content-page .content-section,.content-page .content-pullquote,.content-page .principle-grid article,.content-page .project-tile {
  background:var(--tp-surface) !important; color:var(--tp-text) !important; border-color:var(--tp-line) !important; box-shadow:var(--tp-shadow) !important;
}
.home-page .book-copy p,.home-page .values p,.home-page .newsletter p,
.content-page .content-section-body,.content-page .principle-grid p,.content-page .project-tile p { color:var(--tp-muted) !important; }
.home-page .quote-card { background:radial-gradient(circle at 88% 8%,rgb(var(--tp-ambient) / .07),transparent 34%),var(--tp-surface) !important; }
.home-page .feature-card { overflow:hidden; }
.home-page .feature-card::before { opacity:.10 !important; filter:saturate(.48) contrast(.9); }
.home-page .feature-card::after { opacity:.045 !important; }
.home-page .feature-card h2,.home-page .feature-card p { color:var(--tp-text) !important; }
.home-page .feature-card p { opacity:.72; }
.home-page .feature-card > a { border-color:var(--tp-line-strong); color:var(--gold,#b98235); }
.home-page .newsletter-form input { background:#fff !important; color:var(--tp-text) !important; border-color:var(--tp-line-strong) !important; }
.home-page footer,.content-page footer { color:var(--tp-text) !important; }
.home-page footer nav a,.content-page footer nav a { color:var(--tp-text) !important; }
.home-page .footer-lockup,.content-page .footer-lockup { color:var(--tp-text) !important; }

/* Aura button */
.aura-pill { min-height:36px; border:1px solid rgba(224,178,92,.45); border-radius:999px; background:rgba(9,11,11,.70); color:#efe7dc; display:flex; align-items:center; gap:8px; padding:0 13px; backdrop-filter:blur(12px); box-shadow:0 8px 30px rgba(0,0,0,.12); font-size:12px; }
.aura-pill span { color:var(--gold-bright,#e0aa55); }
.aura-pill.is-active { border-color:var(--gold-bright,#e0aa55); background:rgba(180,125,48,.12); box-shadow:inset 0 0 0 1px rgba(226,180,93,.10),0 0 24px rgb(224 170 82 / .08); }
.aura-pill.is-active::after { content:''; width:5px; height:5px; border-radius:50%; background:var(--gold-bright,#e0aa55); box-shadow:0 0 10px rgb(235 181 88 / .8); }

/* Internal pages — no rays, just subtle ambient illumination. */
.content-page { background:radial-gradient(circle at var(--sun-x,72%) -10%,rgb(var(--tp-ambient) / .035),transparent 32rem),var(--tp-bg) !important; color:var(--tp-text) !important; }
.content-page .inner-hero { min-height:500px; height:min(59vw,610px); background:var(--tp-bg) !important; color:var(--tp-text) !important; overflow:hidden; }
.content-page .inner-hero-art { inset:0; opacity:.17 !important; filter:grayscale(.08) sepia(.08) saturate(.72) brightness(1.08) contrast(.92) !important; background-size:cover; background-position:62% center; }
.content-page .inner-hero::after { background:linear-gradient(90deg,rgb(248 247 243 / .99) 0%,rgb(248 247 243 / .95) 34%,rgb(248 247 243 / .76) 62%,rgb(248 247 243 / .50) 100%),linear-gradient(180deg,rgb(var(--tp-ambient) / .025),transparent 54%) !important; }
.content-page .inner-hero-copy h1,.content-page .inner-hero-copy p { color:var(--tp-text) !important; text-shadow:none !important; }
.content-page .inner-hero-copy p { color:var(--tp-muted) !important; }
.content-page .inner-eyebrow { color:var(--gold,#b98235) !important; }
.content-page .site-header { color:var(--tp-text) !important; }
.content-page .brand img { filter:brightness(0) saturate(100%); opacity:.86; }
.content-page .desktop-nav a { color:var(--tp-text) !important; }
.content-page .shop-button { color:#7a5524 !important; border-color:var(--tp-line-strong) !important; background:rgb(255 255 255 / .70) !important; }
.content-page .menu-button { color:var(--tp-text) !important; }
.content-page .region-pill,.content-page .auto-pill,.content-page .aura-pill,.content-page .theme-switch { background:rgb(255 255 255 / .86) !important; color:var(--tp-text) !important; border-color:var(--tp-line-strong) !important; box-shadow:0 8px 28px rgb(45 35 23 / .055) !important; }
.content-page .region-pill select { color:var(--tp-text) !important; }
.content-page .region-pill select option { background:#fff !important; color:var(--tp-text) !important; }
.content-page .theme-switch button { color:#61584e !important; }
.content-page .theme-switch button.is-active { color:#8c6026 !important; background:rgb(205 152 72 / .09) !important; }
.content-page .location-status { color:#766a5e !important; text-shadow:none !important; }
.content-page .content-flow { margin-top:0 !important; padding-top:22px; }
.content-page .content-section { border-radius:8px; }
.content-page .content-pullquote { background:radial-gradient(circle at 80% 18%,rgb(var(--tp-ambient) / .05),transparent 40%),var(--tp-surface) !important; }
.content-page .principle-grid article { background:#fff !important; }
.content-page .project-tile { background:radial-gradient(circle at 84% 10%,rgb(var(--tp-ambient) / .04),transparent 38%),#fff !important; }

/* Mobile menu stays above controls and never inherits dark internal-page palette. */
.mobile-menu-panel { z-index:80 !important; }
.content-page .mobile-menu-panel { background:rgb(255 255 255 / .99) !important; border-color:var(--tp-line-strong) !important; box-shadow:0 18px 45px rgb(45 35 23 / .14) !important; }
.content-page .mobile-menu-panel a { color:var(--tp-text) !important; }

@media(max-width:680px){
  .region-auto { grid-template-columns:minmax(0,1fr) auto auto !important; }
  .aura-pill,.auto-pill { min-height:42px; padding-inline:13px; }
  .aura-layer { inset:-8% -24% -12%; }
  .sun-layer::before { width:26px; }
  .content-page .inner-hero { min-height:660px; height:auto; }
  .content-page .inner-hero-art { opacity:.13 !important; }
  .content-page .inner-hero-copy { margin-top:128px; }
}
@media(max-width:480px){
  .region-auto { grid-template-columns:1fr 1fr !important; grid-template-areas:'region region' 'auto aura'; }
  .region-pill { grid-area:region; }
  .auto-pill { grid-area:auto; justify-content:center; }
  .aura-pill { grid-area:aura; justify-content:center; }
  .home-page .hero-copy { margin-top:148px !important; }
  .content-page .inner-hero-copy { margin-top:164px !important; }
}
@media(prefers-reduced-motion:reduce){ .sun-layer,.aura-layer,.sun-layer::before { transition-duration:.01ms !important; } }

/* On small screens the open menu starts below the solar controls instead of covering them. */
@media(max-width:680px){
  .mobile-menu-panel { top:calc(100% + 76px) !important; }
}
@media(max-width:480px){
  .mobile-menu-panel { top:calc(100% + 126px) !important; }
}
