@font-face{font-family:Satoshi;src:url(assets/fonts/satoshi-400.woff2) format('woff2');font-weight:400;font-display:swap}@font-face{font-family:Satoshi;src:url(assets/fonts/satoshi-700.woff2) format('woff2');font-weight:700;font-display:swap}:root{--red:#f21419;--ink:#080808;--white:#f3f1ee;--muted:#a1a1a1;--line:#262626}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--ink);color:var(--white);font:400 15px/1.5 Satoshi,Arial,sans-serif}body::selection{background:var(--red);color:white}main{overflow:hidden}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline:2px solid white;outline-offset:6px}img{display:block;width:100%;object-fit:cover}h1,h2,h3,p,figure{margin:0}h1,h2,h3{font-weight:700;line-height:.96;letter-spacing:-.055em}p{color:var(--muted)}.shell{width:min(1240px,calc(100% - 96px));margin:auto}.noise{pointer-events:none;position:fixed;inset:0;z-index:40;opacity:.055;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='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23fff' filter='url(%23n)' opacity='.6' d='M0 0h180v180H0z'/%3E%3C/svg%3E")}.skip-link{position:fixed;top:-100px;left:20px;padding:10px;background:white;color:black;z-index:100}.skip-link:focus{top:10px}header{position:relative;z-index:10}nav{height:100px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between}.wordmark{display:flex;gap:10px;align-items:center;color:var(--red);font-weight:700;letter-spacing:-1.5px;font-size:32px;line-height:.85}.wordmark small{display:block;font-size:10px;letter-spacing:.1em;line-height:1.5;padding-left:2px}.brand-symbol{font-size:41px;line-height:1}.nav-note{font-size:10px;line-height:1.3;color:#b6b6b6;margin-right:auto;margin-left:10%}.nav-links{display:flex;align-items:center;gap:35px;font-size:12px}.nav-links>a:hover{color:var(--red)}.nav-contact{border:1px solid #464646;padding:11px 17px}.hero{position:relative;min-height:760px;padding-top:24px}.hero-topline,.hero-foot{font-size:10px;text-transform:uppercase;letter-spacing:.08em;display:flex;justify-content:space-between;color:#a3a3a3;position:relative;z-index:4}.hero-glow{position:absolute;width:670px;height:450px;background:radial-gradient(ellipse,rgba(255,15,20,.46),rgba(130,0,0,.12) 40%,transparent 68%);top:-175px;right:-140px;pointer-events:none}.hero h1{position:relative;z-index:3;font-size:clamp(68px,10.8vw,145px);line-height:.83;letter-spacing:-.075em;margin-top:80px;width:90%;pointer-events:none}.hero h1 span{display:block}.hero h1 span:first-child{color:var(--red)}.hero h1 span:last-child{margin-top:14px}.hero-art{position:absolute;z-index:2;right:5%;top:22px;width:66%;height:660px;pointer-events:none}.hero-art canvas{position:absolute;width:100%;height:100%;z-index:2;display:block}.orb-fallback{position:absolute;inset:23% 25%;border-radius:50%;background:repeating-radial-gradient(ellipse at 30% 25%,#050505 0 14px,#aaa 15px,#212121 19px,#050505 22px);box-shadow:20px -10px 90px #a00000;opacity:.6}.scene-ready .orb-fallback{display:none}.red-orbit{position:absolute;width:280px;height:330px;border:16px solid var(--red);border-radius:50%;left:30%;top:45%;transform:rotate(-20deg) rotateY(64deg);opacity:.88}.orbit-two{transform:rotate(44deg) rotateY(64deg);border-width:5px}.hero-aside{position:absolute;z-index:4;right:0;top:125px;width:160px;font-size:10px;line-height:1.4}.red-cross{display:block;font-size:45px;line-height:1;color:var(--red);margin-bottom:16px}.hero-aside a{display:inline-block;border-bottom:1px solid #666;padding-bottom:5px;margin-top:20px}.hero-bottom{position:relative;z-index:4;display:flex;justify-content:space-between;align-items:end;margin-top:52px}.hero-bottom>div:first-child{width:300px}.hero-bottom h2{font-size:26px;letter-spacing:-.04em;line-height:1.02}.hero-bottom p{font-size:12px;line-height:1.45;margin:15px 0 23px;max-width:290px}.button{display:flex;justify-content:space-between;align-items:center;gap:22px;background:var(--red);color:white;padding:15px 18px;font-size:11px;font-weight:700;letter-spacing:.02em;transition:background .3s,transform .3s}.button span{font-size:20px}.button:hover{background:#d20910;transform:translateY(-3px)}.hero-mini{display:flex;align-items:end;gap:15px;width:215px;font-size:10px;color:#b7b7b7}.hero-mini img{width:80px;height:105px;object-position:50% 10%;filter:grayscale(1);border:1px solid #393939}.hero-foot{margin-top:55px;padding:17px 0;border-bottom:1px solid var(--line);align-items:center}.motion-toggle{background:none;border:0;text-transform:uppercase;font-size:9px;color:#a3a3a3}.section-kicker{font-size:10px;text-transform:uppercase;letter-spacing:.08em;display:flex;align-items:center;gap:10px;line-height:1.4}.asterisk{color:var(--red);font-size:27px}.intro{min-height:620px;position:relative;padding-top:105px;padding-bottom:100px;border-bottom:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr}.intro>.section-kicker{align-self:start;position:relative;z-index:2}.intro-copy{z-index:2;position:relative}.intro h2{font-size:clamp(38px,4.6vw,66px)}.intro h2 span{color:var(--red)}.intro-copy p{font-size:13px;max-width:310px;margin-top:25px}.intro-copy p:first-of-type{font-size:21px;color:#eee;line-height:1.25;max-width:350px}.text-link{display:inline-block;font-size:12px;margin-top:30px;border-bottom:1px solid #656565;padding-bottom:6px}.flora{position:absolute;inset:0 -48px;background:url(assets/crimson-flora.jpg) center 65%/cover;opacity:.7;mask-image:linear-gradient(90deg,black 20%,transparent 85%);pointer-events:none}.section-heading{display:flex;justify-content:space-between;align-items:start;gap:30px}.section-heading h2{font-size:clamp(35px,4.3vw,62px)}.section-heading>p{font-size:12px}.results{padding-top:100px;padding-bottom:50px;border-bottom:1px solid var(--line)}.results-stage{display:grid;grid-template-columns:1fr 1.05fr 1fr;align-items:center;gap:55px;max-width:1000px;margin:75px auto 65px}.portrait{position:relative;transform:rotate(6deg);background:#171717;padding:15px 8px 8px;box-shadow:0 10px 40px #000}.portrait:before{content:'IANTO CREATIVES / IN FRAME';position:absolute;left:-18px;top:0;transform:rotate(-90deg) translateX(-100%);transform-origin:top left;font-size:7px;letter-spacing:.1em}.portrait img{height:330px;filter:grayscale(1) contrast(1.1);object-position:center 20%}.portrait figcaption{font-size:8px;padding:9px 2px;color:#aaa;display:flex;justify-content:space-between}.stats{display:grid;gap:65px}.stats strong{font-size:clamp(34px,4.5vw,66px);line-height:1;letter-spacing:-.055em;white-space:nowrap;font-weight:700}.stats p{font-size:11px;line-height:1.3;margin-top:10px;color:#dedede}.stats em{font-style:normal;color:var(--red)}.stats-right{padding-top:140px}.stats-right>div:last-child strong{font-size:clamp(25px,3.2vw,47px)}.proof{border-top:1px solid var(--line);font-size:11px;padding:20px 0}.proof summary{cursor:pointer;display:flex;justify-content:space-between;gap:10px}.proof summary span{color:var(--muted)}.proof-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:25px}.proof figure{background:#121212;display:grid;place-items:center;padding:12px}.proof img{object-fit:contain;height:110px}.proof p{margin-top:15px}.manifesto{padding:145px 0 180px;position:relative;text-align:center}.manifesto h2{position:relative;z-index:2;max-width:750px;margin:auto;font-size:clamp(42px,6.9vw,95px);line-height:.9;color:var(--red)}.manifesto h2 span{display:block}.manifesto p{font-size:15px;margin-top:35px;color:white}.tiny-note{font-size:8px;color:#9c3333;position:absolute;left:0;top:160px;text-align:left;line-height:1.2}.end-note{left:auto;right:0;top:auto;bottom:180px}.scribble{position:absolute;width:130px;fill:none;stroke:#f4f4f4;stroke-width:4;stroke-linecap:round;stroke-linejoin:round;z-index:3}.arrow-left{left:8%;bottom:185px;transform:rotate(-10deg)}.arrow-right{right:3%;top:260px;transform:rotate(140deg)}.services{background:var(--red);position:relative;padding:80px 0 42px;margin-top:70px}.services:before{content:'';position:absolute;bottom:100%;height:170px;left:0;width:100%;background:var(--red);clip-path:polygon(0 100%,38% 0,100% 100%)}.services .section-heading{margin-bottom:45px;position:relative}.services p{color:white}.service-track{display:flex;gap:20px;overflow:auto;scroll-snap-type:x mandatory;padding-bottom:14px;scrollbar-width:thin;scrollbar-color:#ff8184 transparent}.service-card{scroll-snap-align:start;flex:0 0 32%;min-width:290px;min-height:325px;padding:28px;position:relative;background:rgba(30,0,0,.1);clip-path:polygon(0 0,86% 0,100% 14%,100% 100%,0 100%);display:flex;flex-direction:column;transition:background .3s}.service-card:first-child{background:var(--white);color:#111}.service-card:first-child p{color:#666}.service-number{font-size:10px;margin-bottom:35px}.service-card h3{font-size:34px;line-height:.98;max-width:240px;letter-spacing:-.045em}.service-card p{font-size:12px;line-height:1.35;margin:18px 0 30px}.service-card a{display:flex;justify-content:space-between;margin-top:auto;font-size:11px;font-weight:700}.service-card a span{font-size:21px}.service-card:hover{background:#b90a10}.service-card:first-child:hover{background:white}.service-controls{display:flex;justify-content:space-between;align-items:center;margin-top:15px;font-size:10px}.service-controls>div{display:flex;gap:10px}.service-controls button{border:1px solid #ff7175;border-radius:50%;width:50px;height:50px;background:transparent;font-size:22px;transition:background .2s}.service-controls button:hover{background:white;color:var(--red)}.work{padding:110px 0 95px}.work .section-heading h2{width:50%}.work-note{font-size:12px;margin:30px 0 30px 50%;max-width:360px}.work-toolbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:35px;font-size:11px}[hidden]{display:none!important}.filters{display:flex;gap:8px;flex-wrap:wrap}.filters button{border:1px solid #3b3b3b;background:transparent;border-radius:30px;padding:8px 17px;font-size:10px}.filters button[aria-pressed=true]{background:var(--red);border-color:var(--red);color:white}.featured-grid{display:grid;grid-template-columns:1fr 1fr;gap:55px 28px;grid-auto-flow:dense}.project-frame{position:relative;overflow:hidden;height:360px;background:#151515}.project-frame img{height:100%;transition:transform .7s,filter .7s;filter:saturate(.65)}.featured:nth-child(1) .project-frame img{object-position:center 28%}.featured:nth-child(4) .project-frame img{object-position:center 48%}.featured:hover img{transform:scale(1.06);filter:saturate(1)}.film-label{position:absolute;bottom:17px;right:17px;background:#f21319;padding:10px 15px;font-size:10px}.project-caption{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-top:18px}.project-caption h3{font-size:24px;line-height:1.1}.project-caption>span{font-size:9px;text-transform:uppercase;color:#a1a1a1}.featured>p{font-size:11px;max-width:360px;margin-top:10px}.archive{margin-top:70px}.archive-title{font-size:18px;letter-spacing:-.03em;margin-bottom:25px}.archive-grid{display:grid;grid-template-columns:1fr 1fr;column-gap:35px;grid-auto-flow:dense}.archive-project{display:flex;justify-content:space-between;gap:20px;padding:23px 0;border-top:1px solid var(--line);transition:color .2s}.archive-project h3{font-size:19px;line-height:1.1}.archive-project p{font-size:10px;margin-top:8px;max-width:320px}.archive-project>span{color:var(--red);font-size:24px}.archive-project:hover{color:var(--red)}.marquee{overflow:hidden;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:20px 0}.marquee>div{display:flex;align-items:center;gap:35px;width:max-content;animation:travel 35s linear infinite}.marquee span{font-size:70px;line-height:1;font-weight:700;letter-spacing:-.055em}.marquee i{font-size:60px;color:var(--red);font-style:normal}@keyframes travel{to{transform:translateX(-50%)}}.contact{padding-top:100px}.contact .section-heading h2{width:50%;font-size:clamp(32px,3.7vw,53px)}.contact-layout{display:grid;grid-template-columns:1fr 1fr;gap:45px;align-items:center;margin-top:50px}.contact-art{position:relative;min-height:440px;display:flex;align-items:center;background:url(assets/crimson-flora.jpg) center/cover}.contact-art>span{position:relative;font-size:clamp(100px,14vw,190px);line-height:.82;font-weight:700;letter-spacing:-.09em;mix-blend-mode:lighten}.contact-art i{font-style:normal;color:var(--red)}.contact-panel{padding:40px;background:linear-gradient(140deg,#161616,#101010 70%,#230708);border:1px solid #292929}.contact-panel h3{font-size:32px}.contact-panel p{font-size:12px;margin-top:25px}.contact-services{display:flex;flex-wrap:wrap;gap:8px;margin:30px 0}.contact-services span{border:1px solid #444;border-radius:30px;font-size:9px;padding:5px 10px}.instagram{display:block;font-size:12px;margin-top:15px;color:#ccc}.footer-line{display:flex;align-items:center;justify-content:space-between;gap:25px;border-top:1px solid var(--line);padding:30px 0;margin-top:75px;font-size:10px;color:#888}.footer-line .wordmark{font-size:25px}.footer-line .brand-symbol{font-size:34px}.motion-paused *, .motion-paused *::before{animation-play-state:paused!important}
@media(min-width:1500px){.hero h1{font-size:155px}.hero-art{right:6%;top:10px}}
@media(max-width:900px){.shell{width:calc(100% - 48px)}nav{height:85px}.nav-note{display:none}.hero{min-height:700px}.hero h1{margin-top:75px;font-size:12vw}.hero-art{right:-6%;width:80%;top:10px;height:580px}.hero-aside{right:0;top:80px;width:105px;font-size:8px}.hero-bottom{margin-top:75px}.hero-bottom>div:first-child{width:260px}.hero-mini{width:160px}.hero-mini img{width:60px;height:80px}.hero-mini span{font-size:8px}.results-stage{gap:30px}.portrait img{height:280px}.stats-right{padding-top:100px}.stats strong{font-size:5vw}.stats-right>div:last-child strong{font-size:3.5vw}.intro{min-height:560px}.project-frame{height:280px}.service-card{flex-basis:45%}.contact-layout{gap:20px}.contact-panel{padding:25px}.contact-art{min-height:400px}.hero-foot{margin-top:60px}.flora{inset:0 -24px}}
@media(max-width:600px){.shell{width:calc(100% - 36px)}nav{height:78px}.wordmark{font-size:26px}.brand-symbol{font-size:33px}.nav-links{gap:16px;font-size:10px}.nav-links>a:nth-child(2){display:none}.nav-contact{padding:8px 10px}.hero{min-height:800px;padding-top:22px}.hero-topline{font-size:7px}.hero-topline span:last-child{display:none}.hero h1{font-size:15.6vw;margin-top:38px;width:100%;line-height:.85}.hero h1 span:last-child{margin-top:8px}.hero-art{top:110px;right:-15%;width:115%;height:405px}.red-orbit{width:175px;height:220px;left:35%;top:38%;border-width:9px}.orbit-two{border-width:3px}.hero-aside{top:230px;left:0;right:auto;width:80px;font-size:8px}.hero-aside .red-cross{font-size:29px;margin-bottom:8px}.hero-aside a{margin-top:12px;max-width:73px}.hero-bottom{margin-top:290px;align-items:start}.hero-bottom>div:first-child{width:100%}.hero-bottom h2{font-size:28px}.hero-bottom p{max-width:275px;font-size:12px}.hero-bottom .button{max-width:300px}.hero-mini{display:none}.hero-foot{font-size:7px;margin-top:30px;gap:10px}.motion-toggle{font-size:7px}.hero-glow{width:450px;right:-150px;top:-80px}.intro{padding:65px 0;display:block;min-height:560px}.intro-copy{margin:48px 0 0 26%;}.intro h2{font-size:10vw}.intro-copy p{font-size:11px}.intro-copy p:first-of-type{font-size:18px}.flora{inset:0 -18px;mask-image:linear-gradient(90deg,black,transparent 100%);opacity:.6;background-position:35% center}.section-kicker{font-size:8px}.section-heading{gap:18px}.section-heading h2{font-size:9vw}.results{padding-top:65px}.results>.section-heading{display:block}.results>.section-heading>.section-kicker{margin-top:20px}.results-stage{grid-template-columns:1fr 1fr;gap:30px 18px;position:relative;margin:45px 0 30px}.portrait{grid-column:2;grid-row:1;align-self:start;margin-top:25px;transform:rotate(5deg)}.portrait img{height:210px}.portrait figcaption{font-size:5px}.portrait:before{font-size:6px;left:-12px}.stats{gap:35px}.stats strong{font-size:12vw}.stats p{font-size:10px}.stats-right{grid-column:1/-1;display:flex;justify-content:space-between;padding-top:12px;gap:15px}.stats-right strong{font-size:10vw}.stats-right>div:last-child strong{font-size:8vw}.proof{font-size:9px}.proof-grid{grid-template-columns:1fr 1fr;gap:8px}.proof img{height:75px}.proof figure{padding:7px}.manifesto{padding:95px 0 125px}.manifesto h2{font-size:11.3vw}.manifesto p{font-size:12px;margin-top:25px}.tiny-note{top:48px;font-size:6px}.end-note{bottom:65px;top:auto}.scribble{width:65px;stroke-width:5}.arrow-left{left:0;bottom:105px}.arrow-right{right:-10px;top:160px}.services{padding-top:45px;margin-top:20px}.services:before{height:90px;clip-path:polygon(0 100%,42% 0,100% 100%)}.services .section-heading{display:block;margin-bottom:30px}.services .section-heading h2{font-size:9vw}.services .section-heading p{margin-top:20px;font-size:10px}.service-card{flex-basis:82%;min-width:0;min-height:320px;padding:25px}.service-card h3{font-size:35px}.service-card p{font-size:12px}.service-controls{gap:20px}.service-controls>span{font-size:9px;max-width:180px}.service-controls button{width:40px;height:40px}.work{padding:70px 0}.work .section-heading{display:block}.work .section-heading h2{width:100%;margin-top:30px;font-size:15vw}.work-note{margin:25px 0;font-size:11px}.work-toolbar{align-items:start;gap:20px}.filters{gap:5px}.filters button{font-size:9px;padding:7px 11px}#work-count{white-space:nowrap;font-size:9px;padding-top:8px}.featured-grid{grid-template-columns:1fr;gap:35px}.project-frame{height:350px}.project-caption h3{font-size:23px}.featured>p{font-size:11px}.archive{margin-top:50px}.archive-title{font-size:17px}.archive-grid{grid-template-columns:1fr}.archive-project{padding:20px 0}.archive-project h3{font-size:20px}.archive-project p{font-size:11px}.marquee span{font-size:45px}.marquee i{font-size:40px}.marquee>div{gap:25px}.contact{padding-top:65px}.contact .section-heading{display:block}.contact .section-heading h2{width:100%;margin-top:30px;font-size:9.5vw}.contact-layout{grid-template-columns:1fr;margin-top:25px;gap:0}.contact-art{min-height:280px}.contact-art>span{font-size:37vw}.contact-panel{padding:28px 23px}.contact-panel h3{font-size:29px}.contact-panel p{font-size:12px}.footer-line{margin-top:45px;display:grid;grid-template-columns:1fr 1fr;gap:25px}.footer-line>span:nth-child(2){font-size:8px}.footer-line>a:last-child{text-align:right}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before{animation:none!important;transition:none!important}.portrait{transform:rotate(5deg)}}