/* Marshe.ca V2.2 — The Other Side immersive supernatural treatment */
.tos-experience{--tos-black:#050808;--tos-deep:#08100f;--tos-ink:#e8ece9;--tos-muted:#899893;--tos-line:rgba(208,224,219,.16);--tos-green:#7b9990;--tos-blood:#6d1f29;background:var(--tos-black);color:var(--tos-ink);overflow:hidden;isolation:isolate}
.tos-experience *{box-sizing:border-box;min-width:0}
.tos-experience img{display:block;max-width:100%;height:auto}
.tos-overline{font:700 11px/1.2 Arial,Helvetica,sans-serif;letter-spacing:.24em;text-transform:uppercase;color:#9aa9a4}
.tos-v2-hero{position:relative;min-height:min(860px,88vh);display:flex;align-items:center;background:
 radial-gradient(circle at 75% 28%,rgba(80,118,107,.18),transparent 28%),
 radial-gradient(circle at 12% 68%,rgba(105,31,41,.08),transparent 26%),
 linear-gradient(180deg,#050707 0%,#07100f 55%,#040707 100%);border-bottom:1px solid var(--tos-line)}
.tos-v2-hero::before{content:"";position:absolute;inset:0;background:
 linear-gradient(90deg,rgba(255,255,255,.015) 1px,transparent 1px),
 linear-gradient(rgba(255,255,255,.012) 1px,transparent 1px);background-size:90px 90px;mask-image:linear-gradient(to bottom,black,transparent 80%);opacity:.35;pointer-events:none}
.tos-v2-hero-grid{position:relative;z-index:3;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(330px,.95fr);align-items:center;gap:72px;padding-top:92px;padding-bottom:92px}
.tos-v2-copy{max-width:700px}
.tos-v2-copy h1{margin:16px 0 20px;font:400 clamp(78px,9.5vw,148px)/.78 Georgia,'Times New Roman',serif;letter-spacing:-.065em;color:#f3f1ed;text-wrap:balance;text-shadow:0 18px 80px rgba(0,0,0,.65)}
.tos-v2-tagline{max-width:660px;margin:0 0 23px;font:italic 400 clamp(25px,3vw,38px)/1.2 Georgia,'Times New Roman',serif;color:#ccd7d3}
.tos-v2-intro{max-width:600px;margin:0;color:#899a95;font-size:17px;line-height:1.75}
.tos-v2-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:36px}
.tos-button{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:0 23px;text-decoration:none;font:700 11px/1 Arial,Helvetica,sans-serif;letter-spacing:.14em;text-transform:uppercase;transition:transform .2s ease,background .2s ease,border-color .2s ease,color .2s ease}
.tos-button:hover{transform:translateY(-2px)}
.tos-button-primary{background:#dfe6e2;color:#07100e;border:1px solid #dfe6e2}
.tos-button-ghost{background:transparent;color:#dfe6e2;border:1px solid rgba(223,230,226,.28)}
.tos-button-ghost:hover{border-color:#dfe6e2;background:rgba(255,255,255,.05)}
.tos-v2-meta{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;margin-top:54px;border:1px solid var(--tos-line);background:var(--tos-line);max-width:680px}
.tos-v2-meta>div{padding:18px 16px;background:rgba(5,9,8,.86)}
.tos-v2-meta strong,.tos-v2-meta span{display:block}
.tos-v2-meta strong{font:400 18px/1.15 Georgia,'Times New Roman',serif;color:#e6ebe8}
.tos-v2-meta span{margin-top:6px;color:#74827d;font-size:9px;letter-spacing:.12em;text-transform:uppercase}
.tos-v2-covers{position:relative;min-height:600px;display:grid;place-items:center;perspective:1100px}
.tos-cover-aura{position:absolute;width:82%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgba(95,137,124,.2),rgba(95,137,124,.04) 45%,transparent 70%);filter:blur(14px);animation:tosPulse 7s ease-in-out infinite}
.tos-v2-cover{position:absolute;width:min(56%,315px);filter:drop-shadow(0 32px 40px rgba(0,0,0,.62));transition:transform .4s ease,filter .4s ease}
.tos-v2-cover img{width:100%;box-shadow:0 0 0 1px rgba(255,255,255,.08)}
.tos-v2-cover-1{z-index:3;left:9%;top:9%;transform:rotate(-5deg) translateZ(35px)}
.tos-v2-cover-2{z-index:2;right:4%;bottom:7%;transform:rotate(6deg) translateZ(0)}
.tos-v2-cover:hover{z-index:5;transform:rotate(0deg) translateY(-7px) scale(1.025);filter:drop-shadow(0 38px 48px rgba(0,0,0,.75))}
.tos-reflection{position:absolute;left:12%;right:5%;bottom:0;height:34%;background:linear-gradient(to bottom,rgba(188,210,203,.08),transparent 70%);clip-path:polygon(5% 0,95% 0,100% 100%,0 100%);filter:blur(13px);opacity:.45;transform:scaleY(.35) translateY(72%);transform-origin:top}
.tos-fog{position:absolute;z-index:1;pointer-events:none;border-radius:50%;filter:blur(35px);opacity:.25;background:radial-gradient(ellipse at center,rgba(196,214,207,.35),rgba(116,144,135,.08) 45%,transparent 72%)}
.tos-fog-one{width:72vw;height:210px;left:-12vw;top:30%;animation:tosFogA 18s ease-in-out infinite alternate}
.tos-fog-two{width:60vw;height:175px;right:-12vw;bottom:14%;opacity:.17;animation:tosFogB 22s ease-in-out infinite alternate}
.tos-waterline{position:absolute;z-index:2;left:0;right:0;bottom:0;height:29%;background:repeating-linear-gradient(0deg,rgba(156,185,175,.055) 0,rgba(156,185,175,.055) 1px,transparent 1px,transparent 10px),linear-gradient(to bottom,transparent,rgba(9,22,19,.8));mask-image:linear-gradient(to bottom,transparent 0%,black 45%);opacity:.48}

.tos-threshold{position:relative;padding:120px 0;background:#0a100f;border-bottom:1px solid var(--tos-line)}
.tos-threshold::after{content:"";position:absolute;right:-8%;top:15%;width:42%;height:70%;background:radial-gradient(circle,rgba(93,124,115,.09),transparent 68%);filter:blur(20px);pointer-events:none}
.tos-threshold-grid{display:grid;grid-template-columns:minmax(260px,.8fr) minmax(0,1.3fr);gap:110px;align-items:start}
.tos-threshold h2{margin:16px 0 0;max-width:520px;font:400 clamp(44px,5.5vw,78px)/.98 Georgia,'Times New Roman',serif;letter-spacing:-.045em;color:#e8ebe7;text-wrap:balance}
.tos-threshold-copy{max-width:760px}
.tos-threshold-copy p{margin:0 0 25px;font:400 19px/1.78 Georgia,'Times New Roman',serif;color:#a7b0ac}
.tos-threshold-copy p:first-child{font-size:22px;color:#c5ceca}

.tos-signatures{padding:0;background:#070b0a;border-bottom:1px solid var(--tos-line)}
.tos-signature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}
.tos-signature-grid article{position:relative;padding:66px 42px 70px;border-right:1px solid var(--tos-line)}
.tos-signature-grid article:last-child{border-right:0}
.tos-signature-grid span{display:block;margin-bottom:34px;color:#4e625d;font:400 12px/1 Arial,Helvetica,sans-serif;letter-spacing:.18em}
.tos-signature-grid h3{margin:0 0 17px;font:400 31px/1.08 Georgia,'Times New Roman',serif;color:#dfe5e1}
.tos-signature-grid p{margin:0;color:#7f8e89;line-height:1.7}

.tos-reading{position:relative;padding:125px 0;background:linear-gradient(180deg,#08100f,#050808 78%)}
.tos-reading::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 12% 28%,rgba(103,29,41,.08),transparent 24%),radial-gradient(circle at 88% 64%,rgba(70,112,100,.09),transparent 24%);pointer-events:none}
.tos-reading .shell{position:relative;z-index:2}
.tos-reading-heading{display:grid;grid-template-columns:.6fr 1.4fr;column-gap:80px;align-items:end;margin-bottom:78px}
.tos-reading-heading .tos-overline{grid-column:1}
.tos-reading-heading h2{grid-column:1/3;margin:18px 0 14px;font:400 clamp(52px,6.8vw,92px)/.9 Georgia,'Times New Roman',serif;letter-spacing:-.055em;color:#f0efec;text-wrap:balance}
.tos-reading-heading p{grid-column:2;margin:0;color:#81908b;max-width:560px;line-height:1.7}
.tos-reading-list{display:flex;flex-direction:column;gap:0;border-top:1px solid var(--tos-line)}
.tos-reading-card{display:grid;grid-template-columns:110px minmax(210px,290px) minmax(0,1fr);gap:52px;align-items:center;padding:64px 0;border-bottom:1px solid var(--tos-line)}
.tos-reading-number{align-self:start;padding-top:7px;color:#71817b;font:700 10px/1.2 Arial,Helvetica,sans-serif;letter-spacing:.18em;text-transform:uppercase}
.tos-reading-cover{position:relative;display:block}
.tos-reading-cover::after{content:"";position:absolute;inset:12% -11% -12% 18%;z-index:-1;background:radial-gradient(circle,rgba(91,128,117,.17),transparent 65%);filter:blur(16px)}
.tos-reading-cover img{width:100%;box-shadow:0 26px 58px rgba(0,0,0,.52)}
.tos-reading-copy{max-width:650px}
.tos-reading-copy h3{margin:11px 0 16px;font:400 clamp(34px,4vw,56px)/1 Georgia,'Times New Roman',serif;color:#e6e8e4;letter-spacing:-.035em;text-wrap:balance}
.tos-book-hook{font:italic 400 20px/1.4 Georgia,'Times New Roman',serif;color:#aeb9b5!important}
.tos-reading-copy>p{color:#7f8e89;line-height:1.7;margin:0 0 25px}

.tos-language{position:relative;padding:118px 0;background:#0b0f0e;border-top:1px solid rgba(255,255,255,.02);border-bottom:1px solid var(--tos-line)}
.tos-language::before{content:"";position:absolute;left:0;top:0;bottom:0;width:38%;background:linear-gradient(90deg,rgba(102,29,39,.1),transparent);pointer-events:none}
.tos-language-grid{position:relative;display:grid;grid-template-columns:.7fr 1.3fr;gap:105px;align-items:center}
.tos-language-mark{font:400 clamp(82px,12vw,172px)/.8 Georgia,'Times New Roman',serif;letter-spacing:-.07em;color:rgba(128,151,143,.11);text-shadow:0 0 45px rgba(85,119,108,.08);user-select:none}
.tos-language h2{margin:14px 0 28px;font:400 clamp(48px,5.8vw,78px)/.94 Georgia,'Times New Roman',serif;letter-spacing:-.045em;color:#ecebe8}
.tos-language p{max-width:720px;margin:0 0 20px;color:#98a49f;font-size:18px;line-height:1.75}
.tos-text-link{display:inline-flex;gap:10px;margin-top:15px;color:#d7deda;text-decoration:none;font-weight:700}
.tos-text-link span{transition:transform .2s ease}.tos-text-link:hover span{transform:translateX(5px)}

.tos-endcap{position:relative;padding:105px 0 115px;text-align:center;background:#040606}
.tos-endcap::before{content:"";position:absolute;left:50%;top:15px;width:min(700px,80vw);height:160px;transform:translateX(-50%);background:radial-gradient(ellipse,rgba(92,126,116,.09),transparent 70%);filter:blur(15px)}
.tos-endcap-inner{position:relative;z-index:2}
.tos-endcap p{margin:18px auto 32px;font:italic 400 clamp(34px,5vw,66px)/1.05 Georgia,'Times New Roman',serif;color:#dce2de;letter-spacing:-.03em}

/* Integrate the global header/footer with the immersive series section when Cold Lake is selected. */
body.theme-cold-lake .site-header{background:#060b0a!important;border-bottom-color:rgba(210,225,220,.12)!important;color:#e8ece9!important}
body.theme-cold-lake .brand,body.theme-cold-lake .main-nav a,body.theme-cold-lake .nav-toggle{color:#e8ece9!important}
body.theme-cold-lake .site-footer{background:#050707!important;color:#c8d0cc!important;border-top:1px solid rgba(210,225,220,.12)!important}

@keyframes tosPulse{0%,100%{transform:scale(.92);opacity:.45}50%{transform:scale(1.08);opacity:.72}}
@keyframes tosFogA{from{transform:translateX(-2%) translateY(-4%)}to{transform:translateX(14%) translateY(5%)}}
@keyframes tosFogB{from{transform:translateX(7%) translateY(4%)}to{transform:translateX(-12%) translateY(-5%)}}

@media(max-width:1024px){
  .tos-v2-hero{min-height:auto}
  .tos-v2-hero-grid{grid-template-columns:1fr;gap:45px;padding-top:74px;padding-bottom:74px}
  .tos-v2-copy{max-width:800px}
  .tos-v2-covers{min-height:540px;width:min(680px,100%);margin-inline:auto}
  .tos-threshold-grid{grid-template-columns:1fr;gap:46px}
  .tos-threshold h2{max-width:760px}
  .tos-signature-grid{grid-template-columns:1fr}
  .tos-signature-grid article{border-right:0;border-bottom:1px solid var(--tos-line);padding:44px 0}
  .tos-signature-grid article:last-child{border-bottom:0}
  .tos-reading-card{grid-template-columns:75px minmax(180px,245px) minmax(0,1fr);gap:34px}
  .tos-language-grid{grid-template-columns:.55fr 1.45fr;gap:55px}
}

@media(max-width:760px){
  .tos-v2-hero-grid{padding-top:58px;padding-bottom:62px}
  .tos-v2-copy h1{font-size:clamp(64px,20vw,92px);line-height:.82}
  .tos-v2-tagline{font-size:clamp(23px,7vw,32px)}
  .tos-v2-actions{display:grid;grid-template-columns:1fr;width:100%}
  .tos-button{width:100%;text-align:center}
  .tos-v2-meta{grid-template-columns:1fr;margin-top:35px}
  .tos-v2-meta>div{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:15px;padding:14px 15px}
  .tos-v2-meta span{margin:0;text-align:right}
  .tos-v2-covers{min-height:460px;overflow:visible}
  .tos-v2-cover{width:min(53%,245px)}
  .tos-v2-cover-1{left:8%;top:6%}.tos-v2-cover-2{right:7%;bottom:5%}
  .tos-threshold,.tos-reading,.tos-language{padding:78px 0}
  .tos-threshold h2{font-size:clamp(39px,12vw,55px)}
  .tos-threshold-copy p{font-size:17px;line-height:1.72}
  .tos-threshold-copy p:first-child{font-size:19px}
  .tos-signature-grid article{padding:38px 0}
  .tos-reading-heading{display:block;margin-bottom:45px}
  .tos-reading-heading h2{font-size:clamp(44px,13vw,62px);margin-top:14px}
  .tos-reading-heading p{margin-top:16px}
  .tos-reading-card{grid-template-columns:1fr;gap:23px;padding:48px 0}
  .tos-reading-number{padding:0}
  .tos-reading-cover{width:min(72vw,280px)}
  .tos-reading-copy h3{font-size:clamp(34px,10.5vw,46px)}
  .tos-language-grid{grid-template-columns:1fr;gap:20px}
  .tos-language-mark{font-size:clamp(72px,25vw,110px)}
  .tos-language h2{font-size:clamp(43px,12.5vw,58px)}
  .tos-language p{font-size:17px}
  .tos-endcap{padding:76px 0 84px}
}

@media(max-width:430px){
  .tos-v2-hero-grid{padding-top:48px;padding-bottom:52px}
  .tos-v2-copy h1{font-size:clamp(58px,19vw,78px)}
  .tos-v2-intro{font-size:16px;line-height:1.65}
  .tos-v2-covers{min-height:380px;width:100%}
  .tos-v2-cover{width:min(51%,205px)}
  .tos-v2-cover-1{left:5%;top:6%}.tos-v2-cover-2{right:4%;bottom:5%}
  .tos-threshold,.tos-reading,.tos-language{padding:64px 0}
  .tos-signature-grid h3{font-size:27px}
  .tos-reading-cover{width:min(76vw,255px)}
  .tos-endcap p{font-size:clamp(31px,10vw,43px)}
}

@media(prefers-reduced-motion:reduce){
  .tos-fog,.tos-cover-aura{animation:none!important}
  .tos-button,.tos-v2-cover,.tos-text-link span{transition:none!important}
}


/* Marshe.ca V2.3 — art-directed responsive backgrounds for The Other Side */
.tos-v2-hero{
  background-color:#050808;
  background-image:var(--tos-bg-desktop);
  background-size:cover;
  background-position:center center;
  background-repeat:no-repeat;
}
.tos-v2-hero::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:0;
  pointer-events:none;
  background:
    linear-gradient(90deg,rgba(2,5,5,.46) 0%,rgba(2,5,5,.16) 58%,rgba(2,5,5,.34) 100%),
    rgba(2,5,5,var(--tos-bg-overlay,.58));
}
.tos-v2-hero::before{z-index:1}
.tos-v2-hero-grid{z-index:3}
@media(max-width:760px){
  .tos-v2-hero{
    background-image:var(--tos-bg-mobile);
    background-position:center top;
  }
  .tos-v2-hero::after{
    background:
      linear-gradient(180deg,rgba(2,5,5,.34) 0%,rgba(2,5,5,.12) 34%,rgba(2,5,5,.58) 100%),
      rgba(2,5,5,var(--tos-bg-overlay,.58));
  }
}


/* Marshe.ca V2.3.1 — background visibility correction */
.tos-v2-hero{
  background-color:#050808;
  background-image:var(--tos-bg-desktop);
  background-size:cover;
  background-position:center center;
  background-repeat:no-repeat;
}
.tos-v2-hero::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:0;
  pointer-events:none;
  background:
    linear-gradient(90deg,
      rgba(2,5,5,.42) 0%,
      rgba(2,5,5,.24) 34%,
      rgba(2,5,5,.08) 66%,
      rgba(2,5,5,.18) 100%),
    rgba(2,5,5,var(--tos-bg-overlay,.26));
}
.tos-fog{opacity:.16}
.tos-fog-two{opacity:.11}
.tos-waterline{opacity:.30}

@media(max-width:760px){
  .tos-v2-hero{
    background-image:var(--tos-bg-mobile);
    background-position:center top;
  }
  .tos-v2-hero::after{
    background:
      linear-gradient(180deg,
        rgba(2,5,5,.18) 0%,
        rgba(2,5,5,.08) 36%,
        rgba(2,5,5,.24) 70%,
        rgba(2,5,5,.42) 100%),
      rgba(2,5,5,var(--tos-bg-overlay,.26));
  }
  .tos-fog{opacity:.12}
  .tos-fog-two{opacity:.08}
  .tos-waterline{opacity:.22}
}


/* Marshe.ca V2.3.2 — fixed full-page background + public metadata cleanup */
.tos-experience{
  position:relative;
  isolation:isolate;
  background:transparent!important;
  overflow:visible!important;
}
.tos-experience::before{
  content:"";
  position:fixed;
  inset:0;
  z-index:-2;
  pointer-events:none;
  background-image:
    linear-gradient(rgba(2,5,5,var(--tos-bg-overlay,.26)),rgba(2,5,5,var(--tos-bg-overlay,.26))),
    var(--tos-bg-desktop);
  background-size:cover;
  background-position:center center;
  background-repeat:no-repeat;
}
.tos-experience::after{
  content:"";
  position:fixed;
  inset:0;
  z-index:-1;
  pointer-events:none;
  background:
    radial-gradient(circle at 50% 18%,rgba(150,177,168,.05),transparent 30%),
    linear-gradient(180deg,rgba(3,7,6,.06),rgba(3,7,6,.18));
}
.tos-v2-hero{
  background:transparent!important;
}
.tos-v2-hero::after{
  background:
    linear-gradient(90deg,
      rgba(2,5,5,.42) 0%,
      rgba(2,5,5,.20) 34%,
      rgba(2,5,5,.05) 66%,
      rgba(2,5,5,.14) 100%)!important;
}
.tos-threshold{background:rgba(5,10,9,.62)!important}
.tos-signatures{background:rgba(4,8,7,.70)!important}
.tos-reading{background:rgba(5,10,9,.62)!important}
.tos-language{background:rgba(6,10,9,.70)!important}
.tos-endcap{background:rgba(3,6,5,.58)!important}
.tos-v2-meta{display:none!important}

@media(max-width:760px){
  .tos-experience::before{
    background-image:
      linear-gradient(rgba(2,5,5,var(--tos-bg-overlay,.26)),rgba(2,5,5,var(--tos-bg-overlay,.26))),
      var(--tos-bg-mobile);
    background-position:center top;
  }
  .tos-v2-hero::after{
    background:
      linear-gradient(180deg,
        rgba(2,5,5,.18) 0%,
        rgba(2,5,5,.05) 34%,
        rgba(2,5,5,.16) 66%,
        rgba(2,5,5,.30) 100%)!important;
  }
  .tos-threshold{background:rgba(5,10,9,.66)!important}
  .tos-signatures{background:rgba(4,8,7,.73)!important}
  .tos-reading{background:rgba(5,10,9,.66)!important}
  .tos-language{background:rgba(6,10,9,.73)!important}
  .tos-endcap{background:rgba(3,6,5,.62)!important}
}


/* Marshe.ca V2.3.3 — lighter scrolling content panels */
.tos-threshold,
.tos-reading{
  background:rgb(5 10 9 / var(--tos-panel-overlay,.22))!important;
}
.tos-signatures,
.tos-language{
  background:rgb(4 8 7 / var(--tos-panel-overlay,.22))!important;
}
.tos-endcap{
  background:rgb(3 6 5 / var(--tos-panel-overlay,.22))!important;
}

/* Preserve legibility without hiding the fixed artwork. */
.tos-threshold h2,
.tos-threshold-copy p,
.tos-signature-grid h3,
.tos-signature-grid p,
.tos-reading-heading h2,
.tos-reading-heading p,
.tos-reading-copy h3,
.tos-reading-copy p,
.tos-language h2,
.tos-language p,
.tos-endcap p{
  text-shadow:0 2px 18px rgba(0,0,0,.82);
}

@media(max-width:760px){
  .tos-threshold,
  .tos-reading,
  .tos-signatures,
  .tos-language,
  .tos-endcap{
    background:rgb(4 8 7 / var(--tos-panel-overlay,.22))!important;
  }
}


/* Marshe.ca V2.4.4 — responsive optimized fixed backgrounds */
.tos-experience::before{
  background-image:
    linear-gradient(rgba(2,5,5,var(--tos-bg-overlay,.26)),rgba(2,5,5,var(--tos-bg-overlay,.26))),
    var(--tos-bg-desktop-1280,var(--tos-bg-desktop));
}
@media(min-width:1400px){
  .tos-experience::before{
    background-image:
      linear-gradient(rgba(2,5,5,var(--tos-bg-overlay,.26)),rgba(2,5,5,var(--tos-bg-overlay,.26))),
      var(--tos-bg-desktop-1600,var(--tos-bg-desktop));
  }
}
@media(max-width:760px){
  .tos-experience::before{
    background-image:
      linear-gradient(rgba(2,5,5,var(--tos-bg-overlay,.26)),rgba(2,5,5,var(--tos-bg-overlay,.26))),
      var(--tos-bg-mobile-720,var(--tos-bg-mobile));
  }
}
@media(min-width:600px) and (max-width:760px){
  .tos-experience::before{
    background-image:
      linear-gradient(rgba(2,5,5,var(--tos-bg-overlay,.26)),rgba(2,5,5,var(--tos-bg-overlay,.26))),
      var(--tos-bg-mobile-1080,var(--tos-bg-mobile));
  }
}