:root{--coffee:#201610;--cream:#f4e8d8;--caramel:#d4a374;--edge:#655044;--muted:#c8b29d;color-scheme:dark;font-family:Arial,Helvetica,sans-serif;background:var(--coffee);color:var(--cream)}*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button,.button{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:44px;padding:11px 17px;border:1px solid var(--edge);border-radius:8px;color:var(--cream);background:transparent;font-size:14px;line-height:1.4;cursor:pointer;transition:background .18s,border-color .18s}button:hover,.button:hover{background:#483125;border-color:#a78463}button:disabled{opacity:.35;cursor:default}.solid{background:var(--caramel);border-color:var(--caramel);color:#24170f;font-weight:600}.solid:hover{background:#e5b688;color:#24170f}.site{max-width:1240px;margin:auto;padding:32px 52px 0}h1,h2,h3,p{margin:0}h2{font-size:26px;line-height:1.2;letter-spacing:-.8px}h3{font-size:18px}.nav{display:flex;justify-content:space-between;align-items:center;gap:18px;border-bottom:1px solid var(--edge);padding:0 0 25px}.brand{font-weight:900;font-size:30px;letter-spacing:-2px;white-space:nowrap}.brand span{color:var(--caramel)}.brand small{font:11px monospace;letter-spacing:1px}.nav nav,.links{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.nav-link{padding:12px;font-size:14px}.nav-link:hover{color:var(--caramel)}.eyebrow{font:12px/1.8 monospace;letter-spacing:1.1px;color:var(--caramel)}.hero{padding:65px 0 55px;display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:54px;align-items:center}h1{font-size:clamp(40px,5.8vw,76px);line-height:1.03;letter-spacing:-3.5px;margin:22px 0;font-weight:800}h1 em{font-family:Georgia,serif;font-weight:400;color:var(--caramel)}.intro-copy{margin:25px 0 29px;line-height:1.65}.reel{background:radial-gradient(ellipse at 90% 10%,#6b5539,transparent 65%),#3f3529;padding:25px;border-radius:15px;position:relative;overflow:hidden}.reel:after{content:"";position:absolute;border:1px solid #d4a37433;width:260px;height:260px;right:-120px;top:80px;border-radius:50%;pointer-events:none}.reel-label{font:11px/1.6 monospace;letter-spacing:1.3px;text-transform:uppercase}.creator-face{min-height:272px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:16px;position:relative;z-index:1;animation:turn .3s ease-out}.creator-face h2{font:40px/1.07 Georgia;letter-spacing:-1px;overflow-wrap:anywhere}.creator-face a{font-size:13px;border-bottom:1px solid var(--edge)}.avatar{width:88px;height:88px;object-fit:cover;border-radius:50%;border:1px solid #d4a37488}.letter{display:grid;place-items:center;font:42px Georgia;color:var(--caramel);background:#20161066}.coffee-mark{width:62px;height:62px;color:var(--caramel)}.muted{font-size:12px;line-height:1.6;color:#e0c9b2;max-width:240px}.reel-controls{display:flex;align-items:center;justify-content:space-between;gap:10px;position:relative;z-index:1}.reel-controls span{font:11px monospace;color:#e0c9b2}.reel-controls button{background:#241b15;border-color:#94765b;padding:8px 12px}.sectionline{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;margin:20px 0 25px}.filters{display:flex;gap:6px;flex-wrap:wrap}.filters button{font-size:12px;padding:8px 13px;min-height:40px}.filters [aria-pressed=true],.admin-tabs [aria-pressed=true]{background:var(--cream);color:var(--coffee);border-color:var(--cream)}.work{scroll-margin-top:28px}.projects{display:flex;align-items:flex-start;gap:24px;min-height:345px;animation:slide .25s ease-out}.project{display:block;flex:1 1 0;min-width:0;max-width:calc((100% - 48px)/3);border:0;padding:0;text-align:left;background:transparent;border-radius:10px}.project:hover{background:transparent}.thumbnail{height:282px;display:flex;align-items:center;justify-content:center;background:#160f0b;border-radius:10px;overflow:hidden;position:relative}.thumbnail img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover}.vertical .thumbnail{background:transparent}.vertical .thumbnail img{height:100%;width:auto;max-width:100%;aspect-ratio:9/16;object-fit:cover;border-radius:10px}.play-icon{display:grid;place-items:center;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:50px;height:50px;border-radius:50%;background:#201610dd;border:1px solid #e0c9b277;color:var(--cream)}.project:hover .play-icon{background:var(--caramel);color:var(--coffee)}.project h3{font:italic 25px/1.3 Georgia;color:var(--caramel);text-align:center;margin-top:16px;letter-spacing:-.6px;overflow-wrap:anywhere}.gallery-nav{display:flex;justify-content:flex-end;gap:10px;align-items:center;margin-top:15px}.gallery-nav span{font:12px monospace;color:var(--muted);margin-right:6px}.empty{min-height:230px;display:flex;flex-direction:column;gap:20px;align-items:center;justify-content:center;color:var(--muted);text-align:center;border-top:1px solid #65504466;border-bottom:1px solid #65504466;padding:32px}.empty a{font-size:13px;text-decoration:underline;text-underline-offset:5px}.app-section{scroll-margin-top:28px;margin-top:58px;padding-top:42px;border-top:1px solid var(--edge);display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:55px;align-items:center}.app-section h2{font:48px/1.1 Georgia;color:var(--caramel);margin:12px 0 20px}.app-section p:not(.eyebrow){line-height:1.75;margin:18px 0;color:#e2cfbd}.app-section p.app-tagline{font:italic 27px/1.3 Georgia;color:var(--caramel)}.app-section .button{margin-top:7px}.app-video{width:100%;aspect-ratio:16/9;background:#17100c;border:1px solid var(--edge);border-radius:14px;padding:26px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;text-align:center;color:var(--muted)}.app-video strong{font:32px Georgia;color:var(--caramel)}.app-video span{font-size:12px}.comments-section{padding-top:45px}.comments-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:24px;margin-top:24px}blockquote{margin:0;border-left:2px solid var(--edge);padding:5px 0 5px 20px}blockquote p{line-height:1.7;overflow-wrap:anywhere}blockquote cite{display:block;color:var(--caramel);font:italic 19px Georgia;margin-top:15px}.contact-section{display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap;margin-top:58px;border-top:1px solid var(--edge);padding:30px 0}.footer{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;font:11px monospace;color:var(--muted);padding:20px 0 28px}.footer a:hover{color:var(--cream)}dialog{padding:0;color:var(--cream);background:#241a13;border:1px solid var(--edge);border-radius:15px;width:min(760px,calc(100% - 28px));max-height:90dvh;box-shadow:0 30px 100px #0008}dialog::backdrop{background:#0e0906bd;backdrop-filter:blur(5px)}.dialog-content{padding:32px}.dialog-content h2{padding-right:42px;margin:12px 0 25px}.close{float:right;padding:8px;border:0}.socials{display:grid;gap:12px}.socials a{display:flex;align-items:center;gap:16px;border:1px solid var(--edge);border-radius:8px;padding:18px;min-width:0}.socials a:hover{background:#38261a}.socials a span{flex:1;min-width:0;font-size:12px;color:var(--muted)}.socials strong{display:block;margin-top:5px;font-size:16px;color:var(--cream);overflow-wrap:anywhere}.socials .x-logo{flex:0 0 20px;font-size:24px;color:var(--cream)}.video-player iframe,.video-player video{border:0;width:100%;aspect-ratio:16/9;border-radius:8px;background:#000;display:block}.video-player.vertical-player iframe,.video-player.vertical-player video{aspect-ratio:9/16;max-height:64dvh;max-width:100%;width:auto;margin:auto}.original{display:inline-block;font-size:12px;margin-top:16px;color:var(--caramel)}.external-video{padding:35px 20px;text-align:center}.external-video p{margin-bottom:22px;line-height:1.7}label{display:block;font-size:14px;line-height:1.5;margin:18px 0}input,textarea,select{display:block;width:100%;margin-top:7px;border:1px solid var(--edge);border-radius:6px;background:#2b1e16;color:var(--cream);padding:12px;font-size:16px;min-width:0}textarea{resize:vertical}input[type=file]{font-size:13px}input::file-selector-button{background:#d4a374;border:0;border-radius:4px;padding:8px 12px;color:#24170f;margin-right:10px}.form-note{font-size:12px!important;color:var(--muted);line-height:1.6;margin:16px 0!important}.honeypot{position:absolute;left:-10000px}.dialog-content [role=status]{margin-top:20px;line-height:1.6;color:var(--caramel)}.admin{max-width:1200px;margin:auto;padding:32px 40px 60px}.admin h1{font-size:54px;margin:42px 0}.admin-tabs{display:flex;gap:10px;flex-wrap:wrap;margin:26px 0}.admin-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:start}.editor{background:#291d15;border:1px solid var(--edge);border-radius:12px;padding:26px}.editor>p{line-height:1.65;margin:20px 0}.form-pair{display:grid;grid-template-columns:1fr 1fr;gap:18px}.admin-preview{max-width:100%;max-height:140px;object-fit:contain;border-radius:6px}.item-list article{display:flex;gap:15px;padding:20px 0;border-bottom:1px solid var(--edge)}.item-list article>img{width:80px;height:65px;object-fit:cover;border-radius:6px}.item-list article>div{min-width:0;flex:1}.item-list strong{overflow-wrap:anywhere}.item-list small,.moderation small{display:block;color:var(--muted);margin:8px 0 12px;font-size:12px}.item-list button{font-size:12px;padding:8px 12px}.item-list>p{margin-top:20px;color:var(--muted)}.moderation{padding:25px 0;border-top:1px solid var(--edge)}.moderation p{line-height:1.65;white-space:pre-wrap;overflow-wrap:anywhere;margin:15px 0}.notice{padding:15px 20px;margin-top:22px;background:#3e3524;border:1px solid #8b7750;border-radius:8px;line-height:1.5}.notice.error{background:#44251c;border-color:#a25b40}.admin .editor button{margin-top:5px}:focus-visible{outline:2px solid #f3c496;outline-offset:4px}html{scroll-behavior:smooth}@keyframes turn{0%{transform:perspective(900px) rotateY(-15deg) translate(10px)}to{transform:none}}@keyframes slide{0%{transform:translate(10px)}to{transform:none}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}@media(max-width:900px){.site{padding:28px 30px 0}.hero,.app-section{gap:30px}.creator-face h2{font-size:34px}.thumbnail{height:240px}.projects{min-height:310px}.brand small{font-size:10px}.nav nav{gap:5px}}@media(max-width:650px){.site{padding:22px 20px 0}.nav{gap:15px;flex-wrap:wrap}.nav nav{gap:5px}.nav .nav-link{padding:8px;font-size:12px}.nav button{padding:8px 12px}.app-nav{display:none}.brand{font-size:28px}.hero{grid-template-columns:1fr;gap:34px;padding:36px 0}.hero h1{font-size:clamp(43px,10vw,65px);letter-spacing:-2px}.eyebrow{font-size:11px}.creator-face{min-height:225px}.sectionline{gap:20px}.filters{gap:5px}.filters button{padding:8px 10px;min-height:44px}.projects{min-height:375px}.project{max-width:100%;flex-basis:100%}.thumbnail{height:310px}.gallery-nav{justify-content:center}.app-section{grid-template-columns:1fr;margin-top:42px;gap:28px}.app-section h2{font-size:42px}.contact-section{margin-top:40px}.contact-section .links{gap:8px}.contact-section button{font-size:12px;padding:10px 12px}.dialog-content{padding:22px}.socials a{padding:14px;gap:10px}.socials strong{font-size:14px}.admin{padding:22px 18px}.admin h1{font-size:43px}.admin-grid{grid-template-columns:1fr}.editor{padding:20px}.admin-tabs{gap:6px}.admin-tabs button{padding:8px 12px;font-size:13px}.form-pair{grid-template-columns:1fr;gap:0}}