:root{--sc-canvas:#f7f8fa;--sc-surface:#fff;--sc-ink:#20242b;--sc-ink-soft:#606977;--sc-accent:#294fcd;--sc-accent-ink:#fff;--sc-font-display:-apple-system,BlinkMacSystemFont,"Helvetica Neue",Arial,sans-serif;--sc-font-text:var(--sc-font-display);--sc-gutter:clamp(22px,5vw,80px);--sc-maxw:1280px;--sc-section:clamp(72px,9vw,136px);--sc-e1:0 2px 8px rgb(36 48 69 / .05);--sc-e2:0 12px 32px rgb(36 48 69 / .08);--sc-e3:0 24px 60px rgb(36 48 69 / .15);--sc-edge:inset 0 1px 0 #fff;--ease:cubic-bezier(.22,1,.36,1)}
html{scroll-padding-top:100px}body{font-size:16px}button,a{-webkit-tap-highlight-color:transparent}a{text-decoration:none}button{font:inherit}button,a{touch-action:manipulation}button:disabled{opacity:.45;cursor:not-allowed}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--sc-accent);outline-offset:6px;border-radius:4px}p,h1,h2,h3,figure{margin:0}h1,h2,h3{font-weight:600}h1,h2{letter-spacing:-.055em;text-wrap:balance;line-height:1.04}p{line-height:1.65;text-wrap:pretty}h2{font-size:clamp(40px,5vw,72px)}h2 span{color:var(--sc-ink-soft)}.wrap{max-width:1280px;margin-inline:auto;padding-inline:var(--sc-gutter)}.skip{position:fixed;left:16px;top:-80px;z-index:200;background:#fff;padding:12px 20px}.skip:focus{top:12px}.site-header{height:76px;position:sticky;top:0;z-index:70;background:rgb(247 248 250 / .88);backdrop-filter:blur(20px);border-bottom:1px solid rgb(30 42 67 / .05)}.header-inner{max-width:1392px;padding-inline:var(--sc-gutter);height:100%;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{font-size:26px;letter-spacing:-1.6px;font-weight:650;line-height:1;display:flex;align-items:baseline}.brand-name{font-size:15px;letter-spacing:-.5px;font-weight:500;margin-left:7px}.brand-dot{color:var(--sc-accent)}.navigation{display:flex;gap:30px;font-size:14px;color:#535c68}.navigation a:hover,.contact-links a:hover,.footer a:hover{color:var(--sc-accent)}.nav-cta{display:flex;align-items:center;gap:24px;font-size:14px;font-weight:550}.nav-cta span{font-size:20px}.button{display:inline-flex;align-items:center;justify-content:center;gap:30px;min-height:50px;padding:0 26px;border-radius:999px;color:#fff;background:#252930;font-weight:550;font-size:15px;white-space:nowrap;transition:background 160ms,transform 160ms;cursor:pointer;border:0}.button span{font-size:21px;font-weight:400}.button:hover{background:#3d4654}.button:active,.nav-cta:active{transform:scale(.97)}.inline-link{font-size:15px;display:inline-flex;align-items:center;gap:12px;min-height:48px;color:#505b6b}.inline-link:hover{color:var(--sc-accent)}.eyebrow{font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:#5d6776;font-weight:550}.hero{min-height:790px;height:calc(100svh - 76px);position:relative;isolation:isolate;overflow:clip;background:radial-gradient(ellipse at 50% 72%,#e9edf3 0,transparent 66%)}.hero-copy{text-align:center;position:relative;z-index:3;padding:38px 20px 0}.hero h1{font-size:clamp(52px,6.15vw,94px);margin-top:18px;line-height:1.035;font-weight:600}.hero h1 span{color:#626d7e}.hero-lead{color:#596373;font-size:17px;line-height:1.5;margin:22px auto 0}.hero-actions{display:flex;justify-content:center;gap:30px;margin-top:24px}.hero-visual{position:absolute;width:min(1120px,110vw);aspect-ratio:1080/608;top:295px;left:50%;transform:translateX(-50%);z-index:1;will-change:transform;pointer-events:none}.hero-visual img,.hero-visual canvas{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}.carousel-canvas{opacity:0;transition:opacity 180ms}.hero-visual.is-ready .carousel-canvas{opacity:1}.hero-visual.is-ready .carousel-poster{opacity:0}.client-strip{padding-block:38px 56px;border-bottom:1px solid #dde1e7;text-align:center}.client-strip p{font-size:14px;color:#66717d}.client-names{display:flex;gap:clamp(20px,5vw,78px);flex-wrap:wrap;align-items:center;justify-content:center;margin-top:25px}.client-names span{font-size:clamp(18px,2vw,25px);font-weight:550;letter-spacing:-.7px;color:#566171}.contact{text-align:center;padding-block:124px 84px}.contact h2{font-size:clamp(39px,5.2vw,76px);margin-top:24px}.contact>p:not(.eyebrow){color:#626b78;margin:28px auto;font-size:17px}.contact-links{display:flex;gap:25px;justify-content:center;margin-top:26px;font-size:14px;color:#596373}.footer{display:flex;gap:28px;justify-content:space-between;border-top:1px solid #dde1e7;padding-block:26px;font-size:13px;color:#68717c}
.work-section{padding-block:110px 120px}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:35px}.section-heading h2{font-size:clamp(40px,4.5vw,64px)}.section-heading>p{max-width:320px;color:var(--sc-ink-soft);font-size:15px;padding-bottom:4px}.work-showcase{display:grid;grid-template-columns:.9fr 1.1fr;align-items:center;gap:clamp(48px,7vw,100px);margin-top:64px}.work-art{min-height:625px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#edf0f4;border-radius:6px;padding:38px 30px 24px;overflow:hidden}.work-image-link{display:block;position:relative;width:232px;border-radius:24px;overflow:hidden;background:#25282d;box-shadow:0 28px 44px -18px #26334966;transform:rotate(-4deg);transition:transform 350ms var(--ease)}.work-image-link:hover{transform:rotate(0) translateY(-4px)}.work-image-link:active{transform:rotate(0) scale(.985)}.work-image-link img{width:100%;height:auto;display:block}.work-watch{position:absolute;bottom:0;left:0;right:0;padding:28px 18px 16px;color:white;background:linear-gradient(transparent,#000b);display:flex;justify-content:space-between;font-size:12px}.art-caption{font-size:11px;color:#697482;margin-top:32px;letter-spacing:.025em}.work-tabs{display:flex;gap:20px;border-bottom:1px solid #dce1e8}.work-tab{border:0;border-bottom:2px solid transparent;margin-bottom:-1px;padding:12px 0 16px;background:none;color:#66717e;white-space:nowrap;font-size:13px;cursor:pointer;transition:color 150ms,border-color 150ms}.work-tab.is-active{color:#26384f;border-color:#344f90}.work-tab:hover{color:var(--sc-ink)}.case-panel{padding-top:28px;min-height:339px}.case-platform{color:#5e6979;font-size:12px}.case-result{display:flex;gap:15px;align-items:center;margin:15px 0 18px}.case-result strong{font-size:clamp(74px,7.4vw,106px);font-weight:550;letter-spacing:-.065em;line-height:1}.case-result>span{font-size:15px;line-height:1.4;color:#657080}.case-panel h3{font-size:22px;line-height:1.22;letter-spacing:-.035em;max-width:340px}.case-panel>p:not(.case-platform){font-size:14px;color:#637082;margin-top:14px;max-width:420px;min-height:70px}.case-panel .inline-link{font-size:13px;margin-top:4px}.results-chart{border-top:1px solid #dce1e8;margin-top:21px;padding-top:19px}.chart-top{display:flex;justify-content:space-between;font-size:10px;color:#67727f;margin-bottom:19px}.chart-row{display:grid;grid-template-columns:80px 1fr 52px;gap:15px;align-items:center;margin-top:14px;font-size:11px;color:#6b7684}.chart-row b{text-align:right;font-weight:500;font-variant-numeric:tabular-nums;white-space:nowrap}.chart-track{height:6px;background:#e5e9ef;border-radius:4px;overflow:hidden}.chart-track i{display:block;background:#b5bfce;width:var(--bar);height:100%;border-radius:4px;transform-origin:left;transition:background 180ms,transform 900ms var(--ease)}.chart-row.is-selected{color:#294677}.chart-row.is-selected i{background:#5979b5}.js .results-chart:not(.is-visible) i{transform:scaleX(0)}.data-note{font-size:10px;line-height:1.55;color:#6c7683;margin-top:19px;max-width:410px}.nojs-links{padding-top:24px;font-size:14px}
.workshop{background:#e9edf3;position:relative}.workshop-stage{overflow:clip;display:flex;align-items:center;min-height:780px}.workshop-inner{width:100%;display:grid;grid-template-columns:.9fr 1.1fr;gap:30px;align-items:center;padding-block:70px}.process-copy{position:relative;z-index:5}.process-label{font-size:12px;color:#647185;margin-bottom:23px}.process-copy h2{font-size:clamp(44px,4.7vw,68px)}.process-intro{max-width:365px;color:#637082;font-size:15px;margin-top:25px}.phase-tabs{display:flex;gap:24px;margin-top:38px;border-bottom:1px solid #cfd6e0;max-width:350px}.phase-tabs button{border:0;border-bottom:2px solid transparent;background:none;cursor:pointer;color:#677488;font-size:13px;padding:0 0 14px;margin-bottom:-1px;transition:color 160ms,border-color 160ms}.phase-tabs button.is-active{border-color:#2b4265;color:#293b56}.phase-panels{max-width:355px;margin-top:23px;min-height:120px}.phase-panel h3{font-size:19px;letter-spacing:-.03em;line-height:1.25}.phase-panel p{font-size:14px;color:#637082;margin-top:12px}.phase-panel[hidden]{display:none}.process-art{height:550px;position:relative}.composition{position:relative;width:100%;height:500px;perspective:1100px;isolation:isolate}.reel-plane{position:absolute;left:50%;top:35px;width:203px;margin-left:-101px;border-radius:21px;overflow:hidden;box-shadow:0 22px 45px -13px #24375255;z-index:2;transform:rotateY(-13deg) rotateZ(3deg);will-change:transform}.reel-plane img{width:100%;height:auto;display:block}.idea-plane{position:absolute;z-index:3;left:0;top:55px;width:235px;padding:23px 24px 20px;background:#fffefb;border:1px solid #fff;border-radius:5px;box-shadow:0 15px 35px -15px #33446155;transform:translateY(15px) rotateY(-11deg) rotateZ(-4deg);will-change:transform,opacity}.idea-plane>span{font-size:10px;color:#697484}.idea-plane strong{display:block;font-weight:500;font-size:23px;letter-spacing:-.045em;line-height:1.18;margin-top:12px}.idea-plane i{display:block;width:35px;height:2px;background:#7893bd;margin-top:18px}.edit-plane{position:absolute;z-index:4;right:-24px;top:325px;width:350px;padding:20px;background:#fafcff;border:1px solid #fff;border-radius:6px;box-shadow:0 16px 40px -15px #33446155;transform:rotateY(-11deg) rotateZ(3deg);will-change:transform,opacity}.edit-heading{display:flex;align-items:center;justify-content:space-between;font-size:10px;color:#5d6d81;margin-bottom:20px}.edit-heading span+span{font-size:9px;color:#738093}.edit-track{display:flex;gap:4px}.edit-track span{background:#dae2ee;border:1px solid #bfcede;border-radius:3px;min-height:43px;padding:13px 9px;font-size:7px;letter-spacing:.035em;color:#46627f}.edit-track span:nth-child(2){flex:1;background:#c7d6eb}.edit-text-track{margin-top:6px;min-height:30px;padding:8px 12px;background:#eae6f3;border:1px solid #d8cfe8;border-radius:3px;color:#6d597f;font-size:9px}.process-caption{position:absolute;bottom:0;width:100%;text-align:center;font-size:10px;color:#6c7a8d}.process-orbit{display:none}
.testimonials{padding-block:115px 125px}.testimonials-title h2{font-size:clamp(38px,4.3vw,62px)}.testimonials-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(55px,8vw,120px);margin-top:66px;align-items:center}.video-review video{display:block;width:100%;aspect-ratio:3/4;object-fit:cover;border-radius:6px;background:#d6dae1;max-height:540px}.video-review figcaption{display:flex;justify-content:space-between;align-items:center;gap:15px;font-size:12px;margin-top:20px}.video-review figcaption strong,.main-quote figcaption strong,.short-quote figcaption strong{font-weight:550}.video-review figcaption span{color:#727c89;font-size:10px}.quote-sign{font-size:76px;line-height:.6;color:#92a1b8;font-family:Georgia,serif}.main-quote blockquote{margin:20px 0 30px;font-size:clamp(23px,2.5vw,35px);line-height:1.3;letter-spacing:-.04em;font-weight:500}.main-quote figcaption,.short-quote figcaption{display:flex;flex-direction:column;gap:5px;font-size:13px}.main-quote figcaption span,.short-quote figcaption span{color:#6c7787;font-size:11px}.main-quote .inline-link{font-size:12px;margin-top:8px}.short-quote{margin-top:30px;padding-top:31px;border-top:1px solid #dce1e7}.short-quote blockquote{margin:0 0 19px;font-size:17px;line-height:1.45;letter-spacing:-.02em;max-width:360px}.short-quote>a{font-size:11px;color:#596a80;display:inline-flex;align-items:center;min-height:40px;margin-top:5px}
.about{background:#e6e9ee;overflow:clip}.about-inner{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:80px}.about-copy{padding-block:60px}.about-copy h2{margin-top:26px;font-size:clamp(45px,4.7vw,68px)}.about-copy>p:not(.eyebrow){color:#5e6a7b;font-size:16px;max-width:390px;margin-top:26px}.about-copy>p+p:not(.eyebrow){margin-top:17px}.about-copy .inline-link{margin-top:15px;font-size:13px}.about-photo{position:relative;height:725px;align-self:stretch;overflow:hidden}.about-photo img{width:100%;height:110%;max-height:none;object-fit:cover;object-position:center top;transform:translateY(-3%);will-change:transform}.about-photo figcaption{position:absolute;bottom:25px;left:25px;right:25px;text-align:center;font-size:11px;color:#364051;letter-spacing:.01em;background:#f7f8fae6;backdrop-filter:blur(12px);border-radius:999px;padding:12px 18px;max-width:300px;margin:auto}
.services{padding-block:120px 0;display:grid;grid-template-columns:.95fr 1.05fr;column-gap:70px}.services-intro h2{font-size:clamp(38px,4vw,56px)}.services-intro p{color:#667386;font-size:14px;margin-top:25px}.service-list{border-top:1px solid #d3dbe5}.service{border-bottom:1px solid #d3dbe5}.service summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:25px 0;cursor:pointer}.service summary::-webkit-details-marker{display:none}.service summary>span{font-size:23px;line-height:1.25;letter-spacing:-.04em}.service summary small{display:block;font-size:11px;letter-spacing:0;color:#6c7887;margin-bottom:7px}.service summary i{font-size:24px;font-style:normal;font-weight:350;color:#6b7890;transition:transform 180ms;line-height:1;padding:8px}.service[open] summary i{transform:rotate(45deg)}.service-body{padding-bottom:29px}.service-body p{color:#657184;font-size:14px;max-width:420px}.service-scope{display:flex;flex-wrap:wrap;gap:7px 18px;margin-top:18px;font-size:10px;color:#5c6c83}.service-scope span::before{content:'·';margin-right:7px}.service-note{grid-column:2;font-size:11px;color:#718092;margin-top:23px}.contact{margin-top:55px}
@media(min-width:1001px) and (min-height:690px) and (prefers-reduced-motion:no-preference){.js .workshop{height:235svh}.js .workshop-stage{position:sticky;top:76px;min-height:0;height:calc(100svh - 76px)}.js .workshop-inner{padding-block:35px}}
@media(max-width:1100px){.work-showcase{gap:45px;grid-template-columns:.85fr 1.15fr}.work-tabs{gap:14px}.work-tab{font-size:12px}.work-art{min-height:590px;padding-inline:22px}.workshop-inner{gap:20px}.process-copy h2{font-size:50px}.process-art{height:510px}.composition{transform:scale(.88);transform-origin:center center}.edit-plane{right:-15px}.about-inner{gap:55px}.about-photo{height:670px}.services{column-gap:45px}.testimonials-layout{gap:60px}.video-review figcaption{align-items:flex-start;flex-direction:column;gap:5px}}
@media(min-width:1600px){.hero-copy{padding-top:55px}.hero-visual{top:310px;width:1240px}}
@media(max-width:760px){html{scroll-padding-top:84px}.site-header{height:68px}.brand{font-size:25px}.brand-name{font-size:12px}.navigation{display:none}.nav-cta{font-size:13px;gap:10px}.header-inner{gap:12px}.hero{height:calc(100svh - 68px);min-height:665px}.hero-copy{padding-top:34px}.hero h1{font-size:clamp(39px,7vw,55px);letter-spacing:-.05em;line-height:1.08;margin-top:16px}.hero-lead{font-size:15px;max-width:340px;margin-top:19px}.hero-actions{margin-top:22px;gap:20px}.button{font-size:14px;min-height:48px;padding-inline:22px;gap:20px}.inline-link{font-size:13px;gap:6px}.hero-visual{top:289px;width:740px}.client-strip{padding-block:28px 38px}.client-names{gap:17px 30px;max-width:350px;margin:23px auto 0}.client-names span{font-size:18px}.contact{padding-block:76px 64px}.contact>p:not(.eyebrow){font-size:16px}.contact-links{flex-direction:column;gap:8px}.footer{flex-wrap:wrap;font-size:12px;gap:15px}.footer span{flex-basis:100%}}
@media(max-width:380px){.brand-name{display:none}.hero h1{font-size:37px}.hero-lead{font-size:14px}.hero-actions{gap:15px}.hero-visual{width:670px;top:302px}.hero{min-height:635px}}
@media(max-width:760px){.work-section{padding-block:65px 70px}.section-heading{display:block}.section-heading h2{font-size:39px}.section-heading>p{margin-top:23px;font-size:14px}.work-showcase{grid-template-columns:1fr;gap:35px;margin-top:33px}.work-art{min-height:470px;padding-block:29px 21px}.work-image-link{width:180px;border-radius:19px}.art-caption{margin-top:27px;font-size:10px}.work-tabs{justify-content:space-between;gap:10px}.work-tab{font-size:12px}.case-panel{padding-top:24px;min-height:290px}.case-result strong{font-size:79px}.case-panel h3{font-size:23px}.case-panel>p:not(.case-platform){min-height:0;font-size:14px}.case-platform{font-size:11px}.results-chart{margin-top:24px}.data-note{font-size:10px}.workshop-stage{min-height:0}.workshop-inner{grid-template-columns:1fr;padding-block:60px 42px;gap:5px}.process-copy h2{font-size:44px}.process-label{margin-bottom:18px}.process-intro{margin-top:21px;font-size:14px}.phase-tabs{margin-top:28px;gap:27px;max-width:none}.phase-panels{min-height:133px;max-width:none}.process-art{height:400px;margin:10px -4px 0}.composition{height:390px;transform:scale(.74);transform-origin:center top;width:400px;left:50%;margin-left:-200px}.reel-plane{top:10px}.idea-plane{left:-12px;top:45px}.edit-plane{top:300px;right:-10px}.process-caption{font-size:9px;bottom:0}.testimonials{padding-block:65px 75px}.testimonials-title h2{font-size:36px}.testimonials-layout{grid-template-columns:1fr;gap:45px;margin-top:33px}.video-review{max-width:390px;width:100%;margin-inline:auto}.video-review video{max-height:470px;object-position:50% 35%;aspect-ratio:4/5}.video-review figcaption{flex-direction:row;font-size:11px;align-items:center}.video-review figcaption span{font-size:9px}.main-quote blockquote{font-size:27px;margin-bottom:24px}.quote-sign{font-size:62px}.short-quote{margin-top:25px;padding-top:26px}.about-inner{grid-template-columns:1fr;gap:0}.about-copy{padding-block:60px 37px}.about-copy h2{font-size:45px;margin-top:22px}.about-copy>p:not(.eyebrow){font-size:15px;max-width:430px}.about-photo{height:530px;margin-inline:calc(var(--sc-gutter) * -1)}.about-photo img{object-position:50% 18%;height:110%}.about-photo figcaption{bottom:23px;font-size:10px}.services{padding-block:70px 0;grid-template-columns:1fr}.services-intro h2{font-size:39px}.services-intro p{margin-top:22px;font-size:14px}.service-list{margin-top:32px}.service summary{padding-block:24px}.service summary>span{font-size:23px}.service-note{grid-column:auto;margin-top:20px}.contact{margin-top:30px}.contact h2{font-size:39px}.contact h2 br{display:none}.contact h2 span{display:block;margin-top:5px}}
@media(min-width:761px) and (max-width:1000px){.workshop-inner{grid-template-columns:1fr 1fr;padding-block:65px;gap:0}.process-copy h2{font-size:43px}.process-art{transform:scale(.85);transform-origin:center;min-width:380px;margin-left:-25px}.workshop-stage{min-height:740px}.phase-tabs{gap:16px}.about-inner{gap:35px}.about-photo{height:660px}.about-copy h2{font-size:44px}.about-copy>p:not(.eyebrow){font-size:14px}.services{column-gap:32px}.service summary>span{font-size:21px}}
@media(max-width:380px){.section-heading h2,.services-intro h2{font-size:35px}.testimonials-title h2{font-size:32px}.work-tab{font-size:11px}.process-art{height:378px}.composition{transform:scale(.68)}.phase-tabs{gap:25px}.contact h2{font-size:36px}.about-photo{height:480px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;scroll-behavior:auto!important}.hero-visual{will-change:auto}.carousel-canvas{display:none}.hero-visual.is-ready .carousel-poster{opacity:1}.button{transition:background 160ms}}
@media(prefers-reduced-motion:reduce){.workshop{height:auto!important}.workshop-stage{position:relative!important;height:auto!important}.reel-plane,.idea-plane,.edit-plane{will-change:auto}.about-photo img{will-change:auto}.work-image-link{transition:none}.chart-track i{transition:none}.phase-panels{min-height:0}.phase-panel{display:block!important;margin-bottom:23px}.phase-panel[hidden]{display:block!important}.phase-tabs{display:none}}
.no-js .work-tab,.no-js .phase-tabs{display:none}.no-js .phase-panel+.phase-panel{margin-top:22px}

/* Keep the personal name intact and preserve the full portrait on smaller screens. */
.brand{font-size:20px;letter-spacing:-.035em;font-weight:600;white-space:nowrap;flex-shrink:0}
@media(max-width:1100px){
  .about-photo{height:auto;min-height:0;align-self:center;overflow:visible;padding-block:24px}
  .about-photo img{width:auto;max-width:100%;height:auto;max-height:calc(100svh - 164px);object-fit:contain;object-position:center top;transform:none;will-change:auto;margin-inline:auto}
  .about-photo figcaption{position:static;max-width:none;margin:16px 0 0;padding:0 8px;border-radius:0;background:none;backdrop-filter:none;line-height:1.5}
}
@media(max-width:760px){
  .brand{font-size:17px}
  .about-photo{margin-inline:0;padding-block:0 30px}
}
@media(max-width:380px){.brand{font-size:16px}.nav-cta{font-size:12px;gap:8px}}
@media(prefers-reduced-transparency:reduce){.site-header{background:#f7f8fa;backdrop-filter:none}}