@font-face{font-family:Montserrat;src:url('/portfolio-assets/Montserrat-Variable.ttf') format('truetype');font-display:swap;font-weight:100 900}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:96px}body{margin:0;background:var(--bg,#151515);color:var(--fg,#f2f2ed);font-family:Montserrat,Arial,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}a:focus-visible,button:focus-visible{outline:3px solid var(--accent);outline-offset:6px}.skip{position:absolute;top:-100px;z-index:10;background:var(--bg);padding:16px}.skip:focus{top:0}header{height:100px;padding:0 5vw;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff25}.brand{font-size:22px;font-weight:700;letter-spacing:-1px}.brand img{width:auto;max-width:180px;max-height:60px;object-fit:contain}.brand-dot{color:var(--accent);font-size:32px}nav{display:flex;gap:35px;font-size:12px}nav a:hover,.text-link:hover,footer a:hover{color:var(--accent)}.hero{position:relative;min-height:min(880px,calc(100svh - 100px));display:flex;align-items:center;padding:80px 5vw 130px;isolation:isolate;overflow:hidden}.hero-media{position:absolute;inset:0;z-index:-2;background:radial-gradient(ellipse at 80% 40%,#ffffff0a,transparent 60%)}.hero-media:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,color-mix(in srgb,var(--bg) 94%,transparent),color-mix(in srgb,var(--bg) 60%,transparent))}.hero-still{width:100%;height:100%;object-fit:cover}.hero-copy{max-width:950px}.eyebrow,.section-label{font-size:11px;letter-spacing:2px;text-transform:uppercase}.eyebrow{color:var(--accent);margin-bottom:30px}h1{font-size:clamp(48px,7.5vw,112px);font-weight:500;letter-spacing:-.065em;line-height:1.02;margin:0 0 30px;max-width:1000px}.hero-intro{font-size:16px;line-height:1.7;max-width:480px}.text-link{display:inline-block;font-size:12px;padding-bottom:10px;margin-top:32px;border-bottom:1px solid var(--accent)}.hero-bottom{position:absolute;bottom:30px;left:5vw;right:5vw;display:flex;justify-content:space-between;font-size:10px;letter-spacing:1px}.section{padding:95px 5vw;border-top:1px solid #ffffff25}.section-label{color:var(--accent);margin-bottom:45px}.about{display:grid;grid-template-columns:1fr 2fr;gap:30px}.about .section-label{grid-column:1}.about-copy{grid-column:2;max-width:800px}.about h2{font-size:clamp(30px,4vw,58px);font-weight:500;letter-spacing:-.045em;margin:0 0 32px}.about-copy p{font-size:clamp(16px,1.6vw,21px);line-height:1.85;max-width:760px}.portrait{grid-column:2;width:100%;max-width:600px;max-height:600px;object-fit:cover}.section-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:50px}.section-heading h2,.contact h2{font-size:clamp(38px,5vw,76px);line-height:1.1;letter-spacing:-.055em;font-weight:500;margin:0}.section-heading p{font-size:11px}.project-grid{display:grid;grid-template-columns:1fr 1fr;gap:50px 28px}.project:nth-child(even){margin-top:80px}.project-image{position:relative;aspect-ratio:16/10;overflow:hidden;background:#ffffff0b}.project-image>img{width:100%;height:100%;object-fit:cover;transition:transform .5s}.project:hover .project-image>img{transform:scale(1.025)}.project-caption{padding-top:20px}.project-caption h3{font-size:17px;font-weight:500;margin:0 0 9px}.project-caption p{font-size:11px;margin:0;line-height:1.6}.video-consent{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;background:#0003}.play{background:var(--accent);color:#151515;border:0;border-radius:50%;width:64px;height:64px;font-size:28px}.play span{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.video-consent small{font-size:10px;color:#fff;text-shadow:0 1px 5px #000}.hero-play{inset:auto 5vw 100px auto;background:none}.hero-play .play{height:80px;width:80px}.contact{padding-bottom:110px}.contact h2{max-width:880px}.contact>p{line-height:1.8;max-width:570px;margin-top:30px}.contact-methods{margin-top:55px}.contact-link{display:block;width:fit-content;font-size:clamp(20px,3.6vw,52px);letter-spacing:-.04em;color:var(--accent);overflow-wrap:anywhere}.contact-link.phone{font-size:22px;margin-top:25px}footer{padding:35px 5vw;display:flex;justify-content:space-between;gap:24px;align-items:center;border-top:1px solid #ffffff25;font-size:11px}dialog{background:#101010;color:white;width:min(1200px,95vw);border:1px solid #666;padding:16px}dialog::backdrop{background:#000d}#close-video{display:block;margin:0 0 15px auto;color:#fff;background:transparent;border:0;padding:12px}#video-frame{aspect-ratio:16/9}#video-frame iframe{width:100%;height:100%;border:0}@media(max-width:700px){header{height:80px;gap:20px}.brand{font-size:17px}nav{gap:15px;font-size:10px}.hero{min-height:680px;padding-top:65px;padding-bottom:200px}.hero-play{right:6vw;bottom:90px}.hero-copy h1{font-size:clamp(48px,11vw,76px)}.hero-intro{font-size:14px}.section{padding:65px 6vw}.about{display:block}.about-copy p{font-size:16px}.portrait{margin-top:20px}.section-label{margin-bottom:30px}.project-grid{grid-template-columns:1fr;gap:35px}.project:nth-child(even){margin-top:0}.section-heading{gap:20px}.section-heading p{white-space:nowrap}footer{flex-wrap:wrap;gap:24px}footer .brand{flex-basis:100%}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
