:root{font-family:Arial,Helvetica,sans-serif;color:#181817;background:#f7f6f2;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--paper: #f7f6f2;--ink: #181817;--muted: #62625e;--line: #d9d9d2;--blue: #263fe6;--gutter: clamp(20px, 4.5vw, 64px)}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:26px}body{margin:0}a{color:inherit;text-decoration:none;-webkit-tap-highlight-color:transparent}a:focus-visible{outline:3px solid var(--blue);outline-offset:5px}img{display:block;max-width:100%}h1,h2,h3,p{margin:0}p{line-height:1.42}.shell{width:min(1240px,calc(100% - var(--gutter) * 2));margin-inline:auto}.skip-link{position:fixed;z-index:30;top:-100px;left:20px;padding:12px 16px;background:#fff}.skip-link:focus{top:15px}.section-label{font-size:13px;font-weight:700;color:var(--muted)}.accent-dot,.hero h1 span,.hero__statement span,.footer a:hover{color:var(--blue)}.hero{display:grid;grid-template-columns:clamp(210px,21vw,260px) minmax(0,1fr);grid-template-areas:"portrait identity" "portrait scope" "portrait actions";column-gap:clamp(28px,4vw,55px);row-gap:18px;align-items:start;padding-block:clamp(24px,3vw,40px) clamp(36px,4vw,55px)}.hero__portrait{grid-area:portrait;height:100%;min-height:310px;overflow:hidden;border-radius:20px;background:#e7e6df}.hero__portrait img{width:100%;height:100%;object-fit:cover;object-position:center 44%;transform:scale(1.24);transform-origin:left center}.hero__identity{grid-area:identity;min-width:0}.hero h1{font-size:clamp(62px,6.1vw,90px);font-weight:800;line-height:.98;letter-spacing:-.075em}.hero__role{margin-top:10px;font-size:clamp(23px,2.25vw,32px);line-height:1.13;letter-spacing:-.045em}.hero__scope{grid-area:scope;min-width:0}.hero__statement{font-size:clamp(30px,3vw,42px);font-weight:700;line-height:1.1;letter-spacing:-.05em}.hero__actions{grid-area:actions;display:flex;flex-wrap:wrap;gap:23px;align-items:center;margin-top:3px}.button{display:inline-flex;justify-content:center;align-items:center;min-height:52px;padding:13px 23px;border-radius:100px;background:var(--blue);color:#fff;font-size:15px;font-weight:700;white-space:nowrap;transition:background .18s,transform .18s}.button:hover{background:var(--ink);transform:translateY(-2px)}.text-link{display:inline-flex;align-items:center;min-height:44px;font-size:15px;font-weight:700;text-decoration:underline;text-underline-offset:5px;white-space:nowrap}.text-link:hover{color:var(--blue)}.work{border-top:1px solid var(--line);padding-top:clamp(34px,4vw,50px);padding-bottom:clamp(65px,7vw,95px)}.work h2{margin-bottom:clamp(34px,4vw,52px);font-size:clamp(48px,6vw,82px);line-height:1;font-weight:800;letter-spacing:-.07em}.work__list{display:grid;gap:18px}.case{min-width:0}.case__client{margin-bottom:10px;font-size:13px;font-weight:700}.case__cover{position:relative;display:flex;align-items:flex-end;min-height:clamp(420px,42vw,590px);padding:clamp(26px,3vw,42px);overflow:hidden;isolation:isolate;border-radius:28px;color:#fff;background:radial-gradient(circle at 80% 18%,rgba(239,118,8,.95),transparent 27%),radial-gradient(circle at 86% 74%,rgba(7,135,189,.82),transparent 33%),#f2879b;transition:transform .18s,box-shadow .18s}.case__cover:hover{transform:translateY(-3px);box-shadow:0 18px 44px #17131626}.case__cover:focus-visible{outline:4px solid var(--blue);outline-offset:4px}.case__cover:before,.case__cover:after{position:absolute;content:"";z-index:-1;border-radius:50%}.case__cover:before{top:-86px;right:-38px;width:430px;height:430px;border:2px solid #ffffff57}.case__cover:after{right:90px;bottom:-110px;width:300px;height:300px;background:#78bc5b;box-shadow:0 0 0 2px #ffffff47}.case__copy{position:relative;z-index:1;max-width:980px}.case__cover .case__client{margin-bottom:16px;font-size:clamp(15px,1.6vw,21px);font-weight:760;line-height:1.2}.case__cover h3{max-width:1030px;font-size:clamp(42px,6.3vw,86px);line-height:.96;letter-spacing:-.065em;font-weight:800;text-wrap:balance}.case__cover--sellerchina{background:linear-gradient(135deg,transparent 0 54%,#ff7a002e 54% 56%,transparent 56%),radial-gradient(circle at 82% 62%,#ff7a00 0 16%,transparent 16.4%),radial-gradient(circle at 96% 4%,#ff7a00c7,transparent 36%),#111}.case__cover--sellerchina:before{top:-135px;right:-86px;width:520px;height:520px;border-color:#ff7a00b8}.case__cover--sellerchina:after{right:142px;bottom:-155px;width:340px;height:340px;background:#ff7a00;box-shadow:none;opacity:.18}.case__cover--franchise{background:linear-gradient(90deg,#201d20ed,#201d20c2 48%,#201d2038),linear-gradient(0deg,#dc527433,#dc527433),url(/assets/dbtea-franchise.png) center / cover no-repeat}.case__cover--franchise:before{top:-120px;right:-72px;width:470px;height:470px;border-color:#ffc84bbd}.case__cover--franchise:after{right:180px;bottom:-170px;width:350px;height:350px;background:#dc5274;box-shadow:none;opacity:.34}.case__cover--drinkbot{background:radial-gradient(circle at 88% 20%,#d5ff5bfa 0 12%,transparent 12.4%),radial-gradient(circle at 82% 82%,#f47cb1f5 0 18%,transparent 18.4%),linear-gradient(145deg,#241d2a,#55406f 58%,#8170a3)}.case__cover--drinkbot:before{top:84px;right:112px;width:174px;height:174px;border-color:#ffffff6b}.case__cover--drinkbot:after{right:-52px;bottom:82px;width:210px;height:210px;background:#0787bd8c;box-shadow:none}.more-work{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:clamp(68px,7vw,100px)}.more-work__item{display:flex;flex-direction:column;align-items:flex-start;min-height:245px;padding:clamp(24px,3vw,35px);border:1px solid var(--line);border-radius:18px;background:#eeede8}.more-work__item:nth-child(2){background:#e9e9e3}.more-work__item .case__client{display:flex;flex-wrap:wrap;align-items:center;gap:10px}.more-work__status{padding:5px 8px;border:1px solid #bcbcb3;border-radius:7px;font-size:11px}.more-work__item h3{max-width:520px;font-size:clamp(26px,2.75vw,36px);line-height:1.08;letter-spacing:-.05em}.more-work__item>p:last-child{margin-top:auto;padding-top:22px;color:var(--muted);font-size:15px}.channels{margin-top:40px}.channels__list{display:flex;flex-wrap:wrap;gap:7px;list-style:none;padding:0;margin:12px 0 0}.channels__list li{display:inline-flex;align-items:center;min-height:33px;padding:6px 11px;border:1px solid var(--line);border-radius:9px;color:#41413f;background:#f1f0eb;font-size:12px;font-weight:700;white-space:nowrap}.contact{padding:clamp(36px,5vw,66px);border-radius:22px;background:#191919;color:#fff}.contact h2{max-width:940px;font-size:clamp(44px,6.3vw,86px);line-height:1;letter-spacing:-.065em}.contact>p:not(.section-label){max-width:670px;margin-top:25px;color:#deded9;font-size:clamp(18px,1.8vw,23px)}.contact__actions{display:flex;flex-wrap:wrap;align-items:center;gap:25px;margin-top:33px}.button--light{background:#fff;color:var(--ink)}.button--light:hover{background:#dcdedc;color:var(--ink)}.contact .text-link:hover{color:#c4ceff}.footer{display:flex;justify-content:space-between;gap:20px;padding-block:28px 32px;color:var(--muted);font-size:13px}.footer a{color:var(--ink);font-weight:700}@media(max-width:760px){:root{--gutter: 20px}.hero{grid-template-columns:minmax(0,1fr) 112px;grid-template-areas:"identity portrait" "scope scope" "actions actions";gap:20px 16px;padding-block:25px 36px}.hero__portrait{width:112px;height:148px;min-height:0;align-self:start;border-radius:14px}.hero__portrait img{transform:scale(1.38)}.hero h1{font-size:clamp(50px,9.2vw,70px)}.hero__role{margin-top:9px;font-size:clamp(18px,3.3vw,22px)}.hero__statement{font-size:clamp(29px,6vw,37px)}.channels__list{gap:6px}.channels__list li{min-height:31px;padding:5px 9px;font-size:11px}.hero__actions{gap:20px;margin-top:0}.work{padding-top:37px;padding-bottom:70px}.work h2{margin-bottom:38px}.work__list{gap:14px}.case__cover{min-height:420px;padding:26px;border-radius:20px}.case__cover .case__client{margin-bottom:13px;font-size:15px}.case__cover h3{font-size:clamp(38px,9vw,58px)}.case__cover:before{transform:scale(.75);transform-origin:right top}.case__cover:after{transform:scale(.8);transform-origin:right bottom}.more-work{grid-template-columns:1fr;gap:12px;margin-top:65px}.more-work__item{min-height:210px}.contact{width:100%;padding:55px var(--gutter) 62px;border-radius:0}.contact h2{font-size:clamp(46px,11vw,72px)}.contact>p:not(.section-label){font-size:18px}.contact__actions{gap:16px}}@media(max-width:390px){.hero{grid-template-columns:minmax(0,1fr) 93px;gap:18px 12px}.hero__portrait{width:93px;height:135px}.hero h1{font-size:48px}.hero__role{font-size:17px}.hero__actions{gap:12px}.hero__actions .button{padding-inline:17px;font-size:13px}.hero__actions .text-link{font-size:13px}.case__cover{min-height:390px;padding:22px}.case__cover h3{font-size:clamp(34px,9vw,38px)}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}