@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root{color-scheme:dark;--bg:#000;--text:#f5f5f4;--muted:#aaa;--line:#292929;--font:'DM Sans',Arial,sans-serif;--display:'Space Grotesk',Arial,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font);font-size:16px;line-height:1.6}a{color:inherit;text-decoration:none}a:focus-visible,summary:focus-visible{outline:2px solid #fff;outline-offset:7px}::selection{background:#ddd;color:#000}.skip-link{position:fixed;left:20px;top:-80px;z-index:10;padding:10px 18px;background:#fff;color:#000}.skip-link:focus{top:15px}.header{padding:26px 5%;display:flex;align-items:center;justify-content:space-between;gap:24px;border-bottom:1px solid var(--line)}.wordmark{font-family:var(--display);font-size:25px;font-weight:700;letter-spacing:-.08em;white-space:nowrap}.wordmark span{font-family:var(--font);font-size:12px;letter-spacing:.22em;font-weight:500;margin-left:10px}nav{display:flex;align-items:center;gap:34px;font-size:14px}nav a{color:#bbb}nav a:hover{color:#fff}.nav-contact{border:1px solid #555;padding:9px 22px;border-radius:100px;color:#fff}.nav-contact:hover{background:#eee;color:#000}.hero{padding:28px 5% 0;max-width:1800px;margin:auto}.hero-eyebrow{display:flex;justify-content:space-between;gap:20px;font-size:13px;color:var(--muted);letter-spacing:.015em}.hero-logo{width:100%;aspect-ratio:3.4;overflow:hidden;margin:40px 0 32px}.hero-logo img{display:block;width:100%;height:100%;object-fit:cover}.hero-bottom{display:grid;grid-template-columns:1.4fr 1fr;align-items:end;gap:60px;margin-bottom:66px}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:var(--display);font-weight:500}h1{font-size:clamp(2.6rem,4.7vw,5.2rem);line-height:1.08;letter-spacing:-.045em}h1 span{color:#8d8d8d}.hero-description{max-width:380px;justify-self:end;color:#aaa}.hero-description p{font-size:17px;line-height:1.7}.text-link{display:inline-block;color:#f4f4f4;font-size:14px;border-bottom:1px solid #888;padding:0 0 6px;margin-top:24px}.text-link:hover{border-color:#fff}.hero-foot{display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--line);padding:22px 0;font-size:13px;color:#aaa}.section{padding:110px 5%;border-top:1px solid var(--line);scroll-margin-top:20px}.studio{display:grid;grid-template-columns:.95fr 1.3fr;gap:8%}.eyebrow{font-size:13px;text-transform:uppercase;letter-spacing:.13em;color:#aaa;margin-bottom:40px}h2{font-size:clamp(2.4rem,4.1vw,4.7rem);line-height:1.1;letter-spacing:-.04em}.intro{max-width:370px;color:#999;margin-top:30px;font-size:17px;line-height:1.8}.disciplines{padding-top:10px}.discipline{padding:30px 0;border-top:1px solid #333;display:grid;grid-template-columns:40px 1fr;gap:15px}.discipline:first-child{padding-top:0;border:0}.number{font-size:13px;color:#777;padding-top:9px}h3{font-size:clamp(1.5rem,2.2vw,2rem);letter-spacing:-.03em;line-height:1.3;margin-bottom:16px}.discipline p{color:#aaa;max-width:560px}.discipline .tags{font-size:13px;color:#777;margin-top:24px}.vision{background:#0e0e0e}.vision h2{max-width:1000px;font-size:clamp(2.5rem,5.8vw,6.2rem)}.vision-bottom{display:grid;grid-template-columns:1.4fr 1fr;gap:10%;margin-top:52px}.vision-bottom p:first-child{max-width:540px;color:#aaa;font-size:18px;line-height:1.8}.vision-bottom p:last-child{font-family:var(--display);font-size:25px;line-height:1.45;letter-spacing:-.025em;align-self:end}.vision-bottom span{color:#777}.format-line{border-top:1px solid #333;display:grid;grid-template-columns:repeat(4,1fr);gap:20px;padding-top:25px;margin-top:70px;font-family:var(--display);font-size:clamp(1.1rem,2vw,1.5rem);color:#b8b8b8}.format-line span::before{content:'';display:inline-block;width:6px;height:6px;border:1px solid #777;margin-right:16px;vertical-align:middle}.contact-heading{display:grid;grid-template-columns:1.6fr 1fr;align-items:end;gap:50px}.contact-heading p{color:#999;justify-self:end}.contact-links{display:grid;grid-template-columns:1.3fr 1fr;gap:8%;margin-top:65px}.contact-links a{display:flex;flex-direction:column;align-items:start;border-top:1px solid #555;padding-top:24px;transition:border-color .2s}.contact-links a:hover{border-color:#fff}.contact-label{font-size:13px;color:#999;margin-bottom:12px}.contact-value{font-family:var(--display);font-size:clamp(1.4rem,2.8vw,2.7rem);letter-spacing:-.03em;line-height:1.4;overflow-wrap:anywhere}.contact-note{font-size:14px;color:#999;margin-top:20px;border-bottom:1px solid #555;padding-bottom:4px}.contact-links a:hover .contact-note{color:#fff}footer{padding:32px 5%;display:flex;justify-content:space-between;align-items:center;gap:25px;border-top:1px solid var(--line)}footer p,footer>span{font-size:13px;color:#888}
@media(min-width:1800px){.section,footer,.header{padding-left:max(5%,calc((100vw - 1620px)/2));padding-right:max(5%,calc((100vw - 1620px)/2))}}
@media(max-width:850px){.hero-bottom{gap:30px}.studio{grid-template-columns:1fr;gap:50px}.intro{max-width:520px}.section{padding-top:80px;padding-bottom:80px}.contact-heading{grid-template-columns:1fr;gap:25px}.contact-heading p{justify-self:start}.vision-bottom{gap:40px}.vision-bottom p:last-child{font-size:21px}nav{gap:22px}.contact-links{gap:30px}}
@media(max-width:560px){.header{padding:20px 6%;gap:15px}.wordmark{font-size:23px}.wordmark span{font-size:10px;margin-left:6px}nav{gap:18px;font-size:14px}nav a:nth-child(2){display:none}.nav-contact{padding:7px 14px}.hero{padding:25px 6% 0}.hero-eyebrow span:last-child{display:none}.hero-logo{margin:48px 0 42px;aspect-ratio:3.2}.hero-bottom{grid-template-columns:1fr;gap:28px;margin-bottom:40px}.hero-description{justify-self:start;max-width:100%}.hero-description p{font-size:16px}.hero-foot{font-size:12px;gap:10px;flex-wrap:wrap}.section{padding:64px 6%}.eyebrow{margin-bottom:28px}.intro{font-size:16px}.discipline{grid-template-columns:25px 1fr;gap:12px;padding:25px 0}.discipline .tags{font-size:13px}.vision h2 br{display:none}.vision-bottom{grid-template-columns:1fr;margin-top:30px;gap:28px}.vision-bottom p:first-child{font-size:16px}.format-line{grid-template-columns:1fr 1fr;margin-top:40px;row-gap:22px}.format-line span::before{margin-right:10px}.contact-heading h2 br{display:none}.contact-links{grid-template-columns:1fr;gap:38px;margin-top:40px}.contact-value{font-size:clamp(1.35rem,6vw,2rem)}footer{padding:30px 6%;align-items:start;flex-wrap:wrap;gap:18px}footer p{display:none}footer>span{font-size:12px}h1{font-size:clamp(2.25rem,9vw,3.5rem)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

/* Work-led presentation, using original FLIVA project frames. */
.hero{background-image:linear-gradient(180deg,rgba(0,0,0,.76),rgba(0,0,0,.69) 55%,#000 100%),url('assets/work/short-film-concept.jpg');background-size:cover;background-position:center 38%}.hero-logo{isolation:auto}.hero-logo img{mix-blend-mode:screen}.hero h1 span{color:#b0b0b0}.hero-description{color:#bbb}.work{background:#080808}.work-heading{display:flex;justify-content:space-between;align-items:end;gap:35px}.work-heading p{color:#999;font-size:16px}.work-filters{display:flex;gap:25px;flex-wrap:wrap;align-items:center;padding:38px 0 20px;border-bottom:1px solid #333;margin-bottom:32px}.work-filters button{font:inherit;font-size:14px;cursor:pointer;border:0;border-bottom:1px solid transparent;padding:8px 0;background:none;color:#888;transition:color .2s}.work-filters button:hover,.work-filters button[aria-pressed=true]{color:#fff}.work-filters button[aria-pressed=true]{border-bottom-color:#fff}.work-filters button:focus-visible{outline:2px solid #fff;outline-offset:5px}.work-filters span{font-size:12px;color:#888;margin-left:8px}.project-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:45px 30px}.project[hidden]{display:none}.project video{display:block;width:100%;aspect-ratio:16/9;background:#000;object-fit:contain;border:1px solid #222}.project-meta{display:flex;justify-content:space-between;align-items:end;gap:20px;padding-top:18px}.project-category{font-size:12px;letter-spacing:.07em;text-transform:uppercase;color:#888;margin-bottom:7px}.project h3{font-size:26px;margin:0}.duration{font-size:13px;font-variant-numeric:tabular-nums;color:#888;padding-bottom:5px}.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}
@media(max-width:850px){.work-heading{align-items:start;flex-direction:column;gap:22px}.project-grid{gap:35px 22px}.project h3{font-size:23px}}
@media(max-width:560px){nav .nav-studio,nav .nav-vision{display:none}.hero{background-position:center top}.hero-logo{margin-top:42px;margin-bottom:38px}.work-filters{gap:20px;padding-top:26px;margin-bottom:24px}.project-grid{grid-template-columns:1fr;gap:34px}.project h3{font-size:24px}.work-heading p{font-size:16px}.project-meta{padding-top:14px}}
CSS
/Users/yathaarthkkansal/.cache/codex-runtimes/codex-primary-runtime/dependencies/node/bin/node --check dist/site.js