:root{--ink:#0c1712;--ink-2:#122019;--ink-3:#1a2b22;--line:#b0dec429;--paper:#eaf4ed;--mute:#93ab9c;--mint:#8cc8a5;--mint-hi:#b7e3c9;--pink:#e6798f;--iris:#2e8a5a;--display:"Bricolage Grotesque", "Helvetica Neue", Helvetica, Arial, sans-serif;--mono:"Martian Mono", ui-monospace, "SF Mono", Menlo, Consolas, monospace;--pad:clamp(20px, 3.4vw, 56px);--ease:cubic-bezier(.2, .75, .15, 1);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{background:var(--ink);color:var(--paper);font:400 clamp(16px, 1.1vw, 18px) / 1.55 var(--display);-webkit-font-smoothing:antialiased;margin:0;overflow-x:clip}h1,h2,h3,p,ul,ol{margin:0;padding:0}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;padding:0}svg{display:block}:focus-visible{outline:2px solid var(--mint-hi);outline-offset:4px;border-radius:4px}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.ln{margin-bottom:-.1em;padding-bottom:.1em;display:block;overflow:hidden}.ln>span{will-change:transform;display:block}.cursor{pointer-events:none;z-index:9999;display:none;position:fixed;top:0;bottom:0;left:0;right:0}html.has-cursor .cursor{display:block}html.has-cursor,html.has-cursor *{cursor:none!important}.cursor-dot,.cursor-glow{opacity:0;will-change:transform;transition:opacity .4s;position:absolute;top:0;left:0}html.cursor-on .cursor-dot,html.cursor-on .cursor-glow{opacity:1}.cursor-dot{mix-blend-mode:difference;width:0;height:0}.cursor-dot:after{content:"";width:9px;height:9px;transition:transform .35s var(--ease);background:#fff;border-radius:50%;position:absolute;top:-4.5px;left:-4.5px}html.cursor-link .cursor-dot:after{transform:scale(3.4)}.cursor-glow{mix-blend-mode:screen;width:0;height:0}.cursor-glow:after{content:"";background:radial-gradient(circle,#8cc8a52b,#8cc8a500 64%);border-radius:50%;width:360px;height:360px;position:absolute;top:-180px;left:-180px}.btn{font:500 12px / 1 var(--mono);letter-spacing:.06em;white-space:nowrap;background:var(--mint);color:var(--ink);transition:background .3s, color .3s, transform .4s var(--ease);border-radius:999px;align-items:center;gap:10px;padding:16px 26px;display:inline-flex}.btn:hover{background:var(--paper)}.btn-sm{padding:12px 18px;font-size:11px}.btn-xl{background:var(--ink);color:var(--mint);padding:clamp(20px,2.4vw,34px) clamp(30px,4vw,64px);font-size:clamp(13px,1.5vw,20px)}.btn-xl:hover{background:var(--paper);color:var(--ink);transform:translateY(-3px)}.nav{z-index:60;padding:calc(22px + env(safe-area-inset-top,0px)) max(var(--pad), env(safe-area-inset-right,0px)) 22px max(var(--pad), env(safe-area-inset-left,0px));grid-template-columns:1fr auto 1fr;align-items:center;display:grid;position:fixed;top:0;bottom:auto;left:0;right:0}.nav:before{content:"";z-index:-1;opacity:0;-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--line);background:#0c1712bd;transition:opacity .4s;position:absolute;top:0;bottom:0;left:0;right:0}.nav.is-solid:before{opacity:1}.logo{font:800 26px / 1 var(--display);letter-spacing:.04em;justify-self:start}.nav-links{gap:clamp(18px,2.4vw,40px);display:flex}.nav-links a{font:400 12px / 1 var(--mono);color:var(--mute);padding:8px 0;transition:color .25s}.nav-links a:hover{color:var(--paper)}.nav-right{justify-self:end;align-items:center;gap:22px;display:flex}.status{font:400 10.5px / 1 var(--mono);letter-spacing:.08em;color:var(--mute);align-items:center;gap:10px;display:inline-flex}.status i{background:var(--mint);border-radius:50%;width:7px;height:7px;animation:2.4s infinite ping;box-shadow:0 0 #8cc8a599}@keyframes ping{0%{box-shadow:0 0 #8cc8a58c}70%,to{box-shadow:0 0 0 9px #8cc8a500}}.menu-btn{width:44px;height:44px;display:none;position:relative}.menu-btn span{background:var(--paper);height:2px;transition:transform .4s var(--ease), top .4s var(--ease);position:absolute;left:11px;right:11px}.menu-btn span:first-child{top:17px}.menu-btn span:last-child{top:25px}.nav.is-open .menu-btn span:first-child{top:21px;transform:rotate(45deg)}.nav.is-open .menu-btn span:last-child{top:21px;transform:rotate(-45deg)}.hero{--hero-h:max(100svh, 640px);height:var(--hero-h);isolation:isolate;position:relative;overflow:hidden}.hero-glow{z-index:0;pointer-events:none;background:radial-gradient(60% 55% at 54% 88%,#8cc8a529,#8cc8a500 70%);position:absolute;top:0;bottom:0;left:0;right:0}.stage{z-index:1;width:min(100vw, calc(var(--hero-h) * 1.611));aspect-ratio:1740/1080;-webkit-mask-composite:source-in;position:absolute;bottom:0;left:50%;transform:translate(-50%);-webkit-mask-image:linear-gradient(90deg,#0000 0,#000 19% 83%,#0000 100%),linear-gradient(#0000 0,#000 17%);mask-image:linear-gradient(90deg,#0000 0,#000 19% 83%,#0000 100%),linear-gradient(#0000 0,#000 17%);-webkit-mask-composite:source-in;mask-composite:intersect}.stage-canvas{opacity:0;transform-origin:50% 70%;width:100%;height:100%;transition:opacity 1.5s ease, transform 2.4s var(--ease);display:block;transform:scale(1.045)}.stage.is-live .stage-canvas{opacity:1;transform:none}.stage-video{opacity:0;pointer-events:none;width:2px;height:2px;position:absolute;top:0;left:0}.stage.is-fallback .stage-canvas{display:none}.stage.is-fallback .stage-video{object-fit:cover;object-position:53% 50%;opacity:1;width:100%;height:100%;animation:1.4s both fadein}@keyframes fadein{0%{opacity:0}}.hero:before{content:"";z-index:2;pointer-events:none;background:linear-gradient(90deg,#0c1712f0 0,#0c171299 15%,#0c171200 31%),linear-gradient(270deg,#0c1712f0 0,#0c171299 15%,#0c171200 27%);position:absolute;top:0;bottom:0;left:0;right:0}.hero:after{content:"";z-index:2;pointer-events:none;background:linear-gradient(to bottom, #0c171200, var(--ink));height:clamp(20px,3vw,44px);position:absolute;bottom:0;left:0;right:0}.hero-title{z-index:3;pointer-events:none;position:absolute;top:0;bottom:0;left:0;right:0}.hl{font:800 clamp(56px, 7.9vw, 176px) / .86 var(--display);font-variation-settings:"wdth" 84;letter-spacing:-.012em;position:absolute;top:clamp(112px,24svh,260px)}.hl-left{left:var(--pad);color:var(--paper)}.hl-right{right:var(--pad);text-align:right;color:var(--mint)}.hl .ln>span{transition:transform 1.25s var(--ease);transform:translateY(112%)}.hl-left .ln:first-child>span{transition-delay:.3s}.hl-left .ln:nth-child(2)>span{transition-delay:.4s}.hl-right .ln:first-child>span{transition-delay:.55s}.hl-right .ln:nth-child(2)>span{transition-delay:.65s}.hero.is-live .hl .ln>span{transform:none}.hero-foot{z-index:4;left:var(--pad);right:var(--pad);pointer-events:none;justify-content:space-between;align-items:flex-end;gap:32px;display:flex;position:absolute;bottom:clamp(22px,3.4vw,44px)}.hero-sub{max-width:30ch;color:var(--mute);font-size:clamp(14px,1vw,16px);line-height:1.45}.hero-hint{font:400 11px / 1.4 var(--mono);color:var(--mint);text-align:right;-webkit-backdrop-filter:blur(6px);background:#0c171299;border-radius:999px;align-items:center;gap:10px;padding:9px 14px;transition:opacity .8s;display:flex}.hero-hint:before{content:"";background:currentColor;flex-shrink:0;width:20px;height:1px}.hero-hint.is-hidden{opacity:0}.sec{padding:clamp(80px, 10vw, 160px) var(--pad);position:relative}.sec-head{grid-template-columns:repeat(12,1fr);align-items:end;column-gap:24px;margin-bottom:clamp(48px,6vw,100px);display:grid}.sec-label{font:500 12px / 1 var(--mono);letter-spacing:.05em;color:var(--mint);grid-column:1/-1;margin-bottom:clamp(24px,3vw,44px)}.sec-title{font:700 clamp(42px, 6.6vw, 112px) / .94 var(--display);font-variation-settings:"wdth" 86;letter-spacing:-.016em;grid-column:1/9}.sec-sub{color:var(--mute);grid-column:9/13;max-width:38ch;padding-bottom:.6em}.svc-list{border-top:1px solid var(--line);list-style:none}.svc{isolation:isolate;border-bottom:1px solid var(--line);transition:color .35s, padding .6s var(--ease);grid-template-columns:minmax(0,6.2fr) minmax(0,3.6fr) auto;align-items:center;gap:20px clamp(24px,4vw,72px);padding:clamp(28px,3.6vw,56px) 0;display:grid;position:relative}.svc-link{color:inherit;display:contents}.svc:focus-within{color:var(--ink);padding-inline-start:0;padding-inline-end:0}.svc:focus-within:before{transform:scaleY(1)}.svc-link:focus-visible{outline:none}.svc:focus-within .svc-text{color:#0c1712cc}.svc:focus-within .svc-tags li{color:var(--ink);border-color:#0c171259}.svc:focus-within .svc-arrow{transform:translate(6px,-6px)}.svc:before{content:"";z-index:-1;inset:0 calc(var(--pad) * -1);background:var(--mint);transform-origin:50% 100%;transition:transform .6s var(--ease);position:absolute;transform:scaleY(0)}.svc:hover{color:var(--ink);padding-inline-start:0;padding-inline-end:0}.svc:hover:before{transform:scaleY(1)}.svc-name{font:700 clamp(30px, 4.6vw, 76px) / .98 var(--display);font-variation-settings:"wdth" 86;letter-spacing:-.014em}.svc-text{color:var(--mute);max-width:44ch;transition:color .35s}.svc:hover .svc-text{color:#0c1712cc}.svc-tags{flex-wrap:wrap;grid-column:1/3;gap:8px;list-style:none;display:flex}.svc-tags li{font:400 11px / 1 var(--mono);border:1px solid var(--line);color:var(--mute);border-radius:999px;padding:8px 12px;transition:color .35s,border-color .35s}.svc:hover .svc-tags li{color:var(--ink);border-color:#0c171259}.svc-arrow{transition:transform .5s var(--ease);grid-area:1/3;font-size:clamp(28px,3vw,48px);line-height:1}.svc:hover .svc-arrow{transform:translate(6px,-6px)}.work-grid{grid-template-columns:repeat(12,1fr);gap:clamp(28px,3.4vw,56px) clamp(18px,2vw,32px);display:grid}.card{will-change:transform;display:block}.card-1{grid-column:1/8}.card-2{grid-column:9/13;margin-top:clamp(80px,13vw,220px)}.card-3{grid-column:4/11}.card-art{aspect-ratio:4/3;background:var(--mint);color:var(--ink);border-radius:22px;place-items:center;display:grid;position:relative;overflow:hidden}.card-2 .card-art{aspect-ratio:4/5;background:var(--ink-3);color:var(--pink)}.card-3 .card-art{color:var(--iris);background:#dcebe2}.card-art svg{width:38%;max-width:300px;transition:transform .9s var(--ease)}.card-2 .card-art svg{width:56%}.card:hover .card-art svg{transform:scale(1.08)rotate(-6deg)}.card-view{font:500 11px / 1 var(--mono);letter-spacing:.05em;background:var(--ink);color:var(--paper);opacity:0;transition:opacity .4s, transform .5s var(--ease);border-radius:999px;padding:11px 16px;position:absolute;bottom:18px;right:18px;transform:translateY(8px)}.card:hover .card-view{opacity:1;transform:none}.card-meta{grid-template-columns:1fr;gap:4px;padding-top:22px;display:grid}.card-meta h3{font:600 clamp(24px, 2.4vw, 38px) / 1.05 var(--display);letter-spacing:-.02em}.card-kind{font:400 11.5px / 1.4 var(--mono);color:var(--pink);margin-top:8px}.card-text{color:var(--mute);max-width:42ch;margin-top:8px}.why-grid{border-top:1px solid var(--line);border-left:1px solid var(--line);grid-template-columns:1fr 1fr;display:grid}.why-item{border-right:1px solid var(--line);border-bottom:1px solid var(--line);flex-direction:column;justify-content:space-between;gap:40px;min-height:clamp(220px,24vw,360px);padding:clamp(28px,4.2vw,72px);transition:background .5s;display:flex}.why-item:hover{background:var(--ink-2)}.why-item h3{font:700 clamp(28px, 3.6vw, 58px) / 1 var(--display);font-variation-settings:"wdth" 86;letter-spacing:-.014em}.why-item p{color:var(--mute);max-width:34ch}.process-steps{padding-top:clamp(36px,4vw,64px);position:relative}.process-line{background:var(--line);height:2px;position:absolute;top:0;left:0;right:0}.process-line i{background:var(--mint);transform-origin:0;height:100%;display:block}.process-steps ol{grid-template-columns:repeat(4,1fr);gap:clamp(20px,3vw,48px);list-style:none;display:grid}.step-n{font:800 clamp(64px, 8.4vw, 148px) / .9 var(--display);font-variation-settings:"wdth" 84;letter-spacing:-.018em;color:#0000;-webkit-text-stroke:1.5px var(--mint);margin-bottom:clamp(24px,3vw,48px);display:block}.process-steps h3{font:700 clamp(24px, 2.4vw, 38px) / 1.05 var(--display);letter-spacing:-.02em;margin-bottom:12px}.process-steps p{color:var(--mute);max-width:28ch}.about{padding-block-start:clamp(120px,16vw,260px);padding-block-end:clamp(120px,16vw,260px)}.about .sec-label{margin-bottom:clamp(32px,4vw,64px)}.about-text{font:700 clamp(40px, 7.2vw, 132px) / .98 var(--display);font-variation-settings:"wdth" 86;letter-spacing:-.018em;text-wrap:balance;max-width:17ch}.about-word{display:inline}.about-body{max-width:46ch;color:var(--mute);margin:clamp(48px,6vw,96px) 0 0 auto}.cta{background:var(--mint);color:var(--ink);padding:clamp(110px, 15vw, 240px) var(--pad);position:relative;overflow:hidden}.cta h2{font:800 clamp(54px, 11vw, 200px) / .88 var(--display);font-variation-settings:"wdth" 88;letter-spacing:-.006em;margin-bottom:clamp(40px,5vw,80px)}.cta-links{font:400 13px / 1.3 var(--mono);flex-wrap:wrap;gap:14px 36px;margin-top:36px;list-style:none;display:flex}.cta-links a{border-bottom:1px solid #0c171259;padding-bottom:3px;transition:border-color .3s}.cta-links a:hover{border-color:var(--ink)}.cta-wa{font-weight:700}.footer-links{gap:22px;display:flex}.footer-links a{transition:color .3s}.footer-links a:hover{color:var(--paper)}.footer{padding:clamp(40px, 5vw, 72px) var(--pad) 0;overflow:hidden}.footer-row{font:400 12px / 1.4 var(--mono);color:var(--mute);flex-wrap:wrap;justify-content:space-between;gap:24px;padding-bottom:28px;display:flex}.footer-mark{font:800 27vw / .74 var(--display);letter-spacing:-.02em;color:var(--ink-3);text-align:center;-webkit-user-select:none;user-select:none;order:2;margin:0 0 -.02em}.footer{flex-direction:column;display:flex}.footer-row{order:1}@media (max-width:1180px){.status{display:none}}@media (max-width:900px){.nav{grid-template-columns:1fr auto}.menu-btn{display:block}.nav-right .btn{display:none}.nav-links{z-index:-1;background:var(--ink);padding:96px var(--pad) 48px;opacity:0;visibility:hidden;flex-direction:column;justify-content:center;gap:6px;transition:opacity .4s,visibility .4s;position:fixed;top:0;bottom:0;left:0;right:0}.nav.is-open .nav-links{opacity:1;visibility:visible}.nav-links a{font:700 clamp(38px, 11vw, 64px) / 1.1 var(--display);color:var(--paper);letter-spacing:-.02em}.sec-title,.sec-sub{grid-column:1/-1}.sec-sub{margin-top:28px;padding-bottom:0}.svc{grid-template-columns:1fr auto}.svc-text,.svc-tags{grid-column:1/-1}.svc-arrow{grid-column:2}.work-grid{grid-template-columns:1fr}.card-1,.card-2,.card-3{grid-column:1;margin-top:0}.card-2 .card-art{aspect-ratio:4/3}.card-view{opacity:1;transform:none}.why-grid{grid-template-columns:1fr}.process-steps ol{grid-template-columns:1fr 1fr;row-gap:48px}.about-text{max-width:none}.about-body{margin-left:0}}@media (max-width:820px),(max-aspect-ratio:1){.hero{--hero-h:max(100svh, 700px)}.hero:before{display:none}.stage{aspect-ratio:1;-webkit-mask-composite:source-over;width:124vw;bottom:clamp(150px,26svh,260px);-webkit-mask-image:radial-gradient(50% 50% at 50% 52%,#000 58%,#0000 100%);mask-image:radial-gradient(50% 50% at 50% 52%,#000 58%,#0000 100%);-webkit-mask-composite:source-over;mask-composite:add}.hl{font-size:clamp(48px,15vw,92px)}.hl-left{top:clamp(84px,12svh,130px)}.hl-right{top:auto;bottom:clamp(92px,13svh,140px)}.hero-foot{justify-content:flex-start}.hero-hint{display:none}.hero-sub{max-width:34ch}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.stage-canvas{opacity:1;transition:none;transform:none}.hl .ln>span{transition:none;transform:none}.status i{animation:none}}.wa-fab{z-index:70;right:max(22px, env(safe-area-inset-right,0px));bottom:max(22px, calc(18px + env(safe-area-inset-bottom,0px)));background:var(--mint);width:58px;height:58px;color:var(--ink);transition:transform .35s var(--ease), background .3s, box-shadow .4s;border-radius:50%;place-items:center;display:grid;position:fixed;box-shadow:0 10px 28px #00000059,0 0 #8cc8a580}.wa-fab-icon{width:30px;height:30px}.wa-fab:hover{background:var(--paper);transform:translateY(-3px)scale(1.05)}.wa-fab:focus-visible{background:var(--paper);transform:translateY(-3px)scale(1.05)}.wa-fab:active{transform:translateY(0)scale(.97)}.wa-fab-tip{white-space:nowrap;font:500 12px / 1 var(--mono);letter-spacing:.02em;background:var(--ink);color:var(--paper);border:1px solid var(--line);opacity:0;pointer-events:none;transition:opacity .3s, transform .3s var(--ease);border-radius:999px;padding:9px 14px;position:absolute;top:50%;right:calc(100% + 14px);transform:translateY(-50%)translate(4px)}.wa-fab:hover .wa-fab-tip{opacity:1;transform:translateY(-50%)translate(0)}.wa-fab:focus-visible .wa-fab-tip{opacity:1;transform:translateY(-50%)translate(0)}@media (max-width:640px){.wa-fab{width:52px;height:52px;right:max(16px, env(safe-area-inset-right,0px));bottom:max(16px, calc(14px + env(safe-area-inset-bottom,0px)))}.wa-fab-icon{width:27px;height:27px}.wa-fab-tip{display:none}}@media (prefers-reduced-motion:reduce){.wa-fab{transition:none}}