/* Cinematic header art — original, locally hosted SVGs, readable live HTML.
   No speculative portrait of the author and no repurposed Sunlighten product images. */
:root{--cinema-paper:#f8f4e9;--cinema-coral:#ffd09f;--cinema-night:#063441}
.cinematic-header{position:relative;isolation:isolate;width:100vw;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);color:#fff8f0;min-height:clamp(440px,48vw,590px);background-color:#063b4a;background-repeat:no-repeat;background-size:cover;background-position:center;display:flex;align-items:center;overflow:hidden;border-bottom:6px solid #e7aa78}
.cinematic-header:after{content:"";position:absolute;pointer-events:none;inset:auto 0 0;height:3px;background:linear-gradient(90deg,#ffca8a,#ffffca50,#ffb978)}
.cinematic-header__inner{position:relative;z-index:1;width:min(1190px,calc(100% - 52px));margin:0 auto;padding:clamp(3.5rem,5.5vw,6rem) 0}
.cinematic-header__inner>*{max-width:690px}
.cinematic-header h1{font-family:Georgia,'Times New Roman',serif;color:#fff8ed!important;font-size:clamp(3rem,6.5vw,6.2rem);line-height:1.04;letter-spacing:-.054em;text-shadow:0 3px 18px #072b3490;margin:.15em 0 .3em}
.cinematic-header h1 .accent,.cinematic-header h1 em{color:#ffc497!important;font-weight:400;font-style:italic}
.cinematic-header .eyebrow,.cinematic-header .lab-kicker,.cinematic-header .living-eyebrow{color:#ffd6a5!important;font-size:.75rem!important;letter-spacing:.13em!important;text-shadow:0 1px 7px #041a25}
.cinematic-header .lead,.cinematic-header .lab-lead,.cinematic-header .story-lead,.cinematic-header p:not(.eyebrow):not(.lab-kicker):not(.living-eyebrow){color:#fff8f0!important;font-size:clamp(1.05rem,1.55vw,1.26rem);line-height:1.66!important;text-shadow:0 2px 10px #072c399c}
.cinematic-header .story-lead{font-size:1rem!important;color:#f0e9df!important}
.cinematic-header .muted{font-size:.94rem!important;color:#e5ebe7!important}
.cinematic-header .back-link{color:#ffe1b9!important;border-color:#ffcc98!important;font-weight:850}
.cinematic-header a:focus-visible{outline:3px solid #ffc78d;outline-offset:4px}
.cinematic-header--story{background-image:linear-gradient(95deg,#062c3ae8 0%,#062d3ad9 30%,#062e3c9c 48%,#062e3c18 100%),url('/images/hero-story-scene.svg');background-position:center 57%}
.cinematic-header--crps{background-image:linear-gradient(95deg,#082b3be9 0%,#0a3541d7 32%,#083e4c9c 52%,#082e3e12 100%),url('/images/hero-crps-scene.svg');background-position:center}
.cinematic-header--lab{background-image:linear-gradient(95deg,#062c3af2 0%,#073644dc 31%,#063d49aa 49%,#063d490e 100%),url('/images/hero-lab-scene.svg');background-position:center 56%}
.cinematic-header--water{background-image:linear-gradient(95deg,#042e3ded 0%,#073646cd 35%,#06394680 55%,#043a4810 100%),url('/images/hero-water-scene.svg');background-position:center 55%}
.story-page>.cinematic-header{margin-bottom:2rem}
.lab-shell .cinematic-header{margin-top:calc(-1 * clamp(3rem,7vw,7rem));margin-bottom:2rem}
.lab-shell .cinematic-header .lab-lead{max-width:640px!important}
.living-essay>.cinematic-header{margin-top:1rem;margin-bottom:2.5rem}
.living-essay .cinematic-header .lead{max-width:650px}
.page-head>.cinematic-header{margin-top:0;margin-bottom:2.25rem}
.page-head>.cinematic-header h1{max-width:790px}
.lake-home .lake-hero{background-color:#063743;background-image:none}
.lake-home .lake-hero .lake-hero-inner{width:min(1250px,calc(100% - 52px))}
.lake-home .lake-hero h1{max-width:760px;text-shadow:0 6px 18px #041f2dcc}
.lake-home .lake-hero .lake-hero-badge{display:none}
.t-lake-landing .t-hero.t-lake-banner{background-image:linear-gradient(95deg,#05323feb 0%,#093b46d5 38%,#0d445382 62%,#113b490b 100%),url('/images/hero-helps-scene.svg');background-size:cover;background-position:center 57%}
.t-lake-landing .t-hero .t-kicker,.t-lake-landing .t-hero h1{color:#fff9ef!important}
.sun-library>.sun-hero{background-image:linear-gradient(94deg,#052f40f4 0%,#093c4bd9 35%,#093b48a1 54%,#093b4812 100%),url('https://assets-us-01.kc-usercontent.com/9832d3f0-685b-0021-9fc3-0a88ee8dfc7a/f97f63a8-7c37-422b-b675-bd2dc49c952a/Product_Page_Believe_Desktop.webp?w=1920');background-position:center;background-size:cover;min-height:490px;display:flex;align-items:center}
.sun-library>.sun-hero>.sun-wrap{width:calc(100% - 42px)}
.sun-library>.sun-hero .sun-hero-lead{max-width:640px;text-shadow:0 2px 14px #06323a}
.sun-library>.sun-hero .sun-hero-note{max-width:650px}
@media(max-width:760px){
 .cinematic-header{min-height:0;background-position:70% center}
 .cinematic-header__inner{width:calc(100% - 38px);padding:3.8rem 0 4.4rem}
 .cinematic-header__inner>*{max-width:610px}
 .cinematic-header h1{font-size:clamp(2.8rem,10vw,4.6rem);max-width:660px}
 .cinematic-header--crps{background-position:75% center}
 .cinematic-header--lab,.cinematic-header--water,.cinematic-header--story{background-position:68% center}
 .lake-home .lake-hero{background-image:none;background-color:#063743}
 .sun-library>.sun-hero{min-height:0;background-position:70% center;background-image:linear-gradient(90deg,#052f40f5 0%,#093d4ce0 63%,#093d4c65 100%),url('https://assets-us-01.kc-usercontent.com/9832d3f0-685b-0021-9fc3-0a88ee8dfc7a/f97f63a8-7c37-422b-b675-bd2dc49c952a/Product_Page_Believe_Desktop.webp?w=1920')}
 .t-lake-landing .t-hero.t-lake-banner{background-position:68% center;background-image:linear-gradient(90deg,#052f3df0 0%,#083a46e5 68%,#093a4580 100%),url('/images/hero-helps-scene.svg')}
}
@media(max-width:460px){
 .cinematic-header{background-position:75% center;border-bottom-width:4px}
 .cinematic-header__inner{padding:3.1rem 0 3.8rem}
 .cinematic-header h1{font-size:clamp(2.65rem,10.8vw,3.8rem)}
 .cinematic-header .lead,.cinematic-header .lab-lead{font-size:1.07rem!important}
 .sun-library>.sun-hero{background-position:77% center}
}
@media(prefers-reduced-motion:reduce){.cinematic-header{scroll-behavior:auto}}


/* HOMEPAGE CINEMATIC HERO — approved original Rabbit-in-denim artwork, clearly conceptual rather than archival.
   Live headings and functional buttons over locally optimized WebP; no invented claims about a specific fishing trip. */
.lake-home .lake-hero--photographic{
 position:relative;isolation:isolate;overflow:hidden;
 background-color:#082e3c;min-height:clamp(640px,61vw,760px);
}
.lake-home .lake-hero--photographic .lake-hero-photo{
 position:absolute;inset:0;display:block;width:100%;height:100%;z-index:-2;
}
.lake-home .lake-hero--photographic .lake-hero-photo img{
 display:block;width:100%;height:100%;object-fit:cover;object-position:50% 12%;
}
.lake-home .lake-hero--photographic .lake-hero-shade{
 position:absolute;inset:0;z-index:-1;pointer-events:none;
 background:linear-gradient(90deg,#031f2eec 0%,#032b39e8 18%,#063641cc 40%,#06364271 62%,#062e3c1a 100%),
 linear-gradient(0deg,#0a333fa6,transparent 31%,#082a3966 100%);
}
.lake-home .lake-hero--photographic::after{
 position:absolute;content:"";z-index:2;inset:auto 0 0;height:22px;
 clip-path:none;background:linear-gradient(0deg,#f7f3eb 0%,#f7f3eb00 100%);
}
.lake-home .lake-hero--photographic .lake-hero-inner{
 padding:clamp(4.5rem,7vw,7rem) 0 clamp(8rem,11vw,11rem);
 width:min(1250px,calc(100% - 52px));position:relative;z-index:1;
}
.lake-home .lake-hero--photographic h1{
 font-size:clamp(3.3rem,6.4vw,7rem);max-width:790px;line-height:1.02;
 color:#fff8f1;text-shadow:0 5px 24px #02192399;
}
.lake-home .lake-hero--photographic .lake-hero-deck{
 max-width:650px;color:#fffaf2!important;text-shadow:0 2px 11px #051c2aba;
}
.lake-home .lake-hero--photographic .lake-hero-small{
 max-width:670px;color:#e4f3ee!important;text-shadow:0 2px 11px #061d29c2;
}
.lake-home .lake-hero--photographic .lake-photo-credit{
 position:absolute;z-index:3;right:clamp(1rem,3vw,3rem);bottom:1.55rem;
 max-width:470px;padding:.5rem .75rem;border-radius:9px;
 font:750 .67rem/1.5 ui-monospace,Consolas,monospace;
 color:#f8eee5;background:#052832b8;backdrop-filter:blur(3px);
 border:1px solid #a1bab267;
 text-align:right;
}
.lake-home .lake-hero--photographic .lake-photo-credit span{display:block;font-size:.62rem;font-weight:600;color:#e0e7dd;}
.lake-home .lake-hero--photographic .lake-photo-credit a{color:#ffe3b6!important;text-decoration:underline;text-underline-offset:3px;}
.lake-home .lake-hero--photographic .lake-photo-credit a:focus-visible{outline:3px solid #f5ab71;outline-offset:3px;}
@media(max-width:850px){
 .lake-home .lake-hero--photographic{min-height:620px}
 .lake-home .lake-hero--photographic .lake-hero-photo img{object-position:67% 12%}
 .lake-home .lake-hero--photographic .lake-hero-shade{
  background:linear-gradient(90deg,#032939f5 0%,#032b3af0 32%,#063642c9 71%,#06364285 100%),
             linear-gradient(0deg,#0b36418a,transparent 40%);
 }
 .lake-home .lake-hero--photographic .lake-hero-inner{padding:4rem 0 9.5rem}
}
@media(max-width:580px){
 .lake-home .lake-hero--photographic{min-height:0}
 .lake-home .lake-hero--photographic .lake-hero-photo img{object-position:75% 10%}
 .lake-home .lake-hero--photographic .lake-hero-shade{background:linear-gradient(90deg,#042737f7 0%,#06303de7 68%,#06303dbc 100%)}
 .lake-home .lake-hero--photographic .lake-hero-inner{width:calc(100% - 36px);padding:3.5rem 0 8.9rem}
 .lake-home .lake-hero--photographic h1{font-size:clamp(2.75rem,12vw,4.2rem)}
 .lake-home .lake-hero--photographic .lake-photo-credit{bottom:1.45rem;left:1.1rem;right:1.1rem;text-align:left;max-width:none;font-size:.6rem}
 .lake-home .lake-hero--photographic .lake-photo-credit span{font-size:.58rem}
}
@media(prefers-reduced-motion:reduce){.lake-home .lake-hero--photographic *{animation:none!important;transition:none!important}}