:root{--paper:#efece4;--ink:#20211f;--muted:#696a62;--blue:#3044ec;--line:#cfcdc5;--white:#faf9f5;--mint:#dce9cb;--serif:Georgia,'Times New Roman',serif;--sans:Arial,Helvetica,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:104px}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:16px;-webkit-font-smoothing:antialiased}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{font:inherit}button,a,summary{outline-offset:6px}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid var(--blue)}::selection{background:var(--blue);color:white}p,h1,h2,h3,h4{margin:0}button{cursor:pointer}.container{width:min(1280px,calc(100% - 104px));margin:auto}.eyebrow{font-size:10px;font-weight:700;letter-spacing:1.25px;line-height:1.6;text-transform:uppercase}.skip{position:fixed;top:-100px;left:16px;background:var(--ink);color:white;padding:12px;z-index:99}.skip:focus{top:12px}.review-ribbon{min-height:28px;background:var(--ink);color:#ebe9e0;display:flex;justify-content:center;gap:16px;align-items:center;padding:6px 16px;font-size:10px;letter-spacing:.4px}.review-ribbon>span:last-child{color:#a9b3ff}
.site-header{position:sticky;top:0;z-index:20;display:flex;justify-content:space-between;align-items:center;min-height:89px;padding:12px 52px;background:rgba(239,236,228,.96);border-bottom:1px solid var(--line);backdrop-filter:blur(15px)}.brand{font-size:38px;letter-spacing:-4px;line-height:1;font-weight:800;display:flex;align-items:center;gap:7px}.brand-star{font-size:29px;letter-spacing:0;color:var(--blue)}nav{display:flex;gap:32px;margin-left:90px;font-size:12px}nav a{position:relative}nav a:after{content:'';position:absolute;height:1px;bottom:-6px;background:var(--ink);left:0;width:0;transition:width .2s}nav a:hover:after{width:100%}.header-end{display:flex;align-items:center;gap:29px}.language-control{display:flex;align-items:center;gap:5px;font-size:11px;color:#898981}.language-control button{border:0;background:none;padding:8px 3px;font-size:11px;color:#72736a}.language-control button[aria-pressed=true]{color:var(--ink);font-weight:800;text-decoration:underline;text-underline-offset:5px}.contact-nav{font-size:12px;border:1px solid var(--ink);border-radius:24px;padding:11px 18px;display:flex;gap:20px;transition:.2s}.contact-nav:hover{background:var(--ink);color:white}
.hero{padding-top:43px}.hero-topline{display:flex;justify-content:space-between;align-items:center}.edition{font-size:10px;letter-spacing:.6px;color:var(--muted)}.hero-name{font-size:clamp(72px,11.3vw,164px);font-weight:800;letter-spacing:-.076em;line-height:1.03;white-space:nowrap;margin:35px 0 29px;position:relative}.hero-name>span:not(.hero-star){font-weight:800}.hero-star{display:inline-block;position:absolute;right:3px;top:-9px;color:var(--blue);font-size:clamp(60px,7.4vw,112px);letter-spacing:0;transform:rotate(-8deg)}.hero-bottom{display:grid;grid-template-columns:1.3fr 1fr;gap:40px;padding:23px 0 49px}.hero-line{font-weight:500;font-size:clamp(30px,3.2vw,44px);line-height:1.1;letter-spacing:-1.5px}.hero-line em{font-family:var(--serif);font-weight:400}.hero-copy{max-width:380px;padding-top:2px;justify-self:end;font-size:15px;line-height:1.65}.round-link{display:inline-flex;align-items:center;gap:14px;font-size:12px;margin-top:32px}.arrow-circle{border:1px solid var(--ink);height:42px;width:42px;display:flex;align-items:center;justify-content:center;font-size:23px;border-radius:50%;transition:background .2s,color .2s}.round-link:hover .arrow-circle{background:var(--blue);border-color:var(--blue);color:white}.hero-origin{font-size:10px;line-height:1.5;display:flex;gap:12px;align-items:center;margin-top:26px;text-transform:uppercase;letter-spacing:.6px}.origin-dot{width:8px;height:8px;border-radius:50%;background:var(--blue)}.hero-rule{height:1px;background:var(--ink)}
.metrics{display:grid;grid-template-columns:1fr 1fr 1fr;padding-top:32px;padding-bottom:20px}.metric{position:relative;display:flex;flex-direction:column;padding:0 25px 5px 0;border-right:1px solid var(--line)}.metric:not(:first-child){padding-left:36px}.metric:nth-child(3){border-right:0}.metric-no{font-size:9px;letter-spacing:1px;color:var(--muted);font-weight:700}.metric strong{font-size:clamp(35px,5.2vw,69px);font-weight:500;letter-spacing:-3px;margin:13px 0 7px;line-height:1}.metric>span:not(.metric-no):not(.metric-arrow){font-size:11px}.metric-arrow{position:absolute;right:22px;top:8px;font-size:20px;transition:transform .2s}.metric:hover .metric-arrow{transform:translate(3px,-3px);color:var(--blue)}.metrics-note{grid-column:1/-1;font-size:10px;line-height:1.55;color:var(--muted);margin-top:24px}
.work{padding-top:93px;padding-bottom:90px}.section-head{display:flex;justify-content:space-between;gap:40px;align-items:flex-end;margin-bottom:39px}.section-title{font-weight:500;font-size:clamp(34px,4.6vw,58px);line-height:1.08;letter-spacing:-2px;margin-top:20px}.section-title em{font-family:var(--serif);font-weight:400}.section-intro{font-size:13px;line-height:1.65;max-width:240px;margin-bottom:3px}.work-filters{display:flex;gap:8px;margin:30px 0}.work-filters button{border:1px solid var(--line);background:none;padding:9px 17px;font-size:11px;border-radius:30px;transition:.18s}.work-filters button:hover{border-color:var(--ink)}.work-filters button.active{background:var(--ink);color:var(--white);border-color:var(--ink)}.case{background:var(--white);margin-top:28px;border:1px solid #d5d3cc;scroll-margin-top:110px}.case[hidden]{display:none}.case-top{display:grid;grid-template-columns:1fr 1fr;min-height:400px}.case-copy{padding:45px 43px}.case-title{font-weight:500;line-height:1.09;font-size:clamp(31px,3.3vw,44px);letter-spacing:-1.6px;margin-top:23px}.case-intro{font-size:13px;line-height:1.8;margin-top:22px;max-width:420px}.tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:26px}.tags>span{font-size:9px;padding:6px 10px;border:1px solid #c9c9c1;border-radius:20px}.social-art{background:var(--blue);color:var(--white);margin:18px 18px 0 0;padding:26px 31px 20px;display:flex;flex-direction:column}.chart-top{display:flex;justify-content:space-between;font-size:9px;letter-spacing:1px}.chart-top>span:last-child{font-size:22px;line-height:10px}.chart-growth{display:flex;align-items:flex-end;gap:15px;margin-top:19px}.chart-growth strong{font-size:55px;font-weight:400;line-height:1;letter-spacing:-2.4px}.chart-growth span{font-size:10px;line-height:1.4;max-width:90px;padding-bottom:3px}.bar-chart{display:flex;align-items:flex-end;gap:19px;height:151px;margin:20px 20px 18px}.bar-group{width:50%;display:flex;flex-direction:column;justify-content:flex-end;text-align:center}.bar{margin-top:8px}.sep-bar{height:69px;background:rgba(255,255,255,.38)}.oct-bar{height:102px;background:#e9f0c5}.bar-value{font-size:11px;font-weight:700}.bar-label{font-size:8px;letter-spacing:1px;margin-top:8px}.chart-foot{display:flex;border-top:1px solid rgba(255,255,255,.3);padding-top:18px;align-items:center;gap:21px}.chart-foot strong{font-size:34px;letter-spacing:-1px;font-weight:400}.chart-foot>span{font-size:10px;line-height:1.5;max-width:220px}.case-stats{display:grid;grid-template-columns:repeat(3,1fr);padding:30px 43px 0;gap:15px}.case-stats>div,.paid-stats>div{display:flex;flex-direction:column;gap:8px}.case-stats strong,.paid-stats strong{font-size:33px;font-weight:500;letter-spacing:-1.1px}.case-stats span,.paid-stats span{font-size:10px;line-height:1.4;color:#57594f}.scope-note{font-size:10px;line-height:1.7;color:#64665e;margin:23px 43px 28px;max-width:760px}.case-details{margin:0 43px;border-top:1px solid var(--line)}summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:24px 0;font-size:12px;font-weight:700}summary::-webkit-details-marker{display:none}.expand-icon{width:16px;height:16px;position:relative;flex-shrink:0}.expand-icon:before,.expand-icon:after{position:absolute;content:'';width:14px;height:1px;background:currentColor;top:7px;left:1px}.expand-icon:after{transform:rotate(90deg);transition:transform .15s}details[open] .expand-icon:after{transform:rotate(0)}.detail-body{display:grid;grid-template-columns:1fr 1fr;gap:27px 45px;padding:5px 0 30px}.detail-body p{font-size:12px;line-height:1.8;margin:10px 0 17px}.detail-body h4:not(:first-child){margin-top:25px}.source-link{display:block;font-size:11px;line-height:1.7;margin-top:10px;text-decoration:underline;text-underline-offset:4px}.review-note{grid-column:1/-1;border-left:2px solid var(--blue);padding-left:15px;color:#65665d;font-size:10px!important;margin:0!important}
.youtube-case{padding:41px 30px 0;background:#20211f;color:var(--white);border-color:#20211f}.video-intro{display:grid;grid-template-columns:1.4fr 1fr;gap:50px;padding:0 12px}.video-intro .eyebrow{color:#bec3bb}.video-intro .case-intro{color:#c4c5bc;margin-top:20px;max-width:430px}.video-intro .case-title{font-size:clamp(31px,3vw,40px)}.video-total{padding-top:28px;text-align:right}.video-total>strong{display:block;font-size:clamp(55px,6vw,82px);font-weight:400;color:#e9f0c5;letter-spacing:-4px;line-height:1.1}.video-total>span{font-size:12px}.video-total>p{max-width:250px;font-size:10px;line-height:1.7;color:#b9bcb3;margin:17px 0 0 auto}.video-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin:35px 0}.video-poster{aspect-ratio:9/14;position:relative;overflow:hidden;background:#3a3b32}.video-poster:after{content:'';position:absolute;inset:0;background:linear-gradient(transparent 55%,rgba(0,0,0,.8));pointer-events:none}.video-poster img{width:100%;height:100%;object-fit:cover;transition:transform .4s}.video-card:hover img{transform:scale(1.035)}.video-index{position:absolute;z-index:1;left:12px;top:12px;width:27px;height:27px;border-radius:50%;background:var(--paper);color:var(--ink);display:flex;align-items:center;justify-content:center;font-size:10px}.play{position:absolute;z-index:1;left:calc(50% - 25px);top:calc(50% - 25px);width:50px;height:50px;display:flex;align-items:center;justify-content:center;padding-left:3px;background:rgba(239,236,228,.9);color:var(--ink);border-radius:50%;font-size:16px;transition:background .2s,color .2s}.video-card:hover .play{background:var(--blue);color:white}.watch{position:absolute;left:12px;bottom:14px;z-index:1;font-size:9px;font-weight:700}.video-channel{display:block;color:#b8baaf;font-size:9px;margin:16px 0 8px}.video-card h4{font-size:13px;font-weight:500;line-height:1.45}.youtube-case .case-details{margin:0 12px;border-color:#4c4e45}.youtube-case .detail-body p{color:#c6c8bd}.youtube-case summary{font-weight:500}.youtube-case a:focus-visible,.youtube-case summary:focus-visible{outline-color:#d9e4b5}
.paid-art{background:var(--mint);position:relative;margin:18px 18px 0 0;overflow:hidden;min-height:350px;display:flex;align-items:center;justify-content:center}.paid-corner{position:absolute;top:20px;right:24px;font-size:38px;font-weight:400}.orbit-rings{position:absolute;inset:0;display:flex;justify-content:center;align-items:center;transform:rotate(-28deg)}.orbit-rings i{position:absolute;width:110%;height:60%;border:1px solid #a0b38d;border-radius:50%}.orbit-rings i:nth-child(2){width:130%;height:85%}.orbit-rings i:nth-child(3){width:150%;height:110%}.roas{position:relative;text-align:center;padding:17px 20px;background:var(--mint)}.roas strong{display:block;font-size:clamp(60px,7vw,91px);font-weight:500;letter-spacing:-4px}.roas>span{display:block;font-size:11px;margin-top:3px}.paid-stats{padding:30px 43px 0;display:flex;gap:65px}
.approach{background:#e3e4db;padding:75px 0 80px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.approach .section-title{font-size:clamp(32px,4vw,52px)}.process-star{font-size:110px;color:var(--blue);line-height:1}.process-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:30px;margin-top:55px}.step-no{font-size:11px;color:var(--muted);display:block;padding-bottom:22px;border-bottom:1px solid #b9bcb0}.process-step h3{font-size:18px;line-height:1.3;font-weight:500;margin:23px 0 13px;letter-spacing:-.4px}.process-step p{font-size:12px;line-height:1.7;color:#616559;max-width:220px}
.about{padding:96px 0 75px;display:grid;grid-template-columns:1fr 1fr;gap:50px 80px}.about .section-title{font-size:clamp(32px,3.8vw,50px);margin-bottom:29px}.about-main>p:not(.eyebrow){font-size:13px;line-height:1.85;margin-top:18px;color:#50534a}.about-main>p.about-lead{color:var(--ink)}.language-note{border-top:1px solid var(--line);padding-top:22px;margin-top:28px}.language-note strong{font-size:12px;line-height:1.5;display:block}.language-note p{font-size:10px;line-height:1.8;color:#6a6d61;margin-top:8px}.experience{padding-top:3px}.experience-row{padding:19px 0;border-top:1px solid var(--line)}.experience-row:first-child{padding-top:0;border-top:0}.exp-date{font-size:9px;letter-spacing:.7px;color:#6c7064}.experience-row h3{font-weight:500;font-size:16px;line-height:1.4;margin:9px 0 4px}.experience-row p{font-size:11px;color:#676b60;line-height:1.6}.experience-row p.exp-detail{font-size:10px;max-width:330px;margin-top:9px}.tools{grid-column:1/-1;padding-top:30px;border-top:1px solid var(--line)}.tools>p:last-child{font-size:17px;line-height:2.2;margin-top:17px;color:#42463b;letter-spacing:-.4px}.tools>p>span{color:var(--blue);font-size:15px;margin:0 12px}
.contact{background:var(--blue);color:var(--white);padding:51px 0 58px}.contact-top{display:flex;justify-content:space-between;align-items:center}.contact-top>span{font-size:48px;font-weight:400;line-height:1}.contact h2{font-size:clamp(46px,8.2vw,109px);letter-spacing:-5px;font-weight:400;line-height:1.03;margin-top:20px}.contact h2 em{font-family:var(--serif)}.contact-bottom{display:flex;justify-content:space-between;gap:30px;align-items:flex-end;margin-top:42px}.contact-bottom p{max-width:320px;font-size:12px;line-height:1.7;color:#d9dfff}.contact-button{background:var(--paper);color:var(--ink);font-size:13px;padding:19px 25px;min-width:245px;text-align:center;border-radius:32px;transition:background .2s}.contact-button:hover{background:#dce9cb}.contact-button:focus-visible{outline-color:white}footer{display:flex;justify-content:space-between;align-items:center;padding:30px 0}footer strong{font-size:10px}footer p{font-size:9px;color:#73766b;margin-top:8px}footer a{font-size:10px}.noscript-note{padding:20px;font-size:12px;text-align:center}
@media(min-width:1440px){.hero-name{font-size:160px;letter-spacing:-11px}.hero-star{font-size:110px;right:0}.site-header{padding-left:max(52px,calc((100vw - 1280px)/2));padding-right:max(52px,calc((100vw - 1280px)/2))}}
@media(max-width:1100px){.container{width:calc(100% - 72px)}.site-header{padding-left:36px;padding-right:36px}.hero-name{font-size:11vw}.hero-star{font-size:7vw}.case-copy{padding:34px 28px}.social-art{padding:24px}.case-stats,.paid-stats{padding-left:28px;padding-right:28px}.scope-note{margin-left:28px;margin-right:28px}.case-details{margin:0 28px}.case-stats strong{font-size:27px}.video-intro{gap:30px}.video-grid{gap:12px}.about{gap:45px}.case-intro{font-size:12px}.hero-copy{font-size:14px;max-width:330px}.section-intro{max-width:210px}}
@media(max-width:760px){html{scroll-padding-top:85px}.container{width:calc(100% - 40px)}.site-header{padding:14px 20px;min-height:73px}.brand{font-size:31px}.brand-star{font-size:25px}nav{display:none}.header-end{gap:17px}.contact-nav{font-size:10px;padding:10px 13px;gap:12px}.review-ribbon{font-size:8px;text-align:center;letter-spacing:0}.hero{padding-top:30px}.hero-topline .eyebrow{font-size:8px;letter-spacing:.7px}.edition{font-size:8px}.hero-name{font-size:clamp(53px,11.2vw,86px);letter-spacing:-.075em;line-height:1.1;margin:28px 0 15px}.hero-star{font-size:8vw;right:0;top:-8px}.hero-bottom{grid-template-columns:1fr;gap:30px;padding:18px 0 32px}.hero-line{font-size:34px;letter-spacing:-1.2px}.round-link{margin-top:24px}.hero-copy{max-width:100%;font-size:13px;justify-self:start;display:grid;grid-template-columns:1fr 130px;gap:25px}.hero-origin{margin:0;align-self:start;font-size:8px}.metrics{padding-top:25px}.metric:not(:first-child){padding-left:18px}.metric{padding-right:12px}.metric strong{font-size:35px;letter-spacing:-1.8px;margin-top:16px}.metric-no{font-size:7px;letter-spacing:.2px}.metric>span:not(.metric-no):not(.metric-arrow){font-size:9px;line-height:1.4}.metric-arrow{display:none}.metrics-note{font-size:9px;margin-top:19px}.work{padding-top:55px;padding-bottom:55px}.section-head{display:block;margin-bottom:28px}.section-title{font-size:38px;letter-spacing:-1.8px}.section-intro{font-size:12px;max-width:300px;margin-top:20px}.work-filters{gap:6px;flex-wrap:wrap;margin:25px 0}.work-filters button{font-size:10px;padding:9px 13px}.case{margin-top:22px;scroll-margin-top:90px}.case-top{grid-template-columns:1fr;min-height:auto}.case-copy{padding:28px 24px}.case-title{font-size:36px;letter-spacing:-1.3px;margin-top:18px}.case-intro{font-size:12px;max-width:100%;margin-top:17px}.social-art{margin:0 14px;padding:24px}.chart-growth{margin-top:25px}.bar-chart{height:143px;margin-left:30px;margin-right:30px}.chart-foot{gap:20px}.chart-foot>span{max-width:200px}.case-stats{padding:26px 24px 0;gap:15px}.case-stats strong{font-size:22px;letter-spacing:-.8px}.case-stats span{font-size:9px}.scope-note{margin:20px 24px 24px;font-size:9px}.case-details{margin:0 24px}summary{font-size:11px;padding:21px 0}.detail-body{grid-template-columns:1fr;gap:15px;padding-bottom:26px}.detail-body p{font-size:11px}.review-note{font-size:9px!important}.youtube-case{padding:28px 14px 0}.video-intro{grid-template-columns:1fr;padding:0 10px;gap:24px}.video-intro .case-title{font-size:34px}.video-total{text-align:left;padding:0;display:grid;grid-template-columns:1fr 1.1fr;column-gap:15px;align-items:center}.video-total>strong{font-size:57px;letter-spacing:-3px}.video-total>span{grid-column:1;font-size:10px;margin-top:4px}.video-total>p{grid-column:2;grid-row:1/3;margin:0;font-size:9px;max-width:200px}.video-grid{grid-template-columns:1fr 1fr;gap:23px 12px;margin:25px 0}.video-channel{font-size:8px;margin:12px 0 5px}.video-card h4{font-size:12px}.watch{font-size:8px}.youtube-case .case-details{margin:0 10px}.paid-art{margin:0 14px;min-height:295px}.paid-stats{padding:26px 24px 0;gap:40px}.paid-stats strong{font-size:26px}.paid-stats span{font-size:9px}.roas strong{font-size:78px}.roas>span{font-size:10px}.approach{padding:49px 0}.approach .section-head{position:relative}.approach .section-title{font-size:34px;max-width:90%}.process-star{position:absolute;right:0;top:-15px;font-size:58px}.process-grid{grid-template-columns:1fr 1fr;gap:28px 25px;margin-top:35px}.step-no{padding-bottom:16px}.process-step h3{font-size:17px;margin:17px 0 9px}.process-step p{font-size:11px}.about{padding-top:56px;padding-bottom:48px;grid-template-columns:1fr;gap:35px}.about .section-title{font-size:37px}.about-main>p:not(.eyebrow){font-size:12px}.experience{padding-top:15px}.experience-row:first-child{padding-top:19px;border-top:1px solid var(--line)}.experience-row h3{font-size:15px}.tools{padding-top:25px}.tools>p:last-child{font-size:15px;line-height:2}.tools>p>span{margin:0 6px;font-size:12px}.contact{padding:35px 0}.contact h2{font-size:57px;letter-spacing:-2.6px;margin-top:27px}.contact-top>span{font-size:37px}.contact-bottom{display:block;margin-top:27px}.contact-bottom p{font-size:11px;max-width:280px}.contact-button{display:inline-block;font-size:12px;margin-top:26px;min-width:230px;padding:17px 23px}footer{padding-top:25px;padding-bottom:25px;gap:15px}footer strong{font-size:9px}footer p{font-size:8px}footer a{font-size:9px;white-space:nowrap}}
@media(max-width:390px){.container{width:calc(100% - 32px)}.site-header{padding-left:16px;padding-right:16px}.hero-copy{grid-template-columns:1fr}.hero-origin{display:flex}.hero-line{font-size:30px}.metric strong{font-size:30px}.metric:not(:first-child){padding-left:12px}.case-copy{padding:25px 20px}.case-title{font-size:32px}.case-stats{padding-left:20px;padding-right:20px;gap:8px}.case-stats strong{font-size:19px}.paid-stats{gap:25px}.paid-stats strong{font-size:23px}.contact h2{font-size:50px}.video-total>strong{font-size:50px}.video-total>p{font-size:8px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
.icon-arrow{width:1.1em;height:1.1em;display:inline-block;vertical-align:-.15em}.icon-star{width:1em;height:1em;display:inline-block;vertical-align:-.15em;fill:none;stroke:currentColor;stroke-width:6;stroke-linecap:round}.hero-star .icon-star{stroke-width:7}.tools>p>span .icon-star{width:12px;height:12px}.review-ribbon .icon-arrow{width:11px;height:11px}
.play{font-size:0}.play:before{content:'';display:block;width:0;height:0;border-left:12px solid currentColor;border-top:7px solid transparent;border-bottom:7px solid transparent}
@media(max-width:760px){.hero-name{font-size:18vw;line-height:.94;letter-spacing:-.07em;margin:31px 0 22px}.hero-name>span:not(.hero-star){display:block;font-size:.86em;margin-top:8px}.hero-star{font-size:17vw;right:7px;top:0}}
@media(max-width:390px){.edition{display:none}}
.metrics{grid-template-columns:repeat(3,minmax(0,1fr))}.metric,.case-copy,.social-art,.video-intro>div{min-width:0}.case-top{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
@media(max-width:760px){.case-top{grid-template-columns:minmax(0,1fr)}.bar-chart{margin-left:0;margin-right:0}.chart-growth{flex-wrap:wrap}.chart-growth>span{max-width:130px}}
@media(max-width:390px){.metric strong{font-size:27px;letter-spacing:-1.5px}.metric:not(:first-child){padding-left:9px}.metric{padding-right:5px}.case-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 15px}.case-stats>div:last-child{grid-column:1/-1}.chart-growth{flex-direction:column;align-items:flex-start;gap:7px}.chart-growth strong{font-size:50px}.chart-foot{gap:15px}.chart-foot strong{font-size:30px}.chart-foot>span{font-size:9px}.chart-top{font-size:8px;gap:15px}.paid-stats{flex-wrap:wrap}.contact h2{font-size:14vw;letter-spacing:-2px}}
/* Motion and interactive showcase. All content remains usable without motion. */
.reading-progress{position:fixed;z-index:40;left:0;top:0;height:3px;width:100%;background:var(--blue);transform-origin:left;transform:scaleX(0);pointer-events:none}
.kinetic-strip{background:var(--blue);color:var(--paper);overflow:hidden;margin-top:52px;padding:23px 0;transform:rotate(-1.5deg);width:100%;contain:paint}
.kinetic-track{display:flex;width:max-content;gap:0;will-change:transform}.kinetic-track.is-ready{animation:marqueeMove var(--marquee-duration,25s) linear infinite}.kinetic-unit{display:flex;align-items:center;gap:40px;padding-right:40px;flex-shrink:0;font-size:clamp(28px,3.8vw,51px);font-weight:700;letter-spacing:-1.8px;white-space:nowrap}.kinetic-star{font-size:39px;line-height:1;display:inline-flex;align-items:center}.kinetic-star .icon-star{stroke-width:5}.outline-type{color:transparent;-webkit-text-stroke:1px var(--paper)}@keyframes marqueeMove{from{transform:translateX(0)}to{transform:translateX(calc(-1 * var(--marquee-distance,0px)))}}
.hero-star{transform:rotate(var(--star-turn,-8deg));transition:transform .15s linear}.hero-name{animation:titleEnter 1s cubic-bezier(.16,1,.3,1) both;transform-origin:left bottom}.hero-bottom{animation:copyEnter 1.1s .14s both}.hero-topline{animation:copyEnter .7s both}.hero-star .icon-star{animation:starEnter 1.4s cubic-bezier(.16,1,.3,1) both}
@keyframes titleEnter{from{opacity:0;transform:translateY(45px);filter:blur(10px)}to{opacity:1;transform:translateY(0);filter:blur(0)}}@keyframes copyEnter{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes starEnter{from{transform:rotate(-110deg) scale(.5)}to{transform:rotate(0) scale(1)}}
.reveal-pending{opacity:0;transform:translateY(35px);transition:opacity .75s ease,transform .85s cubic-bezier(.16,1,.3,1)}.is-revealed{opacity:1;transform:translateY(0)}.case{transition:box-shadow .35s,transform .5s,opacity .5s}.case:hover{box-shadow:0 15px 45px rgba(32,33,31,.06)}.case.filter-in{animation:caseIn .45s cubic-bezier(.16,1,.3,1)}@keyframes caseIn{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}
.bar{transform-origin:bottom;animation:none}.social-art.chart-active .bar{animation:barGrow .95s cubic-bezier(.16,1,.3,1) both}.social-art.chart-active .oct-bar{animation-delay:.15s}@keyframes barGrow{from{transform:scaleY(0)}to{transform:scaleY(1)}}
.video-card .video-poster{transition:transform .45s cubic-bezier(.16,1,.3,1)}.video-card:hover .video-poster{transform:translateY(-7px)}.video-card:nth-child(even){padding-top:28px}.video-card .play{transition:transform .25s,background .25s,color .25s}.video-card:hover .play{transform:scale(1.12)}.video-card:focus-visible{outline-color:var(--mint)}
.paid-art .orbit-rings{transform:rotate(calc(-28deg + var(--orbit-turn,0deg)));transition:transform .25s ease-out}.process-step{transition:color .3s}.process-step:hover .step-no{color:var(--blue);border-color:var(--blue)}.process-step:hover h3{color:var(--blue)}.process-star{transition:transform .7s}.approach:hover .process-star{transform:rotate(60deg)}.contact-button{transform:translate(var(--magnet-x,0),var(--magnet-y,0));transition:transform .25s ease-out,background .2s}
.motion-toggle{position:fixed;bottom:18px;right:18px;z-index:30;border:1px solid #bfc1b6;background:rgba(239,236,228,.95);color:var(--ink);width:35px;height:35px;border-radius:50%;display:flex;align-items:center;justify-content:center;backdrop-filter:blur(8px);box-shadow:0 2px 15px #0001}.motion-icon{display:block;width:9px;height:11px;border-left:2px solid currentColor;border-right:2px solid currentColor}.motion-toggle[aria-pressed=false] .motion-icon{width:0;height:0;border-left:9px solid currentColor;border-top:6px solid transparent;border-bottom:6px solid transparent;border-right:0;margin-left:2px}
body.motion-paused .kinetic-track.is-ready{animation-play-state:paused}body.motion-paused .hero-name,body.motion-paused .hero-bottom,body.motion-paused .hero-topline,body.motion-paused .hero-star .icon-star,body.motion-paused .bar,body.motion-paused .case.filter-in{animation:none!important}body.motion-paused .reveal-pending{opacity:1;transform:none;transition:none}body.motion-paused .hero-star,body.motion-paused .orbit-rings{transition:none}body.motion-paused .video-card:hover .video-poster,body.motion-paused .contact-button{transform:none}body.motion-paused .hero-star{transform:rotate(-8deg)}body.motion-paused .process-star{transform:none}
#video-dialog{padding:0;border:0;background:#20211f;color:var(--paper);width:min(910px,calc(100vw - 44px));max-height:calc(100dvh - 45px);overflow:auto;box-shadow:0 20px 90px #0008}#video-dialog::backdrop{background:rgba(15,17,12,.82);backdrop-filter:blur(10px)}.dialog-top{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #4b4d42}.dialog-close{border:1px solid #6d7161;color:var(--paper);background:none;border-radius:50%;font-size:25px;width:35px;height:35px;line-height:1;padding-bottom:3px}.dialog-close:hover{background:var(--paper);color:var(--ink)}.dialog-layout{display:grid;grid-template-columns:minmax(250px,1fr) minmax(240px,1fr);gap:33px;padding:25px}.dialog-layout iframe{border:0;width:100%;height:100%;display:block;background:#000}.dialog-layout #player-frame{aspect-ratio:9/16;max-height:67dvh;justify-self:center;width:auto;min-width:240px}.player-info{align-self:center;padding-right:15px}.player-channel{font-size:11px;color:#b9c599;letter-spacing:.5px}.player-info h2{font-size:33px;font-weight:400;line-height:1.1;letter-spacing:-1px;margin:17px 0 24px}.player-info>p:not(.player-channel){font-size:12px;line-height:1.75;color:#c5c9ba}.player-info p.player-fallback{font-size:10px;margin-top:29px;color:#929a84}.player-info a{display:inline-block;font-size:11px;border-bottom:1px solid #b9c599;padding:10px 0;color:var(--mint);line-height:1.5}.dialog-close:focus-visible,#video-dialog a:focus-visible{outline-color:var(--mint)}
@media(max-width:760px){.kinetic-strip{margin-top:34px;padding:18px 0}.kinetic-unit{font-size:31px;gap:23px;padding-right:23px;letter-spacing:-1.2px}.kinetic-star{font-size:28px}.video-card:nth-child(even){padding-top:18px}.motion-toggle{right:13px;bottom:13px;width:32px;height:32px}.dialog-layout{grid-template-columns:1fr;padding:16px;gap:24px}.dialog-layout #player-frame{height:52dvh;max-height:none;min-width:0;width:auto}.player-info{padding:0 5px}.player-info h2{font-size:24px;margin:9px 0 15px}.player-info>p:not(.player-channel){font-size:11px}.player-info p.player-fallback{margin-top:15px}.dialog-top{padding:15px 18px}.dialog-top .eyebrow{font-size:8px}}
@media(prefers-reduced-motion:reduce){.kinetic-track,.hero-name,.hero-bottom,.hero-topline,.hero-star .icon-star,.social-art.chart-active .bar,.case.filter-in{animation:none!important}.reveal-pending{opacity:1;transform:none}.hero-star{transform:rotate(-8deg)}.video-card:hover .video-poster,.approach:hover .process-star,.contact-button{transform:none!important}}
.kinetic-strip{transform:none}
body{overflow-x:clip}
/* Expanded toolkit: grouped for quick scanning, without changing proficiency claims. */
.tool-groups{margin-top:22px}.tool-group{display:grid;grid-template-columns:180px minmax(0,1fr);gap:25px;padding:22px 0;border-top:1px solid var(--line)}.tool-group:first-child{border-top:0;padding-top:4px}.tool-group:last-child{padding-bottom:0}.tool-group h3{font-size:10px;line-height:1.6;font-weight:500;color:var(--muted);letter-spacing:.6px;text-transform:uppercase;padding-top:5px}.tool-list{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:13px 0;align-items:center}.tool-list li{font-size:17px;line-height:1.4;letter-spacing:-.45px;display:flex;align-items:center;transition:color .2s}.tool-list li:not(:last-child):after{content:'+';font-size:15px;font-weight:400;color:var(--blue);margin:0 16px}.tool-list li:hover{color:var(--blue)}
@media(max-width:760px){.tool-groups{margin-top:22px}.tool-group{grid-template-columns:1fr;gap:13px;padding:21px 0}.tool-group h3{font-size:9px;padding-top:0}.tool-list{gap:11px 0}.tool-list li{font-size:15px;letter-spacing:-.3px}.tool-list li:not(:last-child):after{margin:0 11px;font-size:13px}}
@media(prefers-reduced-motion:reduce){.tool-list li{transition:none}}

/* Keep the requested language list readable at every screen size. */
.origin-dot{flex-shrink:0}.hero-origin>span:last-child{min-width:0}@media(max-width:760px){.hero-copy{grid-template-columns:1fr;gap:20px}.hero-origin{display:flex;font-size:9px;line-height:1.7;max-width:100%}}

/* Unslop polish: preserve Axl's editorial identity; quiet supporting UI. */
.hero-origin{font-size:12px;text-transform:none;letter-spacing:0;line-height:1.7}
.eyebrow,.tool-group h3,.exp-date{letter-spacing:.2px}
.case-intro,.about-main>p:not(.eyebrow){font-size:15px;line-height:1.75}
.scope-note,.snapshot-note,.language-note p{font-size:12px;line-height:1.65}
.detail-body p{font-size:14px;line-height:1.75}
.tool-group h3{text-transform:none;font-size:13px}
.tool-list li{letter-spacing:0}
.metric strong,.case-stats strong,.paid-stats strong,.snapshot strong,.snapshot dd,.bar-value{font-variant-numeric:tabular-nums}
.case-copy{padding:40px}.case-stats,.paid-stats{padding-left:40px;padding-right:40px}
.case-details{margin-left:40px;margin-right:40px}
.case:hover{box-shadow:none}
.hero-name,.hero-bottom,.hero-topline,.hero-star .icon-star{animation-duration:.55s}
.hero-star{transition:none;transform:rotate(-8deg)}
.contact-button{transform:none;transition:background .2s}
.video-card:hover .video-poster{transform:translateY(-3px)}
.approach:hover .process-star{transform:none}
.campaign-snapshots{margin:36px 40px 32px;padding-top:28px;border-top:1px solid var(--line)}
.snapshot-heading{font-size:22px;font-weight:500;line-height:1.35;margin:0 0 24px}
.snapshot-grid{display:grid;grid-template-columns:1.15fr 1fr;gap:40px}
.snapshot+ .snapshot{border-left:1px solid var(--line);padding-left:40px}
.snapshot header h5{font-size:18px;font-weight:500;margin:0 0 8px}
.snapshot header p,.snapshot-context{font-size:12px;line-height:1.65;color:var(--muted)}
.snapshot-lead{margin:24px 0;display:flex;flex-direction:column;gap:8px}
.snapshot-lead strong{font-size:44px;font-weight:500;letter-spacing:-1.5px;line-height:1}
.snapshot-lead>span{font-size:13px;color:var(--muted)}
.snapshot dl{margin:0}.snapshot dl>div{display:flex;justify-content:space-between;gap:16px;padding:12px 0;border-top:1px solid var(--line);font-size:13px;line-height:1.5}
.snapshot dt{max-width:72%;color:var(--muted)}.snapshot dd{margin:0;white-space:nowrap;font-weight:500}
.snapshot-context{margin-top:16px}.snapshot-note{margin-top:24px;color:var(--muted);max-width:78ch}
.work-filters button,.lang-switch button,.motion-toggle{min-height:40px;min-width:40px}
@media(max-width:760px){.case-copy{padding:28px 24px}.case-stats,.paid-stats{padding-left:24px;padding-right:24px}.case-details{margin-left:24px;margin-right:24px}.case-intro,.about-main>p:not(.eyebrow){font-size:14px}.hero-origin{font-size:12px}.campaign-snapshots{margin:28px 24px}.snapshot-grid{grid-template-columns:1fr;gap:28px}.snapshot+ .snapshot{border-left:0;border-top:1px solid var(--line);padding:28px 0 0}.snapshot-heading{font-size:21px}.snapshot-lead strong{font-size:40px}.scope-note{font-size:12px}.detail-body p{font-size:13px}.motion-toggle{width:40px;height:40px}.snapshot-lead{margin:20px 0}}