/*
Theme Name: Scalar Creatives
Theme URI: https://scalarcreatives.com
Author: Scalar Creatives
Description: Custom portfolio theme for Scalar Creatives.
Version: 1.0.3
Requires at least: 5.9
Tested up to: 6.8
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: scalar-creatives
*/
@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;600;700;800&display=swap');
:root{--ink:#10120f;--paper:#f5f2ea;--lime:#afdd20;--muted:#6f726a;--line:#d9d6cc;--panel:#ebe7dc}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Manrope,Arial,sans-serif}a{text-decoration:none;color:inherit}button{font:inherit}
.nav{position:fixed;z-index:100;top:16px;left:50%;transform:translateX(-50%);width:min(1200px,calc(100% - 28px));padding:10px 11px 10px 20px;border:1px solid #ffffffaa;background:#f5f2eacc;backdrop-filter:blur(18px);border-radius:999px;display:flex;align-items:center;justify-content:space-between;box-shadow:0 10px 35px #0000000b}.logo{display:flex;align-items:center;width:148px}.logo img{display:block;width:100%;height:auto}.links{display:flex;gap:24px;font-size:12px;font-weight:800}.links a{opacity:.72}.links a:hover,.links a.active{opacity:1}.navcta,.btn{border:0;background:var(--ink);color:var(--paper);border-radius:999px;padding:13px 18px;font-size:12px;font-weight:800;cursor:pointer;transition:.25s}.navcta{background:#afdd20;color:var(--ink)}.btn:hover,.navcta:hover{transform:translateY(-3px);box-shadow:0 12px 25px #0002}.btn.alt{background:transparent;color:var(--ink);border:1px solid var(--ink)}
.hamburger{display:none;border:0;background:var(--ink);width:42px;height:42px;border-radius:50%;padding:11px;cursor:pointer;flex-direction:column;justify-content:center;gap:4px}.hamburger span{display:block;width:100%;height:2px;background:var(--paper);border-radius:3px}
.mobile-menu{display:none}
@media(max-width:800px){.nav{top:10px;width:calc(100% - 18px);padding:8px 8px 8px 14px}.links,.navcta{display:none}.hamburger{display:flex}.mobile-menu{position:fixed;z-index:90;top:68px;left:9px;right:9px;background:var(--ink);color:var(--paper);border-radius:22px;padding:12px;box-shadow:0 20px 50px #0004;transform:translateY(-12px);opacity:0;pointer-events:none;transition:.25s}.mobile-menu.open{display:block;transform:none;opacity:1;pointer-events:auto}.mobile-menu a{display:flex;justify-content:space-between;padding:18px 16px;border-bottom:1px solid #ffffff1c;font-size:16px;font-weight:800}.mobile-menu a:last-child{border:0}.mobile-menu .mobile-cta{background:var(--lime);color:var(--ink);border-radius:14px;margin-top:10px;border:0;justify-content:center;gap:10px}}
.sc-page{display:none}.sc-page.active{display:block}.hero{min-height:100vh;padding:150px 5vw 75px;display:grid;grid-template-columns:1.08fr .92fr;gap:5vw;align-items:center;max-width:1440px;margin:auto}.eyebrow{font:500 10px "DM Mono",monospace;letter-spacing:.14em;text-transform:uppercase}.eyebrow-rotator{display:inline-grid;min-width:150px;vertical-align:top}.eyebrow-rotator span{grid-area:1 / 1;opacity:0;transform:translateY(8px);animation:eyebrowSwap 8s ease-in-out infinite;animation-delay:var(--delay)}.hero h1{font-size:clamp(58px,7vw,110px);line-height:.84;letter-spacing:-.08em;margin:22px 0 30px}.hero h1 .stagger-word,.stagger-heading .stagger-word{display:inline-block}html.sc-js:not(.sc-reveal-all) .hero h1 .stagger-word{opacity:0}.hero h1.text-motion-up .stagger-word,.hero h1.text-motion-down .stagger-word,.stagger-heading.text-motion-up .stagger-word,.stagger-heading.text-motion-down .stagger-word{animation:staggerFade .5s ease forwards;animation-delay:calc(var(--i) * 70ms)}.stagger-heading{margin:12px 0}.accent{color:var(--lime)}.lead{font-size:18px;line-height:1.7;color:#5d6058;max-width:610px}.actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:30px}
.hero-art{height:560px;background:var(--ink);border-radius:30px;overflow:hidden;position:relative;color:#fff}.grid{position:absolute;inset:0;background-image:linear-gradient(#ffffff0c 1px,transparent 1px),linear-gradient(90deg,#ffffff0c 1px,transparent 1px);background-size:40px 40px}.hero-logo{position:absolute;width:112%;max-width:none;left:-6%;top:50%;transform:translateY(-50%);opacity:.13;mix-blend-mode:screen;pointer-events:none;translate:var(--shift-x,0px) var(--shift-y,0px);will-change:translate}.orb{position:absolute;width:330px;height:330px;border-radius:50%;background:var(--lime);left:23%;top:24%;animation:float 6s ease-in-out infinite;box-shadow:0 0 100px #c9ff3d45;z-index:10}.growth-core{position:absolute;left:23%;top:24%;width:330px;height:330px;display:grid;place-content:center;text-align:center;color:var(--ink);z-index:12;pointer-events:none;animation:float 6s ease-in-out infinite;translate:var(--shift-x,0px) var(--shift-y,0px);will-change:translate}.growth-core .core-kicker{font:500 9px "DM Mono",monospace;letter-spacing:.16em;text-transform:uppercase}.orb-rotator{display:inline-grid;min-width:220px;margin:10px auto 12px;color:#fff;font-family:Manrope,Arial,sans-serif;font-size:21px;line-height:1.05;font-weight:800;letter-spacing:.02em;text-transform:uppercase}.orb-rotator span{grid-area:1 / 1;opacity:0;transform:translateY(8px);animation:eyebrowSwap 8s ease-in-out infinite;animation-delay:var(--delay)}.growth-core strong{font-size:62px;line-height:.85;letter-spacing:-.09em}.growth-core .core-label{font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;margin-top:10px}.ring{position:absolute;width:500px;height:210px;border:1px solid #ffffff30;border-radius:50%;left:5%;top:38%;transform:rotate(-23deg);animation:orbit 12s linear infinite;translate:var(--shift-x,0px) var(--shift-y,0px);will-change:translate}.data{position:absolute;padding:13px 15px;border:1px solid #ffffff20;background:#ffffff10;backdrop-filter:blur(12px);border-radius:14px;font:500 10px "DM Mono";translate:var(--shift-x,0px) var(--shift-y,0px);will-change:translate}.data strong{font:800 26px Manrope;display:block;margin-top:5px;letter-spacing:-.07em}.d1{right:22px;top:28px}.d2{left:22px;bottom:28px}.d3{right:25px;bottom:105px}.dot{position:absolute;width:9px;height:9px;border-radius:50%;background:var(--lime);left:48%;top:50%;animation:pulse 2s infinite}
.section{padding:120px 5vw;max-width:1440px;margin:auto}.sc-dark{max-width:none;background:var(--ink);color:var(--paper)}.section-head{display:flex;justify-content:space-between;gap:50px;align-items:end;margin-bottom:58px}.section h2{font-size:clamp(44px,6vw,82px);line-height:.9;letter-spacing:-.07em;margin:12px 0}.muted{color:var(--muted);line-height:1.7;max-width:520px}.sc-dark .muted{color:#aaa}
.cards{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line)}.sc-dark .cards{border-color:#333}.card{padding:30px 24px 38px;min-height:260px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);transition:.35s;position:relative}.sc-dark .card{border-color:#333}.card:hover{background:var(--lime);transform:translateY(-5px)}.icon{width:46px;height:46px;border:1px solid currentColor;border-radius:14px;display:grid;place-items:center;font-size:20px;margin-bottom:42px}.card h3{font-size:22px;letter-spacing:-.04em;margin:0 0 10px}.card p{font-size:13px;line-height:1.65;color:#696c64}.sc-dark .card p{color:#aaa}.card:hover p{color:#222}
.process{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #333}.step{padding:28px 20px;min-height:310px;border-right:1px solid #333;transition:.3s}.step:hover{background:#1c1e19}.num{font:500 11px "DM Mono";color:var(--lime)}.step h3{font-size:25px;letter-spacing:-.05em;margin-top:95px}.step p{color:#aaa;font-size:13px;line-height:1.7}
.pills{display:flex;flex-wrap:wrap;gap:9px;margin:35px 0}.pill{border:1px solid var(--ink);background:transparent;border-radius:999px;padding:12px 16px;font-size:12px;font-weight:800;cursor:pointer;transition:.2s}.pill.active,.pill:hover{background:var(--ink);color:var(--paper)}.industry-box{border:1px solid var(--line);padding:38px;display:grid;grid-template-columns:1fr 2fr;gap:35px}.industry-box h3{font-size:35px;letter-spacing:-.05em;margin:0}.industry-box p{line-height:1.7;color:#64675f}
.work{display:grid;grid-template-columns:1.3fr .7fr;gap:18px}.project{min-height:270px;border-radius:22px;padding:24px;position:relative;overflow:hidden;background:#dcd8ce;transition:.35s}.project:hover{transform:scale(.985)}.project.big{min-height:560px;background:#20231d;color:#fff}.project:nth-child(2){background:#dce5c2}.project:nth-child(3){background:#ddd4c8}.project h3{position:absolute;left:24px;bottom:32px;font-size:34px;letter-spacing:-.06em;max-width:470px;margin:0}.fakechart{position:absolute;right:10%;top:23%;width:46%;height:40%;border-bottom:2px solid currentColor;transform:skewY(-15deg)}.fakechart:after{content:"";position:absolute;left:0;bottom:0;width:80%;height:75%;border-top:3px solid currentColor;border-right:3px solid currentColor;transform:skewY(-17deg)}
.work-hero{padding:155px 5vw 70px;max-width:1440px;margin:auto}.work-hero h1{font-size:clamp(58px,8vw,115px);line-height:.84;letter-spacing:-.08em;max-width:900px;margin:25px 0}.work-intro{font-size:19px;line-height:1.7;color:#5d6058;max-width:700px}.work-library{padding:40px 5vw 130px;max-width:1440px;margin:auto}.work-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}.work-folder{position:relative;display:block;min-height:320px;padding:38px 34px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);background:transparent;color:var(--ink);transition:.35s}.work-folder:hover{background:var(--lime);border-color:var(--lime)}.folder-icon{width:68px;height:68px;display:grid;place-items:center;flex:0 0 auto;color:var(--ink);border:1.5px solid currentColor;border-radius:18px}.folder-icon svg{display:block;width:42px;height:38px}.work-folder h2{margin:66px 0 16px;font-size:28px;letter-spacing:-.055em}.work-folder p{max-width:390px;margin:0;color:#74766f;font-size:16px;line-height:1.55}.work-folder:first-child p,.work-folder:hover p{color:var(--ink)}.folder-menu{position:absolute;display:none}
.cta{background:var(--lime);padding:135px 5vw;text-align:center}.cta h2{font-size:clamp(55px,9vw,120px);letter-spacing:-.08em;line-height:.84;max-width:1000px;margin:15px auto 30px}.cta p{max-width:600px;margin:0 auto 32px;line-height:1.7}.sc-footer{background:var(--ink);color:#fff;padding:35px 5vw;display:flex;justify-content:space-between;font-size:12px}
.service-hero,.about-hero{padding:155px 5vw 90px;max-width:1440px;margin:auto}.service-hero h1,.about-hero h1{font-size:clamp(58px,8vw,115px);line-height:.84;letter-spacing:-.08em;max-width:1000px;margin:25px 0}.service-intro,.about-intro{font-size:19px;line-height:1.7;color:#5d6058;max-width:760px}.service-list{border-top:1px solid var(--line)}.service-row{display:grid;grid-template-columns:70px 1fr 1fr;gap:30px;padding:42px 0;border-bottom:1px solid var(--line);transition:.3s}.service-row:hover{padding-left:15px;background:linear-gradient(90deg,#c9ff3d33,transparent)}.service-row .n{font:500 11px "DM Mono";padding-top:8px}.service-row h2{font-size:34px;letter-spacing:-.055em;margin:0 0 10px}.service-row p{color:#656860;line-height:1.7;margin:0}.service-row ul{margin:15px 0 0;padding-left:18px;color:#656860;line-height:1.8;font-size:13px}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px}.quote{font-size:clamp(38px,5vw,70px);letter-spacing:-.065em;line-height:.95}.beliefs{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line)}.belief{padding:32px 22px 38px;border-bottom:1px solid var(--line);border-right:1px solid var(--line)}.belief h3{font-size:22px;margin:0 0 12px}.belief p{font-size:13px;color:#666960;line-height:1.7}.team{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.person{background:var(--ink);color:#fff;border-radius:22px;min-height:300px;padding:24px;display:flex;flex-direction:column;justify-content:end}.person h3{font-size:25px;margin:0}.person p{color:#aaa;font-size:12px;line-height:1.6}.namebox{background:var(--lime);color:var(--ink);border-radius:16px;padding:10px 12px;margin-bottom:8px;width:max-content;font:500 10px "DM Mono"}
html.sc-js .reveal{opacity:0;transform:translateY(28px);transition:.8s}html.sc-js .reveal.show,html.sc-reveal-all .reveal{opacity:1;transform:none}
@keyframes float{50%{transform:translate(18px,-16px) scale(1.04)}}@keyframes orbit{to{transform:rotate(337deg)}}@keyframes pulse{70%{box-shadow:0 0 0 18px #afdd2000}}@keyframes staggerFade{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes eyebrowSwap{0%,18%{opacity:1;transform:translateY(0)}23%,100%{opacity:0;transform:translateY(-8px)}}
@media(max-width:800px){.hero{grid-template-columns:1fr;padding-top:125px}.hero-art{height:420px}.cards,.process,.team{grid-template-columns:1fr 1fr}.section-head{display:block}.service-row{grid-template-columns:45px 1fr}.service-row>div:nth-child(3){grid-column:2}.about-grid{grid-template-columns:1fr}.work,.home-showcase{grid-template-columns:1fr}.sc-footer{display:block}.sc-footer div+div{margin-top:12px}}
@media(max-width:520px){.cards,.process,.team,.beliefs{grid-template-columns:1fr}.links{max-width:52%;gap:14px}.links a{font-size:10px}.navcta{display:none}.hero h1,.service-hero h1,.about-hero h1{font-size:58px}.actions{flex-direction:column}.hero-art{height:360px}.industry-box{grid-template-columns:1fr}.service-row h2{font-size:27px}}
@media(max-width:800px){.work-grid{grid-template-columns:repeat(2,1fr)}.work-folder{padding:28px 24px;min-height:280px}.work-folder h2{font-size:24px}}
@media(max-width:520px){.work-grid{grid-template-columns:1fr}.work-folder{min-height:250px}}
.minimal-arrow{
  width:12px;
  height:12px;
  display:inline-block;
  vertical-align:middle;
  margin-left:6px;
  flex:0 0 auto;
}
.work-folder:after{display:block;max-width:390px;margin-top:0;color:#74766f;font-size:16px;line-height:1.55}.work-folder:first-child:after,.work-folder:hover:after{color:var(--ink)}.work-folder:nth-child(1):after{content:"Campaign visuals designed to earn attention and drive action."}.work-folder:nth-child(2):after{content:"Identities built to make ambitious businesses memorable."}.work-folder:nth-child(3):after{content:"Thoughtful customer journeys that keep brands connected."}.work-folder:nth-child(4):after{content:"Content systems that build visibility, trust, and community."}.work-folder:nth-child(5):after{content:"Digital experiences shaped around clarity, ease, and conversion."}.work-folder:nth-child(6):after{content:"Motion-led storytelling built for attention in a fast feed."}
.work-folder .folder-icon svg{display:none}.work-folder .folder-icon:after{font-family:Manrope,Arial,sans-serif;font-size:25px;font-weight:800;line-height:1}.work-folder:nth-child(1) .folder-icon:after{content:"▥"}.work-folder:nth-child(2) .folder-icon:after{content:"◇"}.work-folder:nth-child(3) .folder-icon:after{content:"✉"}.work-folder:nth-child(4) .folder-icon:after{content:"#"}.work-folder:nth-child(5) .folder-icon:after{content:"▦"}.work-folder:nth-child(6) .folder-icon:after{content:"▶"}
.cards{border-left:1px solid var(--line)}.sc-dark .cards{border-left-color:#333}.section:not(.sc-dark) .cards .card:first-child{background:var(--lime);color:var(--ink)}.section:not(.sc-dark) .cards .card:first-child p{color:var(--ink)}
.section:not(.sc-dark) .cards .card:first-child{background:transparent;color:var(--ink)}.section:not(.sc-dark) .cards .card:first-child p{color:#696c64}
.section:not(.sc-dark) .cards .card:first-child:hover{background:var(--lime);color:var(--ink)}.section:not(.sc-dark) .cards .card:first-child:hover p{color:var(--ink)}
.links{font-family:"DM Mono",monospace;font-size:14px;font-weight:500;text-transform:uppercase;letter-spacing:.02em}.links a.active{color:var(--lime)}.mobile-menu a{font-family:"DM Mono",monospace;text-transform:uppercase}
.service-hero h1,.about-hero h1{font-size:clamp(48px,6vw,88px);max-width:920px}
.navcta,.btn,.mobile-cta{text-transform:uppercase;letter-spacing:.02em}
.nav{background:linear-gradient(135deg,rgba(255,255,255,.62),rgba(255,255,255,.22) 48%,rgba(255,255,255,.42));border:1px solid rgba(255,255,255,.82);backdrop-filter:blur(28px) saturate(165%);-webkit-backdrop-filter:blur(28px) saturate(165%);box-shadow:0 16px 40px rgba(34,38,32,.12),inset 0 1px 0 rgba(255,255,255,.85),inset 0 -1px 0 rgba(255,255,255,.24);overflow:hidden}.nav::before{content:"";position:absolute;inset:1px;border-radius:inherit;background:linear-gradient(110deg,rgba(255,255,255,.42),transparent 30%,transparent 70%,rgba(255,255,255,.22));pointer-events:none}.nav>*{position:relative;z-index:1}
.work-folder{min-height:260px;padding:30px 24px 38px}.work-folder h2{margin:42px 0 12px;font-size:25px}
.work-folder:first-child{background:transparent;border-color:var(--line)}.work-folder:first-child:after{color:#74766f}
.work-folder:first-child:hover{background:var(--lime);border-color:var(--lime)}.work-folder:first-child:hover:after{color:var(--ink)}
.work-library{padding:120px 5vw}.work-folder{min-height:260px;padding:30px 24px 38px}.folder-icon{width:46px;height:46px;border-radius:14px}.work-folder h2{margin:42px 0 10px;font-size:22px}.work-folder:after{font-size:13px;line-height:1.65}.work-folder .folder-icon:after{font-size:20px}
.work-hero{padding-bottom:40px}.work-library{padding-top:20px}
.beliefs{border-left:1px solid var(--line)}.belief{min-height:220px}.sc-dark .beliefs{border-color:#333}.sc-dark .belief{border-color:#333}
.stagger-heading .stagger-word{opacity:1}.hero h1.text-motion-up .stagger-word,.hero h1.text-motion-down .stagger-word,.stagger-heading.text-motion-up .stagger-word,.stagger-heading.text-motion-down .stagger-word{animation-duration:.35s}
.process{min-height:480px}.step{padding:43px 28px 42px;min-height:480px}.step h3{margin:142px 0 32px;max-width:320px}.step p{max-width:360px;margin:0}
.process{border-left:1px solid #333;border-bottom:1px solid #333}
@media(max-width:800px){.process{min-height:0}.step{min-height:360px;padding:30px 22px}.step h3{margin-top:105px}}
@media(max-width:520px){.step{min-height:300px}.step h3{margin-top:75px}}
.case-hero{padding:155px 5vw 55px;max-width:1440px;margin:auto}.case-hero h1{font-size:clamp(58px,8vw,115px);line-height:.84;letter-spacing:-.08em;max-width:980px;margin:25px 0}.case-kicker{font:500 11px "DM Mono",monospace;letter-spacing:.14em;text-transform:uppercase;color:#6242b9}.case-lead{font-size:19px;line-height:1.7;color:#5d6058;max-width:720px}.case-hero-art{margin-top:48px;border-radius:26px;overflow:hidden;background:#7b48dc;box-shadow:0 20px 60px #6242b922}.case-hero-art img{display:block;width:100%;height:auto}.case-meta{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-top:48px}.case-meta div{padding:22px 0;border-right:1px solid var(--line)}.case-meta div+div{padding-left:24px}.case-meta div:last-child{border-right:0}.case-meta span{display:block;font:500 10px "DM Mono",monospace;letter-spacing:.12em;text-transform:uppercase;color:#77796f;margin-bottom:8px}.case-meta strong{font-size:18px;letter-spacing:-.03em}.case-section{padding:80px 5vw;max-width:1440px;margin:auto}.case-intro{display:grid;grid-template-columns:.8fr 1.2fr;gap:7vw}.case-section h2{font-size:clamp(42px,5vw,72px);line-height:.9;letter-spacing:-.07em;margin:12px 0}.case-section h3{font-size:26px;letter-spacing:-.05em;margin:0 0 12px}.case-copy{color:#666960;font-size:17px;line-height:1.75;max-width:680px}.case-copy p{margin:0 0 18px}.case-points{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);margin-top:70px;border:1px solid var(--line)}.case-point{background:var(--paper);padding:28px;min-height:190px}.case-point p{color:#666960;font-size:14px;line-height:1.65;margin:0}.case-gallery{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;margin-top:42px}.case-gallery figure{margin:0;background:#ebe7dc;border-radius:18px;overflow:hidden}.case-gallery figure.wide{grid-column:1/-1}.case-gallery img{display:block;width:100%;height:auto}.case-gallery figcaption{padding:14px 18px 17px;font:500 10px "DM Mono",monospace;letter-spacing:.1em;text-transform:uppercase;color:#666960}.case-next{display:flex;align-items:center;justify-content:space-between;gap:24px;border-top:1px solid var(--line);padding-top:30px;margin-top:75px}.case-next p{margin:0;color:#666960;font-size:14px}.case-next .btn{white-space:nowrap}
.breadcrumb{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:28px;font:500 11px "DM Mono",monospace;letter-spacing:.08em;text-transform:uppercase;color:#77796f}.breadcrumb a:hover{color:var(--ink)}.breadcrumb .current{color:var(--ink)}.breadcrumb .slash{color:#b7b4aa}.client-hero{padding:155px 5vw 70px;max-width:1440px;margin:auto}.client-hero h1{font-size:clamp(58px,8vw,115px);line-height:.84;letter-spacing:-.08em;max-width:980px;margin:25px 0}.client-intro{font-size:19px;line-height:1.7;color:#5d6058;max-width:720px}.client-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}.client-card{display:block;grid-column:span 2;border-right:1px solid var(--line);border-bottom:1px solid var(--line);padding:30px;transition:.35s}.client-card:hover{background:var(--lime)}.client-card-media{border-radius:16px;overflow:hidden;background:#7b48dc;margin-bottom:28px}.client-card-media img{display:block;width:100%;height:auto;transition:.5s}.client-card:hover .client-card-media img{transform:scale(1.025)}.client-card h2{font-size:34px;letter-spacing:-.06em;margin:0 0 12px}.client-card p{color:#666960;line-height:1.65;max-width:560px;margin:0}.client-card:hover p{color:var(--ink)}
.campaign-hero-art{max-width:1239px;margin:48px auto 0;border-radius:24px;overflow:hidden;background:#d90012;box-shadow:0 20px 60px #b9001222}.campaign-hero-art img{display:block;width:100%;height:auto}.campaign-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:42px;align-items:start}.campaign-gallery figure{margin:0;border-radius:18px;overflow:hidden;background:#d90012}.campaign-gallery figure.wide{grid-column:1/-1}.campaign-gallery figure.vertical img{max-width:320px;margin:0 auto}.campaign-gallery figure.square img{max-width:570px;margin:0 auto}.campaign-gallery figure.banner img{max-width:970px;margin:0 auto}.campaign-gallery img{display:block;width:100%;height:auto}.campaign-gallery figcaption{padding:14px 18px 17px;background:var(--paper);font:500 10px "DM Mono",monospace;letter-spacing:.1em;text-transform:uppercase;color:#666960}.campaign-note{max-width:760px;color:#666960;font-size:16px;line-height:1.75}.campaign-note p{margin:0 0 18px}
.campaign-master{display:flex;align-items:baseline;gap:14px;margin-top:34px;padding-bottom:14px;border-bottom:1px solid var(--line)}.campaign-master span,.campaign-master em{font:500 10px "DM Mono",monospace;letter-spacing:.1em;text-transform:uppercase;color:#77796f;font-style:normal}.campaign-master strong{font-size:24px;letter-spacing:-.04em}.campaign-sizes{display:grid;grid-template-columns:repeat(5,1fr);gap:1px;border:1px solid var(--line);background:var(--line)}.campaign-size{background:var(--paper);padding:18px 16px}.campaign-size span{display:block;color:#77796f;font:500 10px "DM Mono",monospace;letter-spacing:.1em;text-transform:uppercase;margin-bottom:8px}.campaign-size strong{font-size:20px;letter-spacing:-.04em}.case-hero{padding-bottom:32px}.case-meta{margin-top:30px}.case-hero-art{margin-top:30px}.case-section{padding-top:48px;padding-bottom:48px}.case-section+.case-section{padding-top:22px}.campaign-gallery{margin-top:24px}.case-next{margin-top:42px}
.kakaw-hero-art{max-width:1239px;margin:30px auto 0;border-radius:24px;overflow:hidden;background:#eee3d5;box-shadow:0 20px 60px rgba(73,42,25,.12)}.kakaw-hero-art img{display:block;width:100%;height:auto}.kakaw-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:24px;align-items:start}.kakaw-gallery figure{margin:0;border-radius:16px;overflow:hidden;background:#eee3d5;box-shadow:0 10px 24px rgba(73,42,25,.12)}.kakaw-gallery figure.wide{grid-column:1/-1}.kakaw-gallery img{display:block;width:100%;height:auto}.kakaw-gallery figcaption{padding:13px 16px;background:var(--paper);font:500 10px "DM Mono",monospace;letter-spacing:.1em;text-transform:uppercase;color:#666960}
.ux-hero-art{max-width:1100px;margin:30px auto 0;border-radius:24px;overflow:hidden;background:#141f45;box-shadow:0 20px 60px rgba(20,31,69,.18)}.ux-hero-art img{display:block;width:100%;height:auto}.ux-system-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;margin-top:30px;border:1px solid var(--line);background:var(--line)}.ux-system-card{background:var(--paper);padding:24px;min-height:180px}.ux-system-card span{display:block;font:500 10px "DM Mono",monospace;color:#77796f;letter-spacing:.1em;text-transform:uppercase;margin-bottom:42px}.ux-system-card h3{font-size:23px;letter-spacing:-.05em;margin:0 0 10px}.ux-system-card p{color:#666960;font-size:13px;line-height:1.6;margin:0}.ux-note{color:#666960;font-size:16px;line-height:1.75;max-width:760px}.ux-note p{margin:0 0 18px}
.ux-case-gallery figure.website-preview{grid-column:1/-1}.ux-case-gallery figure.website-preview img{height:auto;max-height:none;object-fit:contain;object-position:center;display:block}.ux-case-gallery figure.mobile-art img{background:#a85cff}
.work-library{max-width:none;padding:20px 5vw 130px}.work-grid,.client-grid{grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid var(--line);border-left:1px solid var(--line)}.work-folder{min-height:390px;padding:44px 36px 46px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.work-folder h2{margin:72px 0 18px;font-size:31px}.work-folder:after{max-width:520px;font-size:17px;line-height:1.55}.folder-icon{width:68px;height:68px;border-radius:20px}.work-folder .folder-icon:after{font-size:25px}.client-card{grid-column:span 1;min-height:390px;padding:30px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.client-card-media{margin-bottom:26px}.client-card h2{font-size:28px}
@media(max-width:800px){.case-meta{grid-template-columns:1fr}.case-meta div,.case-meta div+div{padding:18px 0;border-right:0;border-bottom:1px solid var(--line)}.case-meta div:last-child{border-bottom:0}.case-intro{grid-template-columns:1fr;gap:25px}.case-points,.case-gallery{grid-template-columns:1fr}.case-gallery figure.wide{grid-column:auto}.case-section{padding-top:60px}.case-next{display:block}.case-next .btn{display:inline-block;margin-top:20px}}
@media(max-width:800px){.work-grid,.client-grid,.campaign-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}.campaign-sizes{grid-template-columns:repeat(3,1fr)}.work-folder{min-height:330px;padding:30px 24px 36px}.work-folder h2{margin-top:58px;font-size:26px}.client-card{grid-column:auto;min-height:330px;padding:22px}.client-card h2{font-size:26px}.campaign-gallery figure.wide{grid-column:1/-1}}
@media(max-width:520px){.work-grid,.client-grid,.campaign-gallery,.campaign-sizes{grid-template-columns:1fr}.work-folder,.client-card{min-height:300px}.work-folder h2{margin-top:48px;font-size:24px}.campaign-gallery figure.wide{grid-column:auto}}
@media(max-width:800px){.ux-system-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:520px){.ux-system-grid{grid-template-columns:1fr}}
.service-row:hover{background:var(--lime);color:#fff;padding-left:15px}.service-row:hover .n,.service-row:hover p,.service-row:hover ul{color:#fff}
@media (max-width: 768px){
  .minimal-arrow{
    width:11px;
    height:11px;
    margin-left:5px;
  }
}
.campaign-sizes{grid-template-columns:repeat(6,1fr)}
@media(max-width:800px){.campaign-sizes{grid-template-columns:repeat(3,1fr)}}
@media(max-width:520px){.campaign-sizes{grid-template-columns:1fr}}
.campaign-gallery figure:nth-child(1){width:300px;grid-column:auto;justify-self:center}.campaign-gallery figure:nth-child(2){width:160px;grid-column:auto;justify-self:center}.campaign-gallery figure:nth-child(3){width:300px;grid-column:1/-1;justify-self:center}.campaign-gallery figure:nth-child(4){width:728px;grid-column:1/-1;justify-self:center}.campaign-gallery figure:nth-child(5){width:300px;grid-column:1/-1;justify-self:center}.campaign-gallery figure:nth-child(6){width:970px;grid-column:1/-1;justify-self:center}.campaign-gallery figure:nth-child(-n+6) img{width:100%;max-width:none;margin:0;height:auto}
@media(max-width:1000px){.campaign-gallery figure:nth-child(4),.campaign-gallery figure:nth-child(6){width:min(100%,970px)}}
@media(max-width:520px){.campaign-gallery figure:nth-child(1),.campaign-gallery figure:nth-child(2),.campaign-gallery figure:nth-child(3),.campaign-gallery figure:nth-child(4),.campaign-gallery figure:nth-child(5),.campaign-gallery figure:nth-child(6){width:min(100%,calc(100vw - 40px));grid-column:auto}}
.campaign-gallery{gap:12px;margin-top:18px}.campaign-gallery figure{box-shadow:0 12px 28px rgba(16,18,15,.14),0 2px 6px rgba(16,18,15,.08)}.campaign-gallery figcaption{box-shadow:0 -1px 0 rgba(16,18,15,.06)}.case-section{padding-top:34px;padding-bottom:34px}.case-section+.case-section{padding-top:14px}.case-next{margin-top:30px}
.campaign-gallery{grid-template-columns:repeat(12,minmax(0,1fr));column-gap:18px;row-gap:14px}.campaign-gallery figure:nth-child(1){grid-column:1 / span 3}.campaign-gallery figure:nth-child(2){grid-column:4 / span 2}.campaign-gallery figure:nth-child(3){grid-column:6 / span 3}.campaign-gallery figure:nth-child(4){grid-column:1 / -1}.campaign-gallery figure:nth-child(5){grid-column:1 / span 3}.campaign-gallery figure:nth-child(6){grid-column:1 / -1}
@media(max-width:1000px){.campaign-gallery{grid-template-columns:repeat(6,minmax(0,1fr))}.campaign-gallery figure:nth-child(1){grid-column:1 / span 2}.campaign-gallery figure:nth-child(2){grid-column:3 / span 1}.campaign-gallery figure:nth-child(3){grid-column:4 / span 2}.campaign-gallery figure:nth-child(4),.campaign-gallery figure:nth-child(6){grid-column:1 / -1}.campaign-gallery figure:nth-child(5){grid-column:1 / span 2}}
@media(max-width:520px){.campaign-gallery{grid-template-columns:1fr;row-gap:12px}.campaign-gallery figure:nth-child(1),.campaign-gallery figure:nth-child(2),.campaign-gallery figure:nth-child(3),.campaign-gallery figure:nth-child(4),.campaign-gallery figure:nth-child(5),.campaign-gallery figure:nth-child(6){grid-column:auto;justify-self:center}}
.campaign-gallery{grid-template-columns:300px 160px 300px;grid-template-areas:"tall-a tall-b small" "tall-a tall-b square" "leader leader leader" "wide wide wide";width:970px;max-width:100%;margin-left:auto;margin-right:auto;justify-content:center;align-items:start}.campaign-gallery figure:nth-child(1){grid-area:tall-a;width:300px}.campaign-gallery figure:nth-child(2){grid-area:tall-b;width:160px}.campaign-gallery figure:nth-child(3){grid-area:square;width:300px}.campaign-gallery figure:nth-child(4){grid-area:leader;width:728px}.campaign-gallery figure:nth-child(5){grid-area:small;width:300px}.campaign-gallery figure:nth-child(6){grid-area:wide;width:970px}
@media(max-width:820px){.campaign-gallery{grid-template-columns:300px 160px 300px;width:796px;justify-content:start;overflow-x:auto;padding:0 12px;margin-left:0;margin-right:0}}
@media(max-width:520px){.campaign-gallery{display:flex;flex-direction:column;align-items:center;width:100%;max-width:100%;overflow:visible;padding:0}.campaign-gallery figure:nth-child(1),.campaign-gallery figure:nth-child(2),.campaign-gallery figure:nth-child(3),.campaign-gallery figure:nth-child(4),.campaign-gallery figure:nth-child(5),.campaign-gallery figure:nth-child(6){width:min(100%,calc(100vw - 40px));grid-area:auto}}
.kakaw-gallery{grid-template-columns:300px 160px 300px;grid-template-areas:"tall-a tall-b small" "tall-a tall-b square" "leader leader leader" "wide wide wide";width:970px;max-width:100%;justify-content:center;column-gap:18px;row-gap:14px}.kakaw-gallery figure:nth-child(1){grid-area:wide;width:970px}.kakaw-gallery figure:nth-child(2){grid-area:square;width:300px}.kakaw-gallery figure:nth-child(3){grid-area:small;width:300px}.kakaw-gallery figure:nth-child(4){grid-area:leader;width:728px}.kakaw-gallery figure:nth-child(5){grid-area:tall-a;width:300px}.kakaw-gallery figure:nth-child(6){grid-area:tall-b;width:160px}
@media(max-width:820px){.kakaw-gallery{grid-template-columns:300px 160px 300px;width:796px;max-width:none;justify-content:start;overflow-x:auto;padding:0 12px}}
@media(max-width:520px){.kakaw-gallery{display:flex;flex-direction:column;align-items:center;width:100%;max-width:100%;overflow:visible;padding:0}.kakaw-gallery figure:nth-child(1),.kakaw-gallery figure:nth-child(2),.kakaw-gallery figure:nth-child(3),.kakaw-gallery figure:nth-child(4),.kakaw-gallery figure:nth-child(5),.kakaw-gallery figure:nth-child(6){width:min(100%,calc(100vw - 40px));grid-area:auto}}
.home-showcase .home-image-card{isolation:isolate}.home-showcase .home-image-card:after{content:"";position:absolute;z-index:1;inset:0;background:linear-gradient(180deg,rgba(0,0,0,0) 28%,rgba(0,0,0,.06) 46%,rgba(0,0,0,.78) 100%);pointer-events:none}.home-showcase .home-image-card img{z-index:0}.home-showcase .home-image-card .eyebrow,.home-showcase .home-image-card h3{z-index:2}.home-showcase .home-image-card h3{ text-shadow:0 2px 14px rgba(0,0,0,.4)}
.home-showcase.is-changing{opacity:1}.home-showcase{transition:none}
.home-showcase{grid-template-columns:1fr 1fr}
.home-showcase .home-image-card{background:#10120f!important;color:#f5f2ea}
.home-showcase>div{display:grid;grid-template-rows:repeat(2,minmax(0,1fr));gap:18px;min-height:100%}
.video-organizer{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:28px;border-bottom:1px solid var(--line);padding-bottom:18px}.video-organizer h2{font-size:clamp(36px,5vw,62px);line-height:.9;letter-spacing:-.07em;margin:0}.video-organizer p{max-width:430px;margin:0;color:#666960;font-size:14px;line-height:1.6}.video-group+.video-group{margin-top:78px}.video-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;align-items:start}.video-grid figure{margin:0;background:var(--ink);border-radius:18px;overflow:hidden;color:var(--paper)}.video-grid figure:first-child{grid-column:auto}.video-grid video{display:block;width:100%;aspect-ratio:16/9;height:auto;max-height:420px;background:#050605;object-fit:contain}.video-grid figcaption{padding:14px 18px 17px;font:500 10px "DM Mono",monospace;letter-spacing:.1em;text-transform:uppercase;color:#b9bcb3}
.video-category-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.video-category-media{min-height:250px;padding:26px;display:flex;flex-direction:column;justify-content:space-between;color:#fff;border-radius:14px}.video-category-media strong{font-size:52px;letter-spacing:-.08em}.reels-media{background:linear-gradient(135deg,#9d5cff,#251b63)}.videos-media{background:linear-gradient(135deg,#17211d,#afdd20);color:var(--ink)}
.reels-media{background:linear-gradient(135deg,#d8ff72 0%,#c8ff35 52%,#bbed18 100%);color:var(--ink)}.reels-media:after{display:none}
.videos-media{background:linear-gradient(135deg,#d8ff72 0%,#c8ff35 52%,#bbed18 100%);color:var(--ink)}.videos-media:after{display:none}
.video-grid .video-control{opacity:1;transition:opacity .35s ease,transform .2s ease,background .2s ease}.video-grid .video-card.is-playing .video-control{opacity:0;pointer-events:none}.video-grid .video-card.is-playing:hover .video-control,.video-grid .video-card.is-playing:focus-within .video-control{opacity:1;pointer-events:auto}
.video-card{position:relative}.video-control{position:absolute;z-index:3;left:50%;top:50%;width:62px;height:62px;display:grid;place-items:center;transform:translate(-50%,-50%);border:1px solid rgba(255,255,255,.75);border-radius:50%;background:rgba(16,18,15,.78);color:var(--paper);backdrop-filter:blur(10px);cursor:pointer;transition:opacity .2s,transform .2s,background .2s}.video-control:hover{background:var(--lime);color:var(--ink);transform:translate(-50%,-50%) scale(1.06)}.video-control svg{width:24px;height:24px}.pause-icon{display:none}.video-card.is-playing .play-icon{display:none}.video-card.is-playing .pause-icon{display:block}.video-card.is-playing .video-control{opacity:0;pointer-events:none}.video-card.is-playing:hover .video-control,.video-card.is-playing:focus-within .video-control{opacity:1;pointer-events:auto}.video-card video{cursor:pointer}
.reels-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;align-items:start}.reels-grid figure{margin:0;background:transparent;color:var(--ink);overflow:visible}.reels-grid video{display:block;width:100%;aspect-ratio:9/16;object-fit:contain;background:#10120f;border-radius:18px}.reels-grid figcaption{padding:14px 4px 0;font:500 10px "DM Mono",monospace;letter-spacing:.1em;text-transform:uppercase;color:#666960}
@media(max-width:800px){.video-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.video-grid video{max-height:none}}
@media(max-width:520px){.video-organizer{display:block}.video-organizer p{margin-top:16px}.video-group+.video-group{margin-top:56px}}
@media(max-width:800px){.video-category-grid{grid-template-columns:1fr}.video-category-media{min-height:210px}}
@media(max-width:800px){.video-category-grid .client-card{border-right:0;border-bottom:1px solid var(--line)}.video-category-grid .client-card:last-child{border-bottom:0}.video-category-media{min-height:240px}}
@media(max-width:800px){.reels-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}}
@media(max-width:520px){.reels-grid{grid-template-columns:1fr;max-width:340px;margin:0 auto}}
@media(max-width:520px){.video-grid{grid-template-columns:1fr}}
@media(max-width:800px){
  .hero{min-height:auto;padding:122px 20px 56px;gap:34px}
  .hero h1{font-size:clamp(48px,12vw,72px);line-height:.88;margin:16px 0 22px}
  .lead{font-size:16px;line-height:1.6}
  .actions{margin-top:24px}
  .actions .btn{width:100%;text-align:center}
  .hero-art{height:390px;border-radius:22px}
  .orb,.growth-core{width:250px;height:250px;left:50%;top:20%;margin-left:-125px}
  .growth-core strong{font-size:48px}
  .orb-rotator{min-width:180px;font-size:17px}
  .ring{width:380px;height:170px;left:50%;margin-left:-190px;top:38%}
  .data{padding:10px 11px;font-size:8px}
  .data strong{font-size:20px}
  .d1{right:14px;top:18px}.d2{left:14px;bottom:18px}.d3{right:16px;bottom:82px}
  .section{padding:76px 20px}
  .section-head{margin-bottom:34px}
  .section h2{font-size:clamp(44px,11vw,64px);line-height:.9}
  .muted{font-size:15px;line-height:1.6}
  .results-section .work{gap:14px}
  .results-section .project.big{min-height:360px}
  .results-section .project{min-height:210px;border-radius:18px;padding:20px}
  .results-section .project h3{left:20px;bottom:24px;font-size:27px;line-height:1}
  .results-section .fakechart{width:55%;right:8%;top:28%}
}
@media(max-width:520px){
  .hero{padding-left:16px;padding-right:16px}
  .hero h1{font-size:clamp(42px,13vw,58px)}
  .hero-art{height:340px}
  .orb,.growth-core{width:215px;height:215px;margin-left:-107.5px}
  .growth-core strong{font-size:42px}
  .ring{width:330px;height:145px;margin-left:-165px}
  .section{padding-left:16px;padding-right:16px}
  .results-section .project.big{min-height:320px}
  .results-section .project{min-height:190px}
}