:root{--ink:#171714;--paper:#f0eddf;--red:#ef3e24;--lime:#d9f56f;--line:rgba(23,23,20,.22)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:"DM Sans","Noto Sans JP",sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.noise{position:fixed;inset:0;opacity:.035;pointer-events:none;z-index:20;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}
.header{height:88px;padding:0 4vw;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);position:absolute;z-index:10;width:100%}.logo{display:flex;align-items:center;gap:11px;font-weight:900;font-size:20px;letter-spacing:.08em}.logo-mark{display:grid;place-items:center;width:34px;height:34px;background:var(--ink);color:var(--paper);border-radius:50%;font-size:16px}.nav{display:flex;gap:36px;font-size:13px;font-weight:700}.nav a{transition:opacity .2s}.nav a:hover{opacity:.5}.language-picker{margin-left:auto;margin-right:18px;position:relative}.language-picker:after{content:"⌄";position:absolute;right:9px;top:50%;transform:translateY(-58%);font-size:11px;pointer-events:none}.language-picker select{appearance:none;background:transparent;border:1px solid var(--ink);border-radius:0;color:var(--ink);font:700 10px "DM Sans",sans-serif;letter-spacing:.08em;padding:10px 28px 10px 10px;cursor:pointer}.header-cta{background:var(--ink);color:#fff;padding:14px 19px;font-size:13px;font-weight:700}.header-cta span{margin-left:18px}.menu-button{display:none;background:none;border:0}.hero{min-height:760px;height:100vh;position:relative;padding-top:88px;display:grid;grid-template-columns:57% 43%;overflow:hidden}.hero-copy{padding:8vh 4vw 0;display:flex;flex-direction:column}.eyebrow{font-size:11px;font-weight:700;letter-spacing:.16em;margin:0 0 4vh}.hero h1{font-family:"Noto Sans JP",sans-serif;font-size:clamp(68px,9.2vw,144px);line-height:.95;letter-spacing:-.07em;margin:0;font-weight:900}.hero h1 span{display:block}.hero h1 .outline{color:transparent;-webkit-text-stroke:2px var(--ink)}html:not([lang="ja"]) .hero h1{font-size:clamp(52px,6.7vw,108px);letter-spacing:-.055em}.hero-bottom{margin-top:auto;margin-bottom:8vh;display:flex;justify-content:space-between;align-items:end}.hero-bottom p{font-size:16px;line-height:1.9;font-weight:600}.circle-link{width:88px;height:88px;border:1px solid var(--ink);border-radius:50%;display:grid;place-items:center;position:relative;transition:.25s}.circle-link:hover{background:var(--ink);color:#fff}.circle-link span{font-size:9px;letter-spacing:.15em;position:absolute;top:20px}.circle-link b{font-size:20px;margin-top:18px}.hero-visual{background:var(--red);position:relative;overflow:hidden}.sun{width:23vw;height:23vw;border-radius:50%;background:var(--lime);position:absolute;right:-5vw;top:13%;box-shadow:0 0 70px rgba(217,245,111,.3)}.route{position:absolute;border:2px solid rgba(23,23,20,.8);border-radius:50%}.route-one{width:62vw;height:33vw;transform:rotate(-35deg);left:-15vw;top:15vw}.route-two{width:38vw;height:20vw;transform:rotate(45deg);left:6vw;bottom:-6vw}.runner{position:absolute;width:160px;height:310px;left:40%;top:45%;transform:translate(-50%,-50%) rotate(-6deg)}.runner-head{position:absolute;width:54px;height:65px;border-radius:48% 48% 42% 42%;background:var(--ink);top:0;left:55px}.runner-head:after{content:"";position:absolute;width:65px;height:12px;background:var(--ink);left:22px;top:10px;transform:rotate(8deg)}.runner-body{position:absolute;width:78px;height:130px;left:43px;top:56px;background:var(--paper);clip-path:polygon(15% 0,80% 6%,100% 100%,0 100%)}.runner-pack{position:absolute;width:77px;height:95px;left:4px;top:70px;background:var(--ink);color:var(--paper);display:grid;place-items:center;font-size:13px;letter-spacing:.15em;font-weight:700;transform:rotate(-5deg)}.runner-leg{position:absolute;width:25px;height:135px;top:175px;background:var(--ink);transform-origin:top}.leg-one{left:55px;transform:rotate(23deg)}.leg-two{left:95px;transform:rotate(-30deg);height:145px}.vertical-type{writing-mode:vertical-rl;position:absolute;right:8%;bottom:8%;font-size:18px;font-weight:900;letter-spacing:.3em}.coord{position:absolute;left:6%;bottom:6%;font-size:9px;line-height:1.5;font-weight:700}.ticker{position:absolute;height:42px;background:var(--ink);color:#fff;bottom:0;left:0;width:100%;display:flex;align-items:center;overflow:hidden}.ticker-track{display:flex;gap:26px;align-items:center;white-space:nowrap;animation:ticker 20s linear infinite;font-size:11px;letter-spacing:.2em;font-weight:700}.ticker i{color:var(--red);font-style:normal}@keyframes ticker{to{transform:translateX(-50%)}}
.section-pad{padding:130px 6vw}.section-label{font-size:11px;letter-spacing:.18em;font-weight:700;display:flex;align-items:center;gap:18px}.section-label span{width:30px;height:30px;border:1px solid currentColor;border-radius:50%;display:grid;place-items:center;font-size:9px}.intro{min-height:700px}.intro-grid{display:grid;grid-template-columns:1.1fr .7fr;gap:10vw;margin-top:90px}.intro h2,.process h2{font-size:clamp(44px,6vw,90px);line-height:1.2;letter-spacing:-.06em;margin:0;font-weight:900}.intro h2 em{font-style:normal;color:var(--red)}.intro-copy{padding-top:25px}.intro-copy p{font-size:16px;line-height:2.2;margin:0 0 28px}.text-link{display:inline-flex;gap:50px;border-bottom:1px solid;padding:0 0 9px;margin-top:12px;font-size:13px;font-weight:700}
.services{background:var(--ink);color:#fff}.section-head{display:flex;justify-content:space-between;align-items:start;margin-bottom:80px}.section-head>p{font-size:14px;line-height:1.8;margin:0}.service-list{border-top:1px solid rgba(255,255,255,.25)}.service-item{display:grid;grid-template-columns:90px 1fr 1fr 50px;align-items:center;border-bottom:1px solid rgba(255,255,255,.25);padding:34px 10px;transition:.25s}.service-item:hover{background:var(--red);padding-left:25px;padding-right:25px}.service-num{font-size:11px;color:#aaa}.service-item h3{font-size:clamp(26px,3vw,46px);margin:0;letter-spacing:-.04em}.service-item p{font-size:13px;line-height:1.8;color:#bbb;max-width:370px}.service-item:hover p,.service-item:hover .service-num{color:#fff}.service-arrow{font-size:24px;text-align:right}
.works .section-head{align-items:end}.section-head h2{font-size:clamp(40px,5vw,72px);letter-spacing:-.06em;margin:0}.work-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px 28px}.work-card{display:block}.work-large{grid-column:1/-1}.work-image{height:420px;position:relative;overflow:hidden;transition:transform .35s}.work-large .work-image{height:600px}.work-card:hover .work-image{transform:scale(.985)}.image-a{background:#b9d4c9;display:grid;place-items:center}.mock-logo{font-size:clamp(70px,15vw,210px);font-weight:900;letter-spacing:-.09em;color:#19342a}.image-a:after{content:"ETHICAL COFFEE / TOKYO";position:absolute;bottom:7%;font-size:11px;letter-spacing:.2em}.pill{position:absolute;top:18px;right:18px;border:1px solid currentColor;border-radius:20px;padding:7px 12px;font-size:9px;letter-spacing:.12em}.image-b{background:#d1c0a9;display:grid;place-items:center}.arch{width:52%;height:74%;border-radius:120px 120px 0 0;background:#815a3f;color:#f2e8da;display:grid;place-items:center;writing-mode:vertical-rl;letter-spacing:.35em;font-weight:700}.image-c{background:#b8a5f5;display:grid;place-items:center}.image-c b{position:relative;font-size:55px;line-height:.85;z-index:2}.tech-lines{position:absolute;width:330px;height:330px;border:1px solid;transform:rotate(30deg)}.tech-lines:before,.tech-lines:after{content:"";position:absolute;inset:35px;border:1px solid;transform:rotate(30deg)}.tech-lines:after{inset:70px}.work-meta{display:grid;grid-template-columns:1fr 1fr auto;align-items:end;padding:18px 3px;border-bottom:1px solid var(--line)}.work-meta h3{margin:0;font-size:20px}.work-meta p,.work-meta span{font-size:11px;margin:0;color:#666}
.process{border-top:1px solid var(--line)}.process-grid{display:grid;grid-template-columns:1fr 1fr;gap:10vw;margin-top:80px}.steps{margin:0;padding:0;list-style:none}.steps li{display:grid;grid-template-columns:90px 1fr;border-top:1px solid var(--line);padding:28px 0}.steps li:last-child{border-bottom:1px solid var(--line)}.steps span{font-size:9px;letter-spacing:.12em}.steps h3{font-size:28px;margin:0 0 10px}.steps p{font-size:13px;color:#666;margin:0}.contact{background:var(--red);padding:120px 6vw 35px;min-height:600px;display:flex;flex-direction:column;justify-content:space-between}.contact-inner{text-align:center}.contact-inner p{font-size:11px;letter-spacing:.2em;font-weight:700}.contact-inner h2{font-size:clamp(50px,9vw,130px);letter-spacing:-.07em;margin:30px 0 55px}.contact-inner>a{display:inline-flex;gap:80px;padding:20px 25px;border:1px solid;font-size:13px;font-weight:700;transition:.2s}.contact-inner>a:hover{background:var(--ink);color:#fff}.contact footer{display:grid;grid-template-columns:1fr 1fr 1fr auto;align-items:end;border-top:1px solid rgba(23,23,20,.35);padding-top:28px;margin-top:100px}.footer-logo{align-self:start}.contact footer p,.contact footer a,.contact footer span{font-size:10px;line-height:1.7}.contact footer div{display:flex;flex-direction:column}
.reveal{opacity:0;transform:translateY(28px);transition:opacity .8s ease,transform .8s ease}.reveal.visible{opacity:1;transform:none}
@media(max-width:800px){.header{height:70px}.nav,.header-cta{display:none}.language-picker{margin-left:auto;margin-right:12px}.language-picker select{padding:8px 25px 8px 8px}.menu-button{display:block;width:36px;height:30px;position:relative}.menu-button span{display:block;height:2px;background:var(--ink);margin:7px 0}.header.menu-open{position:fixed;background:var(--paper)}.header.menu-open .nav{display:flex;position:fixed;inset:70px 0 0;background:var(--paper);flex-direction:column;padding:60px 7vw;font-size:28px}.hero{height:auto;min-height:0;display:block;padding-top:70px}.hero-copy{height:590px;padding:55px 6vw 0}.hero h1{font-size:17vw}html:not([lang="ja"]) .hero h1{font-size:13.5vw}.hero-bottom{margin-bottom:40px}.circle-link{width:68px;height:68px}.hero-visual{height:520px}.sun{width:60vw;height:60vw}.runner{left:45%}.ticker{bottom:auto}.section-pad{padding:90px 6vw}.intro-grid,.process-grid{grid-template-columns:1fr;gap:45px;margin-top:55px}.intro{min-height:0}.intro h2,.process h2{font-size:12vw}.section-head{display:block;margin-bottom:45px}.section-head>p{margin-top:30px}.service-item{grid-template-columns:45px 1fr 25px;padding:25px 0}.service-item p{grid-column:2/3}.service-item:hover{padding-left:10px;padding-right:10px}.work-grid{grid-template-columns:1fr;gap:50px}.work-large{grid-column:auto}.work-image,.work-large .work-image{height:410px}.work-meta{grid-template-columns:1fr auto}.work-meta p{grid-row:2}.work-meta span{grid-column:2;grid-row:1}.process-grid{margin-top:50px}.contact{padding-top:90px}.contact-inner h2{font-size:14vw}.contact footer{grid-template-columns:1fr 1fr;gap:30px}.contact footer>span{text-align:right}.footer-logo{grid-column:1/-1}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.ticker-track{animation:none}.reveal{opacity:1;transform:none;transition:none}}