:root{--bg:#090909;--panel:#111;--line:#292929;--muted:#9c9c9c;--yellow:#ffd400;--white:#f6f6f4}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--white);font-family:Arial,Helvetica,sans-serif}.page{max-width:1500px;margin:auto;padding:28px 6vw 70px}.top{display:flex;justify-content:space-between;align-items:center;padding:0 0 22px;border-bottom:1px solid var(--line);font-size:11px;letter-spacing:.16em;color:#888}.brand{color:#ddd}.dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--yellow);margin-right:8px}.hero{min-height:470px;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:8vw;padding:54px 0}.eyebrow{font-size:11px;letter-spacing:.18em;text-transform:uppercase;font-weight:700}.yellow{color:var(--yellow)}h1{font-size:clamp(58px,8vw,118px);line-height:.86;letter-spacing:-.075em;margin:18px 0 24px}h1 span{color:var(--yellow)}.hero p{font-size:18px;line-height:1.55;color:#c5c5c5;max-width:560px}.scroll-btn{display:inline-block;margin-top:18px;padding:13px 20px;border:1px solid var(--yellow);border-radius:999px;color:var(--white);text-decoration:none;font-size:13px}.scroll-btn:hover{background:var(--yellow);color:#111}.logo-wrap{background:#f4f4f2;border-radius:22px;padding:38px;box-shadow:14px 14px 0 var(--yellow);transform:rotate(-1.5deg)}.logo-wrap img{width:100%;display:block}.intro-strip{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:22px 0;display:flex;gap:40px;align-items:center}.intro-strip span{color:var(--yellow);font-size:11px;letter-spacing:.16em;font-weight:bold}.intro-strip p{margin:0;color:#ddd;font-size:15px}.showcase{padding:70px 0 0}.section-head{display:flex;justify-content:space-between;gap:60px;align-items:end;margin-bottom:28px}.section-head h2{font-size:clamp(36px,5vw,66px);letter-spacing:-.055em;margin:8px 0 0}.section-head p{max-width:390px;color:var(--muted);line-height:1.5;margin:0}.filters{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:42px}.filters button{background:#111;border:1px solid #303030;color:#bbb;padding:10px 16px;border-radius:999px;cursor:pointer}.filters button.active,.filters button:hover{background:var(--yellow);color:#111;border-color:var(--yellow)}.phase{border-top:1px solid var(--line);padding:38px 0 48px}.phase-info{display:grid;grid-template-columns:60px 1fr;gap:18px;align-items:start;margin-bottom:28px}.phase-info>span{font-size:42px;font-weight:bold;color:var(--yellow);letter-spacing:-.05em}.phase-info h3{font-size:27px;margin:0 0 8px;letter-spacing:-.035em}.phase-info p{margin:0;color:var(--muted);line-height:1.5;max-width:650px}.content-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.content-grid.five{grid-template-columns:repeat(5,minmax(0,1fr))}.work-card{background:var(--panel);border:1px solid #292929;border-radius:16px;overflow:hidden;text-decoration:none;color:var(--white);transition:.25s transform,.25s border-color;min-width:0}.work-card:hover{transform:translateY(-5px);border-color:var(--yellow)}.visual{height:220px;background:linear-gradient(145deg,#272727,#0d0d0d);padding:16px;display:flex;justify-content:space-between;align-items:flex-end;position:relative;overflow:hidden}.visual:before{content:"";position:absolute;width:180px;height:180px;border:1px solid rgba(255,212,0,.25);border-radius:50%;right:-55px;top:-65px}.visual span{font-size:10px;letter-spacing:.15em;color:var(--yellow);z-index:1}.visual b{font-size:54px;letter-spacing:-.06em;color:#eee;z-index:1}.reel .visual{background:linear-gradient(145deg,#1e1e1e,#070707)}.carousel .visual{background:linear-gradient(145deg,#303030,#101010)}.card-copy{padding:18px}.card-copy small{font-size:10px;letter-spacing:.15em;color:var(--yellow)}.card-copy h4{font-size:19px;margin:7px 0;letter-spacing:-.025em}.card-copy p{font-size:13px;color:var(--muted);line-height:1.45;margin:0 0 14px}.open{font-size:12px;color:#eee}.featured-episode{background:var(--yellow);color:#0b0b0b;border-radius:16px;padding:26px;display:flex;justify-content:space-between;gap:30px;align-items:center;margin-bottom:18px}.featured-episode small{font-weight:bold;letter-spacing:.13em}.featured-episode h3{font-size:28px;margin:8px 0}.featured-episode p{margin:0;max-width:600px}.featured-episode a{white-space:nowrap;background:#111;color:#fff;text-decoration:none;padding:13px 17px;border-radius:999px;font-size:13px}.content-grid.five .visual{height:145px}.content-grid.five .visual b{font-size:38px}.content-grid.five .card-copy{padding:14px}.content-grid.five .card-copy h4{font-size:16px}.episodes-mini{border-top:1px solid var(--line);padding:45px 0}.episode-list{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:18px}.episode-list span{border:1px solid #292929;border-radius:12px;padding:17px;color:#bbb;font-size:13px}footer{border-top:1px solid var(--line);padding-top:24px;display:flex;justify-content:space-between;color:#777;font-size:11px;letter-spacing:.08em}@media(max-width:1000px){.content-grid.five{grid-template-columns:repeat(3,1fr)}.episode-list{grid-template-columns:repeat(2,1fr)}}@media(max-width:760px){.page{padding:22px 5vw 50px}.hero{grid-template-columns:1fr;gap:42px}.hero-copy{order:2}.logo-wrap{order:1}.section-head{display:block}.section-head p{margin-top:18px}.intro-strip{display:block}.intro-strip p{margin-top:10px}.content-grid,.content-grid.five{grid-template-columns:repeat(2,1fr)}.visual{height:180px}.featured-episode{display:block}.featured-episode a{display:inline-block;margin-top:18px}}@media(max-width:520px){.top{font-size:9px}.content-grid,.content-grid.five,.episode-list{grid-template-columns:1fr}.phase-info{grid-template-columns:45px 1fr}.phase-info>span{font-size:32px}.featured-episode{padding:22px}footer{display:block;line-height:2}.hero{padding-top:38px}}