@import "https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@400;500;600;700&family=Inter:wght@400;500&display=swap";:root{--orange:#ff5a19;--black:#050505;--white:#f5f3ef;--line:#292929;--shell:min(1700px,calc(100vw - 88px));--mx:50vw;--my:50vh;--px:0px;--py:0px;color:#fff;cursor:none;background:#000;font-family:Inter,Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;background:#000}body{background:#000;margin:0;overflow-x:hidden}body.locked{overflow:hidden}a,button{color:inherit;font:inherit;cursor:none}a{text-decoration:none}button{border:0}img{width:100%;display:block}.shell{width:var(--shell);margin-inline:auto}.site-veil{z-index:0;pointer-events:none;position:fixed;inset:0}.dark-veil-canvas{width:100%;height:100%;display:block}.cursor{z-index:100;left:var(--mx);top:var(--my);pointer-events:none;mix-blend-mode:difference;width:24px;height:24px;transition:transform .25s;position:fixed;transform:translate(-50%,-50%)}.cursor:before,.cursor:after{content:"";background:#fff;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.cursor:before{width:24px;height:1px}.cursor:after{width:1px;height:24px}.cursor i{background:#fff;width:5px;height:5px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(45deg)}.cursor-small{transform:translate(-50%,-50%)scale(.55)}.intro{z-index:60;opacity:1;clip-path:circle(145%);background:#050505;transition:clip-path 1.15s cubic-bezier(.78,0,.2,1),opacity .55s .65s,visibility 0s 1.2s;position:fixed;inset:0;overflow:hidden}.intro-exit{clip-path:circle(0);opacity:0;visibility:hidden;pointer-events:none}.intro-video{object-fit:cover;width:106%;height:106%;transform:translate3d(var(--px),var(--py),0) scale(1.035);filter:saturate(.82)contrast(1.1)brightness(.76);transition:transform .18s ease-out;position:absolute;inset:-3%}.intro-ghost{opacity:.2;mix-blend-mode:screen;pointer-events:none;filter:saturate(.9)contrast(1.18)brightness(.72);animation:.52s steps(2,end) infinite ghostShift;-webkit-mask-image:repeating-linear-gradient(#000 0 4vh,#0000 4vh 7vh);mask-image:repeating-linear-gradient(#000 0 4vh,#0000 4vh 7vh)}.intro-shade{background:radial-gradient(circle at 50% 48%,#0000 0 22%,#00000014 48%,#00000094 100%),linear-gradient(#00000059,#0000 35%,#00000080);position:absolute;inset:0}@keyframes ghostShift{0%,to{transform:translate3d(var(--px),var(--py),0) scale(1.035)}35%{transform:translate3d(calc(var(--px) - 24px),var(--py),0) scale(1.045)}70%{transform:translate3d(calc(var(--px) + 18px),var(--py),0) scale(1.03)}}.intro-mark{letter-spacing:.02em;font:600 34px/1 Barlow Condensed,sans-serif;position:absolute;top:34px;left:44px}.intro-mark span{color:var(--orange);vertical-align:top;margin-left:4px;font:10px Inter}.intro-meta{letter-spacing:.15em;gap:44px;font:500 11px Barlow Condensed,sans-serif;display:flex;position:absolute;top:40px;right:44px}.sound-toggle{z-index:4;background:#08080ac7;border:1px solid #ffffff59;border-radius:50%;place-items:center;width:58px;height:58px;padding:0;display:grid;position:absolute;top:80px;right:44px;box-shadow:0 12px 34px #00000059}.sound-toggle svg{fill:none;stroke:#fff;stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round;width:25px}.sound-toggle i{background:#666;border-radius:50%;width:6px;height:6px;position:absolute;top:8px;right:8px}.sound-toggle.on i{background:var(--orange);box-shadow:0 0 10px var(--orange)}.enter-zone{z-index:2;background:0 0;position:absolute;inset:0}.brand-lock{grid-template-columns:1fr 116px 1fr;align-items:center;gap:52px;min-width:min(760px,76vw);display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.brand-lock b{letter-spacing:.04em;white-space:nowrap;font:500 clamp(18px,2vw,32px) Barlow Condensed,sans-serif}.brand-lock b:first-child{text-align:right}.brand-lock b:last-child{text-align:left}.brand-lock svg{fill:#fff;filter:drop-shadow(0 0 24px #ffffff2e);width:116px;transition:transform .35s}.brand-lock .cut{fill:#050505;transform-origin:50%;transform:scale(.53)}.enter-zone:hover .brand-lock svg{transform:rotate(45deg)scale(1.08)}.intro-notes{text-align:left;justify-content:space-between;gap:50px;width:min(700px,65vw);display:flex;position:absolute;bottom:11%;left:50%;transform:translate(-50%)}.intro-notes i{letter-spacing:.12em;color:#ffffff8f;font:400 9px/1.45 Barlow Condensed,sans-serif}.intro-bottom{letter-spacing:.15em;border-top:1px solid #ffffff4d;justify-content:space-between;padding-top:16px;font:500 10px Barlow Condensed,sans-serif;display:flex;position:absolute;bottom:34px;left:44px;right:44px}.site-header{z-index:30;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#000000d1;border-bottom:1px solid #171717;justify-content:space-between;align-items:center;height:76px;padding:0 44px;transition:transform .6s cubic-bezier(.2,.8,.2,1) 1s;display:flex;position:fixed;top:0;left:0;right:0;transform:translateY(-100%)}.site-entered .site-header{transform:none}.brand{letter-spacing:-.03em;font:600 31px Barlow Condensed,sans-serif}.site-header nav{letter-spacing:.1em;gap:48px;margin-left:auto;margin-right:70px;font:600 12px Barlow Condensed,sans-serif;display:flex}.site-header nav a{transition:color .2s}.site-header nav a:hover{color:var(--orange)}.menu-button{background:#090909;border:1px solid #2c2c2c;border-radius:50%;place-content:center;gap:7px;width:48px;height:48px;display:grid}.menu-button i{background:var(--orange);width:20px;height:1px;display:block}.menu-panel{z-index:40;background:var(--orange);color:#060606;flex-direction:column;justify-content:center;width:min(620px,100%);padding:38px 44px;transition:transform .6s cubic-bezier(.7,0,.2,1);display:flex;position:fixed;inset:0 0 0 auto;transform:translate(100%)}.menu-panel.open{transform:none}.menu-panel button{letter-spacing:.14em;background:0 0;font:600 12px Barlow Condensed;position:absolute;top:30px;right:36px}.menu-panel a{border-bottom:1px solid #0000004d;justify-content:space-between;padding:22px 0;font:600 clamp(48px,6vw,92px)/1 Barlow Condensed;display:flex}.works{z-index:1;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);background:linear-gradient(#03030494,#03040638 48%,#02030585);padding:130px 0 180px;position:relative}.section-head{border-bottom:1px solid var(--line);letter-spacing:.15em;grid-template-columns:1fr 2fr auto;gap:30px;padding:0 0 22px;font:500 11px Barlow Condensed,sans-serif;display:grid}.section-head p{color:var(--orange);margin:0}.section-head span{color:#777}.section-head b{font-weight:500}.works-title{letter-spacing:-.07em;margin-top:84px;margin-bottom:0;font:600 clamp(110px,17vw,300px)/.7 Barlow Condensed,sans-serif;overflow:hidden}.works-title span{transform-origin:0;display:block}.works-title span:last-child{color:#0000;-webkit-text-stroke:1px #ffffff80;margin-left:20%}.project-list{padding-top:150px}.project{margin-bottom:128px;display:block}.project-media{background:#111;height:min(46vw,760px);position:relative;overflow:hidden}.project-media:after{content:"";background:linear-gradient(#0000004d,#0000 30%,#000000db);position:absolute;inset:0}.project-media img{object-fit:cover;filter:saturate(.67)brightness(.82);will-change:transform;width:100%;height:112%;transition:filter .5s;position:relative;top:-6%}.project:hover img{filter:saturate(.95)brightness(.94)}.project-index,.project-role,.project-title{z-index:2;position:absolute}.project-index,.project-role,.project-view{letter-spacing:.16em;font:600 11px Barlow Condensed}.project-index{color:var(--orange);top:28px;left:30px}.project-role{color:#fff;top:28px;right:30px}.project-title{flex-direction:column;display:flex;bottom:26px;left:30px}.project-title small{color:var(--orange);letter-spacing:.16em;margin-bottom:8px;font:600 11px Barlow Condensed}.project-title strong{letter-spacing:-.045em;text-transform:uppercase;max-width:1050px;font:500 clamp(58px,8vw,132px)/.82 Barlow Condensed,sans-serif}.project-view{z-index:3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);letter-spacing:.16em;background:#120f17c7;border:1px solid #ffffff5c;border-radius:27px;padding:13px 18px;font:600 11px Barlow Condensed;display:block;position:absolute;bottom:30px;right:30px}.project-view span{color:var(--orange);margin-left:16px}.project-info{border-bottom:1px solid var(--line);grid-template-columns:2fr 1fr auto;align-items:center;gap:30px;padding:18px 0;display:grid}.project-info p,.project-info span,.project-info b{letter-spacing:.16em;margin:0;font:600 10px Barlow Condensed}.project-info p{color:#a4a4a4}.project-info span{color:var(--orange)}.project-info b{text-align:right;font-weight:500}.reel{background:#080808;height:100vh;min-height:720px;position:relative;overflow:hidden}.reel video{object-fit:cover;filter:saturate(.72)contrast(1.08);width:100%;height:100%}.reel-shade{background:linear-gradient(90deg,#000000c7,#00000026 70%),linear-gradient(#00000029,#00000073);position:absolute;inset:0}.reel-ui{flex-direction:column;justify-content:center;align-items:flex-start;display:flex;position:absolute;inset:0}.reel-ui p,.reel-ui span{letter-spacing:.18em;font:500 11px Barlow Condensed}.reel-ui p{color:var(--orange)}.reel-ui h2{letter-spacing:-.045em;margin:22px 0 32px;font:600 clamp(80px,11vw,190px)/.78 Barlow Condensed}.reel-ui span{color:#aaa}.contact{z-index:1;color:#fff;background:linear-gradient(135deg,#03030480,#0e080594);flex-direction:column;justify-content:space-between;min-height:100vh;padding:42px 0 30px;display:flex;position:relative;overflow:hidden}.contact:before{content:"";z-index:-1;filter:blur(30px);background:radial-gradient(circle,#ff5a197a,#ff5a191f 35%,#0000 68%);border-radius:50%;width:60vw;height:60vw;position:absolute;top:-18vw;right:-18vw}.contact-top,.contact-bottom{letter-spacing:.16em;border-bottom:1px solid #ffffff47;justify-content:space-between;padding-bottom:18px;font:600 10px Barlow Condensed;display:flex}.contact-main{margin:auto}.contact-main p{letter-spacing:.16em;font:600 11px Barlow Condensed}.contact-main>a{letter-spacing:-.045em;font:600 clamp(74px,10vw,174px)/.8 Barlow Condensed;transition:color .25s;display:block}.contact-main>a:hover{color:var(--orange)}.contact-line{display:block;overflow:hidden}.contact-line i{transform-origin:0;font-style:normal;display:block}.contact-line i>span{vertical-align:top;font-size:.5em}.contact-bottom{border:0;border-top:1px solid #ffffff47;align-items:center;padding:18px 0 0}.contact-bottom div{gap:32px;display:flex}.contact-bottom p{margin:0}@media (width<=900px){:root{--shell:calc(100vw - 36px);cursor:auto}a,button{cursor:pointer}.cursor{display:none}.intro-video{animation:6s ease-in-out infinite alternate mobileCameraDrift}.intro-mark{top:22px;left:20px}.intro-meta{top:26px;right:20px}.intro-meta span:first-child{display:none}.sound-toggle{width:50px;height:50px;top:62px;right:20px}.intro-bottom{bottom:20px;left:20px;right:20px}.brand-lock{grid-template-columns:1fr 82px 1fr;gap:14px;min-width:94vw}.brand-lock svg{width:82px}.intro-notes{width:86vw}.site-header{height:66px;padding:0 18px}.site-header nav{display:none}.works{padding-top:100px}.section-head{grid-template-columns:1fr auto}.section-head span{display:none}.project-list{padding-top:55px}.works-title{margin-top:60px;font-size:24vw}.project{margin-bottom:72px}.project-media{height:72vw}.project-role{display:none}.project-title strong{font-size:14vw}.project-title{bottom:18px;left:18px}.project-view{padding:10px 12px;bottom:18px;right:18px}.project-info{grid-template-columns:1fr auto}.project-info>p{display:none}.reel{min-height:620px}.contact-main>a{font-size:18vw}.contact-top span:last-child,.contact-bottom>p:last-child{display:none}}@keyframes mobileCameraDrift{0%{transform:scale(1.04)translate(-1%)}to{transform:scale(1.11)translate(1.5%,-1%)}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}