@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root{--bg:#111110;--fg:#efeee8;--muted:#aaa9a3;--line:#363632;--accent:#ff6939;color-scheme:dark;font-family:var(--srt-font)}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--bg);color:var(--fg)}button,input,textarea,select{font:inherit}a{color:inherit;text-decoration:none}button{cursor:pointer}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--accent);outline-offset:6px}button{color:inherit}header{height:100px;margin:0 4%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{font-family:var(--srt-font);font-size:31px;font-weight:700;letter-spacing:-1.8px}.brand span{font-size:15px;vertical-align:top;letter-spacing:0;margin-left:3px}nav{display:flex;align-items:center;gap:45px;font-size:14px}nav sup{color:var(--muted);font-size:12px}.nav-contact{border:1px solid #6b6b63;padding:13px 20px;border-radius:30px}.nav-contact span{margin-left:24px}.hero{padding:28px 4% 0}.hero-top{display:flex;justify-content:space-between;font-size:12px;letter-spacing:1.1px}h1,h2,h3,p{margin:0}h1{font-family:var(--srt-font);font-size:clamp(76px,11.7vw,190px);font-weight:500;line-height:1.15;letter-spacing:-.075em;margin:24px 0 34px}h1 em,.contact em{font-style:normal;color:var(--accent)}.hero-stage{position:relative;overflow:hidden;min-height:480px;height:41vw;max-height:650px;background:#090909}.hero-art{width:100%;height:100%;position:absolute;object-fit:cover;object-position:50% 47%;animation:drift 16s ease-in-out infinite alternate}.shade{position:absolute;inset:0;background:linear-gradient(90deg,#0008,transparent 60%),linear-gradient(0deg,#000b,transparent 45%)}.frame-mark{position:absolute;top:27px;left:30px;font-size:12px;letter-spacing:1px}.frame-mark:before{content:'+';margin-right:12px;color:var(--accent)}.stage-copy{position:absolute;top:31%;left:5%;font-size:clamp(25px,3vw,46px);line-height:1.15;letter-spacing:-1.4px}.reel-button{position:absolute;right:6%;top:44%;display:flex;align-items:center;gap:15px;background:none;border:none;text-align:left;font-size:16px}.play-icon{display:grid;place-items:center;height:73px;width:73px;border-radius:50%;border:1px solid #ddd9;background:#ffffff10;transition:background .25s,transform .25s;font-size:20px}.reel-button:hover .play-icon{background:var(--accent);transform:scale(1.07);border-color:var(--accent)}.reel-button small{display:block;font-size:12px;letter-spacing:1px;margin-top:8px}.stage-bottom{position:absolute;bottom:25px;left:30px;right:30px;display:flex;align-items:center;justify-content:space-between;font-size:12px;letter-spacing:1px}.stage-bottom button{background:#1118;border:1px solid #777;padding:10px 13px;font-size:12px;border-radius:3px;letter-spacing:0}.stage-bottom button span{margin-left:15px}.hero-caption{display:flex;justify-content:space-between;padding:25px 0 56px;border-bottom:1px solid var(--line);font-size:16px;line-height:1.5}.hero-caption a{align-self:center;font-size:14px}.hero-caption a span{margin-left:36px}.section{margin:0 4%;padding:90px 0}.eyebrow{font-size:12px;letter-spacing:1px;color:var(--muted)}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:25px}.section-heading h2{font-family:var(--srt-font);font-size:clamp(35px,4vw,64px);font-weight:400;letter-spacing:-2px;line-height:1.08;margin-top:25px}.section-heading>p{font-size:16px;color:var(--muted);line-height:1.6;margin-bottom:4px}.work-bar{display:flex;justify-content:space-between;align-items:center;margin:45px 0 25px;gap:20px}.filters{display:flex;flex-wrap:wrap;gap:8px}.filters button{background:none;border:1px solid var(--line);border-radius:30px;padding:11px 19px;font-size:14px;transition:all .2s}.filters button.active{background:var(--fg);color:var(--bg);border-color:var(--fg)}.filters sup{font-size:12px;margin-left:5px}.sample-label{font-size:12px;letter-spacing:1px;color:var(--muted)}.project-grid{display:grid;grid-template-columns:1.22fr 1fr;gap:40px 25px}.project-card{border:0;padding:0;background:none;text-align:left;width:100%;display:block}.project-card:first-child{grid-row:span 2}.project-image{position:relative;overflow:hidden;background:#191919;aspect-ratio:16/10}.project-card:first-child .project-image{aspect-ratio:auto;height:calc(100% - 64px);min-height:520px}.project-image img{height:100%;width:100%;object-fit:cover;transition:transform .7s}.project-card:hover img{transform:scale(1.055)}.project-card .view{position:absolute;right:18px;bottom:18px;width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:var(--fg);color:var(--bg);font-size:22px}.project-caption{display:flex;justify-content:space-between;gap:15px;margin-top:17px}.project-caption h3{font-size:22px;font-weight:400;letter-spacing:-.5px}.project-caption p{font-size:12px;color:var(--muted);margin-top:7px}.project-caption>span{font-size:12px;color:var(--muted);padding-top:5px}.type-art{display:flex;align-items:center;justify-content:center;position:absolute;inset:0;overflow:hidden}.type-art.signal{background:var(--accent);color:#191713}.type-art.signal strong{font-family:var(--srt-font);font-size:clamp(50px,7.5vw,110px);letter-spacing:-.08em;line-height:.8;transform:rotate(-9deg);text-align:center}.type-art.signal strong span{display:block;-webkit-text-stroke:1px #191713;color:transparent}.type-art.after{background:#cad4cb;color:#132b28;flex-direction:column}.type-art.after b{font-family:Georgia,serif;font-weight:400;font-style:italic;font-size:clamp(44px,5vw,78px);letter-spacing:-4px}.type-art.after span{font-size:12px;letter-spacing:4px;margin-top:18px}.type-art:after{content:'';position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent,transparent 3px,#00000006 4px);pointer-events:none}.project-card:hover .signal strong{animation:typefloat 2s ease-in-out infinite alternate}.studio{border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.studio-main{display:grid;grid-template-columns:1.2fr 1fr;gap:70px;margin-top:35px}.studio-main h2{font-family:var(--srt-font);font-size:clamp(36px,4.6vw,70px);font-weight:400;letter-spacing:-2.5px;line-height:1.1}.studio-main h2 span{color:#85857e}.studio-copy p{font-size:19px;line-height:1.65;max-width:530px}.studio-copy p+p{font-size:16px;color:var(--muted);margin-top:20px}.services{display:grid;grid-template-columns:repeat(3,1fr);gap:35px;margin-top:70px}.services>div{border-top:1px solid var(--line);padding-top:22px}.services span{font-size:12px;color:var(--accent)}.services h3{font-size:22px;font-weight:400;margin:23px 0 12px}.services p{font-size:14px;color:var(--muted)}.contact{padding-top:90px;padding-bottom:55px}.contact-title{display:flex;align-items:center;justify-content:space-between;gap:25px;margin-top:32px}.contact h2{font-family:var(--srt-font);font-size:clamp(45px,7vw,108px);letter-spacing:-.065em;line-height:1.1;font-weight:400}.contact-title button{border:1px solid #6b6b63;background:none;border-radius:50%;width:120px;height:120px;font-size:65px;flex-shrink:0;transition:background .25s,color .25s}.contact-title button:hover{background:var(--accent);color:#111;border-color:var(--accent)}.contact-bottom{display:flex;justify-content:space-between;align-items:end;margin-top:40px;font-size:16px;line-height:1.5}.contact-bottom>span{font-size:12px;letter-spacing:1px;color:var(--muted)}footer{border-top:1px solid var(--line);margin:0 4%;padding:30px 0;display:flex;justify-content:space-between;align-items:center;gap:20px}footer span,footer>a:last-child{font-size:12px;color:var(--muted)}footer .brand{font-size:24px}dialog{background:#171715;color:var(--fg);border:1px solid var(--line);padding:0;width:min(960px,94vw);max-height:90vh;max-height:90dvh;overflow:auto}dialog::backdrop{background:#000c;backdrop-filter:blur(8px)}.close{position:absolute;right:18px;top:18px;z-index:10;border:1px solid #777;background:#111e;border-radius:50%;height:44px;width:44px;font-size:20px}.detail-visual{height:360px;position:relative;overflow:hidden}.detail-visual img{width:100%;height:100%;object-fit:cover}.detail-body{padding:35px}.detail-body h2{font-size:45px;font-weight:400;letter-spacing:-2px;margin:12px 0 20px}.detail-body p{line-height:1.7;color:var(--muted);font-size:17px;max-width:720px}.detail-tags{display:flex;gap:25px;margin-top:25px;font-size:13px}.detail-tags span{border-top:1px solid var(--line);padding-top:15px;flex:1}.detail-tags b{display:block;font-weight:400;color:var(--muted);margin-bottom:8px}.motion-screen{height: min(70vh,640px);min-height:400px;position:relative;overflow:hidden;background:#080808}.motion-screen>img{height:100%;width:100%;object-fit:cover;animation:reelzoom 9s ease-in-out infinite alternate;opacity:.65}.motion-words{position:absolute;inset:0;display:grid;place-items:center}.motion-words span{grid-area:1/1;font-family:var(--srt-font);font-size:clamp(40px,9vw,110px);letter-spacing:-.07em;font-weight:700;opacity:0;animation:words 9s infinite}.motion-words span:nth-child(2){animation-delay:3s}.motion-words span:nth-child(3){animation-delay:6s;color:var(--accent)}.reel-meta{position:absolute;bottom:22px;left:25px;right:25px}.reel-meta h2{font-size:18px;font-weight:400}.reel-meta p{font-size:12px;color:#ddd;margin-top:6px}.reel-meta button{margin-top:15px;background:#111b;border:1px solid #888;padding:9px 15px;font-size:13px}.enquiry{padding:45px;max-width:650px;margin:auto}.enquiry h2{font-size:40px;letter-spacing:-1.5px;font-weight:400;margin:22px 0 12px}.form-note{font-size:14px;color:var(--muted);line-height:1.5;margin-bottom:25px}label{display:block;font-size:14px;margin-top:20px}input,textarea,select{width:100%;display:block;background:#20201d;border:1px solid #55554d;border-radius:0;padding:13px;color:var(--fg);margin-top:9px;font-size:16px}textarea{resize:vertical}.submit,#copy-brief{background:var(--accent);border:0;color:#111;padding:14px 22px;margin-top:23px;font-weight:600}#copy-status{font-size:14px;margin-top:12px}.skip{position:fixed;top:-100px;left:10px;z-index:100;background:var(--accent);padding:12px;color:#111}.skip:focus{top:10px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}body.paused *, .reel-paused *{animation-play-state:paused!important}body.modal-open{overflow:hidden}button[hidden],[hidden]{display:none!important}@keyframes drift{from{transform:scale(1.02) translateX(-.5%)}to{transform:scale(1.1) translateX(.5%)}}@keyframes typefloat{to{transform:rotate(-5deg) scale(1.04)}}@keyframes reelzoom{from{transform:scale(1)}to{transform:scale(1.22) rotate(3deg)}}@keyframes words{0%,32%,100%{opacity:0;transform:translateY(25px)}5%,27%{opacity:1;transform:translateY(0)}}
@media(min-width:1700px){body{max-width:1800px;margin:auto}}@media(max-width:800px){header{height:82px}.brand{font-size:27px}nav{gap:23px}.hero-top{font-size:12px}.edition{display:none}h1{font-size:13.6vw;margin:24px 0}.hero-stage{height:510px;min-height:0}.stage-copy{top:20%;font-size:32px}.reel-button{top:auto;bottom:90px;left:5%;right:auto}.hero-art{object-position:60%}.stage-bottom{left:20px;right:20px}.stage-bottom>span{max-width:160px;font-size:12px;line-height:1.5}.section{padding:60px 0}.section-heading{align-items:start;flex-direction:column}.section-heading h2{font-size:42px}.section-heading>p{font-size:15px}.sample-label{display:none}.project-grid{gap:28px 20px}.project-card:first-child .project-image{min-height:400px}.studio-main{grid-template-columns:1fr;gap:25px}.studio-main h2{font-size:50px}.services{gap:20px}.services h3{font-size:19px}.services p{line-height:1.6}.contact-title button{height:85px;width:85px;font-size:45px}footer{flex-wrap:wrap}footer>span{font-size:12px}.detail-visual{height:280px}}
@media(max-width:520px){header,.section,footer{margin-left:6%;margin-right:6%}.hero{padding-left:6%;padding-right:6%}nav{gap:18px;font-size:13px}.nav-contact{padding:0;border:0}.nav-contact span{display:none}.brand{font-size:24px}.hero-stage{height:440px}.stage-copy{font-size:28px}.reel-button small{font-size:12px}.play-icon{width:58px;height:58px}.hero-caption{font-size:14px;gap:20px;padding-bottom:35px}.hero-caption a{font-size:12px;max-width:120px}.hero-caption a span{margin-left:10px}.filters{gap:6px}.filters button{font-size:12px;padding:10px 12px}.work-bar{margin-top:28px}.project-grid{grid-template-columns:1fr}.project-card:first-child .project-image{height:390px;min-height:0}.project-image{aspect-ratio:1.3}.type-art.signal strong{font-size:75px}.type-art.after b{font-size:58px}.project-caption h3{font-size:21px}.services{grid-template-columns:1fr;gap:28px;margin-top:42px}.services h3{margin-top:12px}.contact h2{font-size:47px}.contact-title{align-items:flex-end}.contact-title button{height:60px;width:60px;font-size:34px}.contact-bottom{align-items:start;gap:20px}.contact-bottom>span{max-width:110px;font-size:12px}footer{display:grid;grid-template-columns:1fr 1fr}footer>a:last-child{text-align:right}footer>span:nth-child(2){text-align:right}.enquiry{padding:50px 24px 28px}.enquiry h2{font-size:32px}.detail-body{padding:25px}.detail-body h2{font-size:35px}.detail-tags{gap:14px;flex-wrap:wrap}.detail-tags span{min-width:110px}.motion-screen{min-height:370px}.hero-top{font-size:12px;letter-spacing:.8px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.motion-words span{display:none}.motion-words span:first-child{display:block;opacity:1;transform:none}}

.draft-banner{padding:12px 20px;background:#ff5a1f;color:#111;font-size:14px;text-align:center}.draft-banner a{text-decoration:underline}.project-video{margin-top:24px}.project-video iframe{width:100%;aspect-ratio:16/9;border:0}.project-video a{display:inline-block;padding:14px;border:1px solid currentColor}