:root{--bg:#080808;--ink:#f4f0e9;--muted:#9c9a96;--orange:#ff6a00;--line:#ffffff1f;--display:'Space Grotesk',sans-serif;--font:'DM Sans',sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--font);overflow-x:hidden}.noise{position:fixed;inset:0;pointer-events:none;opacity:.05;z-index:20;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence baseFrequency='.8' numOctaves='4'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}.shell{width:min(1240px,calc(100% - 64px));margin:auto}.nav{display:flex;justify-content:space-between;align-items:center;padding:28px 0;border-bottom:1px solid var(--line)}.brand img{width:170px;max-height:56px;height:auto;object-fit:contain;display:block}.nav nav{display:flex;align-items:center;gap:30px;font-size:12px}.nav a{color:var(--ink);text-decoration:none}.nav-cta{border:1px solid var(--line);padding:12px 16px;border-radius:999px}.hero{min-height:calc(100vh - 96px);display:grid;grid-template-columns:1.1fr .9fr;align-items:center;position:relative;padding:90px 0 50px}.eyebrow{font-size:10px;letter-spacing:.19em;color:#aaa39b;display:flex;align-items:center;gap:10px;margin:0 0 25px}.eyebrow span{width:7px;height:7px;background:var(--orange);border-radius:50%;box-shadow:0 0 20px var(--orange)}h1,h2,h3{font-family:var(--display);font-weight:500;letter-spacing:-.065em;line-height:.96}h1{font-size:clamp(54px,7.2vw,108px);margin:0 0 35px}h2{font-size:clamp(44px,5.8vw,83px);margin:0}h1 em,h2 em{color:var(--orange);font-style:normal}.hero-sub{max-width:410px;color:var(--muted);font-size:15px;line-height:1.7}.hero-actions{display:flex;align-items:center;gap:24px;margin-top:35px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:30px;text-decoration:none;color:var(--ink);font-size:12px;padding:15px 18px;border-radius:999px;border:1px solid var(--line);transition:.3s}.button-primary{background:var(--orange);color:#101010;border-color:var(--orange);font-weight:700}.button:hover{transform:translateY(-3px);box-shadow:0 12px 35px #ff6a0029}.text-link{color:var(--ink);font-size:12px;text-decoration:none}.hero-orbit{height:530px;position:relative;display:grid;place-items:center}.orbit-ring{position:absolute;border:1px solid #ffffff18;border-radius:50%;transform:rotate(-20deg)}.ring-one{width:430px;height:430px;border-left-color:var(--orange);box-shadow:0 0 80px #ff6a0012}.ring-two{width:300px;height:300px;border-right-color:#fff4}.orbit-core{width:155px;height:155px;border-radius:50%;background:radial-gradient(circle at 30% 20%,#383838,#111 65%);border:1px solid #ffffff2b;box-shadow:0 0 80px #ff6a001e;display:flex;flex-direction:column;align-items:center;justify-content:center;transform:rotate(-12deg)}.orbit-core span{font:600 58px var(--display);letter-spacing:-.1em;color:var(--orange)}.orbit-core small{font-size:7px;letter-spacing:.24em;line-height:1.5;text-align:center;color:#b9b5ae}.orbit-tag{position:absolute;border:1px solid #ffffff28;background:#111b;padding:10px 14px;border-radius:999px;font-size:9px;letter-spacing:.15em}.tag-one{top:85px;right:70px}.tag-two{bottom:100px;left:20px}.tag-three{bottom:40px;right:70px}.hero-bottom{position:absolute;bottom:20px;left:0;right:0;display:flex;gap:15px;align-items:center;font-size:10px;color:#85817b}.hero-bottom .line{height:1px;background:var(--line);flex:1}.work,.process{padding:130px 0}.section-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:55px}.section-heading h2 span{color:#686661}.heading-note{font-size:12px;line-height:1.6;color:var(--muted);text-align:right}.carousel-wrap{position:relative}.carousel{display:flex;gap:24px;align-items:stretch;perspective:1600px}.project-card{flex:0 0 calc((100% - 48px)/3);min-width:0;transition:transform .65s,opacity .65s,filter .65s;cursor:pointer}.project-card:not(.active){opacity:.45;filter:saturate(.5)}.project-card.active{transform:translateY(-18px)}.card-media{height:480px;position:relative;overflow:hidden;border-radius:5px;background:#1c1c1c;border:1px solid var(--line)}.card-media img{width:100%;height:100%;object-fit:cover;display:block;filter:grayscale(.25);transition:transform .7s}.project-card:hover .card-media img{transform:scale(1.05)}.card-shade{position:absolute;inset:0;background:linear-gradient(180deg,#0004 0%,transparent 40%,#000c 100%)}.card-index{position:absolute;top:18px;left:18px;font-size:10px;letter-spacing:.15em}.card-play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:65px;height:65px;border:1px solid #fff8;border-radius:50%;display:grid;place-items:center;font-size:13px;background:#0005;backdrop-filter:blur(8px);transition:.3s}.project-card:hover .card-play{background:var(--orange);border-color:var(--orange);color:#111}.card-meta{position:absolute;bottom:18px;left:18px;right:18px;display:flex;justify-content:space-between;font-size:9px;letter-spacing:.1em;text-transform:uppercase;color:#d7d2cb}.card-info{padding:20px 2px}.card-info h3{font-size:27px;margin:0 0 8px}.card-info p{font-size:12px;color:var(--muted);line-height:1.5;min-height:36px}.open-project{border:0;background:none;color:var(--orange);padding:0;font:inherit;font-size:11px;cursor:pointer}.carousel-arrow{position:absolute;z-index:3;top:210px;width:46px;height:46px;border:1px solid #fff3;background:#101010dd;color:#fff;border-radius:50%;font-size:18px;cursor:pointer;backdrop-filter:blur(10px)}.carousel-arrow.prev{left:-23px}.carousel-arrow.next{right:-23px}.carousel-footer{margin-top:35px}.progress{height:2px;background:#292929}.progress span{display:block;height:100%;background:var(--orange);width:33.333%;transition:width .5s}.carousel-caption{display:flex;justify-content:space-between;margin-top:13px;font-size:10px;color:#77736d;letter-spacing:.08em}.process{border-top:1px solid var(--line)}.principles{display:grid;grid-template-columns:repeat(3,1fr);gap:45px}.principle{border-top:1px solid #ffffff24;padding-top:18px}.principle>span{color:var(--orange);font-size:11px}.principle h3{font-size:26px;margin:55px 0 15px}.principle p{color:var(--muted);font-size:13px;line-height:1.7;max-width:300px}.cta{position:relative;overflow:hidden;border:1px solid #ffffff18;background:radial-gradient(circle at 75% 20%,#3a1b08,#12100d 35%,#101010 70%);padding:100px 9%;margin-bottom:110px;text-align:center}.cta .eyebrow{justify-content:center}.cta h2{font-size:clamp(64px,10vw,145px);margin:35px 0 30px}.cta p:not(.eyebrow){color:var(--muted);font-size:14px;margin-bottom:35px}.cta-orbit{position:absolute;bottom:18px;left:-10%;width:120%;font-size:9px;letter-spacing:.5em;color:#ffffff13;white-space:nowrap}.footer{border-top:1px solid var(--line);padding:25px 0;display:flex;align-items:center;justify-content:space-between;color:#77736d;font-size:10px}.footer img{width:125px;max-height:42px;height:auto;object-fit:contain}.modal{position:fixed;inset:0;z-index:50;display:none;align-items:center;justify-content:center;padding:25px}.modal.open{display:flex}.modal-backdrop{position:absolute;inset:0;background:#000d;backdrop-filter:blur(18px)}.modal-panel{position:relative;width:min(1120px,100%);max-height:94vh;overflow:auto;background:#111;border:1px solid #ffffff24;padding:42px;border-radius:8px;box-shadow:0 30px 120px #000}.modal-close{position:absolute;right:20px;top:15px;border:0;background:none;color:#fff;font-size:30px;cursor:pointer}.modal-top{display:flex;justify-content:space-between;align-items:end;gap:25px;margin-bottom:35px}.modal-top h2{font-size:clamp(42px,5vw,75px);margin:0 0 12px}.modal-top p:not(.eyebrow){color:var(--muted);font-size:13px;margin:0}.modal-tags{display:flex;gap:8px}.modal-tags span{font-size:9px;border:1px solid #fff2;padding:9px 12px;border-radius:999px;color:#bdb8b0}.project-stage{display:grid;grid-template-columns:1fr 30px 1fr;gap:20px;align-items:center}.stage-side p{font-size:9px;letter-spacing:.17em;color:#aaa39b}.stage-side>span{display:block;font-size:10px;color:#77736d;margin-top:10px}.original-frame,.video-frame{aspect-ratio:9/16;background:#080808;overflow:hidden;border:1px solid #ffffff18}.original-frame img,.video-frame video{width:100%;height:100%;object-fit:cover;display:block}.transform-arrow{font-size:20px;color:var(--orange);text-align:center}.modal-bottom{border-top:1px solid #ffffff18;margin-top:35px;padding-top:25px;display:flex;align-items:center;justify-content:space-between;gap:20px}.modal-bottom p{font-size:13px;color:#b7b1a9;max-width:500px;line-height:1.6;margin:0}@media(max-width:900px){.shell{width:min(100% - 36px,680px)}.nav{padding:20px 0}.nav nav a:not(.nav-cta){display:none}.hero{grid-template-columns:1fr;padding:75px 0 80px;min-height:auto}.hero-orbit{height:310px;margin-top:20px}.ring-one{width:280px;height:280px}.ring-two{width:190px;height:190px}.orbit-core{width:110px;height:110px}.orbit-core span{font-size:42px}.tag-one{top:15px;right:0}.tag-two{bottom:30px;left:0}.tag-three{bottom:0;right:0}.section-heading{display:block}.heading-note{text-align:left;margin-top:25px}.carousel{gap:16px;overflow:visible}.project-card{flex:0 0 80%}.card-media{height:440px}.carousel-arrow{top:185px}.carousel-arrow.prev{left:-8px}.carousel-arrow.next{right:-8px}.principles{grid-template-columns:1fr;gap:30px}.principle h3{margin:30px 0 12px}.process,.work{padding:85px 0}.cta{padding:75px 24px;margin-bottom:70px}.footer{flex-wrap:wrap;gap:15px}.modal-panel{padding:30px 20px}.modal-top{display:block}.modal-tags{margin-top:20px}.project-stage{grid-template-columns:1fr;gap:18px}.transform-arrow{transform:rotate(90deg)}.stage-side{max-width:330px;margin:auto;width:100%}.modal-bottom{display:block}.modal-bottom .button{margin-top:20px}.hero-bottom{position:static;margin-top:30px}}