@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@300;400;500;600&family=Instrument+Serif:ital@0;1&display=swap";:root{--black:#0b0b0b;--coal:#1c1c1c;--cream:#f2f0eb;--gray:#8a8a8a;--gold:#a99f8d;--line:#0b0b0b29}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--cream);color:var(--black);margin:0;font-family:DM Sans,Inter,Arial,sans-serif}a{color:inherit;text-decoration:none}p,h1,h2,h3{margin:0}::selection{background:var(--gold);color:var(--black)}.topbar{z-index:10;width:100%;height:92px;color:var(--cream);border-bottom:1px solid #fff3;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 4.5vw;display:grid;position:absolute;top:0;left:0}.brand{width:132px;line-height:0;display:block}.brand img{filter:invert();object-fit:contain;width:100%;height:auto;display:block}.topbar nav{text-transform:uppercase;letter-spacing:1.4px;gap:30px;font-size:11px;display:flex}.topbar nav a,.top-contact{transition:color .25s}.topbar nav a:hover,.top-contact:hover{color:var(--gold)}.top-contact{text-transform:uppercase;letter-spacing:1.2px;justify-self:end;font-size:11px}.top-contact span{color:var(--gold);margin-left:12px}.hero{height:100svh;min-height:720px;color:var(--cream);background:#111;position:relative;overflow:hidden}.hero-art{background:radial-gradient(circle at 65% 30%,#5a4c37 0,#27251f 18%,#111 56%);position:absolute;inset:0;overflow:hidden}.frame{filter:blur(.2px);border:1px solid #d89a3d47;position:absolute;transform:rotate(-16deg)}.frame-a{background:linear-gradient(120deg,#0000 15%,#d89a3d1f,#0000 60%);width:44vw;height:130vh;top:-16%;right:3%}.frame-b{border-color:#ffffff21;width:22vw;height:90vh;top:8%;right:22%}.frame-c{background:#07070759;width:16vw;height:52vh;top:25%;right:7%}.grain{opacity:.12;background:repeating-linear-gradient(115deg,#0000 0 3px,#ffffff06 4px);position:absolute;inset:0}.hero-shade{background:linear-gradient(90deg,#000000d1,#0000004d 62%,#00000026),linear-gradient(#0000 50%,#000000a6);position:absolute;inset:0}.video-note{letter-spacing:2px;color:#bbb;font-size:9px;position:absolute;bottom:6.5vw;right:4.5vw}.video-note span{color:var(--gold);font-size:8px}.hero-content{z-index:2;position:absolute;top:24%;left:4.5vw;right:4.5vw}.eyebrow,.kicker{letter-spacing:2.4px;font-size:10px;line-height:1.8}.eyebrow:before,.kicker:before{content:"";border-top:1px solid var(--gold);vertical-align:middle;width:36px;margin-right:14px;display:inline-block}.hero h1{letter-spacing:-5px;max-width:1200px;margin-top:34px;font-size:clamp(58px,8.3vw,130px);font-weight:300;line-height:.87}.hero h1 em,.section-heading em,.about em,.clients em,.contact em{color:var(--gold);font-family:Instrument Serif,serif;font-weight:400}.hero-bottom{justify-content:space-between;align-items:flex-end;margin-top:5vh;display:flex}.hero-bottom>p{letter-spacing:1.2px;text-transform:uppercase;font-size:12px;line-height:1.7}.hero-bottom>p span{color:var(--gold);padding:0 5px}.hero-actions{gap:10px;display:flex}.button{letter-spacing:1.4px;text-transform:uppercase;border:1px solid #fff6;justify-content:space-between;min-width:160px;padding:16px 21px;font-size:10px;transition:all .3s;display:flex}.button.primary{background:var(--gold);color:var(--black);border-color:var(--gold)}.button:hover{background:var(--cream);color:var(--black);border-color:var(--cream)}.scroll{letter-spacing:2px;color:#8e8e8e;writing-mode:vertical-rl;font-size:8px;position:absolute;bottom:3vh;left:4.5vw}.scroll span{color:var(--gold);margin-top:10px}.section{padding:140px 4.5vw}.section-label{text-transform:uppercase;letter-spacing:2px;align-items:center;gap:15px;margin-bottom:80px;font-size:10px;display:flex}.section-label span{color:var(--gold)}.section-label:after{content:"";background:var(--line);flex:1;height:1px;margin-left:12px}.section-label.light:after{background:#ffffff29}.about{grid-template-columns:18% 60% 1fr;min-height:850px;display:grid}.about>.section-label{grid-column:1/-1}.about-copy{grid-column:2}.kicker{margin-bottom:36px}.about h2{letter-spacing:-3px;font-size:clamp(40px,5.3vw,78px);font-weight:300;line-height:1.04}.about-detail{grid-template-columns:1fr 1fr;gap:5vw;margin:65px 0 0 26%;display:grid}.about-detail p{color:#4c4c4c;font-size:14px;line-height:1.8}.quote{border-left:1px solid var(--gold);align-self:end;margin-bottom:10px;padding-left:18px}.quote span{color:var(--gold);height:28px;font-family:Instrument Serif;font-size:42px;display:block}.quote p{font:italic 19px/1.35 Instrument Serif,serif}.techline{background:var(--gold);color:var(--black);white-space:nowrap;align-items:center;height:64px;display:flex;overflow:hidden}.techline div{letter-spacing:2.5px;font-size:11px;animation:24s linear infinite ticker}.techline b{margin:0 26px;font-weight:400}@keyframes ticker{to{transform:translate(-35%)}}.section-heading{grid-template-columns:1fr 34%;align-items:end;gap:12vw;margin-bottom:90px;margin-left:18%;display:grid}.section-heading h2{letter-spacing:-4px;font-size:clamp(52px,7vw,100px);font-weight:300;line-height:.91}.section-heading>p{color:#555;max-width:340px;font-size:14px;line-height:1.8}.service-list{border-top:1px solid var(--line);margin-left:18%}.service{border-bottom:1px solid var(--line);grid-template-columns:7% 36% 1fr auto;align-items:center;gap:25px;padding:29px 10px;transition:all .3s;display:grid}.service:hover{background:#d89a3d14;padding-left:22px}.service>span{color:var(--gold);font-size:9px}.service h3{letter-spacing:-.5px;font-size:21px;font-weight:400}.service p{color:#686868;max-width:500px;font-size:12px;line-height:1.6}.service i{color:var(--gold);font-style:normal}.work{background:var(--black);color:var(--cream)}.light{color:var(--cream)}.work .section-heading>p{color:var(--gray)}.work-grid{grid-template-columns:1fr 1fr;gap:7vw 2.5vw;display:grid}.project-visual{background:linear-gradient(140deg,#292722,#111 55%,#3e2e17);height:32vw;min-height:320px;transition:filter .4s;position:relative;overflow:hidden}.project:first-child .project-visual{height:52vw;max-height:720px}.project-2 .project-visual{background:linear-gradient(145deg,#34302a,#151515 50%,#6a583d)}.project-3 .project-visual{background:linear-gradient(30deg,#161616,#423b33)}.project-4 .project-visual{background:radial-gradient(circle at 70% 40%,#563919,#1a1a1a 45%)}.project-5 .project-visual{background:linear-gradient(135deg,#181818,#4e341c,#161616)}.project-visual:before,.project-visual:after{content:"";border:1px solid #d89a3d40;width:44%;height:130%;position:absolute;top:-20%;left:30%;transform:rotate(24deg)}.project-visual:after{border-color:#ffffff14;left:44%}.project-placeholder{z-index:2;letter-spacing:2px;color:#aaa;border:1px solid #555;padding:12px 16px;font-size:9px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.project-visual b{color:var(--gold);font-size:10px;font-weight:400;position:absolute;top:18px;right:20px}.project:hover .project-visual{filter:brightness(1.25)}.project-meta{border-bottom:1px solid #ffffff2e;justify-content:space-between;padding:18px 0;display:flex}.project-meta p{text-transform:uppercase;letter-spacing:1.5px;color:var(--gray);font-size:8px}.project-meta h3{margin-top:8px;font-size:24px;font-weight:400}.project-meta>span{letter-spacing:1px;color:var(--gold);align-self:center;font-size:9px}.integrity{color:#727272;text-align:center;letter-spacing:1px;margin-top:100px;font-size:10px}.clients{min-height:650px}.clients-copy{grid-template-columns:1fr 35%;gap:10vw;margin-left:18%;display:grid}.clients h2{letter-spacing:-4px;font-size:clamp(50px,7vw,94px);font-weight:300;line-height:.95}.clients-copy>p{color:#5c5c5c;align-self:end;font-size:14px;line-height:1.8}.client-placeholder{border-top:1px solid var(--line);border-bottom:1px solid var(--line);letter-spacing:2px;color:#777;justify-content:space-between;margin:110px 0 0 18%;padding:30px 0;font-size:9px;display:flex}.contact{background:var(--coal);color:var(--cream);min-height:820px}.contact .kicker{margin-left:18%}.contact h2{letter-spacing:-7px;margin:8vh 0 0 18%;font-size:clamp(76px,11vw,165px);font-weight:300;line-height:.8}.contact-bottom{grid-template-columns:300px minmax(0,1fr);align-items:end;gap:clamp(32px,5vw,80px);margin:100px 0 0;display:grid}.contact-bottom>p{color:#aaa;max-width:300px;font-size:13px;line-height:1.8}.contact-actions{grid-template-columns:minmax(320px,1.4fr) minmax(210px,1fr) minmax(160px,.8fr);gap:16px;display:grid}.contact-actions a{color:#a8a8a8;border:1px solid #4b4b4b;min-width:0;padding:24px 44px 23px 22px;transition:all .3s;position:relative}.contact-actions small{letter-spacing:1.8px;text-transform:uppercase;color:var(--gold);margin-bottom:14px;font-size:8px;display:block}.contact-actions strong{white-space:nowrap;font-size:clamp(12px,.9vw,15px);font-weight:400;display:block}.contact-actions span{position:absolute;top:50%;right:17px;transform:translateY(-50%)}.contact-actions a:hover{color:var(--cream);border-color:var(--gold);background:#d3bc940a}footer{background:var(--black);height:150px;color:var(--cream);border-top:1px solid #292929;grid-template-columns:1.2fr 2fr 1fr 1fr;align-items:center;padding:0 4.5vw;display:grid}footer p,footer>a:last-child{letter-spacing:1.4px;color:#777;font-size:8px}footer>a:last-child{text-align:right;color:var(--gold)}@media (max-width:1100px) and (min-width:801px){.contact-bottom{grid-template-columns:1fr;margin-left:0}.contact-bottom>p{max-width:520px}.contact-actions{grid-template-columns:1.35fr .9fr .75fr;margin-top:42px}.contact-actions strong{font-size:11px}}@media (max-width:800px){.topbar{height:74px;padding:0 20px}.topbar nav{display:none}.top-contact{font-size:9px}.hero{min-height:680px}.hero-content{top:24%;left:20px;right:20px}.hero h1{letter-spacing:-3px;font-size:clamp(52px,16vw,76px)}.hero-bottom{margin-top:9vh;display:block}.hero-actions{margin-top:28px}.button{flex:1;min-width:0}.video-note{right:20px}.section{padding:90px 20px}.section-label{margin-bottom:55px}.about{min-height:auto;display:block}.about-copy{margin:0}.about h2,.section-heading h2,.clients h2{letter-spacing:-2px}.about-detail{margin:50px 0 0;display:block}.about-detail p+p{margin-top:22px}.quote{margin:70px 0 0}.section-heading{margin:0 0 55px;display:block}.section-heading>p{margin-top:30px}.service-list{margin:0}.service{grid-template-columns:34px 1fr auto;padding:23px 0}.service p{display:none}.service h3{font-size:18px}.work-grid{display:block}.project{margin-bottom:58px}.project:first-child .project-visual,.project-visual{height:72vw;min-height:260px}.project-meta>span{display:none}.integrity{margin-top:50px}.clients-copy{margin:0;display:block}.clients-copy>p{margin-top:35px}.client-placeholder{gap:20px;margin:70px 0 0}.client-placeholder span:nth-child(2){display:none}.contact{min-height:720px}.contact .kicker,.contact h2{margin-left:0}.contact h2{letter-spacing:-4px;margin-top:10vh;font-size:20vw}.contact-bottom{margin:80px 0 0;display:block}.contact-actions{grid-template-columns:1fr;gap:12px;margin-top:42px}.contact-actions a{font-size:18px}.scroll{display:none}footer{grid-template-columns:1fr 1fr;gap:35px;height:auto;padding:45px 20px}footer p:first-of-type{display:none}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.techline div{animation:none}*{transition:none!important}}.hero-emblem{opacity:.2;filter:drop-shadow(0 0 50px #a99f8d1f);mix-blend-mode:screen;width:min(56vw,900px);height:auto;position:absolute;top:18%;right:-3vw}@media (max-width:800px){.hero-emblem{opacity:.13;width:95vw;top:16%;right:-32vw}}.work-grid{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:7vw 2vw}.project:first-child{grid-column:auto}.project-visual,.project:first-child .project-visual{aspect-ratio:9/16;width:100%;height:auto;min-height:0}.project:nth-child(2),.project:nth-child(5){margin-top:7vw}@media (max-width:1050px) and (min-width:801px){.work-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.project:nth-child(2),.project:nth-child(5){margin-top:0}.project:nth-child(2n){margin-top:7vw}}@media (max-width:800px){.work-grid{scroll-snap-type:x mandatory;scrollbar-width:none;gap:18px;margin-right:-20px;padding:0 20px 24px 0;display:flex;overflow-x:auto}.work-grid::-webkit-scrollbar{display:none}.project,.project:first-child{scroll-snap-align:start;flex:0 0 76vw;margin:0}.project-visual,.project:first-child .project-visual{aspect-ratio:9/16;height:auto;min-height:0}.integrity{text-align:left}}.featured-case{margin-bottom:8vw}.featured-video{aspect-ratio:16/9;background:#050505;border:1px solid #ffffff1f;width:100%;position:relative;overflow:hidden}.featured-video video{object-fit:cover;width:100%;height:100%;display:block}.featured-meta{border-bottom:1px solid #ffffff2e;justify-content:space-between;align-items:center;padding:22px 0;display:flex}.featured-meta p{text-transform:uppercase;letter-spacing:1.5px;color:var(--gray);font-size:8px}.featured-meta h3{margin-top:8px;font-size:30px;font-weight:400}.featured-meta>span{text-transform:uppercase;letter-spacing:1.4px;color:var(--gold);font-size:9px}@media (max-width:800px){.featured-case{margin-bottom:70px}.featured-meta{padding:16px 0}.featured-meta h3{font-size:24px}.featured-meta>span{display:none}}.featured-case{width:min(56%,920px);margin-left:auto;margin-right:auto}.featured-video video{object-fit:contain}@media (max-width:800px){.featured-case{width:100%}}.project.has-video .project-visual:before,.project.has-video .project-visual:after{display:none}.project-visual video{object-fit:contain;background:#050505;width:100%;height:100%;display:block}.project.has-video .project-visual b{z-index:2;text-shadow:0 1px 8px #000}.video-player{background:#050505;width:100%;height:100%;position:relative}.video-player video{width:100%;height:100%;display:block}.project-6 .project-visual{background:linear-gradient(150deg,#272520,#111 52%,#50483b)}