:root{color-scheme:dark;--bg:#070a0d;--panel:#10161a;--gold:#e0b86c;--gold-light:#f5d58e;--text:#f5f2eb;--muted:#b1b5b6;--line:#e0b86c3b;--green:#68d998}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:88px}body{margin:0;background:var(--bg);color:var(--text);font-family:Arial,Helvetica,sans-serif;line-height:1.55}a{color:inherit}button{font:inherit}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.site-header{height:78px;position:sticky;top:0;z-index:30;display:flex;align-items:center;justify-content:space-between;gap:28px;padding:0 clamp(20px,6vw,90px);background:#070a0df2;border-bottom:1px solid #e0b86c33;backdrop-filter:blur(14px)}.brand{width:150px;height:54px;display:flex;align-items:center}.brand svg{width:100%;height:100%}.site-header nav{display:flex;align-items:center;gap:clamp(18px,3vw,42px)}.site-header nav a{text-decoration:none;font-size:14px;color:#e7e5df;transition:color .2s}.site-header nav a:hover{color:var(--gold)}.site-header nav .nav-cta{color:#111820;background:var(--gold);font-weight:700;padding:11px 18px;border-radius:4px}.site-header nav .nav-cta:hover{background:var(--gold-light);color:#111820}.menu-toggle{display:none}
.hero{position:relative;min-height:clamp(500px,55vw,700px);display:flex;align-items:center;overflow:hidden}.hero-image,.hero-shade{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.hero-image{object-position:center 55%}.hero-shade{background:linear-gradient(90deg,#050709ed 0%,#050709b8 36%,#05070920 72%),linear-gradient(0deg,#070a0d80,transparent 40%)}.hero-copy{position:relative;z-index:1;width:min(620px,90%);margin-left:clamp(24px,9vw,140px);padding:64px 0}.eyebrow{font-size:11px;letter-spacing:2.8px;color:var(--gold);font-weight:700}.hero h1{font-size:clamp(42px,6vw,76px);line-height:1.04;letter-spacing:-2px;font-weight:500;margin:18px 0}.hero h1 span,h2 span{color:var(--gold)}.hero-copy>p:not(.eyebrow){font-size:clamp(16px,1.7vw,19px);color:#d0d1cf;max-width:470px;margin:0 0 28px}.button{display:inline-flex;align-items:center;justify-content:center;gap:14px;min-height:48px;padding:13px 20px;border-radius:4px;text-decoration:none;font-weight:700;font-size:14px;transition:transform .18s,background .18s}.button:hover{transform:translateY(-2px)}.button-gold{background:var(--gold);color:#101419}.button-gold:hover{background:var(--gold-light)}.button-outline{border:1px solid var(--gold);color:var(--gold)}.button-outline:hover{background:#e0b86c15}
.section{padding:clamp(62px,8vw,106px) clamp(18px,6vw,84px);scroll-margin-top:78px}.section-heading{max-width:780px;text-align:center;margin:0 auto 44px}.section-heading h2,.about-copy h2{font-size:clamp(32px,4.5vw,52px);line-height:1.13;letter-spacing:-1.2px;font-weight:500;margin:10px 0 14px}.section-heading>p:last-child{color:var(--muted);font-size:16px}.quote-section{background:linear-gradient(180deg,#0b1013,#070a0d)}.steps-grid{max-width:1120px;margin:0 auto;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.step-card{position:relative;overflow:hidden;background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:14px}.step-number{display:block;color:var(--gold);font-size:12px;letter-spacing:1.8px;margin:1px 0 9px}.step-card img{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:6px;background:#070a0d}.step-card h3{font-size:17px;margin:15px 0 6px;color:#f7f0df}.step-card p{font-size:13px;line-height:1.55;color:var(--muted);margin:0}.quote-action{max-width:1120px;margin:28px auto 0;padding:24px;border:1px solid #e0b86c30;border-radius:10px;background:#e0b86c09;display:flex;align-items:center;justify-content:space-between;gap:24px}.quote-action p{color:#d1d3d2;font-size:14px;margin:0}
.films-section{background:#080c0f}.video-grid{max-width:1030px;margin:0 auto 66px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.video-card{border:1px solid var(--line);border-radius:10px;background:var(--panel);padding:14px}.video-frame{overflow:hidden;border-radius:7px;background:#000;aspect-ratio:16/9}.video-frame video{width:100%;height:100%;object-fit:cover}.video-card h3{color:var(--gold-light);font-size:20px;margin:16px 4px 4px}.video-card p{font-size:14px;color:var(--muted);margin:0 4px 4px}.catalog-heading{max-width:1120px;margin:0 auto 22px;border-bottom:1px solid var(--line);padding-bottom:14px}.catalog-heading h3{font-size:25px;font-weight:500;margin:0 0 4px}.catalog-heading p{font-size:13px;color:var(--muted);margin:0}.film-grid{max-width:1120px;margin:auto;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.film-card{padding:20px;border:1px solid var(--line);border-radius:10px;background:linear-gradient(150deg,#11191d,#0b0f12);min-width:0}.film-card-header{display:flex;gap:14px;align-items:flex-start}.film-index{display:grid;place-items:center;flex:0 0 35px;width:35px;height:35px;border:1px solid var(--gold);border-radius:50%;color:var(--gold);font-size:13px}.film-card h4{margin:0;font-size:17px;line-height:1.35;font-weight:600}.film-card .series{display:block;color:var(--gold);font-size:11px;letter-spacing:1px;margin-top:4px}.film-specs{padding:14px 0 0 49px;margin:0;list-style:none;display:grid;gap:6px;color:#c8cccd;font-size:13px}.film-specs li:before{content:'•';color:var(--gold);padding-right:8px}.solar-label{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:16px 0 7px;color:var(--gold-light);font-size:12px}.solar-label strong{font-size:13px}.solar-track{height:12px;border:1px solid #b99553;border-radius:20px;background:#171d22;overflow:hidden}.solar-fill{height:100%;border-radius:inherit;background:linear-gradient(90deg,#c58b2d,#ffdc7c)}.solar-footnote{font-size:10px;color:#959b9e;margin:7px 0 0}
.about-section{min-height:350px;display:grid;grid-template-columns:minmax(0,1.5fr) minmax(260px,.7fr);align-items:center;gap:clamp(32px,6vw,76px);background:radial-gradient(ellipse at 80% 50%,#e0b86c12,transparent 48%),#0b1013;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.about-copy{max-width:760px}.about-intro,.about-copy>p:not(.eyebrow){max-width:690px;color:#c4c8c9;font-size:16px;line-height:1.8;margin:20px 0 25px}.about-highlights{display:grid;gap:15px}.about-highlights article{border-left:2px solid var(--gold);padding:2px 0 2px 16px}.about-highlights h3,.about-hours h3{font-size:15px;color:var(--gold-light);margin:0 0 5px}.about-highlights p,.about-hours p{color:#c4c8c9;font-size:14px;line-height:1.7;margin:0}.about-hours{margin:22px 0 25px;padding:16px 18px;border:1px solid var(--line);border-radius:8px;background:#e0b86c09}.about-hours strong{color:#f4e4c1}.owner-portrait{position:relative;margin:0;justify-self:end;width:min(100%,390px);border:1px solid #e0b86c66;border-radius:12px;overflow:hidden;background:#10161a;box-shadow:0 18px 60px #0008}.owner-portrait img{display:block;width:100%;aspect-ratio:4/5;object-fit:cover;object-position:center 30%}.owner-portrait figcaption{display:grid;gap:3px;padding:16px 18px;background:linear-gradient(120deg,#161b1d,#0a0d0f)}.owner-portrait figcaption strong{font-size:18px;color:#fff}.owner-portrait figcaption span{font-size:12px;color:var(--gold)}.site-footer{display:flex;justify-content:space-between;gap:20px;padding:24px clamp(20px,6vw,84px);background:#050709;color:#979d9f;font-size:12px}.site-footer p{margin:0}.site-footer a{color:var(--gold);text-decoration:none}
@media(max-width:900px){.steps-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.film-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hero{min-height:560px}}
@media(max-width:640px){html{scroll-padding-top:70px}.site-header{height:70px;padding:0 18px}.brand{width:128px;height:47px}.menu-toggle{display:block;border:1px solid var(--line);border-radius:5px;background:#10161a;color:var(--gold);font-size:21px;padding:6px 11px}.site-header nav{display:none;position:absolute;top:69px;left:0;right:0;padding:18px;background:#080c0ff7;border-bottom:1px solid var(--line);align-items:stretch;gap:6px}.site-header nav.open{display:flex;flex-direction:column}.site-header nav a{padding:12px 10px}.site-header nav .nav-cta{text-align:center;margin-top:4px}.hero{min-height:570px;align-items:flex-end}.hero-image{object-position:58% center}.hero-shade{background:linear-gradient(0deg,#050709f5 0%,#050709b5 43%,#05070912 100%)}.hero-copy{width:auto;margin:0;padding:0 22px 44px}.hero h1{font-size:clamp(40px,12vw,58px);letter-spacing:-1.4px}.hero-copy>p:not(.eyebrow){font-size:16px;max-width:380px}.section{padding:60px 18px;scroll-margin-top:68px}.section-heading{margin-bottom:30px}.section-heading h2,.about-copy h2{font-size:34px}.section-heading>p:last-child{font-size:14px}.steps-grid{gap:10px}.step-card{padding:10px;border-radius:8px}.step-card h3{font-size:14px;margin-top:11px}.step-card p{font-size:12px}.step-number{font-size:10px}.quote-action{padding:18px;display:grid;gap:16px;text-align:center}.quote-action .button{width:100%}.video-grid{grid-template-columns:1fr;gap:14px;margin-bottom:50px}.video-card h3{font-size:18px}.film-grid{grid-template-columns:1fr;gap:11px}.film-card{padding:16px}.film-card h4{font-size:16px}.film-specs{padding-left:49px}.about-section{min-height:0;grid-template-columns:1fr;gap:32px;padding-bottom:70px}.owner-portrait{justify-self:center;width:min(100%,360px);grid-row:1}.about-highlights p,.about-hours p{font-size:13px}.about-copy>p:not(.eyebrow){font-size:14px}.site-footer{display:grid;justify-items:center;text-align:center;padding:22px 18px}}
.film-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.film-card{display:flex;align-items:center;gap:16px;min-height:82px;padding:18px}.film-card h4{margin:0;font-size:16px;font-weight:600;line-height:1.4}.film-index{flex-basis:38px;width:38px;height:38px;font-size:14px}
@media(max-width:640px){.film-grid{grid-template-columns:1fr}.film-card{min-height:70px;padding:14px}.film-card h4{font-size:15px}}
.about-section{display:block;padding:clamp(24px,4vw,54px) clamp(12px,3vw,36px)}.about-art{max-width:1320px;margin:0 auto}.about-art a{display:block;line-height:0;border:1px solid #e0b86c55;border-radius:10px;overflow:hidden;background:#070a0d}.about-art img{display:block;width:100%;height:auto}.about-art a:focus-visible{outline:3px solid var(--gold);outline-offset:4px}
@media(max-width:640px){.about-section{padding:30px 10px}.about-art a{border-radius:6px}}


/* Homepage container and headline scale. */
main{width:min(1100px,100%);margin-inline:auto;overflow:hidden;}
.hero h1{font-size:clamp(36px,4vw,54px);}
@media(max-width:640px){main{width:100%;}.hero h1{font-size:clamp(34px,9vw,48px);}}