/* Fewer slogans, clearer hierarchy, details only when wanted. */
.hero{background-image:none;padding-top:20px;min-height:auto}.hero-center{padding-top:10px}.eyebrow{color:#b7c9a4;font-size:11px}.hero-story{padding-top:12px}.hero-desc{font-size:17px;line-height:2}.hero-intro{display:block;color:#adb9a4;font-size:12px;margin-top:14px}.hero-bottom{border-top:1px solid #333e2d;padding-top:12px;justify-content:flex-end;color:#a6b398}.thief-controls{font-size:10px}.thief-status{color:#a4b496}.thief-controls button{border-color:#3e4c34}.research{padding-top:130px;padding-bottom:100px;background:#101110;grid-template-columns:1.1fr 1fr;gap:7%;border-top:1px solid #333e2d}.research h2{color:#eef2e6;font-size:clamp(32px,3.8vw,55px);line-height:1.5}.research .label{color:#a6e8ff;font-size:11px}.research-content>p{font-size:15px;line-height:2.1;color:#bfcbb3;margin:0 0 24px}.research-content .belief{color:#eef2e6;font-size:20px;margin-bottom:30px}.experiment-record{grid-template-columns:1.1fr 1fr;gap:7%;background:#101110;border:0;padding-top:0;padding-bottom:115px;align-items:center}.record-visual{min-height:360px;position:relative;background:#ffb4d9;color:#222419;display:flex;align-items:center;justify-content:center;overflow:hidden}.record-visual img{height:220px;width:auto;image-rendering:pixelated;transform:rotate(-8deg)}.record-edition{position:absolute;left:22px;top:20px;font-size:10px;letter-spacing:.08em}.record-mark{position:absolute;bottom:28px;right:30px;font-size:42px;transform:rotate(10deg)}.record-body .label{font-size:10px;color:#a6e8ff;margin-bottom:18px}.record-body h2{font-size:48px;line-height:1.4;margin-bottom:22px;color:#d5ff45}.record-body h2>span{display:block;font:12px Arial,sans-serif;color:#b8c8a8;margin-top:10px}.record-body>p{font-size:14px;line-height:2;color:#aebfa1}.record-body .record-one-line{font-size:21px;line-height:1.8;color:#edf3e6}.record-body .research-link{font-size:12px}.services{display:block;padding-top:90px;padding-bottom:95px;background:#f0f0e7}.section-heading{position:static;display:grid;grid-template-columns:1fr auto;align-items:end;margin-bottom:55px}.section-heading .label{grid-column:1/-1;font-size:11px;margin-bottom:24px}.section-heading h2{font-size:clamp(34px,4vw,54px);margin:0;line-height:1.4}.section-heading .service-contact{margin:0 0 5px}.service-list{display:grid;grid-template-columns:1fr 1fr;gap:35px 7%}.service{grid-template-columns:38px 1fr;gap:18px;border-color:#a5af97;padding:28px 0 14px;align-content:start}.service:first-child{border-color:#a5af97}.service .number{font-size:21px;line-height:1.7;color:#58674a!important}.service-en{font-size:10px;letter-spacing:.07em;color:#536446!important;margin-bottom:14px}.service h3{font-size:26px;line-height:1.6;font-weight:500;margin:0 0 12px}.service .deliverables{font-size:13px!important;line-height:1.9!important;color:#4a5840}.service-more{margin-top:22px}.service-more summary{font-size:12px;color:#354d26;cursor:pointer;padding:9px 0;width:fit-content;min-height:40px}.service-more[open] summary{margin-bottom:12px}.service-more p{font-size:13px!important;margin-bottom:14px!important;color:#435138}.service-more p span{display:block;font-size:10px;margin-bottom:5px;color:#5b6c4e}.about{padding-top:85px;padding-bottom:75px;background:#101110}.about>.label{font-size:11px;margin-bottom:25px}.about h2{font-size:clamp(28px,3vw,42px);line-height:1.5;color:#edf3e6;margin-bottom:40px}.steps{border-color:#46543b}.steps article+article{border-color:#46543b}.steps h3{font-size:clamp(38px,4.5vw,64px)!important;transform:none!important;margin:18px 0 12px}.steps h4{font-size:16px;font-weight:400;color:#e6edde}.steps p{font-size:13px;color:#aebe9f;line-height:1.9}.steps article>span{background:none!important;padding:0!important;color:#a6e8ff!important;font-size:11px}.project-details{border-top:1px solid #46543b;margin-top:40px;padding-top:10px}.project-details>summary{font-size:12px;color:#bbccac;cursor:pointer;padding:12px 0;min-height:44px}.working-notes{border:0;margin:5px 0 0;padding:12px 0}.working-notes p{font-size:13px}.contact{padding-top:85px;padding-bottom:85px}.contact h2{font-size:clamp(36px,4.5vw,64px)}.contact-brief{max-width:450px;margin-top:28px;padding:0;border-top:1px solid #7c9444}.contact-brief summary{padding:17px 0;font-size:12px;cursor:pointer}.contact-brief ul{font-size:13px;margin-top:0}.contact-status{margin-top:22px}.contact-status .pixel{border:0;padding:0;font-size:14px}.contact-status span:last-child{font-size:11px}.closing-mark{font-size:23vw;padding-top:25px;padding-bottom:10px}summary:focus-visible{outline:2px solid #8c4070;outline-offset:4px}
@media(max-width:760px){.hero{padding-top:25px}.hero-story h1{font-size:8vw}.hero-desc{font-size:15px!important}.hero-intro{font-size:11px;margin-top:12px}.hero-center{padding-top:0}.wordmark{margin-top:12px}.research{padding:75px 7% 35px;display:block}.research-title{margin-bottom:30px}.research h2{font-size:clamp(27px,8vw,32px)}.research-content .belief{font-size:17px;line-height:1.9}.research-content>p{font-size:13px}.experiment-record{display:block;padding:20px 7% 70px}.record-visual{min-height:300px;margin-bottom:30px}.record-visual img{height:190px}.record-mark{font-size:34px;right:20px}.record-body h2{font-size:38px;margin-bottom:20px}.record-body .record-one-line{font-size:20px}.record-body>p{font-size:13px}.record-body .label{margin-top:0}.services{padding:65px 7%}.section-heading{display:block;margin-bottom:32px}.section-heading h2{font-size:34px}.section-heading .service-contact{margin-top:22px;font-size:12px}.service-list{grid-template-columns:1fr;gap:18px}.service{grid-template-columns:26px 1fr;gap:12px;padding-top:25px}.service h3{font-size:23px}.service .number{font-size:18px}.service .deliverables{font-size:12px!important}.service-more{margin-top:12px}.about{padding:65px 7%}.about h2{font-size:25px;margin-bottom:28px}.steps article{padding:24px 0}.steps h3{font-size:43px!important;margin-top:8px}.steps p br{display:none}.steps article:last-child{padding-bottom:0}.contact{padding:65px 7%}.contact h2{font-size:36px}.contact-brief summary{font-size:12px}.closing-mark{font-size:24vw}}
/* Keep the statement legible as two deliberate lines. */
.hero-story h1{font-size:clamp(28px,3vw,44px);line-height:1.65}
@media(max-width:760px){.hero-story h1{font-size:6vw;line-height:1.7}.hero-desc br{display:block}}
@media(min-width:761px){.hero .wordmark{font-size:clamp(120px,17vw,280px)}}

/* The creative origin is visible within About, below the company purpose. */
.creator-origin{margin-top:34px;padding-top:25px;border-top:1px solid #41463e;max-width:620px}
.creator-origin .creator-label{font-size:12px;letter-spacing:.12em;color:#b7bcae;margin:0 0 12px}
.creator-origin h3{display:flex;align-items:baseline;flex-wrap:wrap;gap:10px 18px;font-size:28px;line-height:1.5;font-weight:500;margin:0 0 10px;color:#f3f2df}
.creator-origin h3 span{font-size:12px;letter-spacing:.12em;color:#d0c9b9}
.creator-origin .creator-credit{font-size:12px;line-height:1.9;color:#afb5a6;margin:0 0 14px}
.creator-origin .creator-story{font-size:14px;line-height:1.95;color:#d7dccf;margin:0}
@media(max-width:760px){.creator-origin{margin-top:28px;padding-top:22px}.creator-origin h3{font-size:26px}.creator-origin .creator-story{font-size:13px}.creator-origin .creator-story br{display:none}}

/* Keep the contact action readable on the light contact background. */
.contact .button{color:inherit;border-color:currentColor}
.contact .button:hover{color:inherit;border-color:currentColor}
.contact .button span:last-child{color:inherit}