@import "https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@400;500;600&family=DM+Sans:wght@400;500;600&display=swap";:root{--bg:#101110;--panel:#191a18;--ink:#efece3;--muted:#969790;--line:#343630;--accent:#ff5b2b}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--ink);margin:0;font-family:DM Sans,Arial,sans-serif;font-size:14px}button,input,textarea,select{font:inherit}a{color:inherit;text-decoration:none}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit;background:0 0;border:0}button:disabled{opacity:.28;cursor:default}:is(button:focus-visible,a:focus-visible){outline:2px solid var(--accent);outline-offset:6px}img{max-width:100%;display:block}h1,h2,h3,p{margin:0}h1,h2,.monogram,.identity,.footer-top>a{font-family:Barlow Condensed,Arial Narrow,Arial,sans-serif}h1{font-weight:500}a,button{transition:color .2s,background .2s,opacity .2s}a:hover,button:hover:not(:disabled){color:var(--accent)}.nav{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;height:80px;padding:0 5.3%;display:flex}.monogram{letter-spacing:1px;font-size:30px}.monogram span,.orange{color:var(--accent)}.nav nav{align-items:center;gap:40px;display:flex}.nav nav>a:not(.admin-dot){text-transform:uppercase;letter-spacing:3px;padding:12px 0;font-size:10px;position:relative}.nav .active:after{content:"";background:var(--accent);height:2px;position:absolute;bottom:3px;left:0;right:3px}.admin-dot{background:var(--accent);border-radius:50%;width:12px;height:12px;margin-left:16px}.admin-dot:hover{box-shadow:0 0 0 6px #ff5b2b22}.identity{text-align:center;padding:51px 20px 48px}.identity h1{letter-spacing:11px;padding-left:11px;font-size:35px;line-height:1.3}.identity p{letter-spacing:2.6px;margin-top:19px;font-family:DM Sans,sans-serif;font-size:9px}.identity i{color:var(--accent);margin:0 12px;font-style:normal}.logo{object-fit:contain;max-width:300px;max-height:90px;margin:auto}.hero{background:#1b2527;width:100%;height:clamp(300px,34.5vw,600px);position:relative;overflow:hidden}.hero>img,.hero>video{object-fit:cover;width:100%;height:100%}.hero:after{content:"";pointer-events:none;background:linear-gradient(#0000,#0009);position:absolute;inset:60% 0 0}.hero-bottom{z-index:1;letter-spacing:2.5px;justify-content:space-between;align-items:center;font-size:9px;display:flex;position:absolute;bottom:27px;left:4%;right:4%}.hero-bottom>span{align-items:center;gap:12px;display:flex}.hero-bottom b{background:var(--accent);width:25px;height:2px}.round{border:1px solid #ddd8;border-radius:50%;min-width:34px;height:34px;margin-left:10px}.section{max-width:1800px;margin:auto;padding-left:5.3%;padding-right:5.3%}.work{padding-top:53px;padding-bottom:35px}.section-title{justify-content:space-between;align-items:center;gap:20px;display:flex}.section-title h2{letter-spacing:4px;font-size:32px;font-weight:500}.subtle{color:var(--muted);letter-spacing:1px;font-size:10px;line-height:1.8}.filters{white-space:nowrap;scrollbar-width:thin;gap:30px;margin:23px 0 29px;display:flex;overflow-x:auto}.filters button{letter-spacing:1.8px;border-bottom:2px solid #0000;padding:0 0 12px;font-size:10px}.filters .selected{color:var(--accent);border-bottom-color:var(--accent)}.grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:29px 20px;display:grid}.poster{aspect-ratio:16/9;text-align:left;background:#252724;width:100%;padding:0;display:block;position:relative;overflow:hidden}.poster>img{object-fit:cover;width:100%;height:100%;transition:transform .6s,filter .6s}.poster:hover img{filter:brightness(1.1);transform:scale(1.04)}.play{color:#fff;background:#0004;border:1px solid #eeeeeeb0;border-radius:50%;place-items:center;width:30px;height:30px;font-size:10px;display:grid;position:absolute;bottom:13px;left:13px}.demo{letter-spacing:1.5px;color:#eee;background:#1119;padding:5px 7px;font-size:8px;position:absolute;top:10px;right:10px}.project h3{letter-spacing:1px;margin-top:12px;font-size:12px;font-weight:500}.project p{letter-spacing:1.7px;text-transform:uppercase;color:#a5a59e;margin-top:7px;font-size:8px}.pagination{letter-spacing:1.7px;justify-content:flex-end;align-items:center;gap:27px;margin-top:35px;font-size:10px;display:flex}.pagination b{color:var(--accent);font-weight:500}.pagination button{padding:12px 0}.pagination span{word-spacing:8px}footer{padding-top:0;padding-bottom:25px}.footer-top{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:20px;padding:30px 0;display:flex}.footer-top>a{letter-spacing:3px;font-size:21px}.footer-top>div{letter-spacing:1.8px;gap:24px;font-size:8px;display:flex}.footer-bottom{color:#75776e;letter-spacing:1.5px;justify-content:space-between;font-size:8px;display:flex}.inner{min-height:70vh;padding-top:65px;padding-bottom:80px}.eyebrow{letter-spacing:2px;color:var(--accent);margin-bottom:22px;font-size:10px;display:block}.inner h1{letter-spacing:.5px;font-size:clamp(40px,5.3vw,76px);line-height:1.05}.about-layout,.contact-layout{grid-template-columns:1fr 1fr;align-items:center;gap:8%;display:grid}.about-layout{margin-top:35px}.bio{color:#aaa99f;white-space:pre-line;margin:28px 0;font-size:16px;line-height:1.9}.portrait{aspect-ratio:4/5;object-fit:cover;width:100%}.portrait-placeholder{aspect-ratio:4/5;color:#4a5147;background:linear-gradient(145deg,#242923,#151916);flex-direction:column;justify-content:center;align-items:center;font-family:Barlow Condensed,sans-serif;font-size:150px;display:flex}.portrait-placeholder span{letter-spacing:2px;color:#8a9384;margin-top:25px;font-family:Arial,sans-serif;font-size:9px}.cta{background:var(--accent);color:#111;letter-spacing:1px;border:1px solid var(--accent);padding:15px 23px;font-size:11px;font-weight:600;display:inline-block}.cta:hover:not(:disabled){color:#111;background:#f8754e}label{letter-spacing:.5px;flex-direction:column;gap:9px;margin-bottom:22px;font-size:11px;display:flex}input,textarea,select{color:var(--ink);letter-spacing:0;background:#171916;border:1px solid #3a3b35;border-radius:0;outline:none;width:100%;padding:13px;font-size:14px}input:focus,textarea:focus,select:focus{border-color:var(--accent)}textarea{resize:vertical}input[type=file]{padding:10px;font-size:11px}input::file-selector-button{color:#eee;background:#35382f;border:none;margin-right:10px;padding:7px 10px}.contact-layout{align-items:start;margin-top:50px}.contact-links{flex-direction:column;gap:20px;margin-top:40px;font-size:13px;display:flex}.contact-links span{color:var(--muted)}.contact-form{padding-top:8px}.contact-form>p{margin-top:20px;line-height:1.6}.honeypot{opacity:0;position:absolute;left:-10000px}.notice{z-index:20;background:#22261f;border:1px solid #575c50;width:min(90%,640px);padding:18px 50px 18px 20px;font-size:12px;line-height:1.6;position:fixed;bottom:20px;left:50%;transform:translate(-50%);box-shadow:0 10px 40px #0008}.notice button{font-size:24px;position:absolute;top:12px;right:15px}.modal{z-index:30;background:#050605ed;justify-content:center;align-items:center;padding:50px;display:flex;position:fixed;inset:0}.modal>div{width:min(1100px,100%)}.modal iframe{aspect-ratio:16/9;border:0;width:100%}.modal h2{letter-spacing:1px;margin-top:15px;font-size:23px}.close{font-size:40px;position:absolute;top:17px;right:30px}.empty{text-align:center;color:#d4d7cb;padding:80px 15px;font-size:20px;line-height:2}.empty small{color:var(--muted);font-size:12px}.login{max-width:440px;margin:10px auto}.login h1{margin-bottom:30px;font-size:48px}.login p{margin-top:20px}.admin .section-title h1{font-size:56px}.admin .filters{margin-top:38px}.status{color:#d6d4c9;margin-bottom:20px;font-size:12px;line-height:1.6}.toolbar{justify-content:space-between;align-items:center;gap:15px;margin-bottom:20px;display:flex}.toolbar p{color:var(--muted);font-size:12px}.admin-row{border-bottom:1px solid var(--line);align-items:center;gap:20px;padding:17px 0;display:flex}.admin-row>img{aspect-ratio:16/9;object-fit:cover;width:100px}.admin-row strong{font-size:13px}.admin-row small{color:var(--muted);margin-top:7px;font-size:10px;display:block}.row-actions{gap:12px;margin-left:auto;font-size:11px;display:flex}.row-actions button{padding:10px 5px}.settings-form{max-width:700px}.settings-form>p{color:var(--muted);margin-bottom:25px;line-height:1.8}.inquiry{border-top:1px solid var(--line);padding:25px 0}.inquiry time{float:right;color:var(--muted);font-size:11px}.inquiry a{color:var(--accent);margin-top:8px;font-size:12px;display:block}.inquiry p{white-space:pre-wrap;margin-top:20px;line-height:1.8}.editor{align-items:flex-start;padding:20px;overflow:auto}.editor>form{background:#1a1c18;border:1px solid #42473b;width:100%;max-width:580px;margin:auto;padding:30px}.editor h2{margin:0}.editor .section-title{margin-bottom:22px}.editor .section-title button{font-size:30px}.editor p{color:#ffb49e;margin-bottom:15px;font-size:12px}@media (min-width:1600px){.identity{padding:65px 0}.identity h1{font-size:40px}.work{padding-top:70px}.grid{gap:38px 25px}}@media (max-width:750px){.nav{height:67px;padding:0 6%}.nav nav{gap:19px}.nav nav>a:not(.admin-dot){letter-spacing:1.5px;font-size:8px}.admin-dot{width:10px;height:10px;margin-left:3px}.monogram{font-size:25px}.identity{padding:37px 15px}.identity h1{letter-spacing:7px;font-size:29px}.identity p{letter-spacing:1.5px;font-size:7px}.identity i{margin:0 6px}.hero{height:300px}.hero-bottom{font-size:7px;bottom:20px}.work{padding-top:35px}.section-title h2{letter-spacing:3px;font-size:27px}.section-title>.subtle{display:none}.filters{gap:24px;margin-top:22px}.filters button{letter-spacing:1px;font-size:9px}.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 13px}.project h3{letter-spacing:.5px;font-size:11px}.project p{letter-spacing:.8px;font-size:7px}.play{width:24px;height:24px;font-size:8px;bottom:9px;left:9px}.demo{padding:4px;font-size:6px}.footer-top{flex-direction:column;align-items:flex-start}.footer-top>a{letter-spacing:2px;font-size:19px}.footer-top>div{font-size:8px}.footer-bottom{font-size:7px}.footer-bottom>span:last-child{display:none}.inner{padding-top:40px;padding-bottom:50px}.about-layout,.contact-layout{grid-template-columns:1fr;gap:35px}.about-layout>div:first-child{width:100%;max-width:350px}.inner h1{font-size:46px}.bio{font-size:14px}.contact-layout{margin-top:25px}.modal{padding:45px 15px}.admin-row{flex-wrap:wrap;gap:10px}.admin-row>img{width:75px}.row-actions{justify-content:flex-end;gap:18px;width:100%}.toolbar{align-items:flex-start}.toolbar p{max-width:45%;line-height:1.6}.cta{padding:13px 17px;font-size:10px}.editor>form{padding:20px}.settings-form input{font-size:12px}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}.login label[for=admin-password]{margin-bottom:9px}.password-field{margin-bottom:22px;position:relative}.password-field input{padding-right:55px}.password-field button{width:44px;color:var(--muted);place-items:center;display:grid;position:absolute;top:4px;bottom:4px;right:4px}.password-field button:hover{color:var(--accent)}.behance-float{right:24px;bottom:calc(24px + env(safe-area-inset-bottom));z-index:30;color:#fff;background:#1769ff;border:1px solid #ffffff30;border-radius:50%;place-items:center;width:54px;height:54px;transition:transform .2s,background .2s;display:grid;position:fixed;box-shadow:0 6px 24px #0006}.behance-float svg{width:28px;height:28px}.behance-float:hover{background:#0755dc;transform:translateY(-3px)}.behance-float:focus-visible{outline-offset:4px;outline:3px solid #fff}footer.section{padding-bottom:100px}.footer-top>div{flex-wrap:wrap}.footer-top>div a{overflow-wrap:anywhere}@media (max-width:750px){.behance-float{width:48px;height:48px;right:16px;bottom:calc(16px + env(safe-area-inset-bottom))}.behance-float svg{width:25px;height:25px}}@media (prefers-reduced-motion:reduce){.behance-float{transition:none}}