:root{--bg:#05070b;--ink:#f5efe5;--muted:#a9b0b8;--gold:#d6aa57;--line:#1c3550;--blue:#102c4b;--pink:#ff2c9d}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 50% 30%,#102c4b 0,#070b12 28%,#050608 68%),var(--bg);color:var(--ink);font-family:Georgia,serif;line-height:1.5}a{color:inherit;text-decoration:none}.wrap{max-width:1120px;margin:auto;padding:0 34px}.top{display:flex;justify-content:space-between;align-items:center;padding:27px 0;border-bottom:1px solid var(--line)}.brand{font:600 16px Arial,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:var(--gold)}nav{display:flex;gap:26px;font:12px Arial,sans-serif;letter-spacing:.13em;text-transform:uppercase;color:var(--muted)}nav a:hover,.brand:hover{color:#fff}.landing{min-height:calc(100vh - 96px);display:flex;align-items:center;justify-content:center;position:relative}.landing:after{content:"";position:absolute;bottom:14%;left:50%;width:280px;height:110px;transform:translateX(-50%);background:radial-gradient(ellipse,rgba(214,170,87,.32),transparent 68%);filter:blur(12px);pointer-events:none}.threshold{width:min(68vw,590px);max-height:68vh;object-fit:contain;filter:drop-shadow(0 0 30px rgba(214,170,87,.2));mix-blend-mode:screen}.section{padding:75px 0;border-bottom:1px solid var(--line)}.kicker{color:var(--gold);font:11px Arial,sans-serif;letter-spacing:.2em;text-transform:uppercase}.section h1{font-size:clamp(42px,6vw,72px);font-weight:400;margin:12px 0 35px}.flagship{display:grid;grid-template-columns:1.25fr 1fr;gap:42px;align-items:center}.flagship img{width:100%;aspect-ratio:16/9;object-fit:cover;border:1px solid #335579}.flagship h2{font-size:40px;font-weight:400;margin:0 0 12px}.flagship p,.card p{color:var(--muted);font-size:17px}.button{display:inline-block;margin-top:16px;border:1px solid var(--gold);padding:11px 16px;font:11px Arial,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:var(--gold)}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.card{padding:25px 0;border-top:1px solid var(--line);transform:translateY(28px);opacity:0;transition:transform .8s cubic-bezier(.2,.8,.2,1),opacity .8s ease}.card.is-visible{transform:translateY(0);opacity:1}.card h2{font-size:25px;font-weight:400;margin:8px 0}.footer{padding:35px 0 50px;color:var(--muted);font:11px Arial,sans-serif;letter-spacing:.08em;text-transform:uppercase;display:flex;justify-content:space-between}@media(max-width:760px){.wrap{padding:0 20px}.top{align-items:flex-start;gap:18px}.top nav{gap:13px;flex-wrap:wrap;justify-content:flex-end}.landing{min-height:calc(100vh - 100px)}.threshold{width:92vw}.flagship{grid-template-columns:1fr}.grid{grid-template-columns:1fr}.section{padding:56px 0}.footer{display:block}.footer span{display:block;margin-top:10px}}
:root{--bg:#050505;--muted:#aaa39a;--line:#292015}body{background:radial-gradient(circle at 50% 30%,#18130d 0,#0a0a09 24%,#050505 62%),#050505}.top,.section{border-color:#292015}.landing{background:radial-gradient(circle at 50% 50%,rgba(214,170,87,.08),transparent 58%)}
:root{--bg:#070706;--ink:#eee7dc;--muted:#aaa094;--gold:#d4a957;--line:#76562b}body{background:radial-gradient(ellipse at 78% 12%,#2a1d12 0,#17100b 18%,#0a0908 42%,#070706 72%),#070706;color:var(--ink)}.top{border-color:rgba(212,169,87,.48);background:transparent}.section{border-color:rgba(212,169,87,.48);background:transparent}.landing{background:radial-gradient(ellipse at 72% 20%,rgba(139,91,39,.24),transparent 32%),transparent}.footer{color:#8f867c}
:root{--bg:#070706;--ink:#eee7dc;--muted:#aaa094;--gold:#d4a957;--line:#76562b}.threshold{filter:drop-shadow(0 0 10px rgba(214,170,87,.18))}
:root{--bg:#070706;--ink:#eee7dc;--muted:#aaa094;--gold:#d4a957;--line:#76562b}.threshold{mix-blend-mode:screen}
:root{--bg:#070706;--ink:#eee7dc;--muted:#aaa094;--gold:#d4a957;--line:#76562b}.landing{display:flex;flex-direction:column;align-items:center}.landing-actions{display:block;width:100%}
:root{--bg:#070706;--ink:#eee7dc;--muted:#aaa094;--gold:#d4a957;--line:#76562b}footer span:last-child{font-size:0}footer span:last-child:after{content:'ancient stories // modern tools';font-size:11px}
:root{--bg:#070706;--ink:#eee7dc;--muted:#aaa094;--gold:#d4a957;--line:#76562b}.movie-card{padding-top:0;border-top:1px solid rgba(212,169,87,.48)}.movie-card img{display:block;width:100%;aspect-ratio:16/10;object-fit:cover;margin-bottom:22px;filter:saturate(.78) contrast(1.04);border-bottom:1px solid rgba(212,169,87,.24)}.movie-card p{font-size:16px;line-height:1.65}
:root{--bg:#070706;--ink:#eee7dc;--muted:#aaa094;--gold:#d4a957;--line:#76562b}.social-insignia{display:flex;gap:9px;align-items:center;margin-left:auto;color:var(--muted);letter-spacing:.08em}.social-insignia a{border:1px solid rgba(212,169,87,.42);border-radius:999px;padding:6px 9px;font-size:10px;line-height:1;color:var(--muted);transition:color .2s,border-color .2s,background .2s}.social-insignia a:hover{color:var(--ink);border-color:var(--gold);background:rgba(212,169,87,.08)}@media(max-width:760px){.social-insignia{margin:18px 0 0;flex-wrap:wrap}}
:root{--bg:#070706;--ink:#eee7dc;--muted:#aaa094;--gold:#d4a957;--line:#76562b}.footer-brand{display:flex;align-items:center;gap:12px}.footer-brand img{width:48px;height:48px;object-fit:contain;mix-blend-mode:screen;opacity:.9}.footer-brand>div{display:flex;flex-direction:column;gap:3px}.footer-brand span{display:block}.poster-link{display:block}.poster-link img{transition:filter .25s,transform .25s}.poster-link:hover img{filter:saturate(.95) contrast(1.08) brightness(1.08);transform:translateY(-2px)}.movie-card h2 a:hover{color:var(--gold)}@media(max-width:760px){.footer-brand{margin-top:12px}}
:root{--bg:#070706;--ink:#eee7dc;--muted:#aaa094;--gold:#d4a957;--line:#76562b}.footer-brand span:last-child{font-size:0!important}.footer-brand span:last-child:after{content:'ancient stories // modern tools'!important;font-size:11px}
:root{--bg:#070706;--ink:#eee7dc;--muted:#aaa094;--gold:#d4a957;--line:#76562b}footer span:last-child:after{content:none!important}.footer-brand span:last-child{font-size:0!important}.footer-brand span:last-child:after{content:'ancient stories // modern tools'!important;font-size:11px}
:root{--bg:#070706;--ink:#eee7dc;--muted:#aaa094;--gold:#d4a957;--line:#76562b}.footer-brand img{width:110px!important;height:76px!important}
:root{--bg:#070706;--ink:#eee7dc;--muted:#aaa094;--gold:#d4a957;--line:#76562b}.social-icon{display:grid!important;place-items:center;width:30px;height:30px;padding:0!important}.social-icon svg{width:15px;height:15px;fill:currentColor;stroke:currentColor;stroke-width:1.5}.social-icon svg rect,.social-icon svg circle{fill:none}
:root{--bg:#070706;--ink:#eee7dc;--muted:#aaa094;--gold:#d4a957;--line:#76562b}.footer-brand{gap:5px}.footer-brand>div{transform:translateY(-7px)}.footer-brand img{mix-blend-mode:screen;background:transparent;mask-image:radial-gradient(ellipse 76% 82% at 50% 50%,#000 56%,rgba(0,0,0,.94) 72%,transparent 100%);-webkit-mask-image:radial-gradient(ellipse 76% 82% at 50% 50%,#000 56%,rgba(0,0,0,.94) 72%,transparent 100%)}
:root{--bg:#070706;--ink:#eee7dc;--muted:#aaa094;--gold:#d4a957;--line:#76562b}.footer-brand{align-items:flex-end}.footer-brand img{width:220px!important;height:152px!important}.landing:after{display:none!important}.threshold{mix-blend-mode:screen;mask-image:radial-gradient(ellipse 64% 72% at 50% 50%,#000 48%,rgba(0,0,0,.94) 61%,transparent 78%);-webkit-mask-image:radial-gradient(ellipse 64% 72% at 50% 50%,#000 48%,rgba(0,0,0,.94) 61%,transparent 78%)}
:root{--bg:#070706;--ink:#eee7dc;--muted:#aaa094;--gold:#d4a957;--line:#76562b}.threshold-link{position:relative;display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.threshold-link .threshold{display:block}.threshold-prompt{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) translateY(8px);color:var(--ink);font:12px Arial,sans-serif;letter-spacing:.18em;text-transform:uppercase;white-space:nowrap;opacity:0;text-shadow:0 1px 12px #000;transition:opacity .3s ease,transform .3s ease;pointer-events:none}.threshold-link:hover .threshold,.threshold-link:focus-visible .threshold{filter:brightness(.68) drop-shadow(0 0 10px rgba(214,170,87,.18))}.threshold-link:hover .threshold-prompt,.threshold-link:focus-visible .threshold-prompt{opacity:1;transform:translate(-50%,-50%)}
:root{--bg:#070706;--ink:#eee7dc;--muted:#aaa094;--gold:#d4a957;--line:#76562b}.footer{background:#070706}.footer-brand img{mix-blend-mode:normal!important;mask-image:none!important;-webkit-mask-image:none!important}.footer-brand>div{transform:none!important;gap:0!important;align-self:flex-end}
:root{--bg:#070706;--ink:#eee7dc;--muted:#aaa094;--gold:#d4a957;--line:#76562b}.footer{background:transparent;align-items:flex-end}.footer-brand>div{transform:none!important;gap:0!important;align-self:flex-end}.social-insignia{align-self:flex-end;margin-bottom:0!important}
:root{--bg:#070706;--ink:#eee7dc;--muted:#aaa094;--gold:#d4a957;--line:#76562b}.footer-brand img{transform:translate(12px,36px)}
:root{--bg:#070706;--ink:#eee7dc;--muted:#aaa094;--gold:#d4a957;--line:#76562b}.footer-brand{transform:none}.footer-brand>div{transform:translateX(-48px)!important}.threshold-prompt{font-size:20px;color:#c9cdd3;text-shadow:0 1px 16px rgba(0,0,0,.9);transition:opacity .65s ease,transform .65s cubic-bezier(.22,.61,.36,1)}
/* Poster assets keep their full compositions inside widescreen cards. */
.series-grid .movie-card img{aspect-ratio:16/9}
.movie-card .poster-fit{object-fit:contain;background:#000;filter:none}
.movie-card .vicuna-poster{padding:12px}
@media(max-width:760px){.series-grid .movie-card .stalemate-poster{aspect-ratio:2/3}}
/* Brushed silver: visible grain and highlights without a dark lower edge. */
.threshold-prompt{top:calc(50% - 24px);background:repeating-linear-gradient(0deg,rgba(255,255,255,.2) 0 .7px,rgba(65,75,85,.12) .7px 1.2px,transparent 1.2px 2.2px),linear-gradient(175deg,#e9edf0 0%,#aeb8c1 28%,#e2e7eb 46%,#a2aeb9 64%,#c9d1d8 82%,#dce2e7 100%);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 2px 10px rgba(0,0,0,.65);transition:opacity .85s ease,transform .85s cubic-bezier(.22,.61,.36,1)}
/* Keep desktop positioning; give smaller screens their own spacing. */
.threshold-prompt{font-size:27.6px;font-weight:600;text-shadow:none;filter:drop-shadow(0 2px 4px rgba(0,0,0,.85))}
@media (max-width:760px){
  .wrap{padding-inline:20px}
  .top{flex-direction:column;align-items:center;gap:14px;padding:22px 0 14px}
  .brand{flex:none;white-space:nowrap}
  .top nav{justify-content:center;gap:0 18px;width:100%;max-width:460px}
  .top nav a{display:flex;align-items:center;justify-content:center;min-height:44px;white-space:nowrap}
  .wrap:has(.landing){display:flex;flex-direction:column;min-height:100svh}
  .landing{flex:1;min-height:340px;padding:24px 0}
  .threshold-link{width:100%;max-width:440px}
  .threshold{width:100%;max-height:52svh}
  .section{padding:42px 0}
  .section h1{font-size:clamp(34px,8.5vw,52px);line-height:1.12;margin-bottom:28px}
  .grid{gap:28px}
  .card{min-width:0}
  .movie-card img[src="/assets/femtech-poster.jpg"],.movie-card img[src="/assets/stalemate-poster.png"]{aspect-ratio:2/3;object-fit:contain}
  .footer{display:flex;flex-direction:column;align-items:center;gap:16px;padding:16px 0 28px}
  .footer-brand{width:100%;max-width:390px;justify-content:center;align-items:center;gap:0;margin-top:0}
  .footer-brand img{width:160px!important;height:110px!important;flex:none;transform:none;margin-left:-25px}
  .footer-brand>div{transform:none!important;align-self:center;flex:1;min-width:0;margin-left:-15px}
  .footer-brand span{margin-top:0;line-height:1.5}
  .footer-brand span:last-child:after{font-size:10px}
  .social-insignia{align-self:center;justify-content:center;gap:12px;margin:0}
  .social-insignia .social-icon{width:44px;height:44px}
  .social-icon svg{width:17px;height:17px}
}
@media (max-width:760px),(hover:none),(pointer:coarse){
  .threshold-prompt{top:auto;bottom:8px;opacity:1;transform:translateX(-50%);font-size:clamp(18px,6vw,24px);letter-spacing:.14em}
  .threshold-link:hover .threshold,.threshold-link:focus-visible .threshold{filter:drop-shadow(0 0 10px rgba(214,170,87,.18))}
  .threshold-link:hover .threshold-prompt,.threshold-link:focus-visible .threshold-prompt{transform:translateX(-50%)}
}
@media (prefers-reduced-motion:reduce){
  .threshold-prompt,.card,.poster-link img{transition:none}
}