@import "https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700&family=Unbounded:wght@500;600&display=swap";:root{--paper:#f2efe7;--ink:#0b0c0d;--lime:#c6ff36;--blue:#2f43ff;--line:#0b0c0d38;--muted:#6f6d66;--white:#fff;--display:"Unbounded", "Arial Black", sans-serif;--body:"Manrope", Arial, sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;overflow-x:clip}body{background:var(--paper);min-width:320px;color:var(--ink);font-family:var(--body);margin:0;overflow-x:clip}body.menu-open{overflow:hidden}a{color:inherit;text-decoration:none}button,a{-webkit-tap-highlight-color:transparent}button,input,textarea{font:inherit}img{max-width:100%;display:block}.ui-arrow{color:currentColor;vertical-align:-.02em;flex:0 0 .82em;width:.82em;height:.82em;display:inline-block;position:relative}.ui-arrow:before{content:"";transform-origin:0;background:currentColor;width:.9em;height:1.5px;position:absolute;bottom:.08em;left:.06em;transform:rotate(-45deg)}.ui-arrow:after{content:"";border-top:1.5px solid;border-right:1.5px solid;width:.36em;height:.36em;position:absolute;top:.02em;right:0}.wrap{width:min(1360px,100% - 56px);margin-inline:auto}.site-header{z-index:50;border-bottom:1px solid var(--line);position:absolute;inset:0 0 auto}.header-inner{grid-template-columns:1fr auto 1fr;align-items:center;height:78px;display:grid}.logo{letter-spacing:.14em;white-space:nowrap;font-size:14px;font-weight:700;line-height:1}.nav{gap:28px;font-size:13px;font-weight:600;display:flex}.nav a,.text-link{position:relative}.nav a:after,.text-link:after{content:"";background:currentColor;height:1px;transition:right .22s;position:absolute;bottom:-5px;left:0;right:100%}.nav a:hover:after,.nav a:focus-visible:after,.text-link:hover:after,.text-link:focus-visible:after{right:0}.header-cta{justify-self:end;align-items:center;gap:8px;font-size:13px;font-weight:700;display:inline-flex}.menu-button{background:0 0;border:0;width:44px;height:44px;padding:12px 8px;display:none}.menu-button span{background:var(--ink);height:2px;margin:6px 0;transition:transform .22s;display:block}.hero{border-bottom:1px solid var(--ink);flex-direction:column;min-height:100svh;padding:106px 0 28px;display:flex;overflow:hidden}.hero-meta{text-transform:uppercase;letter-spacing:.12em;justify-content:space-between;font-size:11px;font-weight:700;display:flex}.hero-meta p{margin:0}.hero-meta-right{margin-left:auto}.hero-word{white-space:nowrap;font-family:var(--display);letter-spacing:-.095em;justify-content:center;align-items:center;gap:.055em;margin:auto -1vw 0;font-size:clamp(88px,15.2vw,230px);font-weight:600;line-height:.88;display:flex;position:relative}.hero-word .hello{transform:translateY(-.04em)}.hero-word .slash{color:var(--lime);margin:0 .05em;animation:2.8s ease-in-out infinite pulseSlash}.hero-word .bot{-webkit-text-stroke:2px var(--ink);color:#0000}.hello-first-l{margin-right:.045em;display:inline-block}.studio-mark{letter-spacing:-.075em;color:var(--ink);font-family:Georgia,Times New Roman,serif;font-size:.2em;font-weight:700;line-height:1;position:absolute;bottom:-.68em;left:50%;transform:translate(-50%)}.hero-content{grid-template-columns:2fr 7fr 3fr;align-items:end;gap:28px;margin-top:clamp(24px,4vh,60px);display:grid}.hero-index{letter-spacing:.12em;grid-column:1;align-self:start;font-size:11px;font-weight:700}.hero-copy{grid-column:2/4;grid-template-columns:7fr 3fr;gap:28px;display:grid}.hero-copy h1{letter-spacing:-.055em;max-width:940px;margin:0;font-size:clamp(34px,4.25vw,66px);font-weight:600;line-height:.98}.hero-lead{max-width:390px;margin:4px 0 0;font-size:16px;line-height:1.55}.hero-copy .hero-lead{grid-column:2}.hero-actions{flex-direction:column;grid-column:2;align-items:flex-start;gap:20px;margin-top:22px;display:flex}.button{border:1px solid;justify-content:space-between;align-items:center;gap:24px;min-height:50px;padding:0 19px;font-size:13px;font-weight:700;transition:transform .18s,background .18s,color .18s;display:inline-flex}.button:hover{transform:translateY(-2px)}.button-primary{background:var(--lime);color:var(--ink)}.button-primary:hover{background:var(--ink);color:var(--lime)}.text-link{font-size:13px;font-weight:700;display:inline-block}.text-link span{color:var(--blue)}.hero-logic{text-transform:uppercase;letter-spacing:.09em;grid-template-columns:auto 1fr auto 1fr auto;align-items:center;gap:12px;margin-top:auto;padding-top:34px;font-size:10px;font-weight:700;display:grid}.hero-logic i{background:var(--ink);height:1px;position:relative}.hero-logic i:after{content:"";border-top:1px solid;border-right:1px solid;width:7px;height:7px;position:absolute;top:-3px;right:0;transform:rotate(45deg)}.selected{padding:110px 0 140px}.section-kicker{border-top:1px solid var(--ink);text-transform:uppercase;letter-spacing:.13em;justify-content:space-between;padding-top:12px;font-size:10px;font-weight:700;display:flex}.section-heading{grid-template-columns:8fr 4fr;align-items:end;gap:28px;margin:32px 0 68px;display:grid}.section-heading h2{font-family:var(--display);letter-spacing:-.07em;margin:0;font-size:clamp(46px,7vw,104px);font-weight:600;line-height:.95}.section-heading p{max-width:410px;margin:0;line-height:1.55}.feature-project{border:1px solid var(--ink);background:#d7ff72;grid-template-columns:5fr 7fr;min-height:760px;display:grid}.project-copy{flex-direction:column;padding:38px;display:flex}.project-no{text-transform:uppercase;letter-spacing:.12em;margin:0;font-size:10px;font-weight:700}.project-copy h3{font-family:var(--display);letter-spacing:-.07em;margin:auto 0 26px;font-size:clamp(54px,6.5vw,96px);line-height:.9}.project-desc{max-width:520px;margin:0;font-size:18px;line-height:1.5}.tag-list{flex-wrap:wrap;gap:7px;margin:34px 0 42px;padding:0;list-style:none;display:flex}.tag-list li{border:1px solid var(--ink);text-transform:uppercase;padding:8px 10px;font-size:10px;font-weight:700}.project-links{align-items:center;gap:24px;display:flex}.button-dark{background:var(--ink);color:var(--white)}.button-dark:hover{background:var(--white);color:var(--ink)}.project-stage{background:var(--blue);place-items:center;min-height:760px;display:grid;position:relative;overflow:hidden}.stage-label{color:#fff;letter-spacing:.14em;z-index:3;font-size:9px;font-weight:700;position:absolute;top:22px;right:24px}.project-frame{aspect-ratio:941/1672;border:1px solid var(--ink);background:#fff;width:min(52%,390px);position:absolute;overflow:hidden;box-shadow:15px 15px #0b0c0df2}.frame-main{z-index:2;transform:rotate(3deg)}.frame-back{background:var(--lime);z-index:1;transform:translate(-28%,7%)rotate(-7deg)}.project-frame img{object-fit:cover;object-position:top;width:100%;height:100%;transition:transform .55s cubic-bezier(.2,.75,.2,1)}.feature-project:hover .frame-main img{transform:scale(1.025)}.side-label{letter-spacing:.13em;text-transform:uppercase;margin:0;font-size:10px;font-weight:700}.decision{background:var(--ink);color:var(--white);padding:120px 0}.decision-grid{grid-template-columns:2fr 10fr;gap:28px;display:grid}.decision-content{grid-column:2}.decision h2{letter-spacing:-.055em;max-width:1160px;margin:0;font-size:clamp(42px,5.4vw,78px);font-weight:500;line-height:1.03}.decision h2 em{color:var(--lime);font-style:normal}.decision-map{border-top:1px solid #ffffff52;grid-template-columns:repeat(3,1fr);margin-top:82px;display:grid}.decision-map article{border-right:1px solid #ffffff52;flex-direction:column;min-height:330px;padding:20px 24px 24px 0;display:flex}.decision-map article+article{padding-left:24px}.decision-map article:last-child{border-right:0}.decision-map span,.decision-map b{letter-spacing:.12em;font-size:10px}.decision-map h3{max-width:320px;margin:72px 0 16px;font-size:26px;line-height:1.1}.decision-map p{color:#c6c4bd;max-width:330px;margin:0;line-height:1.55}.decision-map b{color:var(--lime);margin-top:auto}.focus-summary{color:var(--lime);border-top:1px solid #ffffff59;margin:46px 0 0;padding-top:18px;font-size:18px;line-height:1.45}.capabilities-intro{grid-template-columns:8fr 4fr;align-items:end;gap:28px;padding:34px 0 78px;display:grid}.capabilities-intro h2{font-family:var(--display);letter-spacing:-.075em;margin:0;font-size:clamp(56px,8vw,118px);line-height:.9}.capabilities-intro p{max-width:440px;margin:0;line-height:1.55}.capability-list{border-top:1px solid var(--ink)}.capability-list article{border-bottom:1px solid var(--line);grid-template-columns:.7fr 4.3fr 4fr 3fr;align-items:start;gap:28px;padding:28px 0 30px;transition:background .2s,padding .2s;display:grid}.capability-list article:hover{background:var(--lime);padding-left:14px;padding-right:14px}.cap-no{font-size:11px;font-weight:700}.capability-list h3{letter-spacing:-.035em;margin:0;font-size:clamp(24px,2.2vw,34px);line-height:1.05}.capability-list p{margin:0;line-height:1.55}.cap-use{text-transform:uppercase;letter-spacing:.08em;font-size:10px;font-weight:700;line-height:1.5}.capability-list article:not(.capability-with-note) .cap-use{grid-column:4}.capability-with-note p{grid-column:3}.flagship{background:var(--blue);color:var(--white);padding:32px 0 86px;overflow:hidden}.flagship-top{letter-spacing:.12em;text-transform:uppercase;border-bottom:1px solid #ffffff80;justify-content:space-between;padding-bottom:13px;font-size:10px;font-weight:700;display:flex}.flagship-top p{margin:0}.flagship-grid{grid-template-columns:5fr 7fr;gap:28px;min-height:780px;display:grid}.flagship-copy{flex-direction:column;padding:28px 0 60px;display:flex;position:relative}.giant-index{font-family:var(--display);color:#0000;-webkit-text-stroke:1px #ffffff8c;letter-spacing:-.12em;font-size:clamp(170px,24vw,360px);line-height:.75}.flagship-copy h2{font-family:var(--display);letter-spacing:-.07em;margin:auto 0 26px;font-size:clamp(54px,6vw,90px);line-height:.9}.flagship-copy>p{max-width:500px;margin:0 0 36px;font-size:18px;line-height:1.55}.button-light{background:var(--lime);color:var(--ink);border-color:var(--ink);width:fit-content}.flagship-visual{place-items:center;display:grid;position:relative}.flagship-window{aspect-ratio:941/1672;border:1px solid var(--ink);width:min(50%,410px);box-shadow:24px 24px 0 var(--lime);background:var(--white);overflow:hidden;transform:rotate(2.5deg)}.flagship-window img{object-fit:cover;object-position:top;width:100%;height:100%}.visual-caption{letter-spacing:.14em;font-size:9px;font-weight:700;position:absolute;bottom:34px;right:0}.storyline{border-top:1px solid #ffffff8c;grid-template-columns:repeat(4,1fr);display:grid}.storyline>div{border-right:1px solid #fff6;min-height:170px;padding:20px 22px 0 0}.storyline>div+div{padding-left:22px}.storyline>div:last-child{border-right:0}.storyline span{color:var(--lime);font-size:10px;font-weight:700}.storyline strong{margin-top:32px;font-size:20px;display:block}.storyline p{color:#d7d8ff;font-size:13px;line-height:1.45}.archive{padding:126px 0 150px}.archive-title-row{grid-template-columns:8fr 4fr;align-items:end;gap:28px;margin:38px 0 60px;display:grid}.archive-title-row h2{font-family:var(--display);letter-spacing:-.075em;margin:0;font-size:clamp(52px,7.4vw,108px);line-height:.92}.archive-title-row p{max-width:390px;margin:0;line-height:1.55}.project-grid{grid-template-columns:1fr 1fr;gap:14px;display:grid}.project-card{border:1px solid var(--ink);flex-direction:column;min-height:770px;padding:22px;display:flex;overflow:hidden}.card-meta{letter-spacing:.1em;justify-content:space-between;font-size:9px;font-weight:700;display:flex}.card-image{aspect-ratio:941/1672;background:var(--white);border:1px solid var(--ink);align-self:center;width:min(56%,310px);margin:44px auto 34px;overflow:hidden;transform:rotate(-2deg);box-shadow:14px 14px #0b0c0dd9}.project-card:nth-child(2n) .card-image{transform:rotate(2deg)}.card-image img{object-fit:cover;object-position:top;width:100%;height:100%;transition:transform .4s}.project-card:hover .card-image img{transform:scale(1.03)}.project-card h3,.project-card h2{font-family:var(--display);letter-spacing:-.06em;margin:auto 0 14px;font-size:clamp(34px,4vw,58px);line-height:.95}.project-card p{max-width:520px;margin:0 0 22px;line-height:1.5}.project-card>a{border-bottom:1px solid;align-self:flex-start;font-size:12px;font-weight:700}.card-access{background:#ff8f70}.card-fresh{background:#bdeaa8}.card-bars{background:#f4c7e6}.card-daruma{background:#d6d0ff}.approach{background:var(--ink);color:var(--white);padding:110px 0 120px}.inverse-kicker{border-color:#ffffff85}.approach-head{grid-template-columns:8fr 4fr;align-items:end;gap:28px;margin:36px 0 78px;display:grid}.approach-head h2{font-family:var(--display);letter-spacing:-.08em;margin:0;font-size:clamp(65px,9vw,132px);line-height:.86}.approach-head p{color:#cac9c3;max-width:420px;margin:0;line-height:1.55}.process-list{border-top:1px solid #fff6;margin:0;padding:0;list-style:none}.process-list li{border-bottom:1px solid #ffffff47;grid-template-columns:.6fr 3.4fr 5fr 3fr;align-items:start;gap:28px;padding:27px 0;display:grid}.process-list span{color:var(--lime);font-size:11px;font-weight:700}.process-list h3{letter-spacing:-.035em;margin:0;font-size:30px}.process-list p{color:#cac9c3;margin:0;line-height:1.5}.process-list b{text-transform:uppercase;letter-spacing:.1em;text-align:right;font-size:10px}.studio{padding:130px 0 150px}.studio-grid{grid-template-columns:2fr 10fr;gap:28px;display:grid}.studio h2{font-family:var(--display);letter-spacing:-.075em;margin:0 0 88px;font-size:clamp(55px,7.8vw,114px);line-height:.9}.principles{border-top:1px solid var(--ink)}.principles p{border-bottom:1px solid var(--line);grid-template-columns:1fr 11fr;gap:28px;margin:0;padding:24px 0;font-size:22px;line-height:1.35;display:grid}.principles span{padding-top:6px;font-size:10px;font-weight:700}.contact{background:var(--lime);border-top:1px solid var(--ink);padding:30px 0 90px}.contact-top{border-bottom:1px solid var(--ink);letter-spacing:.12em;text-transform:uppercase;justify-content:space-between;padding-bottom:13px;font-size:10px;font-weight:700;display:flex}.contact-grid{grid-template-columns:8fr 4fr;align-items:end;gap:28px;padding-top:70px;display:grid}.contact h2{font-family:var(--display);letter-spacing:-.075em;max-width:1010px;margin:0;font-size:clamp(55px,7.3vw,108px);line-height:.92}.contact-action{flex-direction:column;align-items:flex-start;gap:24px;display:flex}.contact-action p{margin:0;line-height:1.55}.button-contact{background:var(--ink);color:var(--white)}.email-link{border-bottom:1px solid;font-size:12px;font-weight:700}.contact-secondary{flex-wrap:wrap;gap:18px;font-size:12px;font-weight:700;display:flex}.contact-secondary a{border-bottom:1px solid;align-items:center;gap:6px;display:inline-flex}.footer{background:var(--lime);color:var(--ink);border-top:1px solid var(--ink);padding:0}.footer-main{grid-template-columns:6fr 3fr 3fr;gap:28px;padding:34px 0 38px;display:grid}.footer-logo{font-family:var(--display);letter-spacing:-.08em;font-size:42px;line-height:1}.footer-main p{color:#a9a8a2;line-height:1.5}.footer nav,.footer-social{flex-direction:column;gap:10px;font-size:13px;display:flex}.footer-legal{color:#898985;border-top:1px solid #ffffff40;grid-template-columns:2fr 6fr 4fr;gap:28px;padding-top:18px;font-size:9px;line-height:1.5;display:grid}.footer-legal div{text-align:right;flex-direction:column;gap:6px;display:flex}.listing-hero{border-bottom:1px solid var(--ink);padding:150px 0 70px}.listing-hero .section-kicker{margin-bottom:36px}.listing-hero h1{font-family:var(--display);letter-spacing:-.09em;margin:0;font-size:clamp(70px,11vw,165px);line-height:.82}.listing-hero-bottom{grid-template-columns:8fr 4fr;align-items:end;gap:28px;margin-top:66px;display:grid}.listing-hero-bottom p{grid-column:2;margin:0;font-size:18px;line-height:1.5}.listing-main .project-grid{margin-top:28px}.card-foxis{background:#d7ff72}.card-saypay{color:#fff;background:#7783ff}.case-hero{border-bottom:1px solid var(--ink);background:#d7ff72;flex-direction:column;min-height:100svh;padding:150px 0 80px;display:flex}.case-meta{text-transform:uppercase;letter-spacing:.1em;justify-content:space-between;font-size:10px;font-weight:700;display:flex}.case-hero h1{font-family:var(--display);letter-spacing:-.1em;margin:auto 0 34px;font-size:clamp(92px,14vw,210px);line-height:.8}.case-intro{grid-template-columns:7fr 5fr;align-items:end;gap:28px;display:grid}.case-intro p{grid-column:2;margin:0;font-size:20px;line-height:1.5}.case-stage{background:var(--blue);place-items:center;min-height:860px;padding:80px 0;display:grid;overflow:hidden}.case-stage-inner{justify-content:center;align-items:center;gap:40px;width:min(1120px,100% - 56px);display:flex}.case-screen{aspect-ratio:941/1672;border:1px solid var(--ink);width:32%;box-shadow:18px 18px 0 var(--ink);background:#fff;overflow:hidden;transform:rotate(-3deg)}.case-screen:nth-child(2){transform:translateY(-30px)rotate(2deg)}.case-screen:nth-child(3){transform:translateY(35px)rotate(5deg)}.case-screen img{object-fit:cover;object-position:top;width:100%;height:100%}.case-chapter{border-top:1px solid var(--ink);grid-template-columns:2fr 4fr 6fr;gap:28px;padding:50px 0;display:grid}.case-chapter>span{letter-spacing:.1em;font-size:10px;font-weight:700}.case-chapter h2{letter-spacing:-.05em;margin:0;font-size:clamp(36px,4vw,58px);line-height:1}.case-chapter-copy{max-width:650px}.case-chapter-copy p{margin:0 0 26px;font-size:18px;line-height:1.6}.architecture{grid-template-columns:1fr auto 1fr auto 1fr;align-items:center;gap:14px;margin-top:30px;display:grid}.architecture span{border:1px solid var(--ink);text-align:center;background:#fff;padding:18px;font-size:12px;font-weight:700}.architecture i{background:var(--ink);width:36px;height:1px}.next-case{background:var(--ink);color:var(--white);padding:90px 0}.next-case a{justify-content:space-between;align-items:end;display:flex}.next-case span{text-transform:uppercase;letter-spacing:.1em;font-size:10px}.next-case strong{font-family:var(--display);letter-spacing:-.08em;font-size:clamp(55px,9vw,130px);line-height:.85}:focus-visible{outline:3px solid var(--blue);outline-offset:4px}@keyframes pulseSlash{0%,to{transform:skew(-8deg)scaleY(1)}50%{transform:skew(4deg)scaleY(.84)}}@media (width<=900px){.wrap{width:min(100% - 32px,720px)}.header-inner{grid-template-columns:1fr auto;height:66px}.nav{background:var(--paper);flex-direction:column;gap:0;padding:32px 16px;transition:transform .26s;position:fixed;inset:66px 0 0;transform:translate(100%)}.nav.open{transform:translate(0)}.nav a{font-family:var(--display);letter-spacing:-.06em;border-bottom:1px solid var(--line);padding:18px 0;font-size:36px}.header-cta{display:none}.menu-button{justify-self:end;display:block}.menu-button[aria-expanded=true] span:first-child{transform:translateY(4px)rotate(45deg)}.menu-button[aria-expanded=true] span:last-child{transform:translateY(-4px)rotate(-45deg)}.hero{min-height:auto;padding-top:90px}.hero-meta-right{display:none}.hero-word{flex-wrap:wrap;justify-content:flex-start;margin:68px 12px 48px;font-size:18vw;line-height:.78}.hero-word .hello{flex-basis:100%}.hero-word .slash{margin-left:.1em}.hero-content{grid-template-columns:1fr;margin-top:0}.hero-index{display:none}.hero-copy{grid-column:1;grid-template-columns:1fr}.hero-copy h1{font-size:clamp(38px,9.6vw,58px)}.hero-copy .hero-lead,.hero-actions{grid-column:1}.hero-actions{flex-flow:wrap;align-items:center}.hero-logic{grid-template-columns:1fr;gap:9px;margin-top:70px}.hero-logic i{width:1px;height:22px;margin-left:4px}.hero-logic i:after{top:auto;bottom:0;left:-3px;transform:rotate(135deg)}.selected{padding:78px 0 90px}.section-heading{grid-template-columns:1fr;margin-bottom:42px}.section-heading h2{overflow-wrap:anywhere;font-size:clamp(45px,12vw,74px)}.feature-project{grid-template-columns:1fr}.project-copy{min-height:560px;padding:26px 20px 32px}.project-copy h3{margin-top:90px}.project-stage{min-height:620px}.project-frame{width:min(61%,330px)}.decision{padding:82px 0}.decision-grid,.studio-grid{grid-template-columns:1fr}.decision-content{grid-column:1}.decision-grid>.side-label,.studio-grid>.side-label{margin-bottom:36px}.decision h2{font-size:clamp(38px,8.4vw,62px)}.decision-map{grid-template-columns:1fr;margin-top:54px}.decision-map article,.decision-map article+article{border-bottom:1px solid #ffffff52;border-right:0;min-height:260px;padding:20px 0}.decision-map article:last-child{border-bottom:0}.decision-map h3{margin-top:50px}.capabilities,.archive,.studio{padding:82px 0 96px}.capabilities-intro,.archive-title-row,.approach-head,.contact-grid{grid-template-columns:1fr;padding-bottom:48px}.capabilities-intro h2{font-size:clamp(54px,13vw,86px)}.capability-list article{grid-template-columns:.6fr 5.4fr;gap:14px 18px}.capability-list p,.cap-use{grid-column:2}.flagship-grid{grid-template-columns:1fr}.flagship-copy{min-height:610px}.flagship-visual{min-height:650px}.flagship-window{width:min(57%,360px)}.storyline{grid-template-columns:1fr 1fr}.storyline>div:nth-child(2){border-right:0}.storyline>div:nth-child(-n+2){border-bottom:1px solid #fff6}.project-grid{grid-template-columns:1fr}.project-card{min-height:680px}.archive-title-row{padding-bottom:0}.archive-title-row h2{overflow-wrap:anywhere}.process-list li{grid-template-columns:.7fr 5.3fr;gap:14px 18px}.process-list p,.process-list b{text-align:left;grid-column:2}.studio h2{margin-bottom:56px;font-size:clamp(48px,11.5vw,80px)}.principles p{grid-template-columns:.7fr 5.3fr;gap:18px;font-size:18px}.contact{padding-bottom:70px}.contact-grid{padding-top:55px}.contact h2{font-size:clamp(50px,12vw,80px)}.footer-main,.footer-legal{grid-template-columns:1fr}.footer-main{gap:38px}.footer-legal div{text-align:left}.listing-hero{padding-top:120px}.listing-hero-bottom{grid-template-columns:1fr}.listing-hero-bottom p{grid-column:1}.case-hero{min-height:780px;padding-top:120px}.case-intro{grid-template-columns:1fr}.case-intro p{grid-column:1}.case-stage{min-height:680px}.case-stage-inner{gap:12px;width:calc(100% - 32px)}.case-screen{width:35%;box-shadow:9px 9px 0 var(--ink)}.case-body{padding:80px 0 100px}.case-chapter{grid-template-columns:.7fr 5.3fr;gap:18px}.case-chapter-copy{grid-column:2}.architecture{grid-template-columns:1fr}.architecture i{justify-self:center;width:1px;height:20px}.next-case a{flex-direction:column;align-items:flex-start;gap:30px}}@media (width<=430px){.wrap{width:calc(100% - 24px)}.hero-word{margin-left:4px;margin-right:4px;font-size:20.5vw}.hero-copy h1{font-size:38px}.hero-lead{font-size:15px}.hero-actions{flex-direction:column;align-items:flex-start}.section-heading h2{font-size:44px}.project-desc{font-size:16px}.project-links{flex-direction:column;align-items:flex-start}.project-stage{min-height:520px}.decision h2{font-size:35px}.capability-list article{padding:22px 0}.capability-list h3{font-size:25px}.flagship-copy{min-height:540px}.flagship-visual{min-height:520px}.storyline{grid-template-columns:1fr}.storyline>div{border-bottom:1px solid #fff6;border-right:0}.project-card{min-height:620px;padding:16px}.card-image{width:60%;margin-top:32px}.approach-head h2{font-size:57px}.contact h2{overflow-wrap:anywhere;font-size:44px}.footer-logo{font-size:43px}.listing-hero h1{font-size:60px}.case-hero h1{font-size:82px}.case-meta{gap:18px}.case-screen{width:39%}.case-screen:first-child{margin-left:-16%}.case-screen:last-child{margin-right:-16%}.case-chapter{grid-template-columns:1fr}.case-chapter-copy{grid-column:1}}.wrap{width:min(1240px,100% - 48px)}.header-inner{height:68px}.hero{min-height:760px;padding:92px 0 22px}.hero-word{margin-top:auto;font-size:clamp(76px,11.4vw,168px)}.hero-content{grid-template-columns:1.5fr 7.5fr 3fr;gap:24px;margin-top:34px}.hero-copy{grid-template-columns:7fr 3fr;gap:24px}.hero-copy h1{font-size:clamp(32px,3.6vw,50px);line-height:1}.hero-lead{font-size:15px;line-height:1.52}.hero-actions{gap:16px;margin-top:18px}.button{min-height:46px;padding:0 16px}.hero-logic{padding-top:22px}.decision{padding:76px 0 82px}.decision h2{max-width:930px;font-size:clamp(36px,4.1vw,58px)}.decision-map{margin-top:48px}.decision-map article{min-height:238px;padding-top:18px;padding-bottom:18px}.decision-map h3{max-width:300px;margin-top:42px;font-size:21px}.focus-summary{margin-top:34px;font-size:16px}.capabilities{padding:78px 0 86px}.capabilities-intro{padding:24px 0 42px}.capabilities-intro h2{font-size:clamp(48px,6vw,78px)}.capability-list article{padding:19px 0 21px}.capability-list h3{font-size:clamp(20px,1.8vw,27px)}.capability-list p{font-size:14px}.products-section{padding:80px 0 92px}.products-heading{grid-template-columns:8fr 4fr;align-items:end;gap:24px;padding:26px 0 42px;display:grid}.products-heading h2{font-family:var(--display);letter-spacing:-.065em;margin:0;font-size:clamp(46px,6vw,76px);line-height:.93}.products-heading p{max-width:390px;margin:0;font-size:15px;line-height:1.5}.products-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.product-compact{border:1px solid var(--ink);background:var(--white);flex-direction:column;min-width:0;display:flex}.phone-stage{border-bottom:1px solid var(--ink);height:440px;position:relative;overflow:hidden}.product-index,.product-kind{z-index:3;letter-spacing:.1em;font-size:9px;font-weight:700;line-height:1.2;position:absolute;top:16px}.product-index{left:16px}.product-kind{text-align:right;right:16px}.phone-shell{z-index:2;aspect-ratio:102/197;background:#0b0c0d;border:7px solid #0b0c0d;border-radius:40px;width:204px;height:auto;transition:transform .32s cubic-bezier(.2,.75,.2,1);position:absolute;top:50%;left:50%;overflow:hidden;transform:translate(-50%,-50%);box-shadow:0 24px 60px #0000002e,0 8px 20px #0000001a}.product-compact:nth-child(2n) .phone-shell{transform:translate(-50%,-50%)}.product-compact:hover .phone-shell{transform:translate(-50%,calc(-50% - 3px))}.phone-shell:before{display:none}.phone-shell img{object-fit:cover;object-position:center;width:100%;max-width:none;height:100%;transform:none}.art-foxis,.art-access,.art-saypay,.art-fresh,.art-bars,.art-daruma{object-position:center!important;transform:none!important}.project-device-mockup{--mockup-x:0%;--mockup-y:0px;--mockup-tilt:0deg;--mockup-yaw:0deg;z-index:2;object-fit:contain;object-position:center;filter:drop-shadow(0 28px 34px #0b0c0d33)drop-shadow(0 8px 14px #0b0c0d1f);width:calc(100% - 60px);max-width:none;height:calc(100% - 70px);transform:perspective(980px) translate3d(var(--mockup-x), var(--mockup-y), 0) rotateY(var(--mockup-yaw)) rotateZ(var(--mockup-tilt));transform-origin:50%;transition:transform .32s cubic-bezier(.2,.75,.2,1),filter .32s;position:absolute;inset:42px 30px 28px}.project-device-mockup-01{--mockup-x:0%;--mockup-tilt:0deg;--mockup-yaw:0deg}.project-device-mockup-02{--mockup-x:-3%;--mockup-tilt:3.5deg;--mockup-yaw:-5deg}.project-device-mockup-03{--mockup-x:0%;--mockup-tilt:0deg;--mockup-yaw:0deg}.project-device-mockup-04{--mockup-x:-4%;--mockup-tilt:4deg;--mockup-yaw:-4deg}.project-device-mockup-05{--mockup-x:0%;--mockup-tilt:0deg;--mockup-yaw:0deg}.project-device-mockup-06{--mockup-x:1%;--mockup-tilt:1.5deg;--mockup-yaw:-2deg;width:calc(100% - 194px);height:calc(100% - 42px);inset:24px 120px 18px 74px}.product-compact:hover .project-device-mockup{--mockup-y:-4px;filter:drop-shadow(0 32px 38px #0b0c0d38)drop-shadow(0 10px 16px #0b0c0d21)}.project-companion{z-index:1;border:1px solid #0b0c0d59;display:block;position:absolute;overflow:hidden;box-shadow:0 18px 34px #0b0c0d29}.project-companion img{object-fit:cover;width:100%;height:100%}.project-companion-foxis{aspect-ratio:1;border-radius:50%;width:92px;top:142px;right:64px;transform:rotate(8deg)}.project-companion-daruma{z-index:3;aspect-ratio:1;width:118px;box-shadow:none;background:0 0;border:0;border-radius:0;bottom:46px;right:54px}.project-companion-daruma img{object-fit:contain;object-position:center}.tone-foxis{background:#3850ff}.tone-access{background:#ff9277}.tone-saypay{background:#c8ff2e}.tone-fresh{background:#bde8aa}.tone-bars{background:#f2c1e1}.tone-daruma{background:#d2ccff}.product-content{flex-direction:column;flex:1;padding:22px;display:flex}.product-content h3{font-family:var(--display);letter-spacing:-.055em;margin:0 0 14px;font-size:clamp(27px,2.8vw,38px);line-height:.98}.product-content p{color:#343431;margin:0 0 18px;font-size:14px;line-height:1.5}.compact-tags{flex-wrap:wrap;gap:5px;margin:auto 0 18px;padding:0;list-style:none;display:flex}.compact-tags li{border:1px solid var(--ink);text-transform:uppercase;padding:6px 8px;font-size:8px;font-weight:700;line-height:1}.product-link{border-bottom:1px solid var(--ink);justify-content:space-between;align-self:flex-start;align-items:center;gap:20px;min-height:44px;font-size:12px;font-weight:700;display:inline-flex}.approach{padding:74px 0 82px}.approach-head{margin:24px 0 38px}.approach-head h2{font-size:clamp(48px,5.7vw,74px);line-height:.92}.process-heading p{font-size:15px}.process-scheme{grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin:0;padding:0;list-style:none;display:grid}.process-scheme li{background:linear-gradient(#ffffff12,#ffffff06);border:1px solid #ffffff29;border-radius:18px;flex-direction:column;min-width:0;min-height:320px;padding:18px;display:flex}.process-scheme span{width:54px;height:54px;color:var(--lime);border:1px solid #ffffff24;border-radius:50%;place-items:center;font-size:10px;font-weight:700;display:grid}.process-scheme h3{letter-spacing:-.025em;min-height:42px;margin:64px 0 14px;font-size:18px;line-height:1.15}.process-scheme p{color:#aeadb2;margin:0;font-size:13px;line-height:1.55}.contact{padding:24px 0 62px}.contact-grid{padding-top:48px}.contact h2{font-size:clamp(42px,5.2vw,68px);line-height:.95}.footer{padding-top:0}.footer-main{padding:34px 0 38px}.footer-logo{font-size:42px}.listing-hero{padding:118px 0 54px}.listing-hero h1{font-size:clamp(56px,7.5vw,100px)}.listing-hero-bottom{margin-top:40px}.listing-main{padding:62px 0 88px}.listing-main .project-card{min-height:570px}.project-card{min-height:610px}.project-card h3,.project-card h2{font-size:clamp(28px,3vw,42px)}.card-image{width:min(44%,230px);margin:30px auto 24px}.case-hero{min-height:720px;padding:118px 0 58px}.case-hero h1{font-size:clamp(68px,9vw,130px)}.case-stage{min-height:620px;padding:58px 0}.case-body{padding:80px 0 96px}.case-chapter{padding:36px 0}.next-case{padding:64px 0}.next-case strong{font-size:clamp(44px,6vw,82px)}@media (width<=1100px){.process-scheme{grid-template-columns:repeat(3,minmax(0,1fr))}.process-scheme h3{margin-top:48px}.products-grid{gap:14px}}@media (width<=900px){.wrap{width:min(100% - 32px,720px)}.hero{min-height:auto;padding:82px 0 22px}.hero-word{margin:48px 4px 34px;font-size:16vw}.hero-content{grid-template-columns:1fr;margin-top:0}.hero-copy{grid-column:1;grid-template-columns:1fr;gap:0}.hero-copy .hero-lead,.hero-actions{grid-column:1}.hero-copy h1{font-size:clamp(32px,8.5vw,48px)}.hero-logic{grid-template-columns:auto 1fr auto 1fr auto;gap:8px;margin-top:42px}.hero-logic i{width:auto;height:1px;margin-left:0}.hero-logic i:after{inset:-3px 0 auto auto;transform:rotate(45deg)}.decision{padding:62px 0 68px}.decision h2{font-size:clamp(34px,7.5vw,50px)}.decision-map{margin-top:38px}.decision-map article,.decision-map article+article{min-height:188px}.decision-map h3{margin-top:28px}.capabilities{padding:62px 0 68px}.capabilities-intro{padding:22px 0 32px}.capabilities-intro h2{font-size:50px}.products-section{padding:62px 0 72px}.products-heading{grid-template-columns:1fr;padding:22px 0 32px}.products-heading h2{font-size:clamp(42px,9vw,62px)}.products-grid{grid-template-columns:1fr}.phone-stage{height:420px}.phone-shell{width:196px}.project-device-mockup{width:calc(100% - 48px);height:calc(100% - 68px);inset:42px 24px 26px}.project-device-mockup-06{width:calc(100% - 160px);height:calc(100% - 42px);inset:24px 100px 18px 60px}.project-companion-foxis{right:18%}.product-content h3{font-size:32px}.approach{padding:62px 0 68px}.approach-head{grid-template-columns:1fr;margin-bottom:32px;padding-bottom:0}.approach-head h2{font-size:56px}.process-scheme{grid-template-columns:repeat(2,minmax(0,1fr))}.process-scheme li{min-height:280px}.contact{padding-bottom:54px}.contact-grid{padding-top:38px}.contact h2{font-size:clamp(40px,9vw,58px)}.footer-main{grid-template-columns:1fr 1fr;gap:24px;padding:28px 0 32px}.footer-main>div:first-child{grid-column:1/-1}}@media (width<=560px){.wrap{width:calc(100% - 24px)}.header-inner{height:64px}.logo{letter-spacing:.105em;text-overflow:ellipsis;max-width:calc(100vw - 84px);font-size:11px;overflow:hidden}.menu-button{width:48px;height:48px;padding-inline:10px}.nav{padding:18px 12px max(28px, env(safe-area-inset-bottom));inset:64px 0 0;overflow-y:auto}.nav a{align-items:center;min-height:58px;font-size:clamp(28px,8.4vw,34px);display:flex}.hero{padding-top:82px}.hero-meta{letter-spacing:.08em;font-size:9px}.hero-word{margin:34px 0 28px;font-size:17.2vw;line-height:.82}.hero-copy h1{font-size:32px}.hero-lead{font-size:15px;line-height:1.6}.hero-actions{flex-direction:column;align-items:stretch;width:100%}.hero-actions .button{width:100%;min-height:52px}.hero-logic{letter-spacing:.055em;gap:5px;font-size:7.5px}.hero-logic span{white-space:nowrap}.decision h2{letter-spacing:-.045em;font-size:clamp(31px,8.8vw,36px);line-height:1.09}.decision-grid>.side-label{margin-bottom:24px}.decision-map article,.decision-map article+article{min-height:auto;padding:18px 0 22px}.decision-map h3{margin:24px 0 28px;font-size:20px}.focus-summary{font-size:14px}.capabilities-intro h2{font-size:44px}.capability-list article{padding:19px 0}.capability-list h3{font-size:22px;line-height:1.12}.capability-list p{font-size:14px;line-height:1.6}.products-heading h2{overflow-wrap:normal;font-size:40px}.products-heading p{font-size:14px}.phone-stage{height:clamp(360px,96vw,394px)}.phone-shell{border-width:6px;border-radius:34px;width:min(58%,176px)}.project-device-mockup{width:calc(100% - 40px);height:calc(100% - 64px);inset:40px 20px 24px}.project-device-mockup-01{--mockup-x:0%}.project-device-mockup-02{--mockup-x:4%}.project-device-mockup-03{--mockup-x:0%}.project-device-mockup-04{--mockup-x:5%}.project-device-mockup-05{--mockup-x:0%}.project-device-mockup-06{--mockup-x:0%;width:calc(100% - 112px);height:calc(100% - 40px);inset:22px 74px 18px 38px}.project-companion-foxis{width:72px;top:136px;right:20px}.project-companion-daruma{width:88px;bottom:38px;right:20px}.product-content{padding:20px 18px}.product-content h3{font-size:28px;line-height:1.04}.product-content p{font-size:14px;line-height:1.58}.compact-tags li{padding:7px 8px}.product-link{gap:16px;min-height:46px}.process-scheme{grid-template-columns:1fr;gap:8px}.process-scheme li{grid-template-columns:58px 1fr;gap:4px 14px;min-height:auto;padding:16px;display:grid}.process-scheme span{grid-row:1/3;width:50px;height:50px}.process-scheme h3{grid-column:2;min-height:0;margin:2px 0 8px;font-size:18px}.process-scheme p{grid-column:2}.approach-head h2{font-size:48px}.contact h2{letter-spacing:-.055em;overflow-wrap:normal;max-width:100%;font-size:clamp(36px,10.2vw,42px);line-height:1.08}.contact-action{gap:18px}.contact-action p{font-size:14px;line-height:1.6}.contact-action .button{width:100%;min-height:52px}.contact-secondary{grid-template-columns:1fr;gap:0;width:100%;display:grid}.contact-secondary a{justify-content:space-between;min-height:44px}.footer-legal{gap:12px;font-size:10px}.footer-logo{font-size:38px}.listing-hero h1{font-size:48px}}@media (width<=360px){.logo{letter-spacing:.08em;font-size:10px}.hero-word{font-size:17vw}.hero-logic{gap:4px;font-size:7px}.phone-stage{height:350px}.project-device-mockup-06{width:calc(100% - 96px);inset-inline:64px 32px}}@media (hover:none){.capability-list article:hover{background:0 0;padding-left:0;padding-right:0}.button:hover{transform:none}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}
