@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--ink:#172025;--muted:#68727a;--blue:#5668e9;--line:#e5e7e7;--paper:#f8f9f7;--white:#fff}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.6 Manrope,system-ui,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}a:focus-visible,button:focus-visible{outline:3px solid var(--blue);outline-offset:4px}.shell{max-width:1200px;padding:0 32px;margin:0 auto}.topbar{height:91px;display:flex;align-items:center;justify-content:space-between;gap:24px}.mark{display:inline-flex;align-items:center;gap:13px;font-weight:800;letter-spacing:-.05em;font-size:20px}.mark svg{width:35px;height:35px}.nav{display:flex;gap:32px;align-items:center;font-size:14px;font-weight:650}.nav a{color:#59646c;transition:color .2s}.nav a:hover{color:var(--blue)}.nav .contact{color:#fff;background:var(--ink);border-radius:12px;padding:11px 16px}.hero{padding:98px 0 115px;position:relative;overflow:hidden}.eyebrow{display:inline-flex;align-items:center;gap:9px;text-transform:uppercase;letter-spacing:.17em;font-size:11px;font-weight:800;color:var(--blue)}.eyebrow:before{content:'';width:7px;height:7px;border-radius:100%;background:currentColor}.hero h1{font-size:clamp(52px,7.6vw,106px);max-width:1020px;line-height:1.06;letter-spacing:-.075em;margin:26px 0 31px;font-weight:800}.hero h1 em{font-style:normal;color:var(--blue)}.lead{max-width:600px;color:var(--muted);font-size:clamp(17px,2vw,21px);line-height:1.7;margin:0}.actions{margin-top:35px;display:flex;gap:14px;align-items:center;flex-wrap:wrap}.btn{display:inline-flex;justify-content:center;align-items:center;gap:10px;border-radius:14px;padding:15px 22px;background:var(--ink);color:white;font-size:14px;font-weight:750;transition:transform .25s,background .25s}.btn:hover{transform:translateY(-3px);background:#344459}.btn.light{background:#fff;border:1px solid var(--line);color:var(--ink)}.btn.light:hover{background:#eceef0}.hero-float{position:absolute;right:0;bottom:78px;opacity:.3;pointer-events:none}.section{padding:95px 0}.section-head{display:flex;justify-content:space-between;align-items:end;gap:32px;margin-bottom:35px}.section-head h2,.statement h2{letter-spacing:-.055em;line-height:1.14;font-size:clamp(32px,4vw,58px);margin:14px 0 0}.section-head p{max-width:350px;color:var(--muted);font-size:15px;margin:0}.work-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:22px}.project{border-radius:26px;overflow:hidden;position:relative;display:flex;flex-direction:column;min-height:470px;background:#f0efed;transition:transform .25s,box-shadow .25s}.project:hover{transform:translateY(-5px);box-shadow:0 18px 65px #1d283015}.project .art{min-height:275px;flex:1;display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative}.project .detail{padding:28px 31px 30px;display:flex;align-items:end;justify-content:space-between;gap:10px}.project h3{font-size:30px;letter-spacing:-.05em;line-height:1.15;margin:7px 0 7px}.project p{color:#5f686d;font-size:14px;line-height:1.6;margin:0;max-width:380px}.tag{font-size:10px;text-transform:uppercase;letter-spacing:.13em;font-weight:800;color:#6e777c}.arrow{width:39px;height:39px;border:1px solid #8d92963b;border-radius:50%;display:grid;place-items:center;font-size:19px;flex-shrink:0}.project.tomora{background:#f1e9df}.project.nutreakt{background:#e9f1e7}.project.trade{background:#e9ebf4}.project.assistant{background:#e7ecef}.memory-art{width:265px;height:212px;position:relative;transform:rotate(-7deg);filter:drop-shadow(0 18px 15px #765f4a29)}.photo{position:absolute;background:#fff;border:10px solid #fff;border-bottom-width:26px;border-radius:3px;box-shadow:0 7px 24px #6859492a;width:145px;height:162px}.photo.one{left:12px;top:29px;transform:rotate(-14deg)}.photo.two{left:111px;top:9px;transform:rotate(13deg)}.photo span{display:block;height:100%;background:linear-gradient(150deg,#d9b5a2 0%,#e4d1b8 40%,#c1a68d 41%,#b59f87 70%,#6d766d 71%)}.photo.two span{background:linear-gradient(140deg,#c9c7bc,#f2d0ac 50%,#a9ada4 51%,#6c7873)}.leaf-art{width:180px;height:180px;position:relative}.leaf-art:before{content:'';position:absolute;inset:22px 40px 5px 5px;background:#67b27a;border-radius:90% 10% 80% 10%;transform:rotate(-20deg)}.leaf-art:after{content:'';position:absolute;width:58px;height:58px;border-radius:100%;background:#f2a23b;right:10px;top:12px;box-shadow:0 0 0 12px #e9f1e7}.lines-art{width:72%;height:185px;border-radius:17px;background:white;box-shadow:0 17px 55px #5b6e8d22;padding:25px;transform:rotate(-5deg)}.lines-art i{display:block;height:10px;border-radius:10px;background:#dbe0ec;margin-bottom:14px}.lines-art i:nth-child(2){width:65%;background:#929fea}.lines-art i:nth-child(3){width:87%}.lines-art i:nth-child(4){width:45%}.chat-art{width:73%;max-width:300px;display:grid;gap:15px}.bubble{height:65px;border-radius:17px;background:#fff;box-shadow:0 10px 38px #63778315;display:flex;align-items:center;gap:12px;padding:15px}.bubble:nth-child(2){margin-left:45px}.dot{border-radius:12px;width:36px;height:36px;background:#8098ba;flex:none}.bubble:nth-child(2) .dot{background:#99c2b1}.blines{flex:1}.blines:before,.blines:after{content:'';display:block;height:7px;background:#dce5e9;border-radius:5px;margin:6px 0}.blines:after{width:65%}.statement{background:#192329;color:#fff;border-radius:30px;padding:70px;position:relative;overflow:hidden}.statement h2{max-width:750px}.statement p{max-width:650px;color:#b8c2c7;margin:28px 0 0;font-size:17px}.statement .eyebrow{color:#98a6ff}.statement:after{content:'';position:absolute;right:-110px;bottom:-220px;width:460px;height:460px;border:100px solid #5668e923;border-radius:50%}.footer{padding:55px 0 45px;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:20px;align-items:start}.footer .footnote{color:var(--muted);font-size:13px;max-width:570px}.footer a{text-decoration:underline;text-underline-offset:4px}.product-hero{padding:75px 0 85px;text-align:center;position:relative}.product-hero h1{font-size:clamp(49px,7.6vw,100px);line-height:1.1;letter-spacing:-.075em;max-width:1020px;margin:25px auto}.product-hero .lead{margin:auto}.tomora-page{background:#f9f5ee}.tomora-page .eyebrow{color:#a46b53}.tomora-page .btn{background:#453b37}.tomora-visual{height:410px;border-radius:30px;background:radial-gradient(circle at 45% 15%,#f8e7cd,#d9bda9 65%,#b69c8e);display:grid;place-items:center;overflow:hidden}.tomora-visual .memory-art{transform:scale(1.55) rotate(-7deg)}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:55px;align-items:center}.copy h2{font-size:clamp(34px,4.4vw,60px);letter-spacing:-.065em;line-height:1.15}.copy p{font-size:17px;color:#6a6660;line-height:1.8}.number{font-size:12px;color:#a46b53;letter-spacing:.16em;font-weight:800}.story-tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.story-tile{background:#fff9;padding:26px;border-radius:22px;min-height:230px}.story-tile h3{font-size:22px;letter-spacing:-.04em}.story-tile p{color:#6d6862;font-size:14px}.status-note{background:#ffffff8c;border:1px solid #e6ded3;border-radius:18px;padding:22px;font-size:14px;color:#6d6862;max-width:680px;margin:36px auto 0}.tomora-page .statement{background:#433832}@media(max-width:760px){.shell{padding:0 20px}.topbar{height:76px}.nav{gap:16px}.nav a:not(.contact){display:none}.hero{padding:60px 0 75px}.hero h1{font-size:clamp(47px,12vw,74px)}.hero-float{display:none}.section{padding:60px 0}.section-head{display:block}.section-head p{margin-top:14px}.work-grid,.two-col,.story-tiles{grid-template-columns:1fr}.project{min-height:405px}.project .art{min-height:235px}.statement{padding:38px 28px}.footer{display:block}.footer .footnote{margin-top:24px}.tomora-visual{height:320px}.tomora-visual .memory-art{transform:scale(1.2) rotate(-7deg)}.product-hero{padding:50px 0 65px}.two-col{gap:18px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}

