:root{--ink:#17241f;--cream:#f5f1e9;--paper:#fffdf8;--red:#df5038;--gold:#d4a448;--sage:#d9e1da;--line:#d4d0c6;--muted:#69746c}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:"PingFang SC","Microsoft YaHei",Arial,sans-serif}a{color:inherit;text-decoration:none}.wrap{max-width:1440px;padding:0 4vw;margin:auto}.nav{height:78px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.logo{display:flex;align-items:center;gap:9px;font-size:21px;font-weight:900;letter-spacing:1px}.logo b{display:grid;place-items:center;background:var(--ink);color:#fff;width:32px;height:32px;font-size:16px}.links{display:flex;gap:23px;align-items:center;font-size:14px;white-space:nowrap}.links a{position:relative}.links a:after{content:"";position:absolute;bottom:-9px;left:0;width:0;height:2px;background:var(--red);transition:.2s}.links a:hover:after,.links a.on:after{width:100%}.menu{display:none}.eyebrow{font:700 11px Arial;letter-spacing:1.7px;color:var(--red)}.home-hero{padding:84px 0 72px;min-height:650px;position:relative;overflow:hidden;border-bottom:1px solid var(--line)}.home-hero h1{font-size:clamp(63px,10vw,154px);line-height:.86;letter-spacing:-.12em;margin:23px 0 32px;max-width:950px}.home-hero p{width:390px;max-width:100%;font-size:16px;line-height:2;color:#455148}.disc{position:absolute;width:500px;height:500px;right:-70px;bottom:-130px;border-radius:50%;background:var(--red);z-index:-1}.disc:before{content:"TOOMEI · TOOMEI · TOOMEI";position:absolute;inset:55px;border:1px solid #ffb5a6;border-radius:50%;display:grid;place-items:center;color:#ffe6df;font:11px Arial;letter-spacing:3px}.hero-meta{position:absolute;right:34vw;bottom:40px;font:12px Arial;letter-spacing:1.5px}.home-intro{display:grid;grid-template-columns:1fr 1fr;gap:8vw;padding:110px 0}.home-intro h2,.section-title{font-size:clamp(37px,5vw,70px);line-height:1.1;letter-spacing:-.09em;margin:16px 0}.home-intro p{align-self:end;font-size:17px;line-height:2;color:#4c5850}.case-area{background:var(--ink);padding:94px 0;color:#fff9ef}.case-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:36px}.case-head h2{font-size:clamp(36px,4.5vw,64px);line-height:1.1;letter-spacing:-.08em;margin:16px 0 0}.case-head span{font:12px Arial;color:#b4c0b9}.case-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.case{min-height:348px;padding:20px;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden}.case small{font:11px Arial;letter-spacing:1px}.case strong{font-size:29px;line-height:1;letter-spacing:-.07em;position:relative;z-index:1}.case em{position:absolute;right:12px;top:40%;font-style:normal;font-size:112px;font-weight:900;letter-spacing:-.2em;line-height:1;opacity:.95}.c1{background:#e2523a}.c2{background:#f0c048;color:#17241f}.c3{background:#d7e0d8;color:#17241f}.c4{background:#4a6570}.c5{background:#b78e70}.service-overview{padding:105px 0}.service-list{border-top:1px solid var(--ink)}.service-row{display:grid;grid-template-columns:85px 1fr 1.1fr 34px;gap:25px;align-items:center;padding:28px 0;border-bottom:1px solid var(--line);transition:.2s}.service-row:hover{padding-left:14px;background:#ece8df}.service-row h3{margin:0;font-size:29px;letter-spacing:-.06em}.service-row p{margin:0;font-size:14px;line-height:1.7;color:var(--muted)}.arr{font-size:25px;color:var(--red);text-align:right}.statement{padding:105px 0;background:var(--sage)}.statement-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:8vw}.statement h2{font-size:clamp(40px,5.7vw,78px);line-height:1.05;letter-spacing:-.11em;margin:18px 0}.statement p{font-size:16px;line-height:2;color:#425147}.contact-band{background:var(--red);color:#fff4ed;padding:92px 0 34px}.contact-band h2{font-size:clamp(49px,7vw,100px);line-height:.95;letter-spacing:-.11em;margin:18px 0 55px}.contact-grid{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid #faab9b;padding-top:24px}.contact-grid div{font-size:15px;line-height:2}.contact-grid b{font:11px Arial;letter-spacing:1px}.footer{margin-top:67px;display:flex;justify-content:space-between;color:#ffe2db;font:11px Arial}.subhero{padding:85px 0 60px;background:var(--ink);color:#fff9ef;position:relative;overflow:hidden}.subhero:after{content:"";width:290px;height:290px;border:1px solid #71837a;border-radius:50%;position:absolute;right:8vw;bottom:-160px}.subhero h1{font-size:clamp(55px,8.4vw,120px);letter-spacing:-.12em;line-height:.9;margin:20px 0}.subhero p{max-width:500px;color:#c7d0ca;line-height:1.9;font-size:16px}.crumb{font:11px Arial;letter-spacing:1px;color:#aebbb3}.portfolio{padding:82px 0 110px}.portfolio-intro{display:grid;grid-template-columns:1fr 1fr;gap:6vw;padding-bottom:46px}.portfolio-intro h2{font-size:clamp(31px,4vw,55px);letter-spacing:-.08em;line-height:1.13;margin:14px 0}.portfolio-intro p{align-self:end;line-height:1.9;color:var(--muted)}.project-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.project{min-height:330px;padding:25px;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden}.project .num{font:12px Arial;letter-spacing:1px}.project h3{font-size:34px;line-height:1.05;letter-spacing:-.07em;margin:0;max-width:340px;position:relative;z-index:1}.project p{font-size:13px;line-height:1.7;margin:11px 0 0;max-width:340px;position:relative;z-index:1}.shape{position:absolute;right:-20px;bottom:-65px;font-size:235px;font-weight:900;line-height:1;letter-spacing:-.25em;opacity:.88}.p-red{background:#dd553b;color:#fffaf0}.p-blue{background:#d8e7e8;color:#162823}.p-black{background:#243139;color:#fffaf0}.p-yellow{background:#eac451;color:#18251f}.p-purple{background:#8671a0;color:#fffaf0}.p-white{background:#ebe6d9;color:#1d2a24}.process{padding:86px 0;background:#e2e8e1}.process h2{font-size:clamp(35px,4vw,57px);letter-spacing:-.08em;margin:12px 0 38px}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:#adbbb0}.steps div{background:#e2e8e1;padding:24px;min-height:150px}.steps b{display:block;font:12px Arial;color:var(--red)}.steps strong{display:block;font-size:20px;margin:42px 0 0}.info-page{padding:84px 0 110px;display:grid;grid-template-columns:1fr 1fr;gap:10vw}.info-page h1{font-size:clamp(52px,7vw,100px);letter-spacing:-.1em;line-height:.95;margin:18px 0}.info-page p{font-size:16px;line-height:2;color:#48544c}.contact-card{padding:30px;margin-top:35px;background:var(--ink);color:#fdf9f1}.contact-card b{font:11px Arial;letter-spacing:1px;color:#b7c1ba}.contact-card p{color:#edf1ec;margin:17px 0 0;font-size:17px}.address{padding-top:34px;border-top:1px solid var(--line);margin-top:38px}.address h2{font-size:27px;letter-spacing:-.05em}@media(max-width:900px){.links{gap:13px;font-size:12px}.case-grid{grid-template-columns:repeat(3,1fr)}.case:last-child{grid-column:span 2}.case{min-height:260px}}@media(max-width:650px){.wrap{padding:0 22px}.nav{height:68px}.logo{font-size:18px}.links{display:none}.menu{display:block;font:11px Arial;letter-spacing:1px}.home-hero{padding-top:68px;min-height:570px}.disc{width:330px;height:330px;right:-125px;bottom:-60px}.hero-meta{right:145px;bottom:24px}.home-intro,.statement-grid,.portfolio-intro,.info-page{grid-template-columns:1fr;gap:25px;padding:70px 0}.case-area,.service-overview,.statement{padding:70px 0}.case-head{display:block}.case-head span{display:block;margin-top:14px}.case-grid{grid-template-columns:1fr 1fr}.case:last-child{grid-column:span 2}.case{min-height:220px}.case strong{font-size:24px}.case em{font-size:86px}.service-row{grid-template-columns:48px 1fr 24px;gap:12px}.service-row p{display:none}.service-row h3{font-size:24px}.contact-band{padding-top:70px}.contact-grid{grid-template-columns:1fr;gap:23px}.footer{margin-top:48px;gap:10px}.subhero{padding:65px 0 54px}.portfolio{padding:65px 0}.project-grid{grid-template-columns:1fr}.project{min-height:285px}.steps{grid-template-columns:1fr 1fr}.info-page{padding-top:65px}.address{margin-top:22px}}
.extra-project{display:none}.extra-project.show{display:flex}.more-row{display:flex;justify-content:flex-end;margin-top:26px}.more-button{border:1px solid var(--ink);background:transparent;color:var(--ink);font:700 12px Arial;letter-spacing:1.4px;padding:14px 19px;cursor:pointer;transition:.2s}.more-button:hover{background:var(--ink);color:#fff}
/* Refined neutral system: black, white, gray and orange. */
:root{--ink:#151515;--cream:#f7f7f5;--paper:#fff;--red:#ed6a32;--gold:#ed6a32;--sage:#e9e9e6;--line:#d6d6d2;--muted:#626262}.home-hero h1,.subhero h1,.statement h2,.contact-band h2{letter-spacing:-.055em}.home-intro h2,.section-title,.case-head h2,.portfolio-intro h2,.info-page h1{letter-spacing:-.04em}.home-hero p,.home-intro p,.statement p,.subhero p,.portfolio-intro p,.info-page p{letter-spacing:.045em}.case strong,.service-row h3,.project h3{letter-spacing:-.025em}.wrap{padding-left:5.5vw;padding-right:5.5vw}.links{gap:26px}.c1,.p-red{background:#ed6a32}.c2,.p-yellow{background:#dededb;color:#151515}.c3,.p-white{background:#f7f7f5;color:#151515}.c4,.p-blue{background:#555;color:#fff}.c5,.p-purple{background:#a3a3a0;color:#151515}.p-black{background:#151515;color:#fff}.statement,.process{background:#e9e9e6}.steps{background:#c8c8c4}.steps div{background:#e9e9e6}.contact-band{background:#ed6a32}.case-area,.subhero{background:#151515}.contact-grid{border-color:#ffbf9f}@media(max-width:650px){.wrap{padding-left:26px;padding-right:26px}.home-hero h1{letter-spacing:-.035em}.links{gap:16px}}
/* Airier vertical rhythm and the mixed homepage portfolio. */
.home-hero h1{line-height:1.08;margin-top:30px;margin-bottom:38px}.subhero h1{line-height:1.06;margin-top:28px;margin-bottom:30px}.statement h2,.contact-band h2{line-height:1.16}.home-intro h2,.section-title,.case-head h2,.portfolio-intro h2,.info-page h1{line-height:1.28}.home-mix{padding:108px 0;background:#fff}.mix-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:36px}.mix-head h2{font-size:clamp(34px,4.5vw,62px);line-height:1.22;letter-spacing:-.035em;margin:14px 0 0}.mix-head span{font:12px Arial;letter-spacing:1px;color:#666}.mix-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}.mix-card{min-height:230px;padding:18px;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden}.mix-card small{font:11px Arial;letter-spacing:1px}.mix-card strong{font-size:24px;letter-spacing:-.015em;line-height:1.35;position:relative;z-index:1}.mix-card i{font-style:normal;font-size:98px;font-weight:900;letter-spacing:-.18em;position:absolute;right:12px;bottom:-24px;opacity:.35}.mix-card:nth-child(4n+1){background:#151515;color:#fff}.mix-card:nth-child(4n+2){background:#ed6a32;color:#fff}.mix-card:nth-child(4n+3){background:#e6e6e3;color:#151515}.mix-card:nth-child(4n){background:#fafafa;color:#151515;border:1px solid #dededb}@media(max-width:900px){.mix-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:650px){.home-hero h1{line-height:1.14}.mix-head{display:block}.mix-head span{display:block;margin-top:12px}.home-mix{padding:70px 0}.mix-grid{grid-template-columns:repeat(2,1fr);gap:9px}.mix-card{min-height:175px;padding:15px}.mix-card strong{font-size:20px}}
/* Homepage campaign carousel and richer contact footer. */
.campaign{background:#151515;color:#fff;overflow:hidden}.campaign-track{display:flex;width:300%;animation:campaign 16s ease-in-out infinite}.campaign-slide{width:33.333%;min-height:520px;padding:70px 5.5vw;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden}.campaign-slide h1{font-size:clamp(52px,7.5vw,112px);line-height:1.13;letter-spacing:-.045em;margin:18px 0;max-width:940px}.campaign-slide p{max-width:410px;font-size:16px;line-height:2;letter-spacing:.04em;color:#e0e0de}.campaign-slide b{font:700 11px Arial;letter-spacing:1.8px;color:#ff9366}.campaign-slide i{position:absolute;right:7vw;bottom:-55px;font-style:normal;font-size:310px;font-weight:900;letter-spacing:-.25em;opacity:.13}.campaign-slide.orange{background:#ed6a32}.campaign-slide.gray{background:#555}.campaign-dots{position:absolute;left:5.5vw;bottom:28px;display:flex;gap:8px}.campaign-dots span{width:28px;height:2px;background:#fff8;display:block}.campaign-dots span:first-child{background:#fff}@keyframes campaign{0%,27%{transform:translateX(0)}33%,60%{transform:translateX(-33.333%)}66%,93%{transform:translateX(-66.666%)}100%{transform:translateX(0)}}.contact-plus{display:grid;grid-template-columns:150px 1fr;gap:28px;margin-top:38px;padding-top:27px;border-top:1px solid #ffbf9f;align-items:center}.contact-plus img{width:130px;height:130px;object-fit:cover;background:#fff;padding:5px}.contact-plus b{font:700 12px Arial;letter-spacing:1.3px}.map-link{display:inline-flex;margin-top:13px;border-bottom:1px solid #fff;padding-bottom:3px;font-size:15px}.map-link:hover{color:#151515;border-color:#151515}@media(max-width:650px){.campaign-slide{min-height:440px;padding:58px 26px}.campaign-slide h1{line-height:1.2}.campaign-slide i{font-size:180px;right:0}.campaign-dots{left:26px}.contact-plus{grid-template-columns:1fr}.contact-plus img{width:120px;height:120px}}