@import url('https://fonts.googleapis.com/css2?family=Be+Vietnam+Pro:wght@400;500;600;700;800;900&display=swap');
:root{--bg:#101110;--ink:#eeeee6;--muted:#999b93;--accent:#ed653d}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--bg);color:var(--ink);font-family:'Be Vietnam Pro',Arial,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}header{height:94px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #30312c;margin:0 6%}.logo{font-size:44px;font-weight:900;letter-spacing:-4px}.logo span{font-size:13px;vertical-align:top;letter-spacing:0;margin:10px}nav{display:flex;gap:36px;font-size:12px}header button{background:transparent;color:var(--ink);border:1px solid #44463e;border-radius:30px;padding:10px 16px;font-size:11px}main{margin:0 6%}.hero{padding-top:65px}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:600;color:var(--muted)}h1{font-size:clamp(46px,6.8vw,100px);line-height:1.12;letter-spacing:-5px;margin:26px 0 28px;font-weight:800}.intro{display:flex;justify-content:space-between;align-items:center;margin-bottom:45px}.intro p{max-width:480px;color:#b6b8ae;font-size:14px;line-height:1.9}.cta{background:var(--accent);color:#151510;font-size:12px;padding:18px 25px;border-radius:3px;font-weight:600}.reel{height:440px;background:radial-gradient(ellipse at 70% 80%,#e47a48 0%,#7f3023 24%,transparent 60%),radial-gradient(ellipse at 20% 5%,#443f2f,transparent 60%),#1c1c18;position:relative;overflow:hidden;padding:30px;display:flex;flex-direction:column;justify-content:space-between}.reel:after{content:'';position:absolute;width:65%;height:210%;border:1px solid #e6af7850;border-radius:50%;transform:rotate(35deg);right:-10%;top:-60%}.reel-label,.reel-bottom{font-size:9px;letter-spacing:2px}.reel-title{font-size:105px;line-height:.9;font-weight:900;letter-spacing:-6px;z-index:1}.reel-title i{font-family:Georgia,serif;font-weight:400}.reel-bottom{display:flex;justify-content:space-between;z-index:1}.strip{display:flex;justify-content:space-between;padding:22px 0;font-size:10px;letter-spacing:2px;border-bottom:1px solid #30312c;color:var(--muted)}section:not(.hero){padding:90px 0;border-bottom:1px solid #30312c}.section-top{display:flex;align-items:end;justify-content:space-between}h2{font-size:clamp(32px,4vw,57px);line-height:1.2;letter-spacing:-2px;margin:24px 0;font-weight:600}.section-top p{font-size:12px;color:var(--muted)}.filters{display:flex;gap:10px;margin:30px 0}.filters button{background:transparent;border:1px solid #3d3f37;color:#a5a79e;border-radius:30px;padding:11px 20px;font-size:11px}.filters button.active{color:#141511;background:var(--ink);border-color:var(--ink)}.projects{display:grid;grid-template-columns:1fr 1fr;gap:26px}.poster{height:360px;display:flex;flex-direction:column;justify-content:space-between;padding:25px;overflow:hidden}.short{background:#c6cd95;color:#24291c}.youtube{background:radial-gradient(ellipse at 100% 100%,#a7482b,transparent 75%),#302a26;color:#edc6a5}.poster>span{font-size:10px;letter-spacing:3px}.poster strong{font-size:64px;line-height:1;letter-spacing:-4px}.poster i{font-family:Georgia,serif;font-weight:400}.poster small{font-size:8px;letter-spacing:1px}.project-caption{display:flex;justify-content:space-between;align-items:center}.project-caption h3{font-size:15px;font-weight:500}.project-caption span{font-size:11px;color:var(--muted)}article p,.note{font-size:11px;color:var(--muted);line-height:1.8}.note{margin-top:30px}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center}.about-grid h2{font-size:70px}.about-grid i,#contact i{font-family:Georgia,serif;font-weight:400;color:var(--accent)}.about-copy{font-size:16px;line-height:2;color:#c6c8bd}.skills{display:flex;flex-wrap:wrap;gap:10px}.skills span{font-size:10px;border:1px solid #41433b;padding:10px 14px;border-radius:20px}.extra{font-size:11px;color:var(--muted);line-height:1.9;margin-top:30px}#contact{text-align:center;padding:100px 0}#contact h2{font-size:clamp(40px,5.5vw,80px)}#contact p{color:var(--muted);font-size:13px}.contact-placeholder{display:inline-block;margin-top:25px;border:1px dashed #53564a;padding:16px 24px;font-size:12px;color:#a5a79e}footer{margin:0 6%;display:flex;align-items:center;justify-content:space-between;min-height:110px}footer span,footer>a:last-child{font-size:10px;color:var(--muted)}a:focus-visible,button:focus-visible{outline:2px solid var(--accent);outline-offset:5px}[hidden]{display:none!important}@media(max-width:700px){header{height:76px}nav{gap:15px;font-size:10px}header button{font-size:9px;padding:9px}.logo{font-size:35px}h1{letter-spacing:-2px}.hero{padding-top:40px}.intro{align-items:start;flex-direction:column;gap:12px}.reel{height:330px;padding:22px}.reel-title{font-size:77px}.reel-bottom{font-size:7px;letter-spacing:1px}.strip{font-size:7px;letter-spacing:1px}.section-top{display:block}.projects,.about-grid{grid-template-columns:1fr}.filters{gap:6px;flex-wrap:wrap}.filters button{padding:10px 13px}.poster{height:330px}.about-grid{gap:0}.about-grid h2{font-size:55px}section:not(.hero){padding:60px 0}footer{gap:15px;flex-wrap:wrap;padding:25px 0}footer span{font-size:8px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}