:root{font-family:PingFang SC,Microsoft YaHei,Arial,sans-serif;color:#252728;background:#f8f8f6;font-synthesis:none;font-weight:400;font-size:14px;--muted:#747a7d;--line:#d9dcd9;--ink:#252728;--blue:#4f6582;scroll-behavior:smooth}*{box-sizing:border-box}body{margin:0}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer;border:0}button svg,a svg{flex-shrink:0}button:focus-visible,a:focus-visible{outline:2px solid #526f9b;outline-offset:5px}::selection{background:#ccd8e9;color:#182431}.container{width:calc(100% - 112px);max-width:1700px;margin-inline:auto}.header{position:absolute;top:0;left:0;z-index:10;width:100%;height:100px;padding:0 56px;display:flex;align-items:center;justify-content:space-between}.wordmark{display:flex;align-items:center;gap:16px;font-family:Arial,sans-serif;font-size:21px;font-weight:800;letter-spacing:-.9px}.wordmark span{font-family:PingFang SC,sans-serif;font-size:12px;font-weight:400;letter-spacing:1px;padding-left:16px;border-left:1px solid #a8aeae}.header nav{display:flex;gap:38px;font-size:12px;color:#62696b}.header nav a:hover,.header nav a.active{color:#111}.nav-contact{display:flex;align-items:center;gap:25px;border-bottom:1px solid #656b6c;padding:10px 0;font-size:12px}.hero{height:100svh;min-height:850px;max-height:1200px;background:#e8e8e6;position:relative;overflow:hidden}.hero-top{position:absolute;top:135px;left:0;right:0;display:flex;justify-content:space-between;font-size:11px;color:#606767}.availability{display:flex;align-items:center;gap:9px}.availability i{width:5px;height:5px;border-radius:50%;background:#596f5c}.edition{font:11px Arial,sans-serif;letter-spacing:.3px}.hero-stage{position:relative;height:100%;padding-top:185px}.hero-name{position:relative;z-index:1;animation:arrive .9s ease both}.hero-name>p{font-size:13px;margin:0 0 8px 7px;color:#717778}.hero-name h1{font-weight:500;font-size:clamp(160px,23.3vw,410px);letter-spacing:-.09em;line-height:1.1;margin:0;white-space:nowrap}.hero-name h1>span{font-weight:300;font-size:.72em;letter-spacing:-.1em}.hero-products{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:2}.hero-product{position:absolute;display:block;aspect-ratio:1;overflow:hidden;mix-blend-mode:multiply;pointer-events:auto;animation:product-arrive 1.2s cubic-bezier(.22,.7,.25,1) both}.hero-product img{width:100%;height:auto;display:block}.hero-product-left{width:25%;max-width:380px;left:8%;top:48%;transform:rotate(-8deg);animation-delay:.08s}.hero-product-center{width:28%;max-width:430px;left:35%;top:44%;transform:rotate(4deg);animation-delay:.17s}.hero-product-right{width:22%;max-width:330px;right:7%;top:49%;transform:rotate(9deg);animation-delay:.24s}.hero-product:hover{filter:contrast(1.05)}.hero-caption{position:absolute;z-index:3;right:0;bottom:120px;font-size:12px}.hero-caption>p{font-size:17px;margin:0 0 10px}.hero-caption>span{font-size:11px;line-height:1.9;color:#73797a}.hero-bottom{position:absolute;left:0;right:0;bottom:32px;display:flex;align-items:center;justify-content:space-between;border-top:1px solid #c8cdca;padding-top:22px;z-index:4}.hero-bottom>a{display:flex;align-items:center;gap:25px;font-size:12px}.circle-arrow{height:43px;width:43px;display:grid;place-items:center;border:1px solid #929a98;border-radius:50%}.hero-bottom .scroll-link{gap:9px;font-size:11px;color:#626b68}.hero-bottom>p{font-size:11px;color:#6d7471}.section{padding-block:110px;scroll-margin-top:15px}.section-heading{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding-bottom:25px;font-size:12px}.section-heading>p{margin:0}.section-heading>span{color:#7c8280;font-size:11px}.about-grid{margin-top:65px}.about-copy{display:grid;grid-template-columns:1fr 1.1fr;gap:9%;align-items:start}.small-label{font-size:11px;color:#6e7c88;margin:0 0 20px}.about h2,.project-heading h2,.strength-heading h2{font-size:clamp(34px,3.3vw,59px);line-height:1.45;letter-spacing:-1.7px;font-weight:500;margin:0 0 28px}.about-intro-detail{padding-top:10px}.body-copy{font-size:15px;line-height:2.1;color:#646c6e;max-width:600px;margin:0}.profile-facts{display:grid;grid-template-columns:1.4fr .7fr 1fr;gap:16px;margin-top:32px}.profile-facts>div{display:flex;flex-direction:column;gap:12px}.profile-facts span{font-size:10px;color:#818888}.profile-facts strong,.profile-facts a{display:flex;align-items:center;gap:8px;font-size:11px;font-weight:400}.text-link{display:inline-flex;align-items:center;gap:22px;padding-bottom:9px;border-bottom:1px solid #7d8784;font-size:11px}.brand-wall{margin-top:70px}.brand-wall-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.brand-wall-heading h3{font-size:13px;font-weight:400;margin:0}.brand-wall-heading p{font-size:11px;color:#838a87;margin:0}.brand-logos{display:grid;grid-template-columns:repeat(4,1fr);padding:30px 0;background:#eeefec;border-radius:12px}.brand-cell{display:flex;flex-direction:column;align-items:center;border-right:1px solid #d4d8d4;padding:15px}.brand-cell:last-child{border:0}.brand-logo-frame{height:58px;width:170px;max-width:100%;display:grid;place-items:center;margin-bottom:25px}.brand-logo{height:100%;width:100%;object-fit:contain;filter:brightness(0);opacity:.78}.brand-logo.light-logo{filter:brightness(0)}.brand-cell>span{font-size:12px;color:#515a56}.brand-cell>p{font-size:10px;color:#7f8882;margin:9px 0 0}.brand-cell:hover .brand-logo{opacity:1}.metrics{display:grid;grid-template-columns:repeat(3,1fr) .9fr;margin-top:42px;padding-block:35px;border-bottom:1px solid var(--line)}.metrics>div{border-left:1px solid var(--line);padding-left:32px}.metrics>div:first-child{border:0;padding-left:0}.metrics>div>span{font-size:11px;color:#747e78}.metrics strong{display:block;font-family:Arial,sans-serif;font-size:56px;letter-spacing:-2px;font-weight:400;margin-top:15px}.metrics strong span{font-family:PingFang SC,sans-serif;font-size:14px;letter-spacing:0;color:#79827d}.metrics p{font-size:10px;color:#8a928d;margin:11px 0 0;line-height:1.8}.metrics .metrics-note{display:flex;align-items:center;gap:18px}.metrics-note svg{height:30px;width:30px;color:#6e8075}.metrics-note p{font-size:15px;color:#5c6d62}.experience{display:grid;grid-template-columns:.7fr 1.3fr;gap:8%;margin-top:65px}.experience h3{font-size:25px;font-weight:400;line-height:1.6;margin:0 0 24px}.experience-summary{font-size:12px;line-height:2;color:#7d8680}.timeline{border-left:1px solid #c8cfca;padding-left:34px}.timeline-item{position:relative;border-bottom:1px solid var(--line);padding-bottom:28px;margin-bottom:28px}.timeline-item:last-child{border:0;margin:0;padding:0}.timeline-item:before{content:"";width:8px;height:8px;border:1px solid #7d8d82;background:#f8f8f6;position:absolute;left:-39px;top:3px;border-radius:50%}.timeline-meta{display:flex;justify-content:space-between;font-size:11px;color:#849087;gap:20px}.timeline .timeline-item h3{font-size:18px;margin:16px 0 11px}.timeline-item>p{font-size:12px;color:#748078;line-height:2;margin:0}.timeline-highlight{display:flex;align-items:flex-start;gap:9px;font-size:11px;line-height:1.9;color:#4a6151;margin-top:16px}.timeline-highlight svg{margin-top:3px;flex-shrink:0}.education{border-block:1px solid var(--line);margin-top:55px;padding-block:26px;display:flex;align-items:center;gap:36px}.education .small-label{margin:0}.education strong{font-size:14px;font-weight:400}.education>span:not(.small-label),.education time{font-size:11px;color:#7b847e}.education time{margin-left:auto}.projects{background:#edf0f1}.project-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:40px;margin:65px 0 50px}.project-heading h2{margin:0}.project-heading>p{font-size:12px;color:#7b8588;line-height:2;margin:0 0 6px}.project-list{display:grid;grid-template-columns:1fr 1fr;gap:35px;align-items:start}.project-card{padding:0;text-align:left;min-width:0;background:#fff;border-radius:12px;overflow:hidden}.project-0{grid-column:span 2}.project-art{position:relative;background:#e1e8ed}.case-product-montage{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;padding:65px 28px 134px}.case-product-shot{aspect-ratio:1;overflow:hidden;background:#fff;border-radius:4px}.case-product-shot>img{display:block;width:100%;height:auto}.concept-label{position:absolute;left:28px;top:27px;font-size:10px;color:#606e79}.project-result{position:absolute;bottom:27px;left:28px;display:flex;flex-direction:column;gap:8px}.project-result strong{font-family:Arial,PingFang SC,sans-serif;font-size:49px;font-weight:400;letter-spacing:-2px;color:#344a5e}.project-result>span{font-size:10px;color:#75818b}.project-0 .project-result strong{font-size:61px}.project-open{height:42px;width:42px;border-radius:50%;display:grid;place-items:center;background:#fff;color:#3a4b59;position:absolute;bottom:28px;right:28px}.project-card:hover .project-open{background:#374f64;color:#fff}.project-info{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:26px 28px 29px}.project-info p{font-size:10px;color:#879096;margin:0 0 10px}.project-info h3{font-size:22px;font-weight:400;margin:0}.project-info>span{font-size:11px;color:#7f8a91}.project-card:not(.project-0) .project-info>span{display:none}.montage-2{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;padding:65px 25px 132px}.agency-case-visual{height:clamp(320px,32vw,520px);padding:65px 30px 130px;display:flex;flex-direction:column;justify-content:center;background:#e5e8e0}.agency-case-visual>span{font-size:clamp(30px,3.7vw,64px);letter-spacing:-2px;line-height:1.3;font-weight:400;color:#68755c}.agency-case-chips{display:flex;gap:9px;margin-top:24px}.agency-case-chips span{font-size:10px;color:#7b8772;border:1px solid #bcc5b3;border-radius:20px;padding:6px 10px}.project-card:last-child .project-result strong{color:#58654d}.strength-heading{margin:65px 0 45px}.strength-heading>p{font-size:12px;color:#7d8680;line-height:2}.ability-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.ability{border:1px solid #dde1db;border-radius:9px;padding:32px;background:#f0f2ed}.ability:nth-child(2){background:#edf0f3;border-color:#dce1e4}.ability:nth-child(3){background:#f3f0eb;border-color:#e3dfd8}.ability-top{display:flex;align-items:center;justify-content:space-between;color:#65795f}.ability:nth-child(2) .ability-top{color:#63798a}.ability:nth-child(3) .ability-top{color:#897960}.ability-top>span{font:11px Arial,sans-serif;opacity:.8}.ability h3{font-size:21px;font-weight:400;line-height:1.6;margin:40px 0 17px;letter-spacing:-.5px}.ability>p{font-size:12px;color:#798177;line-height:2;max-width:360px}.tags{display:flex;gap:7px;margin-top:28px}.tags span{font-size:10px;border:1px solid #cbd2c7;border-radius:3px;padding:5px 9px;color:#7e8778}.ability-note{font-size:10px;color:#949b94;margin-top:20px;line-height:1.8}.contact{position:relative;background:#e4e8ed;min-height:100svh;scroll-margin-top:0}.contact-inner{min-height:100svh;padding-top:65px;display:flex;flex-direction:column}.contact-main{padding:80px 0 70px;flex:1}.contact-main>p{font-size:11px;color:#7b8998;margin-bottom:30px}.contact-main h2{font-size:clamp(50px,7.3vw,130px);font-weight:400;line-height:1.25;letter-spacing:-5px;margin:0;color:#34485d}.contact-cta{display:inline-flex;gap:95px;align-items:center;border-bottom:1px solid #8293a4;padding-bottom:18px;margin-top:50px;font-size:20px;color:#465c73}.contact-details{display:flex;gap:90px;padding:15px 0 40px;scroll-margin-top:40px}.contact-details>div{display:flex;flex-direction:column;gap:14px}.contact-details span{font-size:10px;color:#8795a4}.contact-details div>a{font:20px Arial,sans-serif;color:#53697f;display:flex;align-items:center;gap:17px}.contact-details button{margin-left:auto;display:flex;align-items:center;gap:12px;background:transparent;color:#738699;font-size:11px}footer{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #c7cfd7;padding-block:28px;color:#4e6378}footer .wordmark{font-size:18px}footer .wordmark span{font-size:10px}footer>p,footer>a:last-child{font-size:10px;color:#8090a0}footer>a:last-child{display:flex;align-items:center;gap:14px}.project-dialog{color:#30383f;background:#fafbf9;padding:0;border:1px solid #d1d9df;border-radius:12px;width:min(900px,92vw);max-height:90svh;overflow:auto}.project-dialog::backdrop{background:#1e293859;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.dialog-close{position:sticky;float:right;right:18px;top:18px;margin:18px 18px -55px 0;border-radius:50%;height:37px;width:37px;background:#e7edf1;display:grid;place-items:center;z-index:2}.dialog-copy{padding:42px}.dialog-copy h2{font-size:30px;font-weight:500;line-height:1.5;margin:15px 0 18px;padding-right:20px}.dialog-copy>p:not(.small-label):not(.draft-note){font-size:13px;color:#7b858b;line-height:2}.dialog-copy h3{font-size:13px;font-weight:400;margin:26px 0 15px}.case-modal-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.case-modal-photo{aspect-ratio:1;background:#fff;overflow:hidden;border-radius:5px;border:1px solid #e1e4e6}.case-modal-photo>img{width:100%;height:auto;display:block}.case-modal-gallery>a>span{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:10px;color:#768b9d;line-height:1.8;margin-top:10px}.gallery-2{grid-template-columns:repeat(2,minmax(0,1fr))}.case-results{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;padding:27px 0;border-block:1px solid var(--line);margin-top:30px}.case-results>div{display:flex;flex-direction:column;gap:10px}.case-results strong{font:31px Arial,PingFang SC,sans-serif;color:#455e75}.case-results span{font-size:10px;color:#85929d}.dialog-copy ul{list-style:none;padding:0;font-size:12px;color:#667984}.dialog-copy li{display:flex;align-items:flex-start;gap:12px;margin:14px 0;line-height:1.8}.dialog-copy li svg{margin-top:3px}.draft-note{font-size:10px;line-height:1.9;color:#969f9f;margin-top:26px}.dialog-copy .small-label{color:#8092a4}@keyframes arrive{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes product-arrive{0%{opacity:0;translate:0 25px}to{opacity:1;translate:0 0}}@media(min-width:1812px){.header{padding-inline:max(56px,calc((100vw - 1700px)/2))}.hero-product-left{top:40%}.hero-product-center{top:35%}.hero-product-right{top:41%}}@media(max-width:1050px){.container{width:calc(100% - 64px)}.header{padding-inline:32px}.hero{min-height:800px}.hero-name h1{font-size:24vw}.hero-stage{padding-top:210px}.hero-product-left{top:44%;width:31%;left:2%}.hero-product-center{top:40%;width:36%;left:28%}.hero-product-right{top:45%;width:28%;right:0}.hero-caption{bottom:125px}.about-copy{gap:6%}.profile-facts{grid-template-columns:1.4fr 1fr}.profile-facts>div:last-child{grid-column:span 2}.brand-logo-frame{width:135px;height:48px}.metrics strong{font-size:45px}.metrics>div{padding-left:20px}.metrics-note p{font-size:12px}.metrics .metrics-note{gap:10px}.experience{grid-template-columns:1fr;gap:35px}.timeline{margin-left:5px}.ability{padding:24px}.ability h3{font-size:18px}.education{gap:22px}.contact-details{gap:50px}.contact-details div>a{font-size:17px}.case-product-montage{gap:14px;padding-inline:20px}.montage-2{gap:12px}.project-info{padding-inline:22px}.project-info h3{font-size:19px}}@media(max-width:700px){.container{width:calc(100% - 40px)}.header{height:78px;padding-inline:20px}.wordmark{font-size:18px;gap:10px}.wordmark span{font-size:10px;padding-left:10px}.header nav{display:none}.nav-contact{font-size:10px;gap:17px}.hero{min-height:740px;height:100svh;max-height:1000px}.hero-top{top:108px;font-size:10px}.edition{font-size:9px}.hero-stage{padding-top:190px}.hero-name>p{font-size:11px;margin-left:2px}.hero-name h1{font-size:26vw;letter-spacing:-.1em}.hero-name h1>span{font-size:.65em}.hero-product-left{width:42%;left:-8%;top:41%;transform:rotate(-13deg)}.hero-product-center{width:51%;left:23%;top:36%;transform:rotate(5deg)}.hero-product-right{width:37%;right:-7%;top:42%;transform:rotate(12deg)}.hero-caption{left:0;right:auto;bottom:135px}.hero-caption>p{font-size:16px}.hero-caption>span{font-size:11px}.hero-bottom{bottom:24px;padding-top:18px}.hero-bottom>a{gap:12px;font-size:11px}.circle-arrow{height:36px;width:36px}.hero-bottom>p{display:none}.hero-bottom .scroll-link{font-size:10px}.section{padding-block:70px}.section-heading{font-size:11px;padding-bottom:22px}.section-heading>span{display:none}.about-grid{margin-top:35px}.about-copy{grid-template-columns:1fr;gap:30px}.about h2,.project-heading h2,.strength-heading h2{font-size:32px;letter-spacing:-1px}.body-copy{font-size:14px}.profile-facts{grid-template-columns:1.5fr .6fr 1fr;gap:12px}.profile-facts>div:last-child{grid-column:auto}.profile-facts strong,.profile-facts a{font-size:10px}.profile-facts span{font-size:9px}.brand-wall{margin-top:42px}.brand-wall-heading{display:block}.brand-wall-heading p{margin-top:12px;font-size:10px}.brand-logos{grid-template-columns:repeat(2,minmax(0,1fr));padding:10px 0}.brand-cell{padding:25px 10px;border-color:#d4d8d4}.brand-cell:nth-child(2){border:0}.brand-cell:nth-child(n+3){border-top:1px solid #d4d8d4}.brand-logo-frame{height:42px;width:125px;margin-bottom:20px}.brand-cell>span{font-size:11px}.brand-cell>p{font-size:9px}.metrics{grid-template-columns:repeat(3,1fr);padding-block:28px;margin-top:25px}.metrics>div{padding-left:14px}.metrics>div>span{font-size:9px}.metrics strong{font-size:33px;letter-spacing:-1.5px}.metrics strong span{font-size:10px}.metrics p{font-size:9px}.metrics .metrics-note{display:none}.experience{margin-top:40px;gap:25px}.experience h3{font-size:23px}.timeline{padding-left:23px}.timeline-item:before{left:-28px}.timeline-meta{font-size:10px;flex-wrap:wrap;gap:10px}.timeline .timeline-item h3{font-size:16px}.timeline-item>p{font-size:11px}.timeline-highlight{font-size:10px}.education{margin-top:35px;flex-wrap:wrap;gap:15px}.education .small-label{width:100%}.education strong{width:100%;font-size:16px}.education time{margin-left:0}.project-heading{display:block;margin-top:35px;margin-bottom:32px}.project-heading>p{font-size:11px;margin-top:22px}.project-list{grid-template-columns:1fr;gap:25px}.project-0{grid-column:auto}.case-product-montage{padding:52px 13px 113px;gap:8px}.concept-label{left:16px;top:23px;font-size:9px}.project-result{left:16px;bottom:22px}.project-result strong,.project-0 .project-result strong{font-size:39px}.project-result>span{font-size:9px}.project-open{height:34px;width:34px;right:16px;bottom:23px}.project-open svg{width:19px}.montage-2{padding:52px 15px 115px;gap:10px}.project-info{padding:21px 17px 24px}.project-info h3{font-size:18px}.project-info>span{display:none}.project-info p{font-size:9px}.agency-case-visual{height:340px;padding:60px 20px 135px}.agency-case-visual>span{font-size:40px}.agency-case-chips{margin-top:18px}.strength-heading{margin-top:35px}.strength-heading>p{font-size:11px}.ability-grid{grid-template-columns:1fr}.ability{padding:27px}.ability h3{font-size:21px;margin-top:28px}.ability>p{max-width:none}.contact-inner{min-height:850px;padding-top:45px}.contact-main{padding:75px 0 65px}.contact-main h2{font-size:48px;letter-spacing:-2px;line-height:1.4}.contact-cta{font-size:18px;gap:80px;margin-top:35px;padding-bottom:15px}.contact-details{flex-wrap:wrap;gap:30px;padding-bottom:35px}.contact-details div>a{font-size:17px;gap:10px}.contact-details button{margin-left:0;width:100%;padding:8px 0}.contact-details span{font-size:10px}footer{flex-wrap:wrap;gap:20px}footer>p{order:3;width:100%;margin:0}.dialog-copy{padding:30px 23px}.dialog-copy h2{font-size:23px;line-height:1.5}.dialog-copy>p:not(.small-label):not(.draft-note){font-size:12px}.case-modal-gallery{gap:8px}.case-modal-gallery>a>span{font-size:9px;align-items:flex-start;gap:3px}.case-modal-gallery>a>span svg{width:10px}.case-results{gap:22px 12px}.case-results strong{font-size:25px}.dialog-close{margin-right:14px;right:14px;top:14px}.ability-note{font-size:9px}}@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}.section-heading>span,.small-label,.profile-facts span,.brand-wall-heading p,.brand-cell>p,.metrics>div>span,.metrics p,.experience-summary,.timeline-meta,.timeline-item>p,.education>span:not(.small-label),.education time,.project-heading>p,.concept-label,.project-result>span,.project-info p,.project-info>span,.strength-heading>p,.ability>p,.tags span,.ability-note,.contact-main>p,.contact-details span,.contact-details button,footer>p,footer>a:last-child,.dialog-copy>p:not(.small-label):not(.draft-note),.case-modal-gallery>a>span,.case-results span,.draft-note,.dialog-copy .small-label{color:#626f72}.hero-stage{padding-top:175px}.hero-name h1{font-size:clamp(130px,min(18vw,24vh),300px);line-height:1.1;letter-spacing:-.075em}.hero-product-left{top:auto;bottom:150px;width:min(23%,31vh);left:12%;transform:rotate(-6deg)}.hero-product-center{top:auto;bottom:140px;width:min(25%,33vh);left:36%;transform:rotate(3deg)}.hero-product-right{top:auto;bottom:155px;width:min(21%,29vh);right:12%;transform:rotate(7deg)}.hero-caption{bottom:105px}@media(max-width:1050px){.hero-stage{padding-top:175px}.hero-name h1{font-size:20vw}.hero-product-left{top:auto;bottom:200px;left:4%;width:28%}.hero-product-center{top:auto;bottom:190px;left:34%;width:30%}.hero-product-right{top:auto;bottom:205px;right:4%;width:26%}.hero-caption{bottom:110px}}@media(max-width:700px){.hero-stage{padding-top:175px}.hero-name h1{font-size:26vw}.hero-product-left{top:345px;bottom:auto;left:-3%;width:34%;transform:rotate(-6deg)}.hero-product-center{top:328px;bottom:auto;left:31%;width:38%;transform:rotate(3deg)}.hero-product-right{top:349px;bottom:auto;right:-3%;width:32%;transform:rotate(7deg)}.hero-caption{bottom:135px}}@media(max-width:1050px){.hero{min-height:900px}.hero-name h1{font-size:clamp(120px,20vw,190px)}}@media(max-width:700px){.hero{min-height:850px}.hero-name h1{font-size:clamp(85px,26vw,110px)}.hero-product-left{top:370px}.hero-product-center{top:350px}.hero-product-right{top:375px}}.hero-stage{display:flex;flex-direction:column;justify-content:center;padding-top:70px;padding-bottom:140px}.hero-name{position:relative}.hero-name h1{font-size:clamp(140px,21vw,360px)}.hero-caption{position:static;margin-top:50px;padding-left:8px}.hero-caption>p{font-size:22px}.hero-caption>span{font-size:12px;line-height:2}.hero{min-height:800px}@media(max-width:1050px){.hero{min-height:780px}.hero-name h1{font-size:22vw}.hero-caption{margin-top:40px}}@media(max-width:700px){.hero{min-height:740px}.hero-stage{padding-top:75px;padding-bottom:130px}.hero-name h1{font-size:26vw}.hero-caption{margin-top:40px;padding-left:0}.hero-caption>p{font-size:18px}.hero-caption>span{font-size:11px}}.reading-progress{position:fixed;inset:0 0 auto;height:3px;background:#657c94;transform:scaleX(0);transform-origin:left;z-index:100;pointer-events:none}.scroll-reveal{opacity:0;transform:translate3d(0,24px,0);transition:opacity .7s cubic-bezier(.2,.65,.3,1) var(--reveal-delay,0ms),transform .85s cubic-bezier(.2,.65,.3,1) var(--reveal-delay,0ms)}.scroll-reveal.is-visible,.scroll-reveal:focus-within{opacity:1;transform:translateZ(0)}.brand-cell.scroll-reveal{transform:translate3d(0,16px,0)}.brand-cell.scroll-reveal.is-visible{transform:translateZ(0)}@media(prefers-reduced-motion:reduce){.scroll-reveal,.brand-cell.scroll-reveal{opacity:1!important;transform:none!important;transition:none!important}.reading-progress{transition:none}}@media print{.scroll-reveal,.brand-cell.scroll-reveal{opacity:1!important;transform:none!important}.reading-progress{display:none}}.header-actions{display:flex;gap:26px;align-items:center}.theme-toggle{display:flex;align-items:center;gap:8px;background:transparent;padding:9px 0;font-size:11px;color:#626f72}html[data-theme=dark]{color-scheme:dark;color:#e6e9eb;background:#11171c;--line:#303a42;--ink:#e6e9eb;--muted:#a8b3ba;--blue:#b1c7dc}[data-theme=dark] .hero{background:#171c21}[data-theme=dark] .wordmark span{border-color:#52606b}[data-theme=dark] .header nav,[data-theme=dark] .theme-toggle{color:#b8c2c9}[data-theme=dark] .header nav a:hover,[data-theme=dark] .header nav a.active{color:#fff}[data-theme=dark] .nav-contact{border-color:#73828e}[data-theme=dark] .hero-top,[data-theme=dark] .hero-name>p,[data-theme=dark] .hero-caption>span,[data-theme=dark] .hero-bottom .scroll-link,[data-theme=dark] .hero-bottom>p{color:#a9b5be}[data-theme=dark] .availability i{background:#adc4b2}[data-theme=dark] .hero-bottom{border-color:#38444d}[data-theme=dark] .circle-arrow{border-color:#75838e}[data-theme=dark] .body-copy,[data-theme=dark] .timeline-item>p{color:#afbbc3}[data-theme=dark] .text-link{border-color:#8293a0}[data-theme=dark] .brand-logos{background:#1b242b}[data-theme=dark] .brand-cell{border-color:#36424b}[data-theme=dark] .brand-logo,[data-theme=dark] .brand-logo.light-logo{filter:brightness(0) invert(.9);opacity:.9}[data-theme=dark] .brand-cell>span{color:#c5cfd5}[data-theme=dark] .metrics strong{color:#e5edf1}[data-theme=dark] .metrics strong span{color:#a6b3bc}[data-theme=dark] .metrics-note svg,[data-theme=dark] .metrics-note p{color:#b0c0c7}[data-theme=dark] .timeline{border-color:#4f616e}[data-theme=dark] .timeline-item:before{background:#11171c;border-color:#a6b8c5}[data-theme=dark] .timeline-highlight{color:#b3c8b9}[data-theme=dark] .projects{background:#141d24}[data-theme=dark] .project-card{background:#202c35}[data-theme=dark] .project-art{background:#243642}[data-theme=dark] .concept-label,[data-theme=dark] .project-result>span,[data-theme=dark] .project-info p,[data-theme=dark] .project-info>span{color:#b1c3ce}[data-theme=dark] .project-result strong{color:#d7e7f3}[data-theme=dark] .project-open{background:#c2d5e2;color:#233642}[data-theme=dark] .project-card:hover .project-open{background:#eaf4fa;color:#1e303e}[data-theme=dark] .agency-case-visual{background:#29372f}[data-theme=dark] .agency-case-visual>span,[data-theme=dark] .project-card:last-child .project-result strong{color:#c3d3ba}[data-theme=dark] .agency-case-chips span{color:#bdc9b7;border-color:#61765c}[data-theme=dark] .ability{background:#202b24;border-color:#394c3e}[data-theme=dark] .ability:nth-child(2){background:#202b35;border-color:#3b4b59}[data-theme=dark] .ability:nth-child(3){background:#2b2924;border-color:#514a3f}[data-theme=dark] .ability-top{color:#b0c6a8}[data-theme=dark] .ability:nth-child(2) .ability-top{color:#b4c9dd}[data-theme=dark] .ability:nth-child(3) .ability-top{color:#d0bea3}[data-theme=dark] .tags span{border-color:#586454;color:#b6c2b0}[data-theme=dark] .contact{background:#1a2732}[data-theme=dark] .contact-main h2{color:#d2e2ed}[data-theme=dark] .contact-cta{color:#c0d5e6;border-color:#7e96aa}[data-theme=dark] .contact-details div>a{color:#cfdeea}[data-theme=dark] footer{color:#d0dee8;border-color:#3e5364}[data-theme=dark] .section-heading>span,[data-theme=dark] .small-label,[data-theme=dark] .profile-facts span,[data-theme=dark] .brand-wall-heading p,[data-theme=dark] .brand-cell>p,[data-theme=dark] .metrics>div>span,[data-theme=dark] .metrics p,[data-theme=dark] .experience-summary,[data-theme=dark] .timeline-meta,[data-theme=dark] .education>span:not(.small-label),[data-theme=dark] .education time,[data-theme=dark] .project-heading>p,[data-theme=dark] .strength-heading>p,[data-theme=dark] .ability>p,[data-theme=dark] .ability-note,[data-theme=dark] .contact-main>p,[data-theme=dark] .contact-details span,[data-theme=dark] .contact-details button,[data-theme=dark] footer>p,[data-theme=dark] footer>a:last-child{color:#aab9c3}[data-theme=dark] .project-dialog{background:#1b2730;color:#e2eaf0;border-color:#4b6070}[data-theme=dark] .dialog-close{background:#344b5d;color:#e8f1f7}[data-theme=dark] .dialog-copy>p:not(.small-label):not(.draft-note),[data-theme=dark] .case-modal-gallery>a>span,[data-theme=dark] .case-results span,[data-theme=dark] .draft-note,[data-theme=dark] .dialog-copy .small-label{color:#a9bdcc}[data-theme=dark] .case-results strong{color:#c9deee}[data-theme=dark] .dialog-copy ul{color:#b9cddc}[data-theme=dark] .reading-progress{background:#b1c9de}@media(max-width:700px){.header-actions{gap:17px}.theme-toggle{font-size:10px;gap:5px}.theme-toggle svg{width:13px}.nav-contact{gap:10px}}.resource-advantage{margin-top:24px;padding:35px;border:1px solid #d4dee5;border-radius:9px;background:#edf1f4;display:grid;grid-template-columns:1fr 1.6fr;gap:45px}.resource-intro>svg{color:#71869a;margin-bottom:22px}.resource-intro .small-label{margin:0 0 12px;font-size:11px}.resource-intro h3{font-weight:400;font-size:25px;line-height:1.55;letter-spacing:-.6px;margin:0}.resource-details{display:grid;grid-template-columns:1fr 1fr;gap:32px;align-items:center}.resource-details h4{font-size:17px;font-weight:400;margin:0 0 14px}.resource-details p{font-size:12px;line-height:2;color:#626f72;margin:0}.resource-details .tags{margin-top:22px}.resource-details .tags span{color:#697d8c;border-color:#c5d3dd}[data-theme=dark] .resource-advantage{background:#1e2a34;border-color:#3e5363}[data-theme=dark] .resource-intro>svg{color:#b5cee1}[data-theme=dark] .resource-details p{color:#afc0cd}[data-theme=dark] .resource-details .tags span{color:#b2c7d6;border-color:#526a7c}@media(max-width:1050px){.resource-advantage{grid-template-columns:1fr;gap:30px}.resource-intro{position:relative;padding-left:50px}.resource-intro>svg{position:absolute;left:0;top:0}.resource-intro h3{font-size:24px}.resource-intro h3 br{display:none}}@media(max-width:700px){.resource-advantage{padding:27px}.resource-intro{padding:0}.resource-intro>svg{position:static}.resource-intro h3{font-size:22px}.resource-intro h3 br{display:initial}.resource-details{grid-template-columns:1fr;gap:28px}.resource-details>div+div{border-top:1px solid var(--line);padding-top:25px}.resource-details h4{font-size:17px}}:root{--platform:#078f92;--spotlight:rgba(52,156,164,.1)}[data-theme=dark]{--platform:#66d4d1;--spotlight:rgba(106,216,215,.12)}.availability>img{width:23px;height:23px;border-radius:5px}.availability{gap:10px}.platform-flow{display:flex;align-items:center;gap:0;list-style:none;padding:0;margin:24px 0 0;flex-wrap:wrap}.platform-flow li{display:flex;align-items:center;gap:7px;font-size:10px;color:#5b7777;animation:flow-pulse 5s ease-in-out calc(var(--step)*.65s) infinite}.platform-flow li:not(:last-child):after{content:"";height:1px;width:20px;margin:0 12px 0 7px;background:#8caaa5;opacity:.5}.flow-dot{height:4px;width:4px;border-radius:50%;background:var(--platform)}[data-theme=dark] .platform-flow li{color:#aecac9}[data-theme=dark] .platform-flow li:not(:last-child):after{background:#628e8e}.hero-caption{margin-top:35px}.reading-progress,[data-theme=dark] .reading-progress{background:var(--platform)}.project-open,.circle-arrow{transition:background .25s,color .25s,rotate .35s cubic-bezier(.22,.7,.25,1)}.project-card:hover .project-open,.hero-bottom>a:hover .circle-arrow{rotate:8deg}[data-theme=dark] .project-card:hover .project-open{background:#a9e2df;color:#183334}.project-info h3{transition:color .25s}.project-card:hover .project-info h3{color:var(--platform)}.motion-title .title-line{display:block;overflow:hidden;padding-bottom:.1em;margin-bottom:-.1em}.motion-title .title-line>span{display:block;transform:none;opacity:1}.motion-title.scroll-reveal{opacity:1;transform:none;transition:none}.motion-title.scroll-reveal .title-line>span{transform:translate3d(0,110%,0) rotate(1deg);opacity:0;transition:transform 1s cubic-bezier(.2,.8,.2,1) var(--line-delay,0ms),opacity .7s ease var(--line-delay,0ms)}.motion-title.scroll-reveal.is-visible .title-line>span,.motion-title.scroll-reveal:focus-within .title-line>span{transform:translateZ(0) rotate(0);opacity:1}.count-up{display:inline-block;font-variant-numeric:tabular-nums;min-width:1ch}.metrics strong .count-up,.metrics strong .count-up>span{font:inherit;letter-spacing:inherit;color:inherit}.project-result strong .count-up{font:inherit;letter-spacing:inherit}.project-card,.ability,.resource-advantage{position:relative;isolation:isolate;transition:translate .5s cubic-bezier(.2,.7,.3,1),box-shadow .5s}.project-card:after,.ability:after,.resource-advantage:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:radial-gradient(380px circle at var(--pointer-x,50%) var(--pointer-y,50%),var(--spotlight),transparent 70%);opacity:0;transition:opacity .4s;pointer-events:none;z-index:2}@media(hover:hover)and (pointer:fine){.project-card:hover{translate:0 -6px;box-shadow:0 18px 45px #081b2517}.ability:hover,.resource-advantage:hover{translate:0 -4px}.project-card:hover:after,.ability:hover:after,.resource-advantage:hover:after{opacity:1}}.header nav a{position:relative;padding-bottom:6px}.header nav a:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:1px;background:var(--platform);transform:scaleX(0);transform-origin:left;transition:transform .3s}.header nav a:hover:after,.header nav a.active:after{transform:scaleX(1)}@keyframes flow-pulse{0%,15%,to{opacity:.62}35%,55%{opacity:1}}@media(max-width:700px){.availability{font-size:9px;gap:6px}.availability>img{width:20px;height:20px}.platform-flow{gap:12px 0;max-width:330px;margin-top:22px}.platform-flow li{font-size:9px}.platform-flow li:not(:last-child):after{width:10px;margin:0 9px 0 4px}.hero-caption{margin-top:32px}}@media(prefers-reduced-motion:reduce){.motion-title.scroll-reveal .title-line>span{opacity:1!important;transform:none!important;transition:none!important}.project-card,.ability,.resource-advantage{translate:none!important}.platform-flow li{animation:none!important;opacity:1}.project-card:after,.ability:after,.resource-advantage:after{display:none}}@media print{.motion-title.scroll-reveal .title-line>span{opacity:1!important;transform:none!important}}.project-card.scroll-reveal,.ability.scroll-reveal,.resource-advantage.scroll-reveal{transition:opacity .75s ease var(--reveal-delay,0ms),transform .9s cubic-bezier(.2,.7,.3,1) var(--reveal-delay,0ms),translate .5s cubic-bezier(.2,.7,.3,1),box-shadow .5s}@media(min-width:701px){.hero-stage{justify-content:flex-start;padding-top:190px}.hero-name h1{font-size:clamp(130px,min(21vw,34vh),360px)}}@media(max-width:700px){.platform-flow{display:grid;grid-template-columns:repeat(3,max-content);gap:13px 0}.platform-flow li:nth-child(3):after{visibility:hidden}}.wordmark{font-size:23px}.wordmark span{font-size:14px}.header nav,.nav-contact{font-size:14px}.theme-toggle,.hero-top,.edition{font-size:13px}.hero-name>p{font-size:15px}.hero-caption>p{font-size:25px}.hero-caption>span{font-size:14px}.platform-flow li{font-size:12px}.hero-bottom>a{font-size:14px}.hero-bottom .scroll-link,.hero-bottom>p{font-size:13px}.section-heading{font-size:14px}.section-heading>span{font-size:13px}.small-label{font-size:13px}.body-copy{font-size:17px}.profile-facts span{font-size:12px}.profile-facts strong,.profile-facts a,.text-link{font-size:13px}.brand-wall-heading h3{font-size:15px}.brand-wall-heading p{font-size:13px}.brand-cell>span{font-size:14px}.brand-cell>p{font-size:12px}.metrics>div>span{font-size:13px}.metrics strong{font-size:60px}.metrics strong span{font-size:16px}.metrics p{font-size:12px}.metrics-note p{font-size:17px}.experience-summary{font-size:14px}.timeline-meta{font-size:13px}.timeline .timeline-item h3{font-size:20px}.timeline-item>p{font-size:14px}.timeline-highlight{font-size:13px}.education strong{font-size:16px}.education>span:not(.small-label),.education time{font-size:13px}.project-heading>p{font-size:14px}.concept-label{font-size:12px}.project-result>span{font-size:12px}.project-info p{font-size:12px}.project-info h3{font-size:24px}.project-info>span{font-size:13px}.strength-heading>p{font-size:14px}.ability h3{font-size:23px}.ability-top>span{font-size:13px}.ability>p{font-size:14px}.tags span,.ability-note{font-size:12px}.resource-intro .small-label{font-size:13px}.resource-details h4{font-size:19px}.resource-details p{font-size:14px}.contact-main>p{font-size:13px}.contact-details span{font-size:12px}.contact-details div>a{font-size:22px}.contact-details button{font-size:13px}footer .wordmark{font-size:20px}footer .wordmark span{font-size:12px}footer>p,footer>a:last-child{font-size:12px}.dialog-copy>p:not(.small-label):not(.draft-note){font-size:15px}.dialog-copy h3{font-size:15px}.case-modal-gallery>a>span{font-size:12px}.case-results span{font-size:12px}.dialog-copy ul{font-size:14px}.draft-note{font-size:12px}@media(max-width:1050px){.profile-facts strong,.profile-facts a{font-size:12px}.metrics-note p{font-size:14px}.ability h3{font-size:20px}.contact-details div>a{font-size:19px}}@media(max-width:700px){.wordmark{font-size:20px}.wordmark span,.nav-contact,.theme-toggle{font-size:11px}.header-actions{gap:13px}.nav-contact{gap:7px}.hero-top{font-size:11px}.availability{font-size:10px;gap:6px}.edition{font-size:10px}.hero-name>p{font-size:13px}.hero-caption>p{font-size:20px}.hero-caption>span{font-size:13px}.platform-flow{grid-template-columns:repeat(4,max-content);gap:14px 0;max-width:100%}.platform-flow li{font-size:11px}.platform-flow li:not(:last-child):after{width:8px;margin:0 8px 0 4px}.platform-flow li:nth-child(3):after{visibility:visible}.platform-flow li:nth-child(4):after{visibility:hidden}.hero-bottom>a{font-size:12px}.hero-bottom .scroll-link{font-size:11px}.section-heading{font-size:13px}.small-label{font-size:12px}.body-copy{font-size:16px}.profile-facts{grid-template-columns:1.4fr .6fr 1.2fr;gap:10px}.profile-facts span,.profile-facts strong,.profile-facts a{font-size:11px}.profile-facts a{gap:4px}.brand-wall-heading p{font-size:12px}.brand-cell>span{font-size:13px}.brand-cell>p{font-size:11px}.metrics>div>span{font-size:10px}.metrics strong{font-size:35px}.metrics strong span{font-size:12px}.metrics p{font-size:10px}.timeline-meta{font-size:12px}.timeline .timeline-item h3{font-size:18px}.timeline-item>p{font-size:13px}.timeline-highlight{font-size:12px}.education strong{font-size:18px}.education>span:not(.small-label),.education time{font-size:12px}.project-heading>p{font-size:13px}.concept-label{font-size:11px}.project-result>span{font-size:11px}.project-info h3{font-size:20px}.project-info p{font-size:11px}.strength-heading>p{font-size:13px}.ability h3{font-size:23px}.ability>p{font-size:14px}.ability-note{font-size:11px}.resource-details h4{font-size:19px}.resource-details p{font-size:14px}.contact-main>p{font-size:12px}.contact-details div>a{font-size:19px}.contact-details span,.contact-details button{font-size:12px}footer .wordmark{font-size:19px}footer .wordmark span{font-size:11px}footer>p,footer>a:last-child{font-size:11px}.dialog-copy>p:not(.small-label):not(.draft-note){font-size:14px}.case-modal-gallery>a>span{font-size:11px}.case-results span{font-size:11px}.dialog-copy ul{font-size:13px}.draft-note{font-size:11px}}.about h2,.project-heading h2,.strength-heading h2{font-size:clamp(38px,3.5vw,63px)}.experience h3,.resource-intro h3{font-size:27px}.contact-main h2{font-size:clamp(54px,7.5vw,134px)}.project-result strong{font-size:53px}.project-0 .project-result strong{font-size:65px}@media(max-width:700px){.about h2,.project-heading h2,.strength-heading h2{font-size:34px}.experience h3{font-size:25px}.timeline .timeline-item h3{font-size:18px}.resource-intro h3{font-size:24px}.contact-main h2{font-size:50px}.project-result strong,.project-0 .project-result strong{font-size:41px}.metrics strong{font-size:34px}.metrics strong .count-up{min-width:0!important}}@media(max-width:360px){.metrics{grid-template-columns:1fr}.metrics>div{border-left:0;padding:17px 0;border-bottom:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr;align-items:center}.metrics>div:first-child{padding:17px 0}.metrics strong{margin:0;text-align:right}.metrics p{grid-column:span 2}.profile-facts{grid-template-columns:1fr 1fr}.profile-facts>div:last-child{grid-column:span 2}.edition{display:none}.platform-flow{grid-template-columns:repeat(3,max-content)}.platform-flow li:nth-child(3):after,.platform-flow li:nth-child(6):after{visibility:hidden}.platform-flow li:nth-child(4):after{visibility:visible}.header-actions{gap:10px}.theme-toggle>span{display:none}}