@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;550;600;650&display=swap');
:root{--ink:#2b2119;--deep:#231b15;--gold:#dfb965;--cream:#f4eee5;--muted:#c7b9a8;--line:#dfb9652b;--font:Manrope,Arial,sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--deep);color:var(--cream);font:14px/1.7 var(--font);min-width:280px}body:before{content:'';position:fixed;inset:0;pointer-events:none;background:radial-gradient(ellipse at 15% 10%,#dfb9650e,transparent 50%),radial-gradient(ellipse at 95% 95%,#dfb96508,transparent 45%)}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}img{display:block;max-width:100%}a,button{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,video:focus-visible{outline:2px solid var(--gold);outline-offset:5px}::selection{background:var(--gold);color:var(--ink)}.page{min-height:100svh;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:32px 24px;position:relative}.business-card{width:100%;max-width:1000px;background:var(--ink);border:1px solid var(--line);border-radius:14px;overflow:hidden;box-shadow:0 25px 90px #0003;animation:appear .7s ease both}.card-header{display:flex;justify-content:space-between;align-items:center;gap:25px;padding:18px 36px;border-bottom:1px solid var(--line)}.brand{display:flex;gap:13px;align-items:center}.logo-crop{position:relative;width:49px;height:62px;overflow:hidden;flex:none}.logo-crop img{position:absolute;max-width:none;width:151px;height:151px;left:-51px;top:-36px}.wordmark{font-size:12px;letter-spacing:.17em;line-height:1.5}.wordmark small{display:block;font-size:6px;letter-spacing:.22em;color:var(--muted);margin-top:4px}.card-label{font-size:8px;letter-spacing:.17em;color:var(--muted);display:flex;align-items:center;gap:20px}.card-label i{font:30px Georgia,serif;color:var(--gold);animation:glow 5s infinite}.mobile-portrait{display:none}.card-main{padding:34px 44px 30px;display:grid;grid-template-columns:minmax(0,1fr) 250px;gap:58px;align-items:center}.eyebrow{font-size:8px;font-weight:600;letter-spacing:.2em;color:var(--gold);line-height:1.6;margin:0 0 17px}h1{font:400 clamp(43px,4.4vw,59px)/1.06 Georgia,'Times New Roman',serif;letter-spacing:-.045em;margin:0 0 21px}h1 em{color:var(--gold);font-weight:400;white-space:nowrap}.intro{font-size:12px;color:var(--muted);line-height:1.85;max-width:430px;margin:0 0 23px}.services{list-style:none;display:flex;flex-wrap:wrap;gap:7px;margin:0 0 25px;padding:0}.services li{font-size:9px;line-height:1.5;padding:6px 10px;border:1px solid #dfb96525;border-radius:5px;color:#e2d6c6;background:#ffffff02}.actions{display:flex;gap:11px;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:25px;border:1px solid var(--gold);border-radius:3px;padding:12px 18px;min-height:45px;font-size:11px;transition:transform .25s,background .25s,box-shadow .25s}.button span{font-size:19px;line-height:1}.primary{background:var(--gold);color:var(--ink);font-weight:600}.primary:hover{background:#f0d299;box-shadow:0 6px 20px #dfb96518;transform:translateY(-2px)}.outline{color:var(--cream);background:transparent;border-color:#ffffff45}.outline:hover{border-color:var(--gold);background:#ffffff05;transform:translateY(-2px)}.work-hint{font-size:8px;color:#b5a48e;margin:11px 0 0}.portrait-stage{position:relative;padding:7px 10px 0 4px;animation:float 8s ease-in-out infinite}.portrait{height:325px;border-radius:125px 125px 5px 5px;position:relative;overflow:hidden;background:#4d3b2b}.portrait img{width:100%;height:100%;object-fit:cover;object-position:50% 23%}.portrait:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#2b2119ee,transparent 46%)}.portrait-caption{position:absolute;z-index:2;bottom:24px;left:23px;font:25px/1.18 Georgia,serif}.portrait-caption em{color:var(--gold)}.portrait-orbit{position:absolute;inset:-4px 0 12px -5px;border:1px solid #dfb96545;border-radius:135px 135px 7px 7px}.portrait-spark{position:absolute;top:25px;right:-6px;color:var(--gold);font:32px Georgia,serif;animation:glow 5s infinite}.card-contact{border-top:1px solid var(--line);padding:20px 36px;display:flex;align-items:center;gap:25px;background:#ffffff01}.contact-item{display:inline-flex;align-items:center;gap:9px;font-size:10px;color:var(--muted)}.contact-item svg{width:16px;height:16px;fill:none;stroke:var(--gold);stroke-width:1.3;stroke-linecap:round;stroke-linejoin:round;flex:none}.contact-item:hover{color:var(--gold)}.website-link{margin-left:auto;color:var(--gold);font-size:10px;white-space:nowrap}.page-footer{display:flex;justify-content:space-between;align-items:center;width:100%;max-width:1000px;margin-top:15px;color:#a49481;font-size:8px}.motion-toggle{border:0;background:none;color:inherit;padding:5px 0;font-size:8px}.motion-toggle:hover{color:var(--gold)}dialog{padding:0;width:calc(100% - 48px);max-width:1100px;max-height:90svh;background:var(--ink);color:var(--cream);border:1px solid #dfb96550;border-radius:12px;box-shadow:0 30px 100px #0008;overflow:auto;overscroll-behavior:contain}dialog::backdrop{background:#120d09db;backdrop-filter:blur(7px)}dialog[open]{animation:appear .25s ease}.dialog-header{display:flex;justify-content:space-between;align-items:center;gap:25px;padding:24px 32px;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:5;background:#2b2119f5;backdrop-filter:blur(15px)}.dialog-header .eyebrow{font-size:7px;margin-bottom:5px}.dialog-header h2{font:400 35px/1.2 Georgia,serif;letter-spacing:-.035em;margin:0}.close-dialog{font-size:10px;display:flex;gap:14px;align-items:center;border:1px solid #dfb96540;background:none;color:var(--cream);padding:8px 12px;border-radius:3px}.close-dialog span{font:24px/1 Georgia,serif;color:var(--gold)}.close-dialog:hover{border-color:var(--gold)}.dialog-body{padding:27px 32px 35px}.filter-row{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:27px}.filters{display:flex;gap:7px;flex-wrap:wrap}.filter{border:1px solid #ffffff30;background:none;color:var(--muted);border-radius:99px;padding:8px 14px;font-size:10px;transition:background .2s}.filter span{font-size:8px;margin-left:8px;opacity:.7}.filter.active{background:var(--gold);color:var(--ink);border-color:var(--gold)}.filter:hover:not(.active){border-color:var(--gold);color:var(--gold)}.gallery-status{font-size:9px;color:var(--muted)}.project-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:33px 24px}.project-card{min-width:0;animation:appear .3s ease both}.project-image{display:block;background:#372b21;border:1px solid var(--line);border-radius:5px;padding:16px;position:relative;overflow:hidden;transition:border-color .3s}.project-image:hover{border-color:#dfb96590}.project-image img{width:100%;height:auto;aspect-ratio:1265/712;object-fit:cover;border-radius:3px;box-shadow:0 7px 20px #0003;transition:transform .4s}.project-image:hover img{transform:scale(1.025)}.project-open{position:absolute;right:25px;bottom:25px;width:30px;height:30px;display:grid;place-content:center;border-radius:50%;background:var(--gold);color:var(--ink);font-size:18px}.project-meta{padding-top:15px}.project-label{color:var(--gold);font-size:7px;letter-spacing:.14em;text-transform:uppercase;margin:0 0 7px}.project-top{display:flex;justify-content:space-between;align-items:center;gap:10px}.project-meta h3{font:500 19px/1.35 var(--font);letter-spacing:-.025em;margin:0 0 10px}.domain{font-size:8px;white-space:nowrap;color:var(--muted);margin-bottom:8px}.project-description{font-size:11px;line-height:1.85;color:var(--muted);margin:0}.reel-stage{display:flex;align-items:center;justify-content:center;padding:18px;min-height:460px;background:radial-gradient(ellipse at 50% 20%,#67503a44,transparent 80%),#241c16;border:1px solid var(--line);border-radius:5px;position:relative}.reel-stage video{display:block;width:100%;max-width:245px;max-height:430px;object-fit:contain;background:#15110e;border-radius:4px}.reel-stage.landscape video{max-width:100%}.reel-tag{position:absolute;right:10px;top:8px;color:var(--gold);font-size:7px;letter-spacing:.08em;background:#231b15e8;padding:4px 6px;border-radius:3px}.reel-link{display:inline-block;color:var(--gold);font-size:9px;border-bottom:1px solid #dfb96555;margin-top:12px;padding-bottom:2px}.loading{color:var(--muted);font-size:12px;grid-column:1/-1}.is-hidden{display:none!important}.no-scroll{overflow:hidden}.noscript{padding:0 20px 25px;text-align:center;font-size:11px;color:var(--muted)}.motion-paused *,.motion-paused *:before,.motion-paused *:after{animation-play-state:paused!important}@keyframes appear{from{opacity:0;transform:translateY(9px)}to{opacity:1;transform:none}}@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}@keyframes glow{0%,100%{opacity:.5}50%{opacity:1;text-shadow:0 0 15px #dfb96555}}
@media(max-width:1000px){.card-main{gap:32px;padding:30px 35px;grid-template-columns:minmax(0,1fr) 215px}h1{font-size:51px}.portrait{height:305px}.card-contact{gap:20px;padding:19px 30px}.contact-item{font-size:9px}.website-link{font-size:9px}.card-header{padding:17px 30px}.services li{font-size:8px}.card-label{font-size:7px}}
@media(max-width:760px){.page{padding:20px 16px}.business-card{max-width:510px}.card-header{padding:16px 22px;gap:15px}.brand{gap:10px}.logo-crop{width:43px;height:55px}.logo-crop img{width:138px;height:138px;left:-47px;top:-33px}.wordmark{font-size:10px;letter-spacing:.14em}.wordmark small{font-size:5px;letter-spacing:.16em}.card-label,.portrait-stage{display:none}.mobile-portrait{display:block;width:57px;height:65px;border-radius:40px 40px 6px 6px;object-fit:cover;object-position:50% 22%;border:1px solid #dfb96545}.card-main{display:block;padding:24px 24px 25px}.eyebrow{font-size:7px;letter-spacing:.17em;margin-bottom:16px}h1{font-size:46px;margin-bottom:19px}.intro{font-size:11px;line-height:1.85;margin-bottom:21px;max-width:none}.services{gap:6px;margin-bottom:22px}.services li{font-size:8px;padding:6px 8px;line-height:1.4}.button{font-size:10px;padding:11px 15px;gap:21px;min-height:44px}.actions{gap:9px}.work-hint{font-size:7px;margin-top:11px}.card-contact{padding:18px 23px;gap:13px;display:grid;grid-template-columns:1fr}.contact-item{font-size:10px;gap:9px;overflow-wrap:anywhere}.contact-item svg{height:14px;width:14px}.website-link{font-size:9px;margin:1px 0 0;padding-top:12px;border-top:1px solid var(--line)}.page-footer{max-width:510px;margin-top:12px;font-size:7px}.motion-toggle{font-size:7px}dialog{width:calc(100% - 22px);max-height:94svh;border-radius:9px}.dialog-header{padding:17px 19px;gap:15px}.dialog-header h2{font-size:29px}.dialog-header .eyebrow{font-size:6px}.close-dialog{font-size:8px;gap:9px;padding:7px 9px}.close-dialog span{font-size:23px}.dialog-body{padding:22px 18px 25px}.gallery-status{display:none}.filter-row{margin-bottom:22px}.filter{font-size:9px;padding:8px 12px}.filter span{font-size:7px;margin-left:7px}.project-grid{grid-template-columns:minmax(0,1fr);gap:28px}.project-image{padding:13px}.project-open{right:23px;bottom:23px;height:28px;width:28px}.project-meta{padding-top:13px}.project-meta h3{font-size:18px}.project-top{gap:10px}.domain{font-size:8px;max-width:46%;white-space:normal;overflow-wrap:anywhere;text-align:right}.project-label{font-size:7px}.project-description{font-size:10px}.reel-stage{padding:18px;min-height:0}.reel-stage video{max-width:245px;max-height:435px}.reel-stage.landscape video{max-width:100%}}
@media(max-width:380px){.card-header{padding:14px 18px}.wordmark{font-size:9px}.wordmark small{font-size:4.5px}.brand{gap:7px}.mobile-portrait{width:48px;height:58px}.card-main{padding:23px 19px}.eyebrow{font-size:6.5px}h1{font-size:clamp(35px,10.4vw,40px)}.intro{font-size:10px}.services li{font-size:7px;padding:6px 7px}.button{font-size:9px;padding:10px 12px;gap:17px;min-height:42px}.card-contact{padding:17px 19px}.contact-item{font-size:9px}.portrait-stage{display:none}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}