:root{color-scheme:dark;--bg:#0a0a0b;--surface:#17181a;--surface-soft:#111214;--text:#f4f1ea;--muted:#a5a4a0;--subtle:#777a80;--line:#303135;--gold:#c8a45d;--sans:"Avenir Next","Century Gothic","Trebuchet MS",sans-serif;--mono:ui-monospace,"SFMono-Regular",Consolas,monospace}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:88px}body{margin:0;overflow-x:hidden;background:var(--bg);color:var(--text);font-family:var(--sans);font-weight:400;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button{color:inherit}.skip-link{position:absolute;left:-999px;top:10px;z-index:50;background:var(--text);color:var(--bg);padding:12px}.skip-link:focus{left:12px}.site-header{height:82px;position:absolute;z-index:10;inset:0 0 auto;display:flex;align-items:center;justify-content:space-between;padding:0 6%;border-bottom:1px solid #ffffff20}.wordmark{display:flex;flex-direction:column;gap:4px}.wordmark span{font-size:12px;letter-spacing:.16em;font-weight:700}.wordmark small{font:8px var(--mono);letter-spacing:.25em;color:var(--gold)}.main-nav{display:flex;gap:44px;margin-left:auto;margin-right:58px}.main-nav a,.header-contact{font-size:11px;color:#d4d2cc;transition:color .25s}.main-nav a:hover,.header-contact:hover,.text-link:hover{color:var(--gold)}.header-contact span{color:var(--gold);margin-left:12px}.menu-toggle{display:none}.hero{height:min(940px,100svh);min-height:720px;position:relative;display:flex;align-items:flex-end;overflow:hidden}.hero-image,.hero-shade{position:absolute;inset:0}.hero-image{background-image:url('https://images.unsplash.com/photo-1500534623283-312aade485b7?auto=format&fit=crop&w=2200&q=85');background-position:center 48%;background-size:cover;transform:scale(1.035);animation:hero-zoom 2s cubic-bezier(.2,.7,.2,1) forwards}.hero-shade{background:linear-gradient(90deg,#050607a8 0%,#07080845 57%,#0809081a),linear-gradient(0deg,#0a0a0b 0%,transparent 55%,#00000025)}.hero-content{position:relative;width:100%;padding:145px 10% 110px;animation:rise 1s .15s both}.eyebrow{font:9px var(--mono);letter-spacing:.17em;color:#aaa9a3}.hero-eyebrow{margin:0 0 23px;display:flex;align-items:center;gap:11px}.hero-eyebrow i{width:2px;height:2px;border-radius:50%;background:var(--gold);margin:0 2px}.rec-mark{display:inline-block;position:relative;width:8px;height:8px;border:1px solid var(--gold);border-radius:50%}.rec-mark:after{content:"";position:absolute;inset:2px;background:var(--gold);border-radius:50%}.hero h1{font-size:clamp(82px,14.5vw,194px);letter-spacing:-.095em;line-height:.75;margin:0 0 52px;font-weight:600}.hero h1 span{color:transparent;-webkit-text-stroke:1px #f4f1ea}.hero-bottom{display:flex;align-items:flex-end;justify-content:space-between;gap:32px;max-width:1060px}.hero-role{font-size:17px;line-height:1.5;margin:0 0 12px;font-weight:600;max-width:370px}.hero-description{font-size:12px;line-height:1.8;color:#c4c2bc;max-width:390px;margin:0}.hero-statement{font-size:10px;line-height:1.7;color:#a7a39b;margin:9px 0 0;letter-spacing:.025em}.hero-actions{display:flex;align-items:center;gap:30px;flex-shrink:0}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:30px;padding:15px 18px;font-size:10px;font-weight:700;border:1px solid transparent;cursor:pointer;transition:background .25s,color .25s,border-color .25s,transform .25s}.button:hover{transform:translateY(-2px)}.button-light{background:var(--gold);color:#17130b}.button-light:hover{background:#ddbc7a}.button span{font-size:15px}.text-link{font-size:11px;color:#e7e5df;transition:color .25s}.text-link span{color:var(--gold);margin-left:10px}.hero-index{position:absolute;right:6%;bottom:38px;left:6%;display:flex;justify-content:space-between;font:8px var(--mono);letter-spacing:.14em;color:#c2c0ba}.section-wrap{padding-left:10%;padding-right:10%}.work{padding-top:145px;padding-bottom:130px}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:43px}.section-heading h2,.about h2{font-size:clamp(52px,7.2vw,92px);line-height:.98;letter-spacing:-.08em;font-weight:500;margin:20px 0 0}.section-heading h2 span,.about h2 span,.contact h2 span{color:transparent;-webkit-text-stroke:1px var(--text)}.section-aside{font-size:11px;line-height:1.8;color:var(--muted);margin:0 0 6px}.category-filter{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 23px}.filter-chip{border:1px solid #45464a;background:transparent;color:#aaa9a3;padding:9px 13px;font:9px var(--mono);cursor:pointer;transition:background .2s,color .2s,border-color .2s}.filter-chip:hover,.filter-chip.is-active{border-color:var(--gold);background:var(--gold);color:#17130b}.gallery{display:grid;grid-template-columns:1.1fr .9fr 1fr;grid-auto-rows:minmax(210px,23vw);gap:12px}.project-card{min-height:0}.project-card.wide{grid-column:span 2}.project-card.tall{grid-row:span 2}.project-media{width:100%;height:100%;padding:0;border:0;background:var(--surface);position:relative;overflow:hidden;text-align:left;cursor:pointer;color:var(--text)}.project-media:focus-visible,.filter-chip:focus-visible,.button:focus-visible{outline:2px solid var(--gold);outline-offset:3px}.project-media img{height:100%;width:100%;display:block;object-fit:cover;filter:saturate(.62) brightness(.81);transition:transform .8s cubic-bezier(.2,.7,.2,1),filter .6s}.project-media:hover img{transform:scale(1.045);filter:saturate(.85) brightness(.62)}.project-overlay{position:absolute;inset:auto 0 0;min-height:138px;padding:48px 21px 20px;background:linear-gradient(transparent,#050505c9);display:flex;flex-direction:column;justify-content:flex-end}.project-category{font:8px var(--mono);letter-spacing:.12em;color:var(--gold);margin-bottom:8px}.project-title{font-size:15px;font-weight:600;letter-spacing:-.02em}.project-plus{position:absolute;right:20px;bottom:18px;font-size:18px;opacity:.85}.reference-tag,.video-tag{position:absolute;top:14px;padding:7px 8px;background:#0a0a0be8;font:7px var(--mono);letter-spacing:.12em;color:#dfddd5}.reference-tag{left:14px}.video-tag{right:14px;color:var(--gold)}.gallery-note{font:9px var(--mono);letter-spacing:.035em;color:#83827d;margin:18px 0 0;display:flex;align-items:center;gap:9px}.gallery-note[hidden]{display:none}.gold-point{display:inline-block;width:5px;height:5px;border-radius:50%;background:var(--gold)}.empty-gallery{grid-column:1/-1;padding:60px 0;color:var(--muted);font-size:13px}.manifesto{padding:110px 10%;background:#121315;position:relative;overflow:hidden}.manifesto-inner{position:relative;z-index:1}.manifesto-line{font-size:clamp(60px,9.5vw,123px);letter-spacing:-.09em;line-height:.98;margin:35px 0 54px;font-weight:500}.manifesto-line em{font-style:normal;color:var(--gold)}.manifesto-foot{display:flex;justify-content:space-between;padding-top:18px;border-top:1px solid #ffffff24;font:8px var(--mono);letter-spacing:.14em;color:#aaa8a1}.viewfinder-mark{position:absolute;right:10%;top:36px;font-size:78px;font-family:var(--sans);font-weight:200;color:#f4f1ea1c;line-height:.8;letter-spacing:-.15em}.viewfinder-mark i{font-style:normal;font-size:16px;color:var(--gold);vertical-align:middle;margin:0 4px}.about{display:grid;grid-template-columns:1fr 1fr;min-height:690px;background:#101113}.about-image{min-height:610px;position:relative;display:flex;align-items:flex-end;justify-content:center;overflow:hidden;background:radial-gradient(ellipse at 50% 43%,#4b3b22 0%,#342c20 34%,#1d1c1a 69%,#101113 100%)}.about-portrait{display:block;position:relative;z-index:1;height:min(640px,100%);max-width:100%;width:auto;object-fit:contain;object-position:center bottom;filter:drop-shadow(0 18px 48px #0008);mask-image:linear-gradient(to right,transparent 0%,#000 9%,#000 91%,transparent 100%),linear-gradient(to bottom,#000 0%,#000 82%,transparent 100%);mask-composite:intersect}.about-copy{padding:100px 12% 90px 11%;align-self:center}.about h2{font-size:clamp(52px,6vw,80px);margin:24px 0 33px}.about-copy>div p{font-size:11px;line-height:1.95;color:#b3b1ab;max-width:450px;margin:0 0 17px}.about-copy .text-link{display:inline-block;margin-top:20px}.services{padding-top:145px;padding-bottom:150px}.services-list{border-top:1px solid var(--line)}.service-row{min-height:106px;border-bottom:1px solid var(--line);display:grid;grid-template-columns:66px 1.15fr 1fr 20px;align-items:center;gap:14px;transition:padding .3s,color .3s}.service-row:hover{padding:0 12px;color:var(--gold)}.service-num{font:9px var(--mono);color:#888883}.service-row h3{font-size:17px;font-weight:500;letter-spacing:-.03em;margin:0}.service-row p{font-size:10px;line-height:1.7;color:#96958f;margin:0;max-width:300px}.service-arrow{font-size:16px;color:#a7a59e}.contact{padding-top:125px;padding-bottom:112px;background:#121315}.contact-top{display:flex;justify-content:space-between;align-items:center}.contact-spark{font-size:23px;color:var(--gold)}.contact h2{font-size:clamp(70px,11.7vw,150px);letter-spacing:-.095em;line-height:.86;font-weight:500;margin:50px 0 60px}.contact-bottom{display:grid;grid-template-columns:.9fr 1.1fr;gap:9%;align-items:start}.contact-links{display:grid;grid-template-columns:1fr 1fr;gap:27px 24px;padding-top:5px}.contact-links a,.location-link{display:flex;flex-direction:column;gap:11px}.contact-links span{font:8px var(--mono);letter-spacing:.14em;color:#82827d}.contact-links b{font-size:11px;font-weight:500;overflow-wrap:anywhere}.contact-form{display:flex;flex-direction:column;gap:16px}.form-heading{font-size:12px;margin:0 0 2px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.contact-form label{display:flex;flex-direction:column;gap:8px;color:#aaa9a3;font:9px var(--mono);letter-spacing:.04em}.contact-form label span{display:inline;color:#777}.contact-form input,.contact-form textarea{width:100%;border:0;border-bottom:1px solid #48494c;padding:9px 0;background:transparent;color:var(--text);font:12px var(--sans);outline:none;resize:vertical}.contact-form input:focus,.contact-form textarea:focus{border-color:var(--gold)}.honeypot{position:absolute!important;left:-10000px!important;width:1px;height:1px;overflow:hidden}.form-submit{display:flex;gap:16px;align-items:center;margin-top:4px}.form-submit .button{min-width:175px}.form-status{font-size:10px;line-height:1.6;color:#c6c3ba;margin:0}.form-status.is-error{color:#f39a8f}.button:disabled{opacity:.55;cursor:wait}.footer{min-height:112px;border-top:1px solid var(--line);padding:20px 6%;display:flex;justify-content:space-between;align-items:center}.footer-center{display:flex;flex-direction:column;gap:6px;text-align:center}.footer-center b{font:8px var(--mono);letter-spacing:.12em}.footer-center span,.copyright{font-size:9px;color:#83827d}.floating-contact{position:fixed;z-index:8;right:25px;bottom:24px;width:48px;height:48px;border-radius:50%;background:var(--gold);color:#17130b;display:grid;place-items:center;font:9px var(--mono);box-shadow:0 5px 25px #0008;transition:transform .25s}.floating-contact:hover{transform:scale(1.08)}.floating-contact span{position:absolute;right:-2px;top:0;font-size:10px}.reveal{opacity:0;transform:translateY(26px);transition:opacity .8s ease,transform .8s cubic-bezier(.2,.7,.2,1);transition-delay:var(--delay,0ms)}.reveal.is-visible{opacity:1;transform:translateY(0)}.project-dialog{border:1px solid #ffffff28;padding:44px clamp(20px,6vw,78px);background:var(--bg);color:var(--text);width:min(1080px,94vw);max-width:none;max-height:92vh;overflow:auto}.project-dialog::backdrop{background:#000e;backdrop-filter:blur(8px)}.dialog-close{position:sticky;float:right;top:0;margin:-22px -15px 0 0;border:1px solid #555;background:#111;color:var(--text);width:38px;height:38px;font-size:23px;cursor:pointer}.dialog-content{clear:both;padding-top:12px}.dialog-content h2{font-size:clamp(36px,6vw,68px);letter-spacing:-.07em;font-weight:500;margin:15px 0 6px}.project-client,.project-description{font-size:12px;line-height:1.8;color:#aaa;margin:7px 0}.project-detail-media{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:30px 0 16px}.project-detail-media img,.project-detail-media video{display:block;width:100%;height:auto;max-height:72vh;object-fit:contain;background:#111}.project-detail-media img:first-child:nth-last-child(odd){grid-column:1/-1}.project-video-frame{aspect-ratio:16/9;position:relative;grid-column:1/-1}.project-video-frame iframe{position:absolute;inset:0;width:100%;height:100%;border:0}.reference-disclaimer{font:9px var(--mono);color:var(--gold)}
@keyframes rise{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}@keyframes hero-zoom{to{transform:scale(1)}}
@media(max-width:850px){.site-header{padding:0 6%}.main-nav{gap:25px;margin-right:30px}.hero-content{padding-left:7%;padding-right:7%}.section-wrap{padding-left:7%;padding-right:7%}.gallery{grid-auto-rows:minmax(190px,31vw);grid-template-columns:1fr 1fr}.project-card.wide{grid-column:span 2}.manifesto{padding:90px 7%}.services{padding-top:105px;padding-bottom:110px}.about{grid-template-columns:.9fr 1.1fr;min-height:590px}.about-image{min-height:590px}.about-copy{padding:70px 8%}.contact{padding-left:7%;padding-right:7%}.contact-bottom{gap:5%}.contact-links{gap:24px 16px}.footer{padding:20px 6%}}
@media(max-width:600px){html{scroll-padding-top:66px}.site-header{height:66px;padding:0 6%}.wordmark span{font-size:11px}.wordmark small{font-size:7px}.main-nav{position:fixed;inset:66px 0 auto;background:#0a0a0b;padding:18px 7% 24px;display:flex;flex-direction:column;gap:0;margin:0;border-bottom:1px solid var(--line);transform:translateY(-150%);opacity:0;visibility:hidden;transition:transform .3s,opacity .3s,visibility .3s}.main-nav.is-open{transform:translateY(0);opacity:1;visibility:visible}.main-nav a{padding:16px 0;font-size:14px;border-bottom:1px solid var(--line)}.menu-toggle{display:flex;background:transparent;border:0;width:38px;height:38px;flex-direction:column;justify-content:center;gap:6px;padding:8px;margin-left:auto;margin-right:16px}.menu-toggle span{height:1px;background:var(--text);width:20px;transition:transform .25s}.menu-toggle[aria-expanded=true] span:first-child{transform:translateY(3.5px) rotate(45deg)}.menu-toggle[aria-expanded=true] span:last-child{transform:translateY(-3.5px) rotate(-45deg)}.header-contact{font-size:10px}.hero{height:94svh;min-height:700px}.hero-image{background-position:57% center}.hero-shade{background:linear-gradient(0deg,#0a0a0b 0%,#08090826 72%),linear-gradient(90deg,#06070788,transparent)}.hero-content{padding:0 7% 105px}.hero-eyebrow{font-size:7px;gap:8px;margin-bottom:22px}.hero h1{font-size:clamp(77px,18vw,115px);margin-bottom:34px}.hero-bottom{align-items:flex-start;flex-direction:column;gap:23px}.hero-role{font-size:15px;max-width:290px}.hero-description{font-size:11px;max-width:310px}.hero-statement{font-size:9px}.hero-actions{gap:22px}.button{padding:14px 15px;gap:20px}.hero-index{bottom:27px;left:7%;right:7%;font-size:7px}.work{padding-top:92px;padding-bottom:88px}.section-heading{align-items:flex-start;flex-direction:column;gap:18px;margin-bottom:32px}.section-heading h2{font-size:57px}.section-aside{font-size:10px}.section-aside br{display:none}.category-filter{gap:6px;margin-bottom:15px;flex-wrap:nowrap;overflow:auto;padding:0 0 8px;scrollbar-width:none}.category-filter::-webkit-scrollbar{display:none}.filter-chip{flex:none;padding:9px 11px;font-size:8px}.gallery{grid-template-columns:1fr 1fr;grid-auto-rows:48vw;gap:7px}.project-card.wide{grid-column:span 2}.project-card.tall{grid-row:span 2}.project-overlay{min-height:100px;padding:36px 12px 13px}.project-category{font-size:6px;letter-spacing:.08em}.project-title{font-size:11px}.project-plus{right:11px;bottom:12px;font-size:14px}.reference-tag,.video-tag{top:8px;font-size:6px;padding:6px}.reference-tag{left:8px}.video-tag{right:8px}.gallery-note{font-size:8px;line-height:1.65;align-items:flex-start}.manifesto{padding:72px 7%}.manifesto-line{font-size:61px;margin:28px 0 43px}.manifesto-foot{font-size:7px}.viewfinder-mark{right:8%;top:25px;font-size:56px}.viewfinder-mark i{font-size:11px}.about{display:flex;flex-direction:column}.about-image{min-height:370px}.about-portrait{height:370px;max-width:min(100%,430px)}.about-copy{padding:70px 7% 80px}.about h2{font-size:59px}.about-copy>div p{font-size:11px}.services{padding-top:90px;padding-bottom:95px}.services-list .service-row{grid-template-columns:30px 1fr 15px;min-height:95px;gap:9px;padding:14px 0}.service-row h3{font-size:14px}.service-row p{grid-column:2;grid-row:2;margin-top:-25px;padding-bottom:8px;font-size:9px}.service-arrow{grid-column:3;grid-row:1}.contact{padding:78px 7% 75px}.contact h2{font-size:clamp(66px,15vw,92px);margin:40px 0 43px}.contact-bottom{grid-template-columns:1fr;gap:39px}.contact-links{gap:23px 14px}.contact-links b{font-size:10px}.form-grid{gap:10px}.contact-form{gap:14px}.form-submit{align-items:flex-start;flex-direction:column}.footer{min-height:145px;display:grid;grid-template-columns:1fr 1fr;gap:20px}.footer-center{text-align:right}.copyright{grid-column:1/-1}.floating-contact{right:15px;bottom:15px;width:44px;height:44px}.project-dialog{padding:26px 18px}.project-detail-media{grid-template-columns:1fr;gap:9px}.project-detail-media img:first-child:nth-last-child(odd){grid-column:auto}.dialog-close{margin:-10px -7px 0 0}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}.reveal{opacity:1;transform:none}}