@import url('https://fonts.googleapis.com/css2?family=Assistant:wght@400;600;700&family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root{--bg:#1C1C1A;--ink:#F4EBD9;--muted:#93938a;--orange:#EE641B;--line:#383832}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--bg);color:var(--ink);font-family:'DM Sans',Arial,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit}a,button{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:2px solid var(--orange);outline-offset:6px}.skip{position:absolute;top:-80px}.skip:focus{top:10px;z-index:100;background:black;padding:15px}header{height:105px;margin:0 4.3%;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line)}.brand{font-family:'Space Grotesk',sans-serif;font-weight:700;font-size:36px;letter-spacing:-2px;line-height:.8;position:relative}.brand small{display:block;font-family:monospace;font-size:8px;letter-spacing:3.1px;margin-top:11px}.asterisk{color:var(--orange);font-size:35px;display:inline-block;margin-left:5px}nav{display:flex;gap:42px;align-items:center;font-size:13px}nav sup{color:var(--muted);font-size:9px;margin-left:4px}.contact{padding:13px 20px;border:1px solid #77776c;border-radius:30px;display:flex;gap:35px}.contact:hover{background:var(--orange);border-color:var(--orange);color:#141412}.hero{height:740px;max-height:900px;position:relative;margin:0 4.3%;border-bottom:1px solid var(--line);overflow:hidden}.hero-top{position:relative;z-index:3;padding-top:25px;display:flex;justify-content:space-between;font:10px monospace;letter-spacing:1px}.location i{display:inline-block;width:6px;height:6px;background:var(--orange);border-radius:50%;margin-right:8px}h1{font-family:'Space Grotesk',Arial,sans-serif;font-size:clamp(120px,24.9vw,380px);letter-spacing:-.09em;line-height:1;margin:48px 0 0 -.04em;font-weight:700;position:relative;pointer-events:none}.title-dot{font-family:Arial,sans-serif;font-size:28px;position:absolute;top:30px;right:0;letter-spacing:0}#stage{position:absolute;inset:65px 13% 85px;z-index:2;pointer-events:none}#stage canvas{width:100%;height:100%;display:block}.fallback{font-size:230px;color:var(--orange);position:absolute;inset:0;display:grid;place-items:center;text-shadow:10px 25px 0 #923421}.hero-bottom{position:absolute;bottom:67px;left:0;right:0;display:flex;justify-content:space-between;align-items:end;z-index:3;pointer-events:none}.hero-bottom>p{font-size:51px;line-height:1.02;letter-spacing:-2px;margin:0}.hero-bottom em, .about em{font-family:Georgia,serif;font-weight:400}.hero-intro{max-width:310px;pointer-events:auto}.hero-intro p{font-family:Assistant,Arial,sans-serif;font-size:19px;line-height:1.6;margin:0 0 24px}.work-link{font:11px monospace;letter-spacing:1px;display:flex;gap:45px;align-items:center}.work-link span{border:1px solid #68685e;border-radius:50%;width:35px;height:35px;display:grid;place-items:center;font-size:17px}.pointer-note{position:absolute;bottom:19px;width:100%;text-align:center;font:9px monospace;letter-spacing:1.6px;color:var(--muted)}.work{padding:72px 4.3% 45px}.section-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px}h2{font-size:23px;font-weight:500;letter-spacing:-.7px;margin:0}.section-head h2 span{font:10px monospace;color:var(--muted);margin-left:18px}.filters{display:flex;gap:6px}.filters button{border:1px solid transparent;background:none;color:var(--muted);font-size:11px;padding:10px 17px;cursor:pointer;border-radius:25px}.filters button.active{border-color:var(--ink);color:var(--ink)}.grid{display:grid;grid-template-columns:1fr 1fr;gap:45px 24px}.project:first-child{grid-column:span 2}.project[hidden]{display:none}.project button{display:block;text-align:left;width:100%;border:0;padding:0;background:none;color:var(--ink);cursor:pointer}.picture{overflow:hidden;position:relative;aspect-ratio:16/9;background:#24241e}.project:first-child .picture{aspect-ratio:2.1}.picture img{width:100%;height:100%;object-fit:cover;transition:transform .6s,filter .6s;filter:saturate(.8)}.project button:hover img{transform:scale(1.035);filter:saturate(1)}.picture:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#0006,transparent 50%)}.play{position:absolute;z-index:1;left:24px;bottom:24px;width:53px;height:53px;display:grid;place-items:center;background:#efeee8e8;border-radius:50%;color:#141412;font-size:17px;transition:background .2s,transform .2s}.project button:hover .play{background:var(--orange);transform:rotate(-12deg)}.number{position:absolute;z-index:1;top:20px;left:22px;font:11px monospace;letter-spacing:1px;text-shadow:0 1px 5px #000}.project-meta{display:flex;justify-content:space-between;align-items:start;margin-top:16px;gap:15px}.project-title{font-size:21px;font-family:Assistant,Arial,sans-serif;font-weight:600}.project-type{font:9px monospace;letter-spacing:1px;color:var(--muted);padding-top:7px;white-space:nowrap}.more{display:flex;justify-content:space-between;margin-top:55px;padding-top:27px;border-top:1px solid var(--line);font-size:12px;color:var(--muted)}.more a{font:10px monospace;color:var(--ink)}.about{padding:95px 4.3% 100px;display:grid;grid-template-columns:1fr 2fr;gap:40px}.eyebrow{font:10px monospace;letter-spacing:1px;padding-top:12px;color:var(--muted)}.about h2{font-size:clamp(40px,5.6vw,85px);line-height:1.02;letter-spacing:-3px}.about p{font-family:Assistant,sans-serif;text-align:left;font-size:20px;line-height:1.7;max-width:520px;margin:35px 0}.services{font:10px monospace;letter-spacing:.5px;display:flex;gap:15px;align-items:center;flex-wrap:wrap}.services b{color:var(--orange);font-size:20px}footer{background:var(--orange);color:#171712;padding:50px 4.3% 28px}.footer-top>span{font:10px monospace;letter-spacing:1px}.footer-top>a{font-family:'Space Grotesk',sans-serif;display:block;font-size:clamp(65px,10vw,150px);font-weight:500;line-height:.95;letter-spacing:-6px;position:relative;margin:30px 0 60px}.footer-top em{font-family:Georgia,serif}.footer-top>a>span{position:absolute;right:0;top:0;font-size:1.2em}.footer-bottom{border-top:1px solid #17171266;padding-top:24px;display:flex;justify-content:space-between;gap:20px;font:10px monospace}.footer-bottom>a:first-child{font:14px 'DM Sans',sans-serif}dialog{background:#141412;color:var(--ink);border:1px solid #48483c;padding:20px;width:min(1050px,95vw);max-width:95vw}dialog::backdrop{background:#000e}#close{display:block;margin:0 0 18px auto;border:0;background:none;color:var(--ink);font:12px monospace;cursor:pointer}#embed{aspect-ratio:16/9}#embed iframe{width:100%;height:100%;border:0}.player-footer{display:flex;justify-content:space-between;gap:15px;margin-top:18px;font-size:13px}.player-footer a{color:var(--orange)}@media(min-width:1600px){.hero{height:850px}}@media(max-width:700px){header{height:87px}nav{gap:20px;font-size:11px}nav a:nth-child(2){display:none}.contact{gap:12px;padding:11px 13px}.brand{font-size:30px}.hero{height:650px}.hero-top{font-size:8px}.location{display:none}h1{margin-top:63px;font-size:25vw}.title-dot{font-size:15px;top:0}#stage{inset:72px -18% 120px}.hero-bottom{bottom:55px;gap:20px}.hero-bottom>p{font-size:35px;letter-spacing:-1px}.hero-intro{max-width:185px}.hero-intro p{font-size:15px}.work-link{font-size:9px;gap:13px}.pointer-note{font-size:8px}.work{padding-top:45px}.section-head{align-items:start;gap:20px;flex-direction:column}.section-head h2{font-size:23px}.filters button{padding:8px 13px}.grid{grid-template-columns:1fr;gap:30px}.project:first-child{grid-column:auto}.project:first-child .picture{aspect-ratio:16/9}.project-title{font-size:19px}.project-type{font-size:8px}.play{width:42px;height:42px;bottom:16px;left:16px}.about{padding-top:60px;padding-bottom:60px;grid-template-columns:1fr;gap:25px}.about h2{letter-spacing:-2px;font-size:52px}.about p{font-size:18px}.services{font-size:8px;gap:9px}.footer-top>a{letter-spacing:-3px;font-size:18vw}.footer-bottom{flex-wrap:wrap;font-size:9px}.footer-bottom>a:first-child{width:100%}.more{font-size:10px}.player-footer{flex-direction:column}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}

/* TAMID brand palette and floating visor character */
body{font-family:'DejaVu Sans','DM Sans',Arial,sans-serif}h1{font-size:16.2vw;margin-top:110px;width:57%;letter-spacing:-.075em}.title-dot{font-size:18px;right:-5px;top:12px}#stage{inset:65px -4% 75px 52%;pointer-events:none}.hero{height:700px}.hero-bottom{bottom:85px;right:45%;gap:25px;align-items:start}.hero-bottom>p{font-size:49px}.hero-intro{max-width:235px}.hero-intro p{font-family:inherit;font-size:14px;line-height:1.7;text-align:left}.pointer-note{left:56%;width:40%;bottom:42px}.about p,.project-title{font-family:inherit}.project-title{font-size:19px}.clients{background:var(--ink);color:var(--bg);padding:35px 4.3% 24px}.clients-head{display:flex;align-items:center;justify-content:space-between;font:10px monospace;letter-spacing:1px}.clients button{border:0;background:transparent;color:inherit;cursor:pointer;font:10px monospace;padding:10px}.logo-carousel{position:relative;height:150px;margin:25px 0 10px}.logo-slide{position:absolute;inset:0;display:grid;grid-template-columns:repeat(4,1fr);align-items:center;gap:45px;opacity:0;transition:opacity 1.1s ease;pointer-events:none}.logo-slide.active{opacity:1}.logo-slide img{width:100%;height:72px;object-fit:contain;max-width:220px;justify-self:center;filter:grayscale(1);mix-blend-mode:multiply}.logo-controls{display:flex;align-items:center;justify-content:center;gap:22px;font:10px monospace}.logo-controls button{font-size:21px}#embed video{width:100%;height:100%;background:#000}.filters{flex-wrap:wrap}.fallback{font-size:140px}.project:nth-child(2) .picture{aspect-ratio:16/9}@media(max-width:1000px) and (min-width:701px){.hero-bottom{right:49%;flex-direction:column;gap:20px}.hero{height:750px}.hero-intro{max-width:300px}.hero-intro p{margin-bottom:15px}}@media(max-width:700px){.hero{height:680px}h1{margin-top:70px;font-size:23vw;width:84%}.title-dot{right:-17px}#stage{inset:140px -20% 95px 20%}.hero-bottom{left:0;right:48%;bottom:65px;flex-direction:column;gap:22px}.hero-bottom>p{font-size:34px}.hero-intro p{font-size:12px}.pointer-note{left:50%;width:50%;bottom:27px;font-size:7px}.logo-slide{grid-template-columns:repeat(2,1fr);gap:25px}.logo-carousel{height:180px}.logo-slide img{height:60px;max-width:145px}.clients-head{gap:20px;font-size:8px}.project-title{font-size:17px}.filters{gap:2px}.filters button{font-size:10px;padding:8px 10px}}
.project:first-child{grid-column:auto}.project:first-child .picture{aspect-ratio:16/9}

/* Original TAMID artwork; proportions and pronunciation marks preserved. */
header{height:145px}.brand{width:180px;line-height:0;flex-shrink:0}.brand img{width:100%;height:auto;display:block}h1{width:50%;margin:55px 0 0;font-size:inherit;line-height:0}h1 img{width:100%;height:auto;display:block}.hero{height:740px}.hero-bottom{right:48%;bottom:68px;align-items:flex-start}.hero-bottom>p{font-size:55px;flex-shrink:0}.hero-intro{padding-top:7px}.hero-intro p{font-size:14px}.fallback img{width:90px;height:auto}.services img{width:13px;height:26px;object-fit:contain}.footer-brand{width:180px;display:block;margin-bottom:30px}.project-meta{min-height:45px}.picture img{object-position:center}.picture.vertical-cover img{object-fit:cover}.project a.project-link{display:block}#embed.portrait{aspect-ratio:9/16;max-height:72vh;margin:auto;width:auto;max-width:100%}dialog:has(#embed.portrait){width:min(520px,95vw)}
@media(max-width:1000px) and (min-width:701px){.hero{height:790px}.hero-bottom{right:50%;bottom:50px}h1{margin-top:80px}.hero-bottom>p{font-size:47px}}
@media(max-width:700px){header{height:137px}.brand{width:155px}nav{gap:15px}nav>a:first-child{display:none}.hero{height:720px}h1{width:60%;margin-top:45px}#stage{inset:170px -15% 140px 30%}.hero-bottom{right:48%;bottom:65px}.hero-bottom>p{font-size:38px}.hero-intro p{font-size:12px}.footer-brand{width:180px}}

/* Keep the desktop artwork within the fixed-height hero at wide viewports. */
@media (min-width: 1001px) {
  .hero h1 {
    width: min(50%, 760px);
  }
  .hero-bottom {
    right: auto;
    width: min(52%, 900px);
  }
}

.tamid-whatsapp {
  position: fixed;
  right: max(24px, env(safe-area-inset-right));
  bottom: max(24px, env(safe-area-inset-bottom));
  z-index: 999;
  display: grid;
  place-items: center;
  width: 60px;
  height: 60px;
  border-radius: 50%;
  background: #25d366;
  color: #fff;
  box-shadow: 0 4px 20px #0005;
  transition: transform .2s, background .2s;
}
.tamid-whatsapp:hover { background: #128c4a; transform: translateY(-3px); }
.tamid-whatsapp svg { display: block; }
/* Leave room for Hostinger's admin-only assistant launcher. */
body:has(#wpadminbar) .tamid-whatsapp { bottom: 88px; }
@media (max-width: 700px) {
  .tamid-whatsapp { right: 18px; width: 56px; height: 56px; }
}

/* Reveal navigation only once the hero has fully left the viewport. */
body > header{position:fixed;top:0;left:0;right:0;margin:0;padding:0 4.3%;height:88px;background:rgba(28,28,26,.97);z-index:50;visibility:hidden;opacity:0;transform:translateY(-100%);pointer-events:none;transition:opacity .22s,transform .22s,visibility .22s}
body > header.is-visible{visibility:visible;opacity:1;transform:translateY(0);pointer-events:auto}
body > header .brand{width:130px}
html{scroll-padding-top:100px}
@media(max-width:700px){body > header{height:76px}body > header .brand{width:110px}}

/* Seamless right-to-left client marquee with soft edges. */
.logo-carousel{height:132px;overflow:hidden;mask-image:linear-gradient(to right,transparent,#000 9%,#000 91%,transparent);-webkit-mask-image:linear-gradient(to right,transparent,#000 9%,#000 91%,transparent)}
.logo-track{display:flex;width:max-content;height:100%;animation:client-marquee 38s linear infinite}
.logo-group{display:flex;align-items:center;gap:64px;padding-right:64px;flex-shrink:0}
.logo-group img{width:180px;height:72px;object-fit:contain;filter:grayscale(1);mix-blend-mode:multiply;flex-shrink:0}
@keyframes client-marquee{from{transform:translateX(0)}to{transform:translateX(-50%)}}
footer > .footer-brand{width:110px;height:auto;margin:44px auto 0;display:block}
@media(max-width:700px){.logo-carousel{height:108px}.logo-group{gap:38px;padding-right:38px}.logo-group img{width:135px;height:60px}footer > .footer-brand{width:95px;margin-top:36px}}
@media(max-width:700px){#stage{inset:185px 0 auto;height:250px}}
/* Portfolio categories and a studio voice focused on collaboration. */
[hidden]{display:none!important}
.arik-profile{display:grid;grid-template-columns:1fr 2fr;gap:40px;padding:8px 0 42px;margin-bottom:32px;border-bottom:1px solid var(--line)}
.arik-profile h3{font-family:Assistant,sans-serif;text-align:left;font-size:38px;font-weight:600;margin:0 0 16px;letter-spacing:-1px}
.arik-profile p{font-size:18px;line-height:1.7;max-width:650px;margin:0;color:#ccc7ba}
.studio-approach{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);align-items:center;gap:6%;padding-top:100px;padding-bottom:100px}
.approach-copy .eyebrow{margin-bottom:30px}
.studio-approach h2{font-size:clamp(44px,5.0vw,76px);letter-spacing:-2.8px}
.studio-approach p{font-size:19px;line-height:1.75;max-width:580px;margin:28px 0 32px;color:#d3cdbf}
.process-visual{overflow:hidden;position:relative;min-height:420px;display:grid;place-items:center;isolation:isolate;background:radial-gradient(ellipse,#b77c2721,transparent 66%)}
.process-bird{position:relative;width:68%;height:auto;object-fit:contain;z-index:2;filter:drop-shadow(0 22px 15px #0008);animation:process-float 7s ease-in-out infinite}
.idea-orbit{position:absolute;width:88%;aspect-ratio:1;border:1px solid #baaa802b;border-radius:50%;transform:rotateX(56deg) rotate(-22deg);animation:idea-orbit 24s linear infinite}
.idea-orbit i{display:block;position:absolute;left:13%;top:11%;width:12px;height:12px;border-radius:50%;background:#ee641b;box-shadow:0 0 20px #ee641b44}
.orbit-two{width:72%;transform:rotateX(38deg) rotate(56deg);animation-duration:31s;animation-direction:reverse;border-color:#72c2b92b}
.orbit-two i{background:#73c3bd;width:9px;height:9px;left:75%}
.orbit-three{width:98%;transform:rotateX(63deg) rotate(105deg);animation-duration:37s}
.orbit-three i{background:#d5b64e;width:7px;height:7px;left:50%;top:0}
.process-caption{position:absolute;bottom:5px;color:var(--muted);font:9px monospace;letter-spacing:2px;text-align:center}
@keyframes process-float{0%,100%{transform:translateY(0) rotate(-4deg)}50%{transform:translateY(-13px) rotate(4deg)}}
@keyframes idea-orbit{to{rotate:360deg}}
@media(max-width:1000px){.studio-approach{gap:3%}.process-visual{min-height:330px}.studio-approach h2{font-size:50px}.studio-approach p{font-size:17px}}
@media(max-width:700px){.arik-profile{grid-template-columns:1fr;gap:18px;padding-bottom:28px}.arik-profile h3{font-size:32px}.arik-profile p{font-size:16px}.studio-approach{grid-template-columns:1fr;gap:22px;padding-top:60px;padding-bottom:65px}.studio-approach h2{font-size:46px;letter-spacing:-2px}.studio-approach p{font-size:17px;line-height:1.75}.approach-copy .eyebrow{margin-bottom:24px}.process-visual{min-height:320px;width:min(100%,400px);justify-self:center}.process-bird{width:58%}.filters{row-gap:7px}}
@media(prefers-reduced-motion:reduce){.process-bird,.idea-orbit{animation:none}}

/* More prominent portfolio controls with comfortable touch targets. */
.filters{gap:8px}
.filters button{font-size:14px;padding:12px 22px;min-height:46px;line-height:1.2}
.arik-profile strong{font-weight:600;color:var(--ink)}
@media(max-width:700px){.filters{gap:8px 6px}.filters button{font-size:13px;padding:10px 14px;min-height:44px}}

.arik-links{display:flex;flex-wrap:wrap;gap:12px 24px;margin-top:24px}
.arik-links a{display:inline-flex;align-items:center;gap:14px;padding:10px 0;border-bottom:1px solid #77776c;font-size:15px}
.arik-links a:hover{color:var(--orange);border-color:var(--orange)}
.arik-links span{font:10px monospace;letter-spacing:.5px;color:var(--muted)}

.arik-links .personal-link-title{font:inherit;letter-spacing:normal;color:inherit}
/* Production stills — continuous film reel, contained within the studio section. */
.arik-viral{display:flex;justify-content:flex-end;margin:36px 0 6px}.arik-viral[hidden],.more[hidden]{display:none!important}.arik-viral a{display:inline-flex;align-items:center;gap:42px;background:var(--orange,#f36c30);color:#141412;padding:19px 25px;font-weight:700;text-decoration:none;font-size:17px}.arik-viral a:hover{background:#f1eadc}.arik-viral a:focus-visible{outline:3px solid #f1eadc;outline-offset:5px}
.studio-approach{overflow:hidden}.filmstrip-wrap{grid-column:1/-1;min-width:0;width:100%;margin-top:44px}.filmstrip-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;font-size:11px;letter-spacing:.12em;margin-bottom:20px}.filmstrip-heading button{border:0;background:none;color:inherit;cursor:pointer;font:inherit;letter-spacing:.02em;padding:10px}.filmstrip{overflow:hidden;width:100%;mask-image:linear-gradient(to right,transparent,#000 7%,#000 93%,transparent);-webkit-mask-image:linear-gradient(to right,transparent,#000 7%,#000 93%,transparent)}.filmstrip-track{display:flex;width:max-content;animation:film-reel 110s linear infinite}.filmstrip-group{display:flex;gap:12px;padding:24px 12px 24px 0;background:#0b0b0a;position:relative}.filmstrip-group:before,.filmstrip-group:after{content:'';position:absolute;left:0;right:0;height:7px;background:repeating-linear-gradient(to right,transparent 0 9px,#b0a796 9px 19px,transparent 19px 28px)}.filmstrip-group:before{top:7px}.filmstrip-group:after{bottom:7px}.film-frame{margin:0;position:relative;width:310px;height:186px;flex-shrink:0;overflow:hidden;background:#1d1d1b}.film-frame.portrait{width:125px}.film-frame img{width:100%;height:100%;object-fit:cover;display:block}.film-frame figcaption{position:absolute;bottom:6px;left:8px;color:#fff;font-size:8px;letter-spacing:.1em;text-shadow:0 1px 4px #000}@keyframes film-reel{to{transform:translateX(-50%)}}@media(max-width:700px){.filmstrip-wrap{margin-top:24px}.film-frame{width:240px;height:145px}.film-frame.portrait{width:95px}.filmstrip-heading{font-size:9px;letter-spacing:.06em}.arik-viral{justify-content:stretch}.arik-viral a{width:100%;justify-content:space-between;font-size:16px}}@media(prefers-reduced-motion:reduce){.filmstrip-track{animation-play-state:paused}}

.project[data-id='jl2H6JkmVlw'] .picture{aspect-ratio:16/9}
/* Two film ribbons curve through the space between the studio copy and character. */
.ribbon-approach{position:relative;isolation:isolate;grid-template-columns:minmax(0,.95fr) minmax(0,.78fr);justify-content:space-between;column-gap:32%;min-height:900px;padding-top:145px;padding-bottom:145px;align-items:center}.ribbon-approach .approach-copy,.ribbon-approach .process-visual{position:relative;z-index:2}.ribbon-approach .approach-copy{background:radial-gradient(ellipse at 20% 50%,#1c1c1af5 50%,#1c1c1a00 78%);margin-left:-18px;padding-left:18px}.ribbon-approach h2{font-size:clamp(40px,4.2vw,70px)}.ribbon-approach p{font-size:17px}.ribbon-approach .process-visual{min-height:380px;overflow:visible}.ribbon-approach .process-bird{width:93%}.film-ribbons{position:absolute;inset:0;z-index:0;pointer-events:none;overflow:hidden}.ribbon-scene{width:100%;height:100%;display:block}.ribbon-pause{position:absolute;bottom:30px;right:4.3%;z-index:3;padding:12px;border:0;background:#1c1c1aaa;color:var(--ink);font:10px monospace;cursor:pointer}.ribbon-approach .services{font-size:9px;gap:10px}@media(max-width:1000px) and (min-width:701px){.ribbon-approach{column-gap:26%;grid-template-columns:1fr .8fr;min-height:850px}.ribbon-approach h2{font-size:42px}.ribbon-approach p{font-size:16px}.ribbon-approach .process-visual{min-height:270px}}@media(max-width:700px){.ribbon-approach{display:flex;flex-direction:column;gap:0;padding-top:60px;padding-bottom:60px;min-height:0}.ribbon-approach .approach-copy{width:100%;margin:0;padding:0;background:none}.ribbon-approach h2{font-size:46px}.ribbon-approach p{font-size:17px}.film-ribbons{position:relative;inset:auto;order:2;width:115%;height:440px;margin-top:-10px;margin-bottom:-60px}.ribbon-scene{width:100%;height:100%;overflow:visible}.ribbon-approach .process-visual{order:3;min-height:300px;width:75%;align-self:flex-end}.ribbon-approach .process-bird{width:78%}.ribbon-pause{bottom:15px}.ribbon-approach .services{font-size:9px}}
.ribbon-approach .approach-copy{background:linear-gradient(90deg,#1c1c1a 0%,#1c1c1af5 86%,#1c1c1a00);padding-right:18px}@media(max-width:700px){.ribbon-approach .approach-copy{background:none;padding-right:0}}
/* A contained, tilted wall of production stills, inspired by the supplied collage. */
.collage-approach{position:relative;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:6%;padding-top:95px;padding-bottom:65px;min-height:0;isolation:isolate}.collage-approach .approach-copy,.collage-approach .process-visual{position:relative;z-index:2}.collage-approach .process-visual{min-height:400px}.production-collage{position:relative;grid-column:1/-1;grid-row:2;width:100%;height:440px;overflow:hidden;margin-top:20px;background:#141412;mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent)}.production-collage:after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,#1c1c1a 0%,transparent 18%,transparent 78%,#1c1c1a 100%)}.collage-wall{position:absolute;left:-8%;top:-95px;width:120%;transform:rotate(-8deg) scale(1.05);transform-origin:center}.collage-row{display:flex;width:max-content;animation:collage-drift 105s linear infinite;gap:0;margin-bottom:14px}.collage-row:nth-child(2){margin-left:-150px;animation-direction:reverse;animation-duration:120s}.collage-row:nth-child(3){margin-left:-75px;animation-duration:96s}.collage-run{display:flex;gap:14px;padding-right:14px;flex-shrink:0}.collage-run img{width:255px;height:150px;object-fit:cover;display:block;filter:brightness(.84) saturate(.9);flex-shrink:0}.collage-run img:nth-child(3n+2){width:215px}.collage-run img:nth-child(4n){width:290px}.collage-approach .ribbon-pause{position:relative;grid-column:1/-1;grid-row:3;justify-self:end;right:auto;bottom:auto;margin-top:-25px;z-index:3;background:transparent}.collage-approach .approach-copy{grid-column:1;grid-row:1}.collage-approach .process-visual{grid-column:2;grid-row:1}@keyframes collage-drift{to{transform:translateX(-50%)}}@media(max-width:700px){.collage-approach{display:grid;grid-template-columns:1fr;gap:20px;padding-top:60px;padding-bottom:40px}.collage-approach .approach-copy{grid-column:1;grid-row:1}.collage-approach .process-visual{grid-column:1;grid-row:2;min-height:280px;width:75%;justify-self:center}.production-collage{grid-row:3;height:330px;margin-top:0}.collage-wall{top:-40px;left:-25%;width:155%}.collage-run img{width:185px;height:110px}.collage-run img:nth-child(3n+2){width:155px}.collage-run img:nth-child(4n){width:210px}.collage-approach .ribbon-pause{grid-row:4;margin-top:-15px}.collage-run{gap:10px;padding-right:10px}.collage-row{margin-bottom:10px}}@media(prefers-reduced-motion:reduce){.collage-row{animation-play-state:paused}}
.collage-run img.collage-portrait{width:100px;object-position:center 43%}@media(max-width:700px){.collage-run img.collage-portrait{width:74px}}
/* Overscan all edges so the tilted wall fills the entire rectangular viewport. */
.collage-approach{row-gap:12px}.production-collage{margin-top:0}.collage-wall{top:50%;transform:translateY(-50%) rotate(-8deg) scale(1.05)}@media(max-width:700px){.collage-approach{row-gap:16px}.collage-wall{top:50%}}
/* Personal viral-content signature button. */
.arik-viral{justify-content:center;margin:48px 0 12px}.arik-viral a{position:relative;overflow:hidden;display:inline-flex;align-items:center;justify-content:center;gap:28px;padding:12px 13px 12px 30px;min-height:72px;border:1px solid #ee641b;border-radius:999px;background:linear-gradient(115deg,#f77b31,#ee641b 65%);color:#171712;box-shadow:0 8px 28px #ee641b18;transition:transform .25s,box-shadow .25s,background .25s}.viral-button-copy{font-size:14px;letter-spacing:.07em;font-weight:700;position:relative;z-index:1}.viral-button-arrow{display:grid;place-items:center;flex-shrink:0;width:47px;height:47px;border-radius:50%;background:#171712;color:#f4ebd9;font-size:24px;transition:transform .25s,background .25s,color .25s}.arik-viral a:hover{background:#f4ebd9;transform:translateY(-3px);box-shadow:0 12px 36px #ee641b30}.arik-viral a:hover .viral-button-arrow{transform:rotate(45deg);background:#ee641b;color:#171712}.arik-viral a:focus-visible{outline:3px solid #f4ebd9;outline-offset:6px}@media(max-width:700px){.arik-viral{justify-content:center;margin-top:34px}.arik-viral a{width:auto;max-width:100%;min-height:64px;padding:10px 10px 10px 20px;gap:15px}.viral-button-copy{font-size:11px;letter-spacing:.04em}.viral-button-arrow{width:42px;height:42px;font-size:22px}}