/* COUGAR COUNTY — web pitch deck */
@font-face{font-family:"Newsreader";src:url("../fonts/newsreader.woff2") format("woff2");font-weight:200 800;font-style:normal;font-display:swap}
@font-face{font-family:"Newsreader";src:url("../fonts/newsreader-italic.woff2") format("woff2");font-weight:200 800;font-style:italic;font-display:swap}
@font-face{font-family:"Inter";src:url("../fonts/inter.woff2") format("woff2");font-weight:100 900;font-style:normal;font-display:swap}
@font-face{font-family:"Plex Mono";src:url("../fonts/plexmono.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap}

:root{
  --bg:#0b0f0e; --ink:#141917; --fog:#E6E6E1; --frost:#BCC2C1; --slate:#6E7B85; --lichen:#4A5650; --sodium:#B07D3A; --sodium-hi:#C99552;
  --serif:"Newsreader",Georgia,"Times New Roman",serif; --sans:"Inter",system-ui,-apple-system,"Segoe UI",sans-serif; --mono:"Plex Mono",ui-monospace,Menlo,Consolas,monospace;
  --pad:clamp(22px,6.5vw,112px); --top:clamp(64px,9vh,104px);
  --ease:cubic-bezier(.22,.61,.24,1);
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-snap-type:y mandatory;scroll-behavior:smooth;background:var(--bg);-webkit-text-size-adjust:100%;overscroll-behavior-y:none}
body{background:var(--bg);color:var(--frost);font-family:var(--sans);font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:hidden}
body.locked{overflow:hidden;height:100%}
img{display:block;max-width:100%}
a{color:inherit}
button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}
::selection{background:var(--sodium);color:var(--ink)}
.sr{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* ---------- atmosphere ---------- */
#snow{position:fixed;inset:0;width:100%;height:100%;pointer-events:none;z-index:40;opacity:.55}
.grain{position:fixed;inset:-50%;width:200%;height:200%;pointer-events:none;z-index:41;opacity:.075;mix-blend-mode:overlay;
  background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='180' height='180'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 .5 0 0 0 0 .5 0 0 0 0 .5 0 0 0 1.1 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>");
  animation:grain 1.2s steps(6) infinite}
@keyframes grain{0%{transform:translate(0,0)}20%{transform:translate(-3%,2%)}40%{transform:translate(2%,-3%)}60%{transform:translate(-2%,-1%)}80%{transform:translate(3%,3%)}100%{transform:translate(0,0)}}
.vignette{position:fixed;inset:0;pointer-events:none;z-index:39;background:radial-gradient(120% 90% at 50% 45%,transparent 55%,rgba(5,8,7,.55) 100%)}

/* ---------- gate ---------- */
.gate{position:fixed;inset:0;z-index:100;background:#050706;display:grid;place-items:center;text-align:center;transition:opacity 1.8s var(--ease),visibility 0s 1.8s}
.gate.is-leaving{opacity:0;visibility:hidden}
.gate__inner{display:flex;flex-direction:column;align-items:center;gap:26px;padding:24px;opacity:0;animation:fadein 2.4s .6s var(--ease) forwards}
.gate__enter{font-family:var(--mono);font-size:12px;letter-spacing:.32em;text-transform:uppercase;color:var(--fog);padding:18px 34px 17px 38px;border:1px solid rgba(188,194,193,.35);transition:border-color .6s,color .6s,background .6s}
.gate__enter:hover,.gate__enter:focus-visible{border-color:var(--sodium);color:#fff;background:rgba(176,125,58,.06);outline:none}
.gate__sound{display:flex;align-items:center;gap:12px;font-family:var(--serif);font-style:italic;font-weight:300;font-size:17px;color:var(--frost)}
.gate__sound svg{width:18px;height:18px;opacity:.7}
.gate__silent{font-family:var(--mono);font-size:10px;letter-spacing:.24em;text-transform:uppercase;color:var(--slate);border-bottom:1px solid transparent;padding-bottom:2px;transition:color .4s,border-color .4s}
.gate__silent:hover,.gate__silent:focus-visible{color:var(--frost);border-color:var(--slate);outline:none}
@keyframes fadein{to{opacity:1}}

/* ---------- chrome ---------- */
.chrome{position:fixed;z-index:60;font-family:var(--mono);font-size:10.5px;letter-spacing:.22em;text-transform:uppercase;color:var(--frost);transition:opacity 1s var(--ease)}
body.locked .chrome{opacity:0;pointer-events:none}
.brand{top:26px;left:var(--pad);color:var(--fog);text-decoration:none;opacity:.8}
body.on-hero .brand{opacity:0;pointer-events:none}
.soundbtn{top:18px;right:calc(var(--pad) - 12px);display:flex;align-items:center;gap:12px;padding:8px 12px}
.soundbtn .bars{display:flex;align-items:flex-end;gap:2px;height:12px}
.soundbtn .bars i{display:block;width:2px;height:3px;background:var(--frost);transition:background .4s}
.soundbtn.is-on .bars i{background:var(--sodium);animation:bar 1.4s ease-in-out infinite}
.soundbtn.is-on .bars i:nth-child(2){animation-delay:-.4s}.soundbtn.is-on .bars i:nth-child(3){animation-delay:-.9s}.soundbtn.is-on .bars i:nth-child(4){animation-delay:-.2s}
@keyframes bar{0%,100%{height:3px}50%{height:12px}}
.soundbtn:focus-visible{outline:1px solid var(--sodium);outline-offset:2px}
.progress{right:22px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:7px;align-items:flex-end}
.progress button{display:block;width:12px;height:12px;position:relative}
.progress button::after{content:"";position:absolute;right:0;top:50%;height:1px;width:8px;background:rgba(188,194,193,.38);transition:width .5s var(--ease),background .5s}
.progress button:hover::after{width:14px;background:var(--frost)}
.progress button[aria-current="true"]::after{width:22px;background:var(--sodium)}
.progress button:focus-visible{outline:1px solid var(--sodium)}
.counter{right:var(--pad);bottom:24px;display:flex;gap:14px;align-items:baseline;opacity:.75}
.counter b{font-weight:400;color:var(--fog)}
.bar{top:0;left:0;height:2px;width:100%;background:transparent}
.bar i{display:block;height:100%;width:0;background:var(--sodium);transition:width .6s var(--ease)}

/* ---------- scenes ---------- */
.scene{position:relative;height:100vh;height:100svh;min-height:520px;overflow:hidden;scroll-snap-align:start;scroll-snap-stop:always;isolation:isolate;background:var(--bg)}
.scene__bg{position:absolute;left:0;right:0;top:-7vh;bottom:-7vh;z-index:-2;will-change:transform}
.scene__bg picture,.scene__bg img{width:100%;height:100%}
.scene__bg img{object-fit:cover;object-position:var(--pos,50% 50%);transform:scale(1.12);transform-origin:var(--origin,50% 50%);transition:opacity 1.6s var(--ease);opacity:.0;filter:saturate(.92)}
.scene__bg img.is-loaded{opacity:1}
.scene.is-active .scene__bg img{animation:kenburns 22s cubic-bezier(.2,.5,.3,1) forwards}
@keyframes kenburns{from{transform:scale(1.12) translate3d(var(--kx,0),var(--ky,0),0)}to{transform:scale(1.015) translate3d(0,0,0)}}
.scene__shade{position:absolute;inset:0;z-index:-1;pointer-events:none}
.shade-bl{background:linear-gradient(to top,rgba(8,11,10,.92) 0%,rgba(8,11,10,.55) 38%,rgba(8,11,10,0) 70%),linear-gradient(to right,rgba(8,11,10,.7) 0%,rgba(8,11,10,0) 60%)}
.shade-l{background:linear-gradient(to right,rgba(8,11,10,.9) 0%,rgba(8,11,10,.62) 38%,rgba(8,11,10,0) 72%)}
.shade-r{background:linear-gradient(to left,rgba(8,11,10,.9) 0%,rgba(8,11,10,.6) 40%,rgba(8,11,10,0) 75%)}
.shade-top{background:linear-gradient(to bottom,rgba(8,11,10,.55) 0%,rgba(8,11,10,0) 45%),linear-gradient(to top,rgba(8,11,10,.75) 0%,rgba(8,11,10,0) 35%)}
.shade-full{background:rgba(8,11,10,.66)}
.shade-deep{background:linear-gradient(to top,rgba(8,11,10,.95),rgba(8,11,10,.72) 50%,rgba(8,11,10,.55))}

.slug{position:absolute;top:var(--top);left:var(--pad);right:var(--pad);font-family:var(--mono);font-size:10.5px;letter-spacing:.22em;text-transform:uppercase;color:var(--frost);display:flex;gap:16px;align-items:center;opacity:.9}
.slug .n{color:var(--sodium)}
.slug .rule{flex:0 0 38px;height:1px;background:rgba(188,194,193,.4)}
.content{position:absolute;left:var(--pad);right:var(--pad);bottom:clamp(64px,11vh,120px);max-width:36rem}
.align-ml .content{top:50%;bottom:auto;transform:translateY(-44%)}
.align-mr .content{top:50%;bottom:auto;transform:translateY(-44%);left:auto;right:calc(var(--pad) + 30px)}
.align-c .content{left:50%;right:auto;top:50%;bottom:auto;transform:translate(-50%,-50%);text-align:center;max-width:46rem;width:calc(100% - 2*var(--pad))}

.chapter{font-family:var(--mono);font-size:10.5px;letter-spacing:.3em;text-transform:uppercase;color:var(--sodium);margin-bottom:18px;display:block}
.h{font-family:var(--serif);font-weight:300;font-size:clamp(28px,3.3vw,50px);line-height:1.08;letter-spacing:-.012em;color:var(--fog);font-variation-settings:"opsz" 72;margin-bottom:22px;text-wrap:balance}
.h em{font-style:italic}
.p{font-size:clamp(15px,1.06vw,17px);line-height:1.62;color:var(--frost);max-width:34rem;text-wrap:pretty}
.p + .p{margin-top:.8em}
.p strong{color:var(--fog);font-weight:500}
.q{margin-top:26px;padding-left:18px;border-left:1px solid var(--sodium);font-family:var(--serif);font-style:italic;font-weight:300;font-size:clamp(17px,1.3vw,21px);line-height:1.4;color:var(--fog);max-width:31rem}
.q cite{display:block;margin-top:8px;font-family:var(--mono);font-style:normal;font-size:10px;letter-spacing:.24em;text-transform:uppercase;color:var(--slate)}
.meta{margin-top:26px;font-family:var(--mono);font-size:10.5px;letter-spacing:.22em;text-transform:uppercase;color:var(--slate);line-height:1.9}
.sign{display:inline-block;margin-top:22px;font-family:var(--mono);font-size:10.5px;letter-spacing:.2em;text-transform:uppercase;color:var(--sodium-hi);border-top:1px solid rgba(176,125,58,.5);border-bottom:1px solid rgba(176,125,58,.5);padding:7px 0}

/* reveal */
.reveal{opacity:0;transform:translate3d(0,16px,0);transition:opacity 1.4s var(--ease),transform 1.6s var(--ease);transition-delay:calc(var(--d,0) * 1ms + 250ms)}
.scene.is-active .reveal{opacity:1;transform:none}

/* ---------- hero ---------- */
.hero .content{left:50%;right:auto;top:34%;bottom:auto;transform:translate(-50%,0);text-align:center;max-width:none;width:100%}
.title{font-family:var(--serif);font-weight:400;font-size:clamp(17px,1.9vw,28px);letter-spacing:.42em;margin-right:-.42em;color:var(--fog);text-transform:uppercase;font-variation-settings:"opsz" 30}
.byline{margin-top:20px;font-family:var(--serif);font-style:italic;font-weight:300;font-size:clamp(14px,1.05vw,17px);color:var(--frost);letter-spacing:.02em}
.hero .title,.hero .byline{opacity:0;transition:opacity 3.2s var(--ease),letter-spacing 4s var(--ease)}
.hero .title{letter-spacing:.6em}
body.entered .hero .title{opacity:1;letter-spacing:.42em;transition-delay:1.4s}
body.entered .hero .byline{opacity:1;transition-delay:3.1s}
.hint{position:absolute;left:50%;bottom:34px;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:12px;font-family:var(--mono);font-size:9.5px;letter-spacing:.3em;text-transform:uppercase;color:var(--slate);opacity:0;transition:opacity 2s 4.6s}
body.entered .hint{opacity:1}
.hint i{display:block;width:1px;height:40px;background:linear-gradient(var(--frost),transparent);animation:drip 2.6s ease-in-out infinite;transform-origin:top}
@keyframes drip{0%{transform:scaleY(0);opacity:0}30%{opacity:1}100%{transform:scaleY(1);opacity:0}}

/* ---------- typographic scenes ---------- */
.type .content{max-width:44rem}
.type .h{font-size:clamp(30px,3.6vw,56px)}
.remember{margin-top:34px;font-family:var(--mono);font-size:11px;letter-spacing:.3em;text-transform:uppercase;color:var(--sodium)}
.string{display:block;width:min(340px,60vw);height:22px;margin:30px 0 0;overflow:visible}
.string path{fill:none;stroke:rgba(188,194,193,.55);stroke-width:1;stroke-dasharray:420;stroke-dashoffset:420;transition:stroke-dashoffset 4s 1s var(--ease)}
.scene.is-active .string path{stroke-dashoffset:0}

/* cave beat */
.cave{background:#030404}
.beam{position:absolute;width:70vmax;height:70vmax;left:50%;top:50%;margin:-35vmax 0 0 -35vmax;border-radius:50%;background:radial-gradient(closest-side,rgba(232,222,196,.13),rgba(232,222,196,.045) 50%,transparent 72%);z-index:-1;opacity:0;transition:opacity 2s}
.scene.is-active .beam{opacity:1;animation:sweep 11s ease-in-out infinite alternate}
@keyframes sweep{0%{transform:translate(-26vw,8vh)}50%{transform:translate(4vw,-6vh)}100%{transform:translate(20vw,4vh)}}
.lines{list-style:none;font-family:var(--serif);font-weight:300;color:var(--frost);font-size:clamp(19px,1.7vw,27px);line-height:1.5}
.lines li{opacity:0;transition:opacity 1.6s var(--ease);transition-delay:calc(var(--d) * 1ms + 300ms)}
.scene.is-active .lines li{opacity:1}
.lines .big{font-size:clamp(34px,4.2vw,64px);color:var(--fog);font-style:italic;margin:.25em 0 .15em;line-height:1.1}
.lines .small{font-family:var(--mono);font-size:10.5px;letter-spacing:.26em;text-transform:uppercase;color:var(--slate);margin-top:1.4em}
.lines .amber{color:var(--sodium-hi)}

/* ---------- rails (set pieces / people) ---------- */
.stack{position:absolute;left:var(--pad);right:calc(var(--pad) + 24px);top:calc(var(--top) + 48px);bottom:clamp(40px,7vh,80px);display:flex;flex-direction:column;gap:clamp(16px,3vh,30px)}
.stack .h{margin-bottom:0}
.rail{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:clamp(12px,1.4vw,22px);flex:1;min-height:0}
.card{position:relative;display:flex;flex-direction:column;min-height:0}
.card__img{position:relative;flex:1;min-height:0;overflow:hidden;background:#101413}
.card__img img{width:100%;height:100%;object-fit:cover;object-position:var(--pos,50% 50%);transform:scale(1.06);transition:transform 2.4s var(--ease),filter 1.2s;filter:saturate(.85) brightness(.88)}
.card:hover .card__img img{transform:scale(1.0);filter:saturate(.95) brightness(1)}
.card__slug{margin-top:14px;font-family:var(--mono);font-size:9.5px;letter-spacing:.2em;text-transform:uppercase;color:var(--sodium-hi)}
.card__txt{margin-top:7px;font-size:14px;line-height:1.52;color:var(--frost)}
.pieces .card__img{flex:1}
.pieces .card__txt{min-height:6.4em}
.people .card__img{flex:1}
.card__name{margin-top:16px;font-family:var(--sans);font-weight:500;font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:var(--fog)}
.card__role{font-family:var(--serif);font-style:italic;font-weight:300;font-size:16px;color:var(--frost);margin-top:2px}
.people .card__txt{min-height:9.2em}
.county .card__txt{min-height:4.6em}
.reveal-card{opacity:0;transform:translate3d(0,22px,0);transition:opacity 1.3s var(--ease),transform 1.5s var(--ease);transition-delay:calc(var(--d,0) * 1ms + 300ms)}
.scene.is-active .reveal-card{opacity:1;transform:none}
.swipe{display:none}

/* ---------- look ---------- */
.rules{list-style:none;margin-top:4px;max-width:30rem;counter-reset:r}
.rules li{counter-increment:r;position:relative;padding:9px 0 9px 34px;border-top:1px solid rgba(188,194,193,.14);font-size:14.5px;line-height:1.5;color:var(--frost)}
.rules li::before{content:counter(r,decimal-leading-zero);position:absolute;left:0;top:11px;font-family:var(--mono);font-size:10px;color:var(--sodium);letter-spacing:.1em}

/* ---------- writer ---------- */
.writer{background:#0c100f}
.writer__grid{position:absolute;left:var(--pad);right:calc(var(--pad) + 26px);top:calc(var(--top) + 44px);bottom:clamp(40px,7vh,72px);display:grid;grid-template-columns:minmax(260px,.82fr) 2fr;gap:clamp(28px,4vw,72px);align-items:center}
.writer__name{font-family:var(--serif);font-weight:300;font-size:clamp(34px,3.6vw,56px);line-height:1.02;color:var(--fog);margin-bottom:22px;letter-spacing:-.01em}
.writer__lines{list-style:none}
.writer__lines li{padding:11px 0;border-top:1px solid rgba(188,194,193,.14);font-size:14.5px;line-height:1.5;color:var(--frost)}
.writer__lines li:last-child{border-bottom:1px solid rgba(188,194,193,.14)}
.wall{display:grid;grid-template-columns:repeat(8,1fr);gap:clamp(8px,.9vw,14px);align-content:center;max-height:100%}
.poster{position:relative;margin:0}
.poster img{width:100%;height:auto;aspect-ratio:2/3;object-fit:cover;filter:grayscale(.55) brightness(.82) contrast(1.02);transition:filter .9s var(--ease),transform .9s var(--ease);background:#151a19}
.poster:hover img{filter:none;transform:translateY(-3px)}
.poster figcaption{margin-top:7px;font-family:var(--mono);font-size:8.5px;letter-spacing:.12em;text-transform:uppercase;line-height:1.45;color:var(--slate)}
.poster figcaption b{display:block;font-weight:400;color:var(--frost)}
.wall__label{grid-column:1/-1;font-family:var(--mono);font-size:9.5px;letter-spacing:.26em;text-transform:uppercase;color:var(--sodium);margin-top:6px;padding-top:10px;border-top:1px solid rgba(188,194,193,.12)}
.wall .tv{grid-column:span 1}

/* ---------- end card ---------- */
.end .content{left:50%;right:auto;top:50%;bottom:auto;transform:translate(-50%,-50%);text-align:center;max-width:none;width:calc(100% - 2*var(--pad))}
.end .title{font-size:clamp(18px,2vw,30px)}
.contact{margin-top:46px;font-family:var(--mono);font-size:11px;letter-spacing:.2em;text-transform:uppercase;line-height:2.1;color:var(--frost)}
.contact .who{font-family:var(--serif);font-size:clamp(20px,1.7vw,26px);font-weight:300;letter-spacing:.02em;text-transform:none;color:var(--fog);margin-bottom:8px}
.contact a{text-decoration:none;border-bottom:1px solid rgba(176,125,58,.45);padding-bottom:1px;transition:color .4s,border-color .4s}
.contact a:hover,.contact a:focus-visible{color:#fff;border-color:var(--sodium);outline:none}
.colophon{position:absolute;left:0;right:0;bottom:22px;text-align:center;font-family:var(--mono);font-size:9px;letter-spacing:.16em;text-transform:uppercase;color:#59646b;line-height:1.9;padding:0 var(--pad)}
.restart{margin-top:30px;font-family:var(--mono);font-size:9.5px;letter-spacing:.28em;text-transform:uppercase;color:var(--slate);border-bottom:1px solid transparent;padding-bottom:2px}
.restart:hover,.restart:focus-visible{color:var(--frost);border-color:var(--slate);outline:none}

/* ---------- responsive ---------- */
@media (max-width:1100px){
  .wall{grid-template-columns:repeat(6,1fr)}
}
@media (max-width:820px), (max-aspect-ratio:4/5){
  :root{--pad:24px;--top:64px}
  .progress,.counter{display:none}
  .brand{top:22px}
  .soundbtn{top:13px;right:10px}
  .slug{font-size:9.5px;letter-spacing:.18em;gap:10px}
  .slug .rule{flex-basis:20px}
  .content,.align-ml .content,.align-mr .content{left:var(--pad);right:var(--pad);top:auto;bottom:40px;transform:none;max-width:none}
  .align-c .content{bottom:auto;top:50%;left:var(--pad);right:var(--pad);transform:translateY(-50%);width:auto}
  .shade-l,.shade-r,.shade-bl{background:linear-gradient(to top,rgba(8,11,10,.96) 0%,rgba(8,11,10,.82) 42%,rgba(8,11,10,.25) 70%,rgba(8,11,10,.05) 100%)}
  .h{font-size:clamp(25px,7vw,34px);margin-bottom:16px}
  .p{font-size:14.5px;line-height:1.55}
  .q{font-size:16px;margin-top:18px}
  .meta{font-size:9.5px;margin-top:18px}
  .hero .content{top:24%}
  .title{font-size:16px;letter-spacing:.36em;margin-right:-.36em}
  body.entered .hero .title{letter-spacing:.36em}
  .stack{left:0;right:0;top:calc(var(--top) + 30px);bottom:30px;gap:18px}
  .stack > .h,.stack > .swipe,.stack > .p{padding:0 var(--pad)}
  .rail{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:14px;padding:0 var(--pad);scrollbar-width:none;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain}
  .rail::-webkit-scrollbar{display:none}
  .rail .card{flex:0 0 78vw;scroll-snap-align:center}
  .people .card,.county .card{flex-basis:74vw}
  .card__txt{font-size:13.5px}
  .swipe{display:block;font-family:var(--mono);font-size:9.5px;letter-spacing:.24em;text-transform:uppercase;color:var(--slate)}
  .writer__grid{left:0;right:0;top:calc(var(--top) + 26px);bottom:24px;display:flex;flex-direction:column;align-items:stretch;gap:18px}
  .writer__grid > div:first-child{padding:0 var(--pad)}
  .writer__name{font-size:32px;margin-bottom:12px}
  .writer__lines li{font-size:13px;padding:7px 0}
  .wall{display:flex;overflow-x:auto;gap:10px;padding:0 var(--pad);scroll-snap-type:x proximity;scrollbar-width:none;flex:1;min-height:0;align-items:flex-start}
  .wall::-webkit-scrollbar{display:none}
  .poster{flex:0 0 31vw;scroll-snap-align:start}
  .wall__label{display:none}
  .lines{font-size:19px}
  .type .h{font-size:clamp(26px,7.4vw,36px)}
  .colophon{font-size:8px;bottom:14px}
  .contact{font-size:10px;letter-spacing:.14em;margin-top:34px}
}
@media (max-height:700px) and (min-width:821px){
  .h{font-size:clamp(26px,2.8vw,40px)}
  .p{font-size:14.5px}
  .q{margin-top:16px}
}

/* ---------- reduced motion ---------- */
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  .grain,#snow{display:none}
  .scene.is-active .scene__bg img{animation:none}
  .scene__bg img{transform:scale(1.02)}
  .reveal,.reveal-card,.lines li{transition:opacity .6s ease;transform:none!important}
  .scene.is-active .beam{animation:none}
  .hint i{animation:none}
  .soundbtn.is-on .bars i{animation:none;height:8px}
}
.noscript .reveal,.noscript .reveal-card,.noscript .lines li{opacity:1;transform:none}
.noscript .scene__bg img{opacity:1}
@media (max-aspect-ratio:4/5){.scene__bg img{object-position:var(--ppos,var(--pos,50% 50%))}}
.hero .slug{opacity:0;transition:opacity 2s 4s}
body.entered .hero .slug{opacity:.9}

body.on-end .counter,body.on-end .progress{opacity:0;pointer-events:none}
/* ambient video loops */
.bgvid{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:var(--pos,50% 50%);opacity:0;transition:opacity 1.8s var(--ease);transform:scale(1.12);transform-origin:50% 50%;filter:saturate(.92);background:transparent}
.bgvid.is-playing{opacity:1}
.scene.is-active .bgvid{animation:kenburns 22s cubic-bezier(.2,.5,.3,1) forwards}
.plain .scene__bg .bgvid.is-playing{opacity:.55}
@media (max-aspect-ratio:4/5){.bgvid{object-position:var(--ppos,var(--pos,50% 50%))}.bgvid[data-landscape-only]{display:none}}
@media (prefers-reduced-motion:reduce){.bgvid{display:none}}

/* v6d headroom adjustments */
#frame-stand .scene__bg, #the-saddlebag .scene__bg { top: 0; bottom: 0; }
.people .card__img img { transform-origin: 50% 0%; }

@media (max-width: 820px){.people:not(.county) .card__txt{min-height:11.2em}}