/*
Theme Name: Longevity Day
Description: A simple film showcase for LongevityDayMovie.com.
Version: 1.0.0
Text Domain: longevity-day
*/
:root{color-scheme:dark;--bg:#10171c;--ink:#f8f4eb;--muted:#b9c5cb;--blue:#a8c9f3}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font:18px/1.7 system-ui,sans-serif}a{color:inherit;text-underline-offset:5px}a:focus-visible{outline:3px solid var(--blue);outline-offset:6px}.skip{position:absolute;left:20px;top:-100px;z-index:10}.skip:focus{top:15px;background:var(--bg);padding:12px}.wrap{max-width:1160px;margin:auto;padding:0 6vw}header{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:25px 6vw;background:var(--bg)}.brand{font-size:17px;text-decoration:none;letter-spacing:.12em}nav{display:flex;gap:26px;font-size:14px}.hero{position:relative;min-height:680px;height:82vh;max-height:960px;display:flex;align-items:flex-start;background:#bcc5c6 url('assets/beach.jpg') center center/cover no-repeat}.hero:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(12,27,39,.65),transparent 75%),linear-gradient(0deg,var(--bg),transparent 35%)}.hero-copy{position:relative;padding:8vh 6vw;max-width:800px}.eyebrow{text-transform:uppercase;letter-spacing:.2em;font-size:12px;color:var(--blue);margin:0 0 18px}h1,h2,h3{font-family:Georgia,serif;font-weight:400;line-height:1.1}h1{font-size:clamp(60px,8vw,118px);margin:0 0 25px;letter-spacing:-.04em}h2{font-size:clamp(38px,5vw,64px);margin:0 0 28px}h3{font-size:clamp(29px,4vw,42px);margin:0 0 20px}.hero p{max-width:440px;font-size:21px}.button{display:inline-block;border:1px solid #dce9f1;padding:11px 23px;margin-top:20px;text-decoration:none;font-size:15px}.button:hover{background:var(--ink);color:var(--bg)}section{padding:95px 0}.intro{display:grid;grid-template-columns:1fr 1fr;gap:65px;align-items:center}.intro p{color:var(--muted)}.intro img{width:100%;height:auto;display:block}.films{border-top:1px solid #33434d}.section-head{max-width:720px;margin-bottom:55px}.section-head p{color:var(--muted)}.film{margin-bottom:75px;max-width:1000px}.film:last-child{margin-bottom:0}.film p{max-width:760px;color:var(--muted)}.player{position:relative;aspect-ratio:16/9;background:#000;margin:26px 0 16px}.player iframe{width:100%;height:100%;border:0;position:absolute;inset:0}.watch{font-size:14px;color:var(--blue)}.contact{background:#1a2831;border-top:1px solid #33434d}.contact p{color:var(--muted);max-width:640px}.email{font-family:Georgia,serif;font-size:clamp(22px,3.5vw,42px);overflow-wrap:anywhere}footer{padding:30px 6vw;color:var(--muted);font-size:13px;display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}@media(max-width:700px){header{padding:22px 6vw}.brand{font-size:13px}nav{gap:16px;font-size:13px}.hero{height:76vh;min-height:560px;background-position:43% center}.hero-copy{padding-top:65px}.hero p{font-size:18px;max-width:270px}.intro{grid-template-columns:1fr;gap:32px}section{padding:65px 0}.film{margin-bottom:55px}}

.screen-reader-text{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}