@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@600;700;800&family=DM+Sans:wght@400;500;600;700&display=swap');
:root{--bg:#101110;--text:#e8e6df;--muted:#96988e;--accent:#d5ed97}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--bg);color:var(--text);font-family:'DM Sans',Arial,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:2px solid var(--accent);outline-offset:7px}header{height:95px;padding:0 4.6%;display:flex;align-items:center;justify-content:space-between;background:linear-gradient(var(--bg) 65%,transparent);position:absolute;top:0;left:0;width:100%;z-index:5}header a{font-size:11px;letter-spacing:.09em;font-weight:600}header a span{display:inline-block;transition:transform .4s}header a:hover span{transform:translate(3px,-3px)}header .wordmark{font-size:30px;letter-spacing:-3px;font-weight:700}.wordmark span{font-size:10px;vertical-align:top;letter-spacing:0;margin-left:5px}.hero{min-height:100svh;padding:128px 4.6% 20px;display:flex;flex-direction:column}.hero-meta,.hero-rule,.section-label,.eyebrow,.project-number{font-size:10px;font-weight:500;letter-spacing:.12em}.hero-meta{display:flex;justify-content:space-between;color:var(--muted)}h1{margin:30px 0 25px;font-family:'Barlow Condensed','Arial Narrow',Impact,sans-serif;font-weight:700;font-size:clamp(100px,17.3vw,270px);letter-spacing:-.025em;line-height:.79}.name-line{display:flex;overflow:hidden;padding-bottom:.075em;align-items:center;justify-content:space-between}.name-line>span{display:block;animation:enter 1.15s cubic-bezier(.16,1,.3,1) both}.name-line:nth-child(2)>span{animation-delay:.13s}.name-line i{font-size:.52em;font-family:Arial,sans-serif;font-style:normal;color:var(--accent);margin-right:8%;animation:rotate 28s linear infinite}.hero-bottom{display:flex;justify-content:space-between;align-items:center;padding:20px 0 45px;gap:24px;animation:fade 1s .45s both}.hero-bottom p{font-size:clamp(20px,2.2vw,33px);line-height:1.2;letter-spacing:-.04em;margin:0}.hero-note{font-size:12px;color:var(--muted);line-height:1.7}.explore{display:flex;align-items:center;gap:25px;font-size:10px;letter-spacing:.08em}.circle{width:48px;height:48px;border:1px solid #51534a;border-radius:50%;display:grid;place-items:center;font-size:21px;transition:background .3s,color .3s,transform .4s}.explore:hover .circle{background:var(--accent);color:var(--bg);transform:translateY(4px)}.hero-rule{margin-top:auto;border-top:1px solid #373930;padding-top:18px;display:flex;justify-content:space-between;color:var(--muted);font-size:9px}.work{padding:100px 4.6% 0}.section-label{display:flex;justify-content:space-between;color:var(--muted);border-bottom:1px solid #373930;padding-bottom:22px}.section-label h2{font:inherit;margin:0;color:var(--text)}.project{min-height:85svh;display:grid;grid-template-columns:1fr 1.35fr;gap:6%;align-items:center;padding:95px 0;border-bottom:1px solid #373930}.project-copy h3{font-family:'Barlow Condensed',Impact,sans-serif;font-size:clamp(62px,7vw,110px);line-height:.93;letter-spacing:-.025em;font-weight:600;margin:28px 0}.project-copy h3 span{display:block;color:var(--muted)}.project-number{color:var(--accent)}.project-copy p{font-size:13px;color:var(--muted)}.watch{border:0;border-bottom:1px solid #686b5e;background:transparent;padding:14px 0;margin-top:20px;font-size:10px;letter-spacing:.1em;display:flex;width:165px;justify-content:space-between}.watch span{transition:transform .3s}.watch:hover span{transform:translate(4px,-4px)}.project-media{position:relative;width:100%;aspect-ratio:1.22;border:0;padding:0;background:#20221d;overflow:hidden;transform:perspective(1200px) rotateY(var(--ry,0deg)) rotateX(var(--rx,0deg));transition:transform .65s cubic-bezier(.2,.7,.2,1);isolation:isolate}.project-media:after{content:'';position:absolute;inset:55% 0 0;background:linear-gradient(transparent,#0009);pointer-events:none}.project-media video{width:100%;height:100%;object-fit:cover;display:block;transition:transform 1s}.project-media:hover video{transform:scale(1.035)}.media-label{position:absolute;bottom:24px;left:24px;font-size:9px;letter-spacing:.12em;z-index:1}.play{position:absolute;right:22px;bottom:20px;border:1px solid #ffffff70;border-radius:50%;width:38px;height:38px;display:grid;place-items:center;z-index:1}.reverse{grid-template-columns:1.35fr 1fr}.reverse .project-copy{grid-column:2;grid-row:1}.reverse .project-media{grid-column:1;grid-row:1}.portrait{aspect-ratio:1.1}.portrait video{object-fit:contain;background:#191b18}.about{padding:130px 12% 140px 30%;}.about>p{font-size:clamp(24px,3vw,40px);line-height:1.35;letter-spacing:-.035em}.about>div{font-size:11px;color:var(--muted);line-height:2}.about>div span{padding:0 10px;color:#4c5045}.eyebrow{color:var(--accent)}footer{padding:60px 4.6% 25px;background:#d5ed97;color:#172010}footer .eyebrow{color:#38452c}.contact{font-family:'Barlow Condensed',Impact,sans-serif;font-size:clamp(80px,13vw,200px);line-height:.9;letter-spacing:-.025em;display:block;position:relative;margin:40px 0 70px}.contact>span{position:absolute;right:3%;top:0;font-family:Arial;font-size:.8em;transition:transform .5s}.contact:hover>span{transform:translate(10px,-10px)}.footer-bottom{border-top:1px solid #17201050;padding-top:24px;display:flex;justify-content:space-between;font-size:10px;gap:20px}.reveal{opacity:0;transform:translateY(40px);transition:opacity .9s,transform 1.1s cubic-bezier(.16,1,.3,1)}.reveal.visible{opacity:1;transform:none}dialog{background:#121312;border:1px solid #555;color:white;padding:55px 20px 20px;max-width:94vw;width:1100px}dialog::backdrop{background:#000d;backdrop-filter:blur(10px)}dialog video{width:100%;max-height:75svh;display:block}.close{position:absolute;right:22px;top:17px;background:none;border:0;font-size:12px;padding:5px}body.modal-open{overflow:hidden}@keyframes enter{from{transform:translateY(115%) rotate(3deg)}to{transform:translateY(0) rotate(0)}}@keyframes fade{from{opacity:0;transform:translateY(15px)}to{opacity:1;transform:none}}@keyframes rotate{to{transform:rotate(360deg)}}@media(min-width:1500px){.hero{padding-top:150px}h1{font-size:16vw}}@media(max-width:700px){header{height:80px;padding:0 6%}.nav-work{display:none}.hero{padding:115px 6% 22px;min-height:90svh}.hero-meta{font-size:8px}.hero-meta>span:last-child{display:none}h1{font-size:21vw;margin:55px 0 35px;line-height:.9}.name-line i{margin-right:3%;font-size:.48em}.hero-bottom{flex-wrap:wrap;gap:32px;padding-bottom:40px}.hero-bottom p{font-size:26px}.hero-note{font-size:10px}.explore{width:100%;justify-content:space-between}.work{padding:65px 6% 0}.section-label{font-size:8px}.project,.reverse{display:flex;flex-direction:column;align-items:stretch;min-height:0;padding:55px 0;gap:30px}.project-copy h3{font-size:64px;margin:20px 0}.project-copy h3 span{display:inline;margin-left:12px}.project-copy p{display:none}.watch{margin-top:0}.project-media{aspect-ratio:1.1}.project-number{font-size:9px}.about{padding:80px 6%}.about>p{font-size:28px}footer{padding:45px 6% 25px}.contact{font-size:23vw;margin:35px 0 50px}.footer-bottom{flex-wrap:wrap;font-size:9px}.footer-bottom>a:first-child{width:100%;font-size:13px}dialog{padding:50px 8px 8px}.media-label{bottom:20px;left:18px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}}
.project-media video{object-fit:contain;background:#191b18}.project-media{opacity:0;translate:0 55px;transition:opacity .9s,translate 1.2s cubic-bezier(.16,1,.3,1),transform .65s cubic-bezier(.2,.7,.2,1)}.project-media.visible{opacity:1;translate:0 0}@media(prefers-reduced-motion:reduce){.project-media{opacity:1;translate:none}}
@media(max-width:700px){.project-copy h3{font-size:clamp(42px,14vw,64px)}.project-copy h3 span{display:block;margin-left:0}}