.case-hero{padding:48px 0 75px}.case-hero .back{display:block;color:#667078;font-size:13px;font-weight:700;margin-bottom:58px}.case-hero h1{max-width:1020px;font-size:clamp(44px,6.5vw,88px);line-height:1.08;letter-spacing:-.075em;margin:25px 0 28px}.case-hero .lead{max-width:710px}.case-status{display:inline-flex;margin-top:30px;border:1px solid #d8dcdf;border-radius:30px;padding:9px 14px;font-size:12px;color:#53616a;font-weight:700}.case-visual{background:var(--case-bg);height:470px;border-radius:29px;display:grid;place-items:center;overflow:hidden}.case-ui{width:min(520px,82%);background:#fff;border-radius:22px;box-shadow:0 25px 90px #43505f2b;padding:28px;transform:rotate(-3deg)}.ui-mini{display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid #e8e9ee;padding-bottom:15px;font-size:13px;font-weight:750}.ui-mini b{color:#688c7a;font-size:11px}.ui-block{padding:22px;background:#f5f6f8;border-radius:12px;margin:18px 0;font-size:17px;font-weight:750}.ui-block.pale{background:#e6ebfa;font-size:14px}.ui-pills{display:flex;gap:8px;flex-wrap:wrap}.ui-pills span{border:1px solid #d8dce5;border-radius:9px;padding:10px 14px;font-size:12px;font-weight:700;color:#526176}.ui-pills span:first-child{background:#5367e9;color:#fff;border-color:#5367e9}.ui-bars{padding-top:17px}.ui-bars i{display:block;width:80%;height:8px;border-radius:12px;background:#e4e6eb;margin-top:10px}.ui-bars i:last-child{width:53%}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.feature-card{border:1px solid #e2e6e6;border-radius:20px;padding:28px;background:#fff}.feature-index{font-size:12px;color:#5367e9;font-weight:800}.feature-card h3{font-size:22px;letter-spacing:-.045em;margin:24px 0 10px;line-height:1.3}.feature-card p{font-size:14px;color:#657079}.mini-art .case-ui{width:65%;transform:scale(.84) rotate(-4deg)}.mini-art .ui-block{font-size:12px;padding:14px;margin:10px 0}.mini-art .ui-mini{font-size:10px}.mini-art .ui-mini b{font-size:9px}.mini-art .ui-pills span{font-size:9px;padding:7px}.mini-art .ui-bars{padding-top:6px}.gallery-ui{display:flex;gap:28px;align-items:center;transform:rotate(-6deg)}.g-frame{display:block;background:#d1c6b2;border:12px solid #eee4d8;box-shadow:0 10px 30px #55483b34;width:130px;height:170px}.g-one{background:linear-gradient(145deg,#b7c5ba 30%,#a2b6ab 31%,#b2a184 70%,#776b52 71%)}.g-two{height:220px;width:170px;background:linear-gradient(170deg,#afc0ba 48%,#b69d7d 49%,#a48c6e 75%,#617768 76%)}.g-three{background:linear-gradient(160deg,#c5b9a6 38%,#9aa88e 39%,#7c877e 80%)}@media(max-width:760px){.case-hero{padding:30px 0 55px}.case-hero .back{margin-bottom:40px}.case-visual{height:300px}.case-ui{padding:18px}.ui-block{font-size:13px}.ui-mini{font-size:10px}.ui-mini b{font-size:9px}.ui-pills span{padding:7px;font-size:10px}.feature-grid{grid-template-columns:1fr}.gallery-ui{transform:scale(.7) rotate(-6deg)}}