@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@600;700;800;900&family=DM+Sans:wght@400;500;600;700&display=swap');
:root{--bg:#11110f;--paper:#e9e8df;--muted:#9a9a90;--orange:#ff6b2b;--line:#ffffff25}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--bg);color:var(--paper);font:15px 'DM Sans',Arial,sans-serif}body:has(dialog[open]){overflow:hidden}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit}button{border:0;background:none}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--orange);outline-offset:6px}::selection{background:var(--orange);color:#111}header{height:100px;display:flex;align-items:center;gap:25px;padding:0 4vw;position:absolute;top:0;left:0;right:0;z-index:5}.wordmark{font:bold 48px Arial;letter-spacing:-6px;white-space:nowrap}.wordmark span{color:var(--orange);font-size:40px;display:inline-block;margin-left:6px;vertical-align:top}.header-name{font-size:10px;letter-spacing:1px;line-height:1.6}.header-name span{color:var(--muted)}nav{margin-left:auto;display:flex;align-items:center;gap:35px;font-size:12px}nav sup{font-size:8px;color:var(--orange)}.nav-contact{border:1px solid var(--line);border-radius:30px;padding:13px 19px}.nav-contact span{margin-left:22px;color:var(--orange)}.hero{min-height:810px;height:100svh;max-height:1150px;position:relative;overflow:hidden;padding:130px 4vw 24px;background:radial-gradient(ellipse at 74% 44%,#31302b66,transparent 49%)}.hero-meta{display:flex;justify-content:space-between;font-size:9px;letter-spacing:1.4px;position:relative;z-index:2}.hero-meta i{display:inline-block;background:var(--orange);height:6px;width:6px;border-radius:50%;margin-right:8px;box-shadow:0 0 14px #ff6b2b66}.hero-meta b{font-weight:400;margin-left:18px}.hero-copy{position:relative;z-index:2;pointer-events:none;margin-top:36px}h1,h2,.contact-cta,.manifesto>p{font-family:'Barlow Condensed','Arial Narrow',Impact,sans-serif;font-stretch:condensed;letter-spacing:-.035em;font-weight:700;margin:0;text-transform:uppercase;line-height:.87}h1{font-size:clamp(75px,9.5vw,170px);max-width:1000px}h1>span{color:var(--paper)}h1 em{color:var(--orange);font-style:normal}h2{font-size:clamp(55px,6.5vw,108px)}h2 em{font-weight:600;font-style:normal;color:var(--muted)}.sculpture{position:absolute;right:-4%;top:12%;width:62%;height:70%;z-index:1;pointer-events:auto}.sculpture canvas{width:100%;height:100%;display:block}.object-label{position:absolute;bottom:5%;right:18%;font-size:8px;letter-spacing:1.8px;color:#bdbbb0;transform:rotate(-90deg);transform-origin:right}.motion{position:absolute;bottom:5%;right:15%;border:1px solid #777;border-radius:50%;height:32px;width:32px;font-size:10px}.hero-foot{position:absolute;bottom:65px;left:4vw;right:4vw;display:flex;align-items:flex-end;justify-content:space-between;z-index:3}.hero-foot p{font-size:13px;line-height:1.6;margin:0}.hero-foot>span{font-size:9px;letter-spacing:1px;line-height:2;text-align:right}.muted{color:var(--muted)}.circle-link{width:62px;height:62px;border:1px solid #777;border-radius:50%;display:grid;place-items:center;font-size:26px;transition:.3s}.circle-link:hover{background:var(--orange);color:var(--bg);border-color:var(--orange)}.hero-index{position:absolute;bottom:22px;font-size:8px;letter-spacing:1.8px;color:var(--muted)}.ticker{overflow:hidden;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:var(--orange);color:#171510;padding:15px 0}.ticker>div{white-space:nowrap;font:700 28px 'Barlow Condensed',Impact,sans-serif;animation:marquee 35s linear infinite;letter-spacing:1px}@keyframes marquee{to{transform:translateX(-50%)}}.section{padding:100px 6vw}.eyebrow{display:flex;justify-content:space-between;font-size:9px;letter-spacing:1.6px;line-height:1.7;margin-bottom:48px}.eyebrow>span{color:var(--muted)}.section-head{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:45px}.section-head p{font-size:13px;line-height:1.7;color:var(--muted)}.filters{display:flex;gap:12px;margin:0 0 32px;flex-wrap:wrap}.filters button,.industry-tabs button{border:1px solid var(--line);border-radius:30px;padding:10px 18px;font-size:11px;transition:.25s}.filters button:hover,.industry-tabs button:hover{border-color:var(--orange)}.filters button.active,.industry-tabs button.active{background:var(--paper);color:#111}.filters sup{margin-left:10px}.projects{display:grid;grid-template-columns:1fr 1fr;gap:45px 26px}.project{display:block;text-align:left;padding:0;width:100%;min-width:0}.project:nth-child(even){margin-top:85px}.project-art{height:360px;position:relative;overflow:hidden;padding:35px;transition:transform .5s;background:var(--project-bg);color:var(--project-fg)}.project:hover .project-art{transform:translateY(-6px)}.project-art:after{content:'↗';position:absolute;right:20px;bottom:20px;border:1px solid currentColor;border-radius:50%;width:42px;height:42px;display:grid;place-items:center;font-size:25px;transition:.3s}.project:hover .project-art:after{background:var(--project-fg);color:var(--project-bg);transform:rotate(45deg)}.project-kicker{position:relative;z-index:2;font-size:10px;letter-spacing:2px}.project-art h3{font:800 clamp(58px,6vw,100px)/.85 'Barlow Condensed',Impact,sans-serif;letter-spacing:-2px;margin:55px 0 0;position:relative;z-index:2}.project-art .orb{position:absolute;width:260px;height:260px;border-radius:50%;right:-60px;top:20px;border:35px solid currentColor;opacity:.14;box-shadow:0 0 0 30px currentColor,0 0 0 62px currentColor}.project-meta{display:flex;justify-content:space-between;gap:10px;align-items:flex-start;margin-top:17px}.project-meta h3{margin:0;font-size:18px;font-weight:500}.project-meta p{margin:6px 0 0;color:var(--muted);font-size:10px}.project-meta>span{font-size:10px;color:var(--muted)}.project-art img{position:absolute;width:100%;height:100%;object-fit:cover;inset:0}.project-art.oracle h3{display:none}.project-art.oracle .project-kicker{background:#111;padding:8px;color:white}.text-link{display:flex;justify-content:space-between;padding:23px 0;border-bottom:1px solid var(--line);font-size:12px;margin-top:35px}.text-link span{color:var(--muted)}.text-link:hover{color:var(--orange)}.manifesto{background:var(--paper);color:#151512;padding:80px 6vw;position:relative;overflow:hidden}.manifesto>p{font-size:clamp(55px,8vw,130px);position:relative;z-index:1}.manifesto>p>span:first-child{color:#96968b}.orange{color:var(--orange)}.manifesto-note{font-size:11px;line-height:1.8;margin-top:35px}.asterisk{position:absolute;font-size:440px;right:-25px;bottom:-90px;color:var(--orange);line-height:1;animation:spin 60s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.about-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:9vw}.portrait-wrap{min-height:550px;background:#282923;position:relative;overflow:hidden}.portrait-wrap img{width:100%;height:100%;position:absolute;object-fit:cover;filter:grayscale(1);opacity:.7}.portrait-type{position:absolute;bottom:55px;left:25px;font:800 65px/.86 'Barlow Condensed',Impact,sans-serif;letter-spacing:-1px;mix-blend-mode:screen}.portrait-type em{color:var(--orange);font-style:normal}.portrait-wrap>span{position:absolute;bottom:20px;left:25px;font-size:8px;letter-spacing:1.5px}.about-copy h2{font-size:clamp(45px,4vw,65px);margin:10px 0 30px}.about-copy p{color:#b5b5ab;line-height:1.9;font-size:13px;max-width:560px}.skills{display:flex;gap:8px;flex-wrap:wrap;margin-top:25px}.skills span{border:1px solid var(--line);padding:8px 11px;font-size:10px;border-radius:3px}.brands{background:#191916}.industry-tabs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:30px}.brand-wall{display:grid;grid-template-columns:repeat(4,1fr)}.brand{min-height:140px;border:1px solid #ffffff16;margin:-1px 0 0 -1px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px}.brand strong{font-size:27px;letter-spacing:-1px}.brand small{font-size:8px;letter-spacing:1px;color:var(--muted)}.fineprint{color:var(--muted);font-size:9px;line-height:1.6;margin-top:24px}.recognition h2{margin-bottom:50px}.award-row{display:grid;grid-template-columns:1fr 1.2fr 1fr 25px;gap:15px;border-top:1px solid var(--line);padding:25px 0;align-items:center}.award-row strong{font-size:30px;letter-spacing:-1px}.award-row>span{font-size:11px}.award-row p{font-size:11px;line-height:1.7;color:var(--muted)}.award-row>span:last-child{font-size:25px;color:var(--orange)}.playground{background:#e4e3d9;color:#111}.playground .eyebrow span,.playground h2 em{color:#7b7d70}.playground .section-head p{color:#64675b}.playground h2>.orange{display:inline-block;font-size:1.3em;position:absolute;margin-left:30px}.play-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.play-item{min-width:0}.play-item img{width:100%;aspect-ratio:1;object-fit:cover;background:#c9c8bc;transition:transform .4s;display:block}.play-item:hover img{transform:rotate(-2deg)}.play-item>span{display:block;font-size:9px;letter-spacing:1px;margin-top:15px}.contact{padding-top:90px}.contact h2{font-size:clamp(65px,9vw,145px);color:#77786d}.contact h2 em{color:var(--paper)}.contact-cta{display:block;font-size:clamp(80px,12.8vw,210px);margin-top:30px;letter-spacing:-.03em}.contact-cta span{color:var(--orange)}.contact-cta:hover span{color:var(--paper)}.contact-links{display:flex;justify-content:space-between;flex-wrap:wrap;gap:20px;margin-top:60px;border-top:1px solid var(--line);padding-top:30px;font-size:12px}.contact-links button{padding:0}footer{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:30px 4vw;border-top:1px solid var(--line)}footer>span{font-size:8px;line-height:1.8;letter-spacing:1px}footer>a:not(.wordmark),footer button{font-size:10px;color:var(--muted)}dialog{background:var(--bg);color:var(--paper);border:1px solid var(--line);width:min(1000px,94vw);max-height:90svh;padding:55px;border-radius:3px}dialog::backdrop{background:#000b;backdrop-filter:blur(14px)}.close{position:absolute;right:18px;top:15px;font-size:22px;z-index:3;background:var(--bg);width:36px;height:36px;border-radius:50%}.case-cover{padding:35px;background:var(--project-bg);color:var(--project-fg);margin:25px 0;font:800 85px/.9 'Barlow Condensed',Impact,sans-serif;min-height:250px;display:flex;align-items:center}.case-cover img{max-width:100%;max-height:550px;object-fit:contain}.case-grid{display:grid;grid-template-columns:1fr 1fr;gap:25px}.case-grid h3{font-size:10px;letter-spacing:1px;color:var(--orange);text-transform:uppercase}.case-grid p,dialog>p{font-size:13px;line-height:1.8;color:#b5b5ab}.case-title{font-size:65px}.case-note{font-size:10px;color:var(--muted);line-height:1.7}.case-video{width:100%;max-height:60vh;background:#000}.case-grid .full{grid-column:1/-1}form{display:grid;gap:20px;margin-top:30px}label{font-size:11px;display:grid;gap:8px}input,select{border:1px solid var(--line);background:#22221d;color:var(--paper);padding:14px;width:100%;border-radius:0}.solid{background:var(--orange);color:#111;padding:15px;text-align:left}.studio-actions{display:flex;gap:30px;margin:25px 0}.studio-actions button,.import-label{font-size:11px;color:var(--orange);cursor:pointer}.import-label input{display:none}.studio-item{display:flex;justify-content:space-between;padding:15px 0;border-top:1px solid var(--line);font-size:12px}.studio-item button{color:var(--orange)}.toast{position:fixed;bottom:30px;left:50%;transform:translateX(-50%) translateY(100px);background:var(--paper);color:#111;padding:15px 25px;font-size:12px;z-index:50;transition:.3s}.toast.show{transform:translateX(-50%) translateY(0)}.progress{position:fixed;top:0;left:0;height:2px;background:var(--orange);z-index:60;width:0}.cursor{position:fixed;top:0;left:0;pointer-events:none;z-index:70;background:var(--orange);color:#111;width:42px;height:42px;border-radius:50%;display:grid;place-items:center;opacity:0;transition:opacity .2s;mix-blend-mode:difference}.reveal{opacity:0;transform:translateY(25px);transition:opacity .7s,transform .7s}.reveal.visible{opacity:1;transform:none}@media(min-width:1600px){.hero-copy{margin-top:6vh}}@media(max-width:900px){.hero{min-height:750px}.hero-copy{margin-top:65px}h1{font-size:11.3vw}.sculpture{right:-22%;width:85%;top:22%;height:57%;opacity:.75}.hero-foot>span{display:none}.hero-foot .circle-link{margin-right:0}.section{padding:75px 5vw}.project-art{height:300px;padding:25px}.project-art h3{margin-top:65px}.about-grid{gap:35px}.portrait-wrap{min-height:480px}.brand-wall{grid-template-columns:repeat(3,1fr)}.award-row{grid-template-columns:1fr 1.3fr 1fr 20px}.award-row strong{font-size:24px}.playground h2>.orange{display:none}}@media(max-width:600px){header{height:85px;padding:0 5vw}.header-name{font-size:8px}nav{gap:16px}nav a:nth-child(2),nav a:nth-child(3){display:none}.nav-contact{padding:9px 12px}.nav-contact span{margin-left:7px}.wordmark{font-size:38px}.wordmark span{font-size:30px}.hero{min-height:760px;max-height:920px;padding:110px 5vw 20px}.hero-meta{font-size:7px;letter-spacing:.7px}.hero-meta>span:last-child{display:none}.hero-copy{margin-top:47px}h1{font-size:16.2vw;line-height:.9;position:relative;z-index:2}.sculpture{width:110%;right:-35%;top:35%;height:44%;opacity:.9}.object-label{display:none}.motion{right:35%;bottom:10%}.hero-foot{left:5vw;right:5vw;bottom:65px;align-items:flex-end}.hero-foot p{font-size:11px;max-width:150px}.circle-link{width:45px;height:45px;font-size:22px}.hero-index{bottom:24px}.ticker{padding:12px 0}.ticker>div{font-size:22px}.section{padding:60px 5vw}.eyebrow{font-size:8px;margin-bottom:30px}.eyebrow>span{display:none}.section-head{display:block}.section-head h2{font-size:60px}.section-head p{font-size:12px;margin-top:23px}.filters{gap:7px}.filters button{font-size:10px;padding:9px 12px}.projects{grid-template-columns:1fr;gap:30px}.project:nth-child(even){margin-top:0}.project-art{height:330px;padding:30px}.project-art h3{font-size:85px}.project-meta h3{font-size:17px}.manifesto{padding:60px 5vw}.manifesto>p{font-size:56px}.asterisk{font-size:240px;bottom:-40px;right:-100px;opacity:.7}.manifesto-note{position:relative;z-index:1}.about-grid{grid-template-columns:1fr}.portrait-wrap{min-height:420px}.about-copy h2{font-size:49px}.brand-wall{grid-template-columns:repeat(2,1fr)}.brand{min-height:110px}.brand strong{font-size:23px}.industry-tabs button{padding:9px 12px;font-size:10px}.award-row{grid-template-columns:1fr 1.3fr 20px;gap:10px}.award-row p{display:none}.award-row strong{font-size:24px}.award-row>span{font-size:10px;line-height:1.6}.recognition h2{font-size:55px}.play-grid{grid-template-columns:1fr}.play-item img{aspect-ratio:1.15}.play-item{margin-bottom:15px}.contact h2{font-size:17vw}.contact-cta{font-size:19vw;margin-top:30px}.contact-links{display:grid;grid-template-columns:1fr 1fr;font-size:11px;gap:25px;margin-top:35px}.contact-links button{text-align:left}footer{flex-wrap:wrap;padding:25px 5vw}footer>span{width:70%;font-size:7px}dialog{padding:50px 22px 25px}.case-title{font-size:48px}.case-cover{font-size:65px;padding:22px;min-height:210px}.case-grid{grid-template-columns:1fr;gap:12px}.case-grid .full{grid-column:auto}.cursor{display:none}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}}
.project-art.has-image .project-kicker{background:#111b;color:white;padding:8px}.film-badge{position:absolute;left:25px;bottom:25px;background:#111c;color:#fff;padding:8px 12px;font-size:9px;letter-spacing:1px}.case-film{width:100%;aspect-ratio:16/9;border:0;margin-top:25px;background:#000}.case-video{margin-top:25px}.play-item{text-align:left;padding:0;color:inherit}.video-tile{aspect-ratio:1;background:#22251e;color:var(--paper);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:25px;padding:25px}.video-tile>span{font-size:50px;color:var(--orange)}.video-tile strong{font:700 42px/.95 'Barlow Condensed',Impact,sans-serif}.gallery-full{display:block;max-width:100%;max-height:65vh;object-fit:contain;margin:30px auto 0}.case-cover img{height:auto}.play-item>span{line-height:1.8}
.draft-banner{position:fixed;bottom:0;left:0;right:0;background:var(--orange);color:#111;padding:13px 20px;font-size:10px;text-align:center;z-index:80;line-height:1.8}.draft-banner a{margin-left:20px;text-decoration:underline}
