/* FURAKSA / AI Films standalone page */
:root{--ink:#08090b;--silver:#e5e7eb;--muted:#a8afb8;--line:#454b5480;--pad:clamp(18px,5vw,70px)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ink);color:var(--silver);font-family:'Space Grotesk',Arial,sans-serif;overflow-x:clip}a{color:inherit;text-decoration:none}button{font:inherit}.mono{font:400 10px/1.6 'Space Mono',monospace;letter-spacing:.19em;text-transform:uppercase}.muted{color:var(--muted)}
nav{display:flex;gap:24px;align-items:center;justify-content:space-between;padding:21px var(--pad);min-height:82px;border-bottom:1px solid #30333a;flex-wrap:wrap}nav .logo{width:clamp(115px,12vw,180px);height:auto;object-fit:contain}nav .links{display:flex;align-items:center;gap:clamp(12px,3vw,30px);flex-wrap:wrap}nav .links a:hover,.text-link:hover{color:white;text-decoration:underline;text-underline-offset:5px}
.hero{padding:clamp(70px,10vw,145px) var(--pad) clamp(75px,9vw,120px);background:radial-gradient(ellipse at 75% 30%,#33394055,transparent 58%)}.hero-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:clamp(35px,7vw,110px);align-items:center}.kicker{font:400 10px/1.8 'Space Mono',monospace;letter-spacing:.2em;color:#bfc6ce}h1,h2,h3{font-family:Syne,Arial,sans-serif;letter-spacing:-.065em;text-transform:uppercase}h1{font-size:clamp(54px,8vw,128px);line-height:.9;margin:23px 0 24px;overflow-wrap:anywhere}h1 span,h2 span{color:#969da7}.hero p:not(.kicker){max-width:560px;color:#bcc3cd;font-size:clamp(15px,1.45vw,20px);line-height:1.65}.cta{display:inline-flex;gap:20px;align-items:center;background:#ecedf0;color:#15171b;padding:17px 22px;margin-top:18px;font:700 11px 'Space Mono',monospace;text-transform:uppercase;letter-spacing:.1em}.cta:hover{background:white}.hero-image{aspect-ratio:4/3;overflow:hidden;position:relative;border:1px solid #4c545d}.hero-image img{width:100%;height:100%;object-fit:cover}.hero-image span{position:absolute;bottom:18px;left:18px;background:#050608d9;padding:10px 12px}
section.library{padding:clamp(80px,10vw,140px) var(--pad);border-top:1px solid var(--line)}.section-head{display:flex;align-items:end;justify-content:space-between;gap:25px;flex-wrap:wrap;margin-bottom:46px}h2{font-size:clamp(38px,5.5vw,88px);line-height:.93;margin:0}.section-head p{max-width:370px;color:#aeb6c0;line-height:1.7}.film-card{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:clamp(25px,5vw,85px);align-items:center}.film-cover{position:relative;aspect-ratio:16/9;overflow:hidden;background:#14171b}.film-cover img{width:100%;height:100%;object-fit:cover}.film-copy h3{font-size:clamp(30px,3.7vw,64px);line-height:1;margin:15px 0}.film-copy p{font-size:clamp(15px,1.3vw,18px);line-height:1.7;color:#bbc3cc}.film-copy .mono{color:#aab3bc}.film-watch{padding:15px 19px;border:1px solid #d3d7dc;background:transparent;color:#f3f4f6;cursor:pointer;font:600 11px 'Space Mono',monospace;text-transform:uppercase;letter-spacing:.1em;margin-top:16px}.film-watch:hover{background:white;color:#111}.approach{padding:clamp(75px,10vw,150px) var(--pad);border-top:1px solid var(--line);display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:35px}.approach p{color:#bbc2cc;font-size:clamp(17px,2vw,25px);line-height:1.6;max-width:630px}.approach .terms{color:#a3abb7;font-size:10px;line-height:2.4}footer{border-top:1px solid var(--line);padding:55px var(--pad);display:flex;justify-content:space-between;gap:24px;flex-wrap:wrap}footer p{max-width:600px;line-height:1.6;margin:0}dialog{border:1px solid #6d747d;padding:0;background:#08090b;color:white;width:min(95vw,1100px);max-width:none}dialog::backdrop{background:#000d}.dialog-top{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:12px 18px;flex-wrap:wrap}.dialog-top button{background:#ddd;color:black;border:0;padding:10px 14px;cursor:pointer}dialog video{display:block;width:100%;height:auto;max-height:78vh;background:black}
@media(max-width:780px){.hero-grid,.film-card,.approach{grid-template-columns:minmax(0,1fr)}.hero{padding-top:72px}.hero-image{aspect-ratio:16/10}.film-copy{padding-bottom:20px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
@keyframes aigcEntrance{from{opacity:0;transform:translateY(26px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:no-preference){.hero-grid{animation:aigcEntrance .85s cubic-bezier(.22,1,.36,1) both}}