:root{--ink:#210807;--cream:#f6ede2;--gold:#ffbe31;--soft:#cbbdb0;--line:rgba(246,237,226,.2);--mono:'DM Mono',monospace;--sans:'Manrope',sans-serif;--serif:'Playfair Display',serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ink);color:var(--cream);font-family:var(--sans);overflow-x:hidden}.noise{position:fixed;inset:0;pointer-events:none;opacity:.08;z-index:9;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.8'/%3E%3C/svg%3E")}.nav{position:absolute;top:0;left:0;width:100%;padding:30px 4vw;display:flex;justify-content:space-between;align-items:flex-start;z-index:2}.brand{display:flex;gap:9px;align-items:center;color:var(--gold);text-decoration:none;font:500 10px/10px var(--mono);letter-spacing:.13em}.brand-mark{width:26px;height:26px;fill:none;stroke:var(--gold);stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}.brand-mark circle{fill:var(--gold);stroke:none}.nav nav{display:flex;gap:28px}.nav nav a{font:500 11px var(--mono);letter-spacing:.04em;color:var(--cream);text-decoration:none}.nav i,.manifesto i,.step i{font-style:normal;color:var(--gold)}.hero{min-height:100svh;position:relative;padding:clamp(140px,19vh,210px) 7vw 70px;isolation:isolate;background:radial-gradient(ellipse 48% 47% at 75% 44%,#67240d 0%,transparent 69%),linear-gradient(125deg,#210807 25%,#401207 100%)}.hero-copy{position:relative;z-index:1;width:52%}.eyebrow,.section-index{font:500 10px var(--mono);letter-spacing:.12em}.eyebrow{color:var(--soft);margin:0 0 27px}.eyebrow span{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--gold);margin-right:8px}.hero h1,.work h2,.system h2,.contact h2{font-size:clamp(59px,8.4vw,136px);line-height:.88;letter-spacing:-.075em;margin:0;font-weight:700}.hero h1 em,h2 em,.statement em{font-family:var(--serif);font-weight:600;letter-spacing:-.07em}.hero-sub{max-width:275px;color:var(--soft);line-height:1.45;font-size:14px;margin:34px 0}.round-link{display:flex;width:max-content;align-items:center;gap:18px;color:var(--ink);text-decoration:none;background:var(--gold);border-radius:100px;padding:7px 8px 7px 19px;font-size:12px;font-weight:700}.round-link b{display:grid;place-items:center;width:31px;height:31px;border-radius:50%;background:var(--ink);color:var(--gold);font-size:17px}.hero-orbit{position:absolute;width:min(55vw,720px);height:min(55vw,720px);right:-2vw;top:50%;transform:translateY(-45%)}.ring{border:1px solid rgba(255,190,49,.22);border-radius:50%;position:absolute;inset:2%;animation:spin 35s linear infinite}.ring-two{inset:14%;border-style:dashed;animation-duration:25s;animation-direction:reverse}.ring-three{inset:29%;border-color:rgba(246,237,226,.16);animation-duration:16s}.signal{position:absolute;inset:20%;filter:drop-shadow(0 0 18px rgba(255,190,49,.3));animation:breathe 3.5s ease-in-out infinite}.signal svg{width:100%;height:100%;fill:none;stroke:var(--gold);stroke-width:4;stroke-linecap:round}.signal circle{fill:var(--gold);stroke:none}.orbit-label{position:absolute;font:500 9px var(--mono);letter-spacing:.16em;color:var(--gold)}.orbit-label.one{top:5%;left:43%}.orbit-label.two{bottom:19%;right:5%}.orbit-label.three{top:49%;left:2%}.hero-foot{position:absolute;bottom:32px;left:7vw;right:7vw;display:flex;gap:11px;align-items:center;color:var(--soft);font:500 9px var(--mono);letter-spacing:.09em}.scroll-line{height:1px;background:var(--soft);width:48px}.manifesto{padding:150px 7vw 130px;background:var(--cream);color:var(--ink)}.section-index{margin:0;color:inherit;opacity:.62}.manifesto h2{font-size:clamp(45px,7.3vw,113px);letter-spacing:-.075em;line-height:.9;max-width:870px;margin:65px 0 60px}.manifesto h2 em{color:#bb3a0b}.manifesto-bottom{display:flex;justify-content:space-between;align-items:end;gap:50px;border-top:1px solid rgba(33,8,7,.2);padding-top:20px}.manifesto-bottom p{font-size:15px;line-height:1.5;max-width:400px;margin:0}.manifesto-bottom a{color:var(--ink);font:500 11px var(--mono);text-decoration:none}.work{padding:130px 4vw;background:#131111}.work-head{display:grid;grid-template-columns:1fr 1.7fr .7fr;align-items:end;margin:0 3vw 75px}.work h2{font-size:clamp(45px,6.2vw,95px)}.work h2 em{color:var(--gold)}.work-head>p:last-child{font:500 9px var(--mono);color:var(--soft);text-align:right}.project-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:18px}.project{position:relative;overflow:hidden}.project:nth-child(3){grid-column:span 2;width:55%;justify-self:end}.project-num{font:500 10px var(--mono);color:var(--soft);padding:13px 14px}.project-image{height:clamp(350px,45vw,640px);overflow:hidden;position:relative;transition:transform .6s cubic-bezier(.2,.8,.2,1)}.project:hover .project-image{transform:scale(.97)}.project-saffron .project-image{background:#e65d1d;display:flex;align-items:center;padding:8%}.poster-copy{color:#f9cf33;font:700 clamp(45px,6vw,100px)/.74 var(--sans);letter-spacing:-.09em;z-index:1}.poster-copy i{font-family:var(--serif);font-weight:600}.poster-sun{position:absolute;width:63%;aspect-ratio:1;border-radius:50%;right:-9%;bottom:-17%;background:#ffbd2f;box-shadow:0 0 55px rgba(255,202,47,.6)}.project-violet .project-image{background:#6043cc;display:flex;align-items:center;justify-content:center}.phone{height:82%;aspect-ratio:.52;background:#f0dfc9;border:8px solid #171221;border-radius:22px;position:relative;overflow:hidden;transform:rotate(8deg);z-index:1;box-shadow:20px 22px 0 rgba(30,16,60,.18)}.phone-top{height:20px;width:45px;background:#171221;border-radius:0 0 12px 12px;margin:auto}.phone-copy{padding:18% 11%;color:#171221;font-size:clamp(22px,3vw,45px);font-weight:800;line-height:.85;letter-spacing:-.08em}.phone-orb{position:absolute;width:130%;aspect-ratio:1;border-radius:50%;background:#ec4c28;bottom:-20%;left:-25%}.violet-type{font:700 clamp(35px,4.4vw,72px)/.8 var(--serif);color:#ba9cff;position:absolute;right:7%;bottom:10%;text-align:right;letter-spacing:-.07em}.project-lime .project-image{background:#bcdf2c;padding:9%}.lime-type{font:800 clamp(55px,7vw,110px)/.75 var(--sans);letter-spacing:-.1em;color:#152c1c}.lime-fruit{position:absolute;right:12%;bottom:4%;font-size:clamp(150px,20vw,300px);color:#f5eddf;transform:rotate(22deg)}.project-info{padding:15px 3px 36px;display:flex;align-items:end;gap:12px}.project-info span{font:500 9px var(--mono);color:var(--soft);flex:1}.project-info h3{font-size:17px;margin:0;letter-spacing:-.04em}.project-info b{color:var(--gold);font-size:20px}.system{background:#e8dfd3;color:var(--ink);padding:135px 7vw}.system-intro{display:flex;justify-content:space-between}.system h2{font-size:clamp(47px,6.7vw,104px);margin-top:70px}.system h2 em{color:#bb3a0b}.system-steps{margin-top:95px;border-top:1px solid rgba(33,8,7,.2);display:grid;grid-template-columns:repeat(3,1fr)}.step{padding:18px 26px 25px 0;min-height:360px;display:flex;flex-direction:column;border-right:1px solid rgba(33,8,7,.2)}.step+ .step{padding-left:26px}.step:last-child{border:0}.step-no{font:500 10px var(--mono);opacity:.55}.step-title{margin-top:auto}.step-icon{font-size:26px;color:#bb3a0b}.step h3{font-size:clamp(27px,3vw,48px);line-height:.88;letter-spacing:-.07em;margin:12px 0}.step p{font-size:12px;line-height:1.55;max-width:240px}.step a{margin-top:22px;color:var(--ink);font:500 10px var(--mono);text-decoration:none}.statement{min-height:500px;display:flex;align-items:center;justify-content:center;gap:60px;background:#bb3a0b;padding:80px 7vw;text-align:center;overflow:hidden}.statement-signal{width:110px;flex:none}.statement-signal svg{width:100%;stroke:var(--gold);stroke-width:2.2;fill:none;stroke-linecap:round}.statement-signal circle{fill:var(--gold);stroke:none}.statement p{font-size:clamp(42px,7vw,110px);font-weight:700;line-height:.85;letter-spacing:-.075em;margin:0}.statement em{color:var(--gold)}.contact{padding:120px 7vw 28px;min-height:85vh;display:flex;flex-direction:column;background:radial-gradient(ellipse at 80% 70%,#5b1a0a,transparent 50%),var(--ink)}.contact h2{font-size:clamp(55px,8.3vw,130px);margin:80px 0 30px}.contact h2 em{color:var(--gold)}.contact-cta{color:var(--cream);font-size:clamp(19px,2.4vw,37px);letter-spacing:-.05em;text-decoration:none;width:max-content;border-bottom:1px solid var(--cream);padding-bottom:8px}.contact-cta span{color:var(--gold)}.contact-foot{display:flex;justify-content:space-between;margin-top:auto;padding-top:80px;font:500 9px var(--mono);color:var(--soft);letter-spacing:.04em}@keyframes spin{to{transform:rotate(360deg)}}@keyframes breathe{50%{transform:scale(1.08);filter:drop-shadow(0 0 30px rgba(255,190,49,.75))}}.reveal{opacity:0;transform:translateY(35px);transition:opacity .8s ease,transform .8s cubic-bezier(.2,.8,.2,1)}.reveal.show{opacity:1;transform:none}@media(max-width:700px){.nav{padding:22px 6vw}.nav nav a:not(:last-child){display:none}.hero{padding:150px 7vw 100px}.hero-copy{width:100%}.hero-orbit{width:94vw;height:94vw;right:-21vw;top:61%;opacity:.7}.hero-foot{left:7vw;right:7vw}.manifesto{padding:95px 7vw}.manifesto h2{margin:48px 0}.manifesto-bottom,.system-intro{display:block}.manifesto-bottom a{display:block;margin-top:30px}.work{padding:90px 7vw}.work-head{display:block;margin:0 0 50px}.work-head h2{margin-top:48px}.work-head>p:last-child{display:none}.project-grid{display:block}.project:nth-child(3){width:100%}.project-image{height:100vw;max-height:510px}.system{padding:95px 7vw}.system h2{margin-top:48px}.system-steps{display:block;margin-top:60px}.step,.step+.step{min-height:280px;padding:18px 0 26px;border-right:0;border-bottom:1px solid rgba(33,8,7,.2)}.statement{min-height:390px;gap:22px;flex-direction:column}.statement-signal{width:70px}.contact{min-height:70vh;padding:95px 7vw 25px}.contact h2{margin:55px 0 25px}.contact-foot{padding-top:75px;gap:14px;flex-wrap:wrap}}
/* Real media integration */
.hero{background:#210807;overflow:hidden}.hero-film,.hero-film-wash{position:absolute;inset:0;z-index:-3}.hero-film video{width:100%;height:100%;object-fit:cover;object-position:center;opacity:.42;filter:saturate(.55) contrast(1.08)}.hero-film-wash{z-index:-2;background:linear-gradient(90deg,rgba(33,8,7,.97) 2%,rgba(33,8,7,.78) 42%,rgba(33,8,7,.29)),linear-gradient(0deg,rgba(33,8,7,.92),transparent 48%)}.project-image{background:#4a1710}.project-image video{width:100%;height:100%;object-fit:cover;display:block;transition:transform .8s ease}.project:hover video{transform:scale(1.06)}.project-violet .project-image{background:#1f3029}.project-lime .project-image{background:#121212}.media-label{position:absolute;left:15px;bottom:14px;color:#fff;font:500 9px var(--mono);letter-spacing:.1em;background:rgba(33,8,7,.52);backdrop-filter:blur(8px);padding:8px 9px}.lab-reel{min-height:720px;background:#e8dfd3;color:var(--ink);display:flex;align-items:center;gap:clamp(45px,10vw,170px);padding:90px 13vw}.reel-phone{height:min(68vw,590px);aspect-ratio:.5625;overflow:hidden;border-radius:4px;box-shadow:24px 27px 0 #bb3a0b;flex:none}.reel-phone video{height:100%;width:100%;object-fit:cover;display:block}.reel-copy{max-width:450px}.reel-copy h2{font-size:clamp(45px,5.5vw,85px);line-height:.88;letter-spacing:-.075em;margin:36px 0 26px}.reel-copy h2 em{color:#bb3a0b}.reel-copy>p:not(.section-index){font-size:14px;line-height:1.55;max-width:320px}.reel-copy a{display:inline-block;margin-top:24px;color:var(--ink);font:500 11px var(--mono);text-decoration:none;border-bottom:1px solid var(--ink);padding-bottom:5px}@media(max-width:700px){.hero-film video{object-position:60% center}.lab-reel{min-height:0;padding:85px 7vw;display:block}.reel-phone{height:auto;width:70vw;max-height:none;margin:0 auto 65px}}
/* Keep the full signal system within the hero viewport. */
.hero-orbit{right:4vw;width:min(52vw,680px);height:min(52vw,680px)}
@media(max-width:700px){.hero-orbit{width:82vw;height:82vw;right:-3vw}}
/* Hero is intentionally graphic-only: no background video. */
.hero{background:radial-gradient(ellipse 48% 47% at 75% 44%,#67240d 0%,transparent 69%),linear-gradient(125deg,#210807 25%,#401207 100%)}
/* Hero campaign feed: proof without sacrificing the graphic hero. */
.hero-reel{position:absolute;z-index:2;right:5.5vw;bottom:6.5vw;width:min(31vw,435px)}.reel-head{display:flex;justify-content:space-between;color:var(--cream);opacity:.72;font:500 8px var(--mono);letter-spacing:.1em;margin-bottom:10px}.reel-track{display:flex;gap:7px;overflow:hidden}.reel-tile{margin:0;flex:0 0 88px}.reel-tile video{height:116px;width:88px;object-fit:cover;display:block;border:1px solid rgba(255,255,255,.2);filter:saturate(.9) contrast(1.05)}.reel-tile:first-child{margin-left:0}.reel-tile:nth-child(2){transform:translateY(-12px)}.reel-tile:nth-child(3){transform:translateY(7px)}.reel-tile:nth-child(4){transform:translateY(-5px)}.reel-tile figcaption{font:500 7px var(--mono);color:var(--gold);letter-spacing:.07em;margin-top:6px;white-space:nowrap}@media(max-width:900px){.hero-reel{right:4vw;bottom:8.5vw;width:260px}.reel-tile{flex-basis:58px}.reel-tile video{width:58px;height:77px}.reel-tile:nth-child(n+4){display:none}}@media(max-width:700px){.hero-reel{display:none}}
/* Four-film work grid: evenly balanced on large screens. */
@media(min-width:701px){.project:nth-child(3),.project:nth-child(4){grid-column:auto;width:auto;justify-self:auto}.project-fashion .project-image{background:#52382d}}