@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@600;700;800&family=DM+Sans:wght@400;500;600;700&display=swap');
:root{--ink:#11151a;--paper:#f6f6f2;--yellow:#f5e52c;--pink:#d31678;--line:#d9dad6}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:88px}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',Arial,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}img{display:block;width:100%;height:100%;object-fit:cover}a:focus-visible,button:focus-visible{outline:3px solid #c01478;outline-offset:5px}.nav{height:88px;padding:0 5%;display:flex;align-items:center;justify-content:space-between;background:var(--paper);position:sticky;top:0;z-index:20;border-bottom:1px solid var(--line)}.brand{font-size:38px;font-weight:800;letter-spacing:-2px;display:flex;align-items:center;gap:12px}.brand-dot{color:var(--pink);margin-left:-12px}.blocks{width:30px;display:grid;grid-template-columns:1fr 1fr;gap:3px;transform:rotate(-6deg)}.blocks i{height:13px;background:#2f448f}.blocks i:nth-child(2){background:#d31678}.blocks i:nth-child(3){background:#8c298e}.blocks i:nth-child(4){background:#e6d726}.nav nav{display:flex;align-items:center;gap:36px;font-size:14px;font-weight:600}.nav-cta{border:1px solid #111;padding:12px 18px}.nav-cta span{margin-left:24px}.menu{display:none}.hero{min-height:670px;height:calc(100svh - 88px);max-height:900px;position:relative;color:white;background:#10152b;overflow:hidden}.hero-image{position:absolute;object-position:center 42%}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,9,20,.84),rgba(6,8,23,.3)),linear-gradient(0deg,rgba(7,10,20,.6),transparent 60%)}.hero-content{position:relative;padding:100px 6% 110px;max-width:1150px}.eyebrow{font-size:11px;letter-spacing:2px;font-weight:700;display:flex;align-items:center;gap:10px}.live-dot{width:7px;height:7px;background:var(--yellow);border-radius:50%;box-shadow:0 0 15px #f5e52c}.hero h1{font-family:'Barlow Condensed','Arial Narrow',sans-serif;font-size:clamp(64px,7.2vw,112px);line-height:.98;letter-spacing:-2px;text-transform:uppercase;margin:32px 0}.hero h1 em{color:var(--yellow);font-style:normal}.hero-content>p:not(.eyebrow){font-size:17px;line-height:1.65;color:#e0e1e8}.actions{display:flex;align-items:center;gap:32px;margin-top:36px}.button{padding:17px 24px;font-size:13px;font-weight:700;display:inline-flex;align-items:center;gap:32px}.yellow{background:var(--yellow);color:var(--ink)}.film-link{display:flex;align-items:center;gap:12px;font-size:13px}.play{width:38px;height:38px;border:1px solid #aaa;border-radius:50%;display:grid;place-items:center;font-size:20px}.hero-bottom{position:absolute;bottom:26px;left:6%;right:6%;display:flex;justify-content:space-between;font-size:10px;letter-spacing:1.5px}.side-label{position:absolute;right:24px;top:45%;writing-mode:vertical-rl;font-size:10px;letter-spacing:3px}.ticker{display:flex;align-items:center;justify-content:space-around;gap:25px;background:var(--yellow);padding:22px 4%;overflow:hidden;white-space:nowrap;font-size:12px;font-weight:700;letter-spacing:1px}.ticker b{font-size:21px}.section{padding:100px 6%}.section-top{display:flex;justify-content:space-between;gap:60px;align-items:end;margin-bottom:42px}.muted{color:#656b70}h2{font-family:'Barlow Condensed','Arial Narrow',sans-serif;text-transform:uppercase;font-size:clamp(46px,5vw,76px);line-height:1.02;letter-spacing:-1px;margin:20px 0 0}h2>span{color:#777d80}.intro{max-width:350px;line-height:1.8;font-size:14px;color:#5b6166}.projects{display:grid;grid-template-columns:1.45fr 1fr;gap:24px}.project{position:relative;height:445px;overflow:hidden;color:#fff;background:#172139}.project img{transition:transform .6s}.project:hover img,.album:hover img{transform:scale(1.04)}.project:after{content:'';position:absolute;inset:0;background:linear-gradient(transparent 20%,#070c17e8)}.project>div{position:absolute;bottom:28px;left:28px;right:28px;z-index:1}.tag{font-size:9px;letter-spacing:1.5px;border:1px solid #ffffff80;padding:6px 9px}.project h3{font-size:24px;letter-spacing:-.7px;margin:22px 0 10px}.project h3 span{float:right;color:var(--yellow)}.project p{font-size:12px;color:#d9dce2;line-height:1.5}.disciplines{display:grid;grid-template-columns:repeat(4,1fr);margin-top:45px;border-top:1px solid var(--line)}.disciplines article{padding:26px 25px 0 0}.disciplines article>span{font-size:10px;color:#787d80}.disciplines h3{font-size:18px}.disciplines p{font-size:12px;color:#697077;line-height:1.8;max-width:230px}.film-section{display:grid;grid-template-columns:1fr 1fr;background:var(--ink);color:white}.film-image{position:relative;min-height:540px}.film-image img{position:absolute;opacity:.8}.film-stamp{position:absolute;bottom:35px;left:35px;font-family:'Barlow Condensed',sans-serif;font-size:50px;line-height:.95;color:var(--yellow);border:2px solid var(--yellow);padding:14px;transform:rotate(-6deg)}.film-copy{padding:72px 13% 72px 11%}.film-copy h2{font-size:60px}.film-copy em{font-style:normal;color:var(--yellow)}.film-copy>p:not(.eyebrow){font-size:14px;line-height:1.9;color:#bcc0c5}.film-copy .video-note{border-left:2px solid var(--yellow);padding-left:16px;margin:26px 0}.outline{border:1px solid #686d74}.text-link{font-size:13px;font-weight:700;border-bottom:1px solid #222;padding-bottom:8px;display:inline-block}.filter-bar{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;gap:20px}.filter-bar p{font-size:13px;color:#656b70}.filter{border:1px solid var(--line);padding:9px 17px;border-radius:30px;background:transparent;font-size:11px;margin-left:5px}.filter.active{background:var(--ink);color:white;border-color:var(--ink)}.album-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.album[hidden]{display:none}.album-cover{height:270px;position:relative;overflow:hidden;background:#222}.album-cover img{transition:transform .5s}.album-cover>span{position:absolute;bottom:12px;right:12px;background:var(--paper);padding:8px 10px;font-size:10px}.album>p{font-size:9px;letter-spacing:1px;color:#747a7d;margin-top:18px}.album>p span{float:right}.album h3{font-size:18px;margin:12px 0;font-weight:600;letter-spacing:-.4px}.album h3 span{float:right}.demo-note{font-size:10px;color:#767c81;line-height:1.6;margin-top:30px}.about{display:grid;grid-template-columns:1.2fr 1fr;gap:9%;border-top:1px solid var(--line)}.about h2{font-size:54px}.about p{font-size:14px;line-height:1.9;color:#666d72}.about .about-lead{font-size:20px;color:var(--ink);line-height:1.6}.about .text-link{margin-top:15px}.join{margin:0 3% 60px;background:var(--yellow);padding:65px 4%;position:relative}.join h2{font-size:clamp(95px,13vw,190px);line-height:.85;margin:30px 0 45px}.join h2 span{color:var(--ink)}.join-bottom{display:flex;justify-content:space-between;gap:30px;align-items:end}.join-bottom p{font-size:14px;line-height:1.7}.dark{background:var(--ink);color:#fff}footer{padding:10px 6% 45px;display:flex;align-items:center;gap:45px}footer p{font-size:12px;margin-right:auto}footer p span{display:block;color:#7b8084;font-size:10px;margin-top:5px}footer>a:not(.brand){font-size:11px}@media(min-width:1600px){.section{padding-left:max(6%,calc((100vw - 1450px)/2));padding-right:max(6%,calc((100vw - 1450px)/2))}}@media(max-width:800px){.nav{height:72px}.brand{font-size:32px}.menu{display:block;background:none;border:1px solid #ccc;padding:9px 12px;font-size:12px}.nav nav{display:none;position:absolute;top:72px;left:0;right:0;background:var(--paper);padding:25px;flex-direction:column;align-items:stretch;gap:20px;border-bottom:1px solid #ccc}.nav nav.open{display:flex}.hero{height:720px;min-height:0}.hero-content{padding:90px 6%}.hero h1{font-size:68px}.hero-content>p:not(.eyebrow){font-size:14px}.actions{gap:20px;flex-wrap:wrap}.side-label{display:none}.hero-bottom{font-size:8px;gap:20px}.ticker{justify-content:start;padding:18px 6%;font-size:10px}.section{padding:65px 6%}.section-top{display:block;margin-bottom:28px}.intro{margin-top:26px;max-width:100%}.projects{grid-template-columns:1fr}.project{height:360px}.disciplines{grid-template-columns:1fr 1fr}.film-section{grid-template-columns:1fr}.film-image{min-height:340px}.film-copy{padding:45px 6%}.film-copy h2{font-size:52px}.album-grid{grid-template-columns:1fr 1fr;gap:22px}.album-cover{height:240px}.filter-bar{align-items:start;flex-direction:column}.filter{margin:0 5px 0 0}.albums .text-link{margin-top:25px}.album h3{font-size:16px}.about{grid-template-columns:1fr;gap:25px}.about h2{font-size:48px}.join{padding:45px 6%;margin:0 3% 40px}.join-bottom{align-items:start;flex-direction:column}.join h2{font-size:110px}footer{flex-wrap:wrap;gap:24px}footer p{width:60%;margin-right:0}}@media(max-width:480px){.hero h1{font-size:57px;letter-spacing:-1px}.hero{height:650px}.hero-content{padding-top:70px}.eyebrow{font-size:9px}.album-grid{grid-template-columns:1fr}.album-cover{height:300px}.project h3{font-size:22px}.hero-bottom>span{max-width:150px;line-height:1.7}.join h2{font-size:100px}.brand{gap:8px}.brand-dot{margin-left:-8px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

/* Official Kroew identity */
.brand img{width:190px;height:70px;object-fit:contain}.brand{flex-shrink:0}footer .brand img{width:165px;height:auto}@media(max-width:800px){.brand img{width:150px;height:58px}}