:root{--bg:#170c25;--panel:#211431;--lime:#d6eb45;--lavender:#bba0cc;--purple:#774fa0;--ink:#f9f6fc;--muted:#c8bdd2;--line:#ffffff24;--green:#2ab673;--gold:#f1cd7b}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:70px}body{margin:0;background:var(--bg);color:var(--ink);font-family:Arial,Helvetica,sans-serif;font-size:16px;line-height:1.6}body.lock{overflow:hidden}button,input,textarea,select{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{cursor:pointer;color:inherit}button:disabled{opacity:.4}button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid var(--lime);outline-offset:6px}button{border:0;background:none}img{max-width:100%;display:block}h1,h2,h3,p{margin-top:0}h1,h2,h3{line-height:1.04;letter-spacing:-.045em}h2{font-size:clamp(42px,5.2vw,78px);margin-bottom:30px}h3{font-size:28px}em{font-style:normal;color:var(--lime)}.eyebrow{font-size:11px;letter-spacing:.13em;line-height:1.5;text-transform:uppercase}.section{padding:100px max(4.5vw,24px)}.pill{display:inline-flex;justify-content:center;align-items:center;border-radius:99px;padding:13px 23px;font-size:14px;line-height:1.6;font-weight:bold;transition:transform .2s,background .2s}.pill:hover{transform:translateY(-3px)}.light{background:#fff;color:#170c25}.lime{background:var(--lime);color:var(--bg)}.outline{border:1px solid #ffffff80}.text-link{border-bottom:1px solid currentColor;font-size:14px;padding-bottom:5px}.skip{position:fixed;top:-100px;z-index:100;background:var(--lime);color:var(--bg);padding:12px}.skip:focus{top:0}header{position:absolute;top:0;left:0;right:0;padding:30px 4.5vw;display:flex;align-items:center;justify-content:space-between;z-index:50}.brand{width:180px}.brand img{width:100%}.header-right{display:flex;align-items:center;gap:28px}.brief-top{font-size:12px}.brief-top span{margin-left:20px;color:var(--lime)}.icon{height:35px;width:35px;padding:3px}.icon svg{height:100%;width:100%}.menu-toggle{display:flex;flex-direction:column;justify-content:space-around;padding:7px 1px}.menu-toggle span{height:1px;width:100%;background:currentColor;transition:transform .3s}.menu-toggle[aria-expanded=true] span:nth-child(1){transform:translateY(7px) rotate(45deg)}.menu-toggle[aria-expanded=true] span:nth-child(2){opacity:0}.menu-toggle[aria-expanded=true] span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}header:has(.menu-toggle[aria-expanded=true]){position:fixed}#menu{position:fixed;inset:0;background:var(--bg);z-index:40;padding:150px 8vw 40px;overflow:auto}#menu:not([hidden]){display:flex;flex-direction:column}#menu>a{font-size:clamp(40px,6vw,80px);font-weight:bold;line-height:1.3;letter-spacing:-.05em}#menu>a:hover{color:var(--lime)}#menu sup{font-size:12px;color:var(--lavender);vertical-align:top;display:inline-block;margin:16px}.menu-bottom{display:flex;justify-content:space-between;border-top:1px solid var(--line);margin-top:40px;padding-top:25px;font-size:14px}.showcase{height:100svh;min-height:760px;max-height:1200px;position:relative;background:#170c25;isolation:isolate;overflow:hidden}.showcase>video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-3}.hero-shade{position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,#100619a3,transparent 85%),linear-gradient(0deg,#170c25 0%,#170c25aa 22%,transparent 80%)}.hero-content{position:absolute;left:4.5vw;bottom:245px;max-width:640px}.hero-brand{font-size:23px;font-weight:bold;letter-spacing:.04em;margin-bottom:12px}h1{font-size:clamp(45px,5.4vw,84px);margin-bottom:20px;font-weight:800;max-width:740px;line-height:.97}.hero-tags{display:flex;gap:12px;font-size:12px;margin-bottom:17px}.hero-tags span+span:before{content:'•';opacity:.5;margin-right:12px}#hero-description{font-size:15px;max-width:510px;line-height:1.5;margin-bottom:23px;color:#f5f2f8}.video-tools{position:absolute;right:4.5vw;bottom:250px;display:flex;gap:12px}.round{position:relative;width:46px;height:46px;display:grid;place-items:center;border:1px solid #ffffff80;border-radius:50%;font-size:24px;background:#170c2544;backdrop-filter:blur(10px)}#sound{background:var(--purple);border-color:var(--purple)}.sound-slash{position:absolute;font-size:25px}.picks-wrap{position:absolute;bottom:22px;left:4.5vw;right:4.5vw}.picks-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.picks-title h2{font-size:18px;letter-spacing:-.03em;margin:0}.picks-title button{font-size:22px;margin-left:14px}.picks{display:flex;gap:18px;overflow:auto;scrollbar-width:none;scroll-behavior:smooth}.pick{position:relative;flex:0 0 24%;padding:0;text-align:left;border-radius:5px;overflow:hidden;background:#271c34;min-width:210px}.pick img{width:100%;height:125px;object-fit:cover;transition:transform .4s}.pick:hover img{transform:scale(1.06)}.pick span{display:block;padding:8px 11px;font-size:11px;font-weight:bold}.pick.active:after{content:'NOW PLAYING';position:absolute;left:9px;top:9px;background:var(--lime);color:var(--bg);padding:3px 7px;font-size:8px;letter-spacing:.1em;border-radius:2px}.pick.active{box-shadow:inset 0 -2px var(--lime)}.intro-top{display:flex;justify-content:space-between;color:var(--muted);margin-bottom:60px}.live-dot{display:inline-block;width:6px;height:6px;background:var(--green);border-radius:50%;margin-right:8px}.intro-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:9vw}.intro-grid h2{font-size:clamp(45px,5.6vw,82px)}.intro-grid>div{padding-top:8px}.intro-grid p{color:var(--muted);max-width:540px}.intro-grid .lead{font-size:24px;line-height:1.4;color:var(--ink)}.intro-actions{display:flex;align-items:center;gap:25px;margin-top:30px}.client-row{display:flex;align-items:center;justify-content:space-between;gap:30px;margin-top:65px;padding-top:40px;border-top:1px solid var(--line)}.client-row>span{font-size:9px;letter-spacing:.13em;color:var(--muted)}.client-row strong{font-size:25px;line-height:.95;letter-spacing:-.04em}.client-row small{font-size:10px;letter-spacing:.2em}.work-section{background:#11091b}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:40px}.section-heading h2{margin:0}.section-heading>p{color:var(--muted);font-size:14px;max-width:400px}.lime-text{color:var(--lime)}.filter-bar{display:flex;gap:9px;flex-wrap:wrap;border-top:1px solid var(--line);padding-top:25px;margin-bottom:32px}.filter-bar button{border-radius:30px;border:1px solid var(--line);padding:7px 16px;font-size:12px}.filter-bar button[aria-pressed=true]{background:var(--lime);color:var(--bg);border-color:var(--lime)}.filter-bar sup{font-size:8px;margin-left:6px;opacity:.65}.project-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:42px 25px}.project-card{padding:0;text-align:left;width:100%}.project-image{position:relative;overflow:hidden;background:#2b1b3c;aspect-ratio:16/10;border-radius:4px}.project-image img{height:100%;width:100%;object-fit:cover;transition:transform .6s,opacity .4s}.project-card:hover .project-image img{transform:scale(1.045);opacity:.8}.play-mark{position:absolute;right:16px;bottom:16px;border:1px solid #ffffff9a;border-radius:50%;width:38px;height:38px;display:grid;place-items:center;font-size:11px;background:#170c2522;backdrop-filter:blur(10px)}.card-meta{display:flex;justify-content:space-between;font-size:9px;letter-spacing:.09em;margin:15px 0 8px;color:var(--lavender);text-transform:uppercase}.project-card h3{font-size:25px;letter-spacing:-.03em;margin-bottom:10px}.project-card>p{font-size:13px;color:var(--muted);margin-bottom:0;line-height:1.5}.work-section>#load-more{display:flex;margin:55px auto 0}.word-cloud{display:flex;gap:10px 25px;flex-wrap:wrap;max-width:1200px;align-items:center}.word-cloud a{font-size:clamp(27px,4vw,59px);font-weight:bold;line-height:1.35;letter-spacing:-.04em;color:#bfb0cc}.word-cloud a:hover{color:var(--lime)}.word-cloud b{font-size:55px;line-height:1;color:var(--lime)}.manifesto{background:var(--purple);padding-top:90px;padding-bottom:45px}.manifesto>p{font-size:clamp(40px,6.8vw,100px);font-weight:bold;line-height:1.04;letter-spacing:-.055em;margin:40px 0 70px}.manifesto-foot{display:flex;justify-content:space-between;align-items:center;font-size:10px;letter-spacing:.12em}.manifesto-foot img{width:150px}.service-list{margin-top:70px}details{border-top:1px solid var(--line)}summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:40px;padding:25px 0}summary::-webkit-details-marker{display:none}.service-list summary>span{font-size:11px;color:var(--lavender);width:40px}.service-list summary h3{font-size:clamp(25px,3.4vw,48px);margin:0;font-weight:500;letter-spacing:-.04em}.service-list summary b{margin-left:auto;font-size:32px;font-weight:400;color:var(--lime)}details[open] summary b{transform:rotate(45deg)}.service-list details>div{padding:0 0 35px 80px;max-width:760px;color:var(--muted)}.service-list details a{color:var(--lime);font-size:14px}.process{background:#241635;display:grid;grid-template-columns:1fr 1fr;gap:9vw}.process>div>p:last-child{color:var(--muted);max-width:450px}.process ol{padding:0;margin:0;list-style:none}.process li{display:flex;gap:25px;padding:25px 0;border-top:1px solid var(--line)}.process li>span{font-size:12px;color:var(--lime)}.process li h3{font-size:24px;margin-bottom:12px}.process li p{font-size:14px;color:var(--muted);margin:0}.originals .project-grid{grid-template-columns:1fr 1fr}.originals .project-image{aspect-ratio:16/8}.contact{display:grid;grid-template-columns:1fr 1fr;gap:8vw;background:#d6eb45;color:var(--bg)}.contact em{color:var(--purple)}.contact h2{font-size:clamp(44px,5.5vw,80px)}.contact>div>p:not(.eyebrow){max-width:430px;font-size:15px}.email-link{font-size:22px;letter-spacing:-.03em;display:inline-block;margin-top:18px;border-bottom:1px solid}.contact form{padding-top:12px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:25px}label{display:block;font-size:11px;line-height:1.4;margin-bottom:24px}input,textarea,select{display:block;width:100%;color:var(--bg);border:0;border-bottom:1px solid #170c2560;background:transparent;border-radius:0;padding:12px 0;outline-offset:4px;font-size:14px}input::placeholder,textarea::placeholder{color:#170c2599}textarea{resize:vertical}select{max-width:100%}.contact .pill{background:var(--bg);color:var(--lime);margin-top:8px}.form-note{font-size:11px;opacity:.7;margin-top:12px}.faq{display:grid;grid-template-columns:1fr 1.1fr;gap:9vw}.faq summary{font-size:16px;justify-content:space-between;gap:20px}.faq summary b{color:var(--lime);font-size:22px;font-weight:normal}.faq details p{font-size:14px;color:var(--muted);max-width:500px}footer{border-top:1px solid var(--line);padding-bottom:25px!important}.footer-top{display:grid;grid-template-columns:1.1fr 1.2fr .7fr 1fr;gap:35px;align-items:start}.footer-logo img{width:200px}.footer-top p{font-size:16px;color:var(--muted)}.footer-top>div{display:flex;flex-direction:column;gap:7px;font-size:13px}.footer-top span{color:var(--muted);margin-top:15px}.footer-bottom{display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--line);padding-top:25px;margin-top:65px;font-size:10px;color:var(--muted)}dialog{background:var(--bg);color:var(--ink);border:1px solid var(--line);padding:0;border-radius:7px;max-width:1000px;width:90vw;max-height:90svh;overflow:auto}dialog::backdrop{background:#09040fe8;backdrop-filter:blur(7px)}.modal-close{position:absolute;right:15px;top:15px;z-index:2;background:#170c25b0}#modal-video{display:block;width:100%;max-height:60svh;background:#08050d}.modal-copy{padding:30px 40px 40px}.modal-copy h2{font-size:40px;margin-bottom:20px}.modal-copy>p:not(.eyebrow){color:var(--muted);max-width:700px}.modal-copy .text-link{color:var(--lime)}#search-modal{padding:65px 40px 35px;max-width:800px}#search-modal>label{font-size:35px;font-weight:bold;letter-spacing:-.04em}#project-search{color:var(--ink);font-size:18px;border-color:var(--line)}#project-search::placeholder{color:var(--muted)}#search-results{margin-top:25px}.search-result{display:flex;align-items:center;text-align:left;gap:20px;width:100%;padding:15px 0;border-bottom:1px solid var(--line)}.search-result img{width:100px;aspect-ratio:16/9;object-fit:cover}.search-result small{display:block;color:var(--lavender);font-size:10px}.search-result strong{font-size:16px}a:hover{color:var(--lime)}.contact a:hover{color:var(--purple)}
@media(min-width:1500px){.section{padding-left:max(4.5vw,calc((100vw - 1500px)/2));padding-right:max(4.5vw,calc((100vw - 1500px)/2))}}@media(max-width:900px){.section{padding-top:70px;padding-bottom:70px}.hero-content{max-width:580px}.intro-grid{gap:45px}.intro-grid .lead{font-size:20px}.client-row{flex-wrap:wrap;justify-content:flex-start;gap:28px}.client-row strong{font-size:22px}.project-grid{grid-template-columns:1fr 1fr}.contact{gap:40px}.form-row{grid-template-columns:1fr;gap:0}.footer-top{grid-template-columns:1fr 1fr;gap:35px}.intro-actions{flex-wrap:wrap;gap:15px}.section-heading{align-items:start}.section-heading>p{max-width:240px}.contact h2{font-size:50px}}
@media(max-width:600px){header{padding:24px}.brand{width:140px}.brief-top{display:none}.header-right{gap:18px}.showcase{min-height:800px;height:100svh;max-height:1000px}.hero-content{left:24px;right:24px;bottom:265px}.hero-brand{font-size:18px}h1{font-size:45px;max-width:400px}.hero-tags{font-size:10px;gap:8px;flex-wrap:wrap}.hero-tags span+span:before{margin-right:8px}#hero-description{font-size:13px;max-width:330px}.video-tools{bottom:215px;right:24px;gap:9px}.round{width:38px;height:38px;font-size:21px}.picks-wrap{left:24px;right:24px;bottom:24px}.pick{flex-basis:65%;min-width:200px}.pick img{height:110px}.picks-title h2{font-size:16px}.intro-top{gap:20px;margin-bottom:35px}.intro-top>.eyebrow:last-child{display:none}.intro-grid{grid-template-columns:1fr;gap:15px}.intro-grid h2{font-size:54px}.intro-grid .lead{font-size:23px}.intro-grid p{font-size:15px}.intro-actions{margin-top:25px}.client-row{gap:25px;margin-top:40px}.client-row>span{width:100%}.client-row strong{font-size:20px}.section-heading{display:block;margin-bottom:30px}.section-heading>p{margin-top:20px;max-width:none}.project-grid{grid-template-columns:1fr;gap:36px}.project-card h3{font-size:26px}.filter-bar{gap:8px}.filter-bar button{padding:6px 13px}.word-cloud{gap:10px 17px}.word-cloud a{font-size:31px}.word-cloud b{font-size:35px}.manifesto>p{font-size:43px;margin-bottom:50px}.manifesto-foot span{font-size:8px}.manifesto-foot img{width:110px}.service-list{margin-top:40px}.service-list summary{gap:10px;padding:23px 0}.service-list summary>span{width:26px;font-size:10px}.service-list summary h3{font-size:26px}.service-list details>div{padding-left:36px;font-size:14px}.process{grid-template-columns:1fr;gap:30px}.process h2{font-size:43px}.originals .project-grid{grid-template-columns:1fr}.contact{grid-template-columns:1fr;gap:35px}.contact h2{font-size:54px}.contact .form-row{grid-template-columns:1fr 1fr;gap:20px}.contact label{font-size:10px}.contact input,.contact select{font-size:12px}.faq{grid-template-columns:1fr;gap:25px}.faq h2{font-size:43px}.footer-top{grid-template-columns:1fr 1fr}.footer-logo{grid-column:1/-1}.footer-logo img{width:180px}.footer-top>p{grid-column:1/-1;font-size:20px}.footer-top>div{font-size:12px}.footer-bottom{flex-wrap:wrap;font-size:9px;margin-top:40px}.footer-bottom>span:nth-child(2){display:none}.menu-bottom{flex-direction:column;gap:20px}#menu{padding:140px 24px 30px}#menu>a{font-size:50px}.modal-copy{padding:25px}.modal-copy h2{font-size:30px}.modal-copy>p:not(.eyebrow){font-size:14px}#search-modal{padding:70px 22px 25px}#search-modal>label{font-size:28px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

.case-notes{border-bottom:1px solid var(--line)}.case-note-grid{display:grid;grid-template-columns:1fr 1fr;gap:7vw}.case-note-grid article{border-top:1px solid var(--line);padding-top:30px}.case-note-grid h3{font-size:36px;color:var(--lavender)}.case-note-grid article>p:last-child{font-size:15px;max-width:500px;color:var(--muted)}@media(max-width:600px){.case-note-grid{grid-template-columns:1fr;gap:30px}.case-note-grid h3{font-size:30px}}

.originals .project-grid{grid-template-columns:minmax(0,1fr)}.originals .project-image{aspect-ratio:21/9}@media(max-width:600px){.originals .project-image{aspect-ratio:16/10}}

/* Compact brand and persistent, icon-only social links. */
header .brand{width:150px;flex-shrink:0}
.header-right{position:fixed;top:30px;right:4.5vw;gap:20px;padding:6px 10px;border-radius:32px;background:#170c2559;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
.header-social{display:flex;align-items:center;gap:9px}
.header-social a{display:grid;place-items:center;width:24px;height:28px;color:var(--ink);transition:color .2s,transform .2s}
.header-social svg{width:16px;height:16px;display:block}
.header-social a:hover{color:var(--lime);transform:translateY(-2px)}
@media(max-width:900px){.header-right .brief-top{display:none}}
@media(max-width:600px){header .brand{width:120px}.header-right{right:18px;top:22px;gap:10px;padding:5px 8px}.header-social{gap:4px}.header-social a{width:20px;height:28px}.header-social svg{width:15px;height:15px}.header-right .icon{width:28px;height:28px}}
@media(max-width:360px){header{padding-left:18px;padding-right:18px}header .brand{width:100px}.header-right{right:12px;gap:8px;padding:5px 6px}.header-social{gap:3px}.header-social a{width:18px}.header-social svg{width:14px;height:14px}.header-right .icon{width:24px;height:26px}}

/* Seamless client reel. Each identical group includes its trailing gap. */
.client-marquee{margin-top:65px;border-top:1px solid var(--line);padding-top:28px;min-width:0}
.client-marquee-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:27px}
.client-marquee-heading h3{margin:0;color:var(--muted);font-size:10px;font-weight:normal;letter-spacing:.13em}
.marquee-controls{display:flex;align-items:center;gap:23px;color:var(--muted);font-size:11px}
.marquee-controls button{display:inline-flex;align-items:center;gap:7px;padding:5px 0;min-width:55px;font-size:11px}
.marquee-controls button:hover{color:var(--lime)}



.marquee-window{width:100%;overflow:hidden;mask-image:linear-gradient(to right,transparent,#000 3%,#000 97%,transparent);-webkit-mask-image:linear-gradient(to right,transparent,#000 3%,#000 97%,transparent);padding:12px 0;outline-offset:4px}
.marquee-track{display:flex;width:max-content;will-change:transform;align-items:center}
.marquee-group{display:flex;flex:none;align-items:center;gap:48px;list-style:none;padding:0 48px 0 0;margin:0}
.client-logo{flex:0 0 150px;width:150px;height:78px;display:flex;align-items:center;justify-content:center}
.client-logo img{display:block;width:150px;height:64px;object-fit:contain;max-width:100%;opacity:.88;transition:opacity .2s}
.client-logo:hover img{opacity:1}
.marquee-help{margin:18px 0 0;color:var(--muted);font-size:10px;opacity:.65}
@media(max-width:600px){.client-marquee{margin-top:40px;padding-top:24px}.client-marquee-heading{align-items:flex-start;gap:12px;flex-direction:column;margin-bottom:18px}.marquee-controls{width:100%;justify-content:space-between}.marquee-group{gap:34px;padding-right:34px}.client-logo{flex-basis:128px;width:128px;height:74px}.client-logo img{width:128px;height:60px}.marquee-help{font-size:10px}}

.marquee-window{touch-action:pan-y;cursor:ew-resize}.project-image.fit-contained img{object-fit:contain;background:var(--bg)}#hero-video{background:var(--bg)}#modal-video{object-fit:contain}

/* Patlijan WhatsApp shortcut, anchored to the viewport on every screen. */
.whatsapp-float{position:fixed;right:26px;bottom:26px;right:max(26px,env(safe-area-inset-right));bottom:max(26px,env(safe-area-inset-bottom));width:60px;height:60px;border-radius:50%;display:grid;place-items:center;background:var(--lime);color:var(--bg);border:2px solid var(--lavender);box-shadow:0 7px 28px #0c051b66,0 0 0 5px #774fa026;z-index:60;transition:transform .2s,box-shadow .2s}
.whatsapp-float svg{width:29px;height:29px;display:block}
.whatsapp-float:hover,.whatsapp-float:focus-visible{color:var(--bg);transform:translateY(-3px);box-shadow:0 10px 32px #0c051b80,0 0 0 6px #774fa044}
.whatsapp-tooltip{position:absolute;right:calc(100% + 14px);white-space:nowrap;background:var(--panel);color:var(--ink);border:1px solid var(--line);border-radius:8px;padding:7px 12px;font-size:12px;opacity:0;visibility:hidden;transform:translateX(5px);transition:opacity .2s,transform .2s,visibility .2s;pointer-events:none}
.whatsapp-float:hover .whatsapp-tooltip,.whatsapp-float:focus-visible .whatsapp-tooltip{opacity:1;visibility:visible;transform:translateX(0)}
@media(max-width:600px){.whatsapp-float{width:54px;height:54px;right:max(18px,env(safe-area-inset-right));bottom:max(18px,env(safe-area-inset-bottom))}.whatsapp-float svg{width:26px;height:26px}}