@font-face{font-family:Manrope;src:url(assets/manrope.ttf) format('truetype');font-weight:200 800;font-display:swap}:root{--ink:#171a16;--paper:#f1f0e9;--lime:#c4ff48;--muted:#b3b9ae}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;color:var(--paper);background:var(--ink);font:14px/1.75 Manrope,Arial,sans-serif}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer;color:inherit}button,a,input{touch-action:manipulation}::selection{background:var(--lime);color:var(--ink)}:focus-visible{outline:3px solid #879bff;outline-offset:5px}.skip{position:fixed;top:-80px;left:20px;z-index:90;background:white;color:black;padding:10px}.skip:focus{top:15px}.progress{position:fixed;top:0;left:0;height:3px;background:var(--lime);transform:scaleX(0);transform-origin:left;width:100%;z-index:40}.header{height:105px;padding:0 6%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff18;position:relative;z-index:5}.brand{display:flex;gap:12px;align-items:center;font-size:21px;letter-spacing:2px;font-weight:800;line-height:1.1}.brand svg{width:34px;height:34px}.brand small{display:block;font-size:8px;letter-spacing:4.3px;margin-top:7px}.header nav{display:flex;gap:30px;font-size:12px}.header sup{color:var(--lime);margin-left:4px;font-size:8px}.header nav a:hover{color:var(--lime)}.nav-cta{border:1px solid #717769;border-radius:40px;padding:10px 20px;font-size:12px}.nav-cta span{margin-left:25px;color:var(--lime)}.hero{position:relative;min-height:750px;padding:90px 6% 120px;display:grid;grid-template-columns:1.08fr 1fr;gap:25px;overflow:hidden}.hero-glow{position:absolute;width:650px;height:650px;right:-250px;top:-300px;background:radial-gradient(circle,#b3e83b1a,transparent 65%);pointer-events:none}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:700;margin:0 0 28px}.dot{display:inline-block;width:7px;height:7px;background:var(--lime);border-radius:50%;margin-right:8px;box-shadow:0 0 13px #c4ff4880}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(54px,5.55vw,91px);font-weight:600;line-height:1.12;letter-spacing:-4px;margin-bottom:30px}.highlight{color:var(--lime);position:relative;display:inline-block}.highlight svg{position:absolute;bottom:-16px;width:100%;left:0;height:26px;overflow:visible}.highlight path{fill:none;stroke:var(--lime);stroke-width:3;stroke-linecap:round;stroke-dasharray:600;animation:draw 1.4s .4s both;filter:drop-shadow(0 0 7px #b7ff3980)}@keyframes draw{from{stroke-dashoffset:600}to{stroke-dashoffset:0}}.hero-intro{max-width:380px;font-size:15px;color:var(--muted);line-height:1.85;margin:35px 0 28px}.actions{display:flex;align-items:center;gap:24px;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:22px;background:var(--lime);color:var(--ink);border-radius:5px;padding:16px 20px;font-size:12px;font-weight:800;box-shadow:0 0 30px #c4ff4810;transition:box-shadow .25s,transform .25s}.button:hover{box-shadow:0 0 30px #c4ff4845;transform:translateY(-3px)}.button span{font-size:22px;line-height:1}.link{display:inline-flex;align-items:center;gap:25px;font-size:12px;border-bottom:1px solid #727a67;padding-bottom:5px}.hero-meta{display:flex;gap:24px;font-size:8px;letter-spacing:1.2px;color:#a1aa96;margin-top:35px}.hero-stage{position:relative;align-self:center;min-height:435px;padding-top:50px;perspective:1300px}.stage-grid{position:absolute;inset:0;background-image:linear-gradient(#ffffff09 1px,transparent 1px),linear-gradient(90deg,#ffffff09 1px,transparent 1px);background-size:45px 45px;mask-image:radial-gradient(ellipse,black,transparent 72%);transform:rotate(-9deg);z-index:-1}.preview-shell{transform:rotate(-6deg);transition:transform .5s cubic-bezier(.2,.8,.2,1);will-change:transform;animation:float 8s ease-in-out infinite}.preview-browser{border:1px solid #747e62;border-radius:10px;overflow:hidden;box-shadow:0 35px 60px #0006,0 0 40px #c4ff480c;background:#e9e7df}.browser-bar{display:flex;justify-content:space-between;align-items:center;background:#fcfcf8;padding:10px 14px;color:#777e70;font-size:8px;border-bottom:1px solid #ddd}.browser-dots{letter-spacing:3px;color:#9faaa0}.preview-browser img{display:block;width:100%;height:auto;aspect-ratio:1265/712;object-fit:cover;transition:opacity .18s}.sticker{position:absolute;right:-16px;top:0;background:var(--lime);color:var(--ink);transform:rotate(9deg);padding:16px 42px 16px 17px;font-size:9px;line-height:1.6;box-shadow:0 0 30px #c4ff4826;border-radius:2px}.sticker span{position:absolute;right:12px;top:14px;font-size:25px}.stage-tag{position:absolute;left:-15px;top:290px;border:1px solid #757e64;background:#21261cf2;box-shadow:0 15px 35px #0004;padding:12px 17px;border-radius:5px;font-size:10px;transform:rotate(-4deg)}.project-switch{display:flex;justify-content:center;gap:8px;margin-top:50px}.project-switch button{background:transparent;border:1px solid #737d66;padding:10px 17px;border-radius:30px;font-size:10px}.project-switch button[aria-pressed=true]{background:var(--lime);border-color:var(--lime);color:var(--ink)}.try-hint{font-size:9px;color:#a6ae9e;text-align:center;margin:10px 0 0}.hero-bottom{position:absolute;bottom:28px;left:6%;right:6%;display:flex;justify-content:space-between;font-size:8px;letter-spacing:1.3px}.hero-bottom button{border:0;background:transparent;color:#bcc5b0;font-size:9px}.ticker{overflow:hidden;transform:rotate(-1.5deg);background:var(--lime);color:var(--ink);position:relative;z-index:2;padding:17px 0;box-shadow:0 0 30px #c4ff481a}.ticker>div{display:flex;align-items:center;gap:50px;width:max-content;animation:ticker 30s linear infinite;font-size:21px;font-weight:700;letter-spacing:-.5px}.ticker i{font-size:30px;font-style:normal}@keyframes ticker{to{transform:translateX(-50%)}}@keyframes float{50%{translate:0 -12px}}.work-section{background:var(--paper);color:var(--ink);padding:130px 6% 80px;overflow:hidden}.section-head{display:grid;grid-template-columns:1.1fr 1fr;gap:0 70px;margin-bottom:65px}.section-head .eyebrow{grid-column:1/-1}h2{font-size:clamp(42px,5.2vw,76px);letter-spacing:-3.5px;line-height:1.1;font-weight:600;margin-bottom:0}h2 span{color:#747b6f}h2 em{font-style:normal;color:var(--lime)}.section-head>p:last-child{align-self:end;justify-self:end;font-size:13px;color:#62695c;max-width:360px;margin-bottom:0}.project-card{display:grid;grid-template-columns:.8fr 1.2fr;gap:45px;background:#e6e8de;border:1px solid #d3d7c9;border-radius:12px;padding:40px;margin-bottom:40px;transform-origin:center;position:relative}.project-number{font-size:12px;font-weight:700;display:flex;gap:25px;align-items:center;margin-bottom:33px}.project-number span{font-size:8px;font-weight:500;letter-spacing:1.5px}.project-info h3{font-size:37px;line-height:1.15;letter-spacing:-1.5px;font-weight:600;margin-bottom:20px}.project-info h3 span{font-size:21px;margin-left:8px}.project-info p{font-size:13px;color:#56604d;max-width:330px}.tags{display:flex;gap:6px;flex-wrap:wrap;margin:23px 0}.tags span{border:1px solid #bbc3af;border-radius:30px;padding:5px 10px;font-size:8px}.project-link{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #a5ae98;padding:10px 0;font-size:12px;max-width:330px}.project-link span{font-size:24px}.project-visual{position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;border-radius:8px;min-height:360px;perspective:900px}.green{background:#c9d8b0}.sand{background:#d8cdc1}.visual-browser{width:88%;border:1px solid #8f9a83;border-radius:6px;overflow:hidden;transform:rotate(-5deg);transition:transform .6s cubic-bezier(.2,.8,.2,1);box-shadow:0 30px 40px #17231336}.visual-browser img{width:100%;height:auto;display:block;aspect-ratio:1265/712}.project-card:nth-of-type(2) .visual-browser{transform:rotate(5deg)}.project-visual:hover .visual-browser,.project-visual:focus-visible .visual-browser{transform:rotate(0) scale(1.05)}.visit{position:absolute;right:20px;bottom:20px;background:var(--ink);color:var(--paper);font-size:9px;padding:10px 15px;border-radius:25px;transition:background .2s,color .2s}.project-visual:hover .visit{background:var(--lime);color:var(--ink)}.work-note{font-size:13px;color:#657058;text-align:center;margin:45px 0 0}.services-section{padding:100px 6%;overflow:hidden}.services-section .section-head>p:last-child{color:var(--muted)}.service-layout{display:grid;grid-template-columns:1.2fr 1fr;gap:80px}.service-choice{width:100%;background:none;border:0;border-bottom:1px solid #45503c;text-align:left;display:flex;align-items:center;padding:27px 0;gap:25px;color:#a0aa96;transition:color .3s,padding .3s}.service-choice>span{font-size:10px}.service-choice strong{font-size:35px;font-weight:500;letter-spacing:-1px}.service-choice i{margin-left:auto;font-size:35px;font-style:normal;transition:transform .3s}.service-choice:hover,.service-choice.active{color:var(--lime);padding-left:12px}.service-choice.active i{transform:rotate(45deg);text-shadow:0 0 20px #c4ff4866}.service-detail{align-self:center;position:relative;padding:30px 0 20px;min-height:365px}.service-detail>#service-icon{font-size:100px;line-height:1;color:var(--lime);margin-bottom:25px;text-shadow:0 0 40px #c4ff4833}.service-detail>span{font-size:8px;letter-spacing:2px;color:#a9b29e}.service-detail h3{font-size:33px;line-height:1.2;letter-spacing:-1px;margin:18px 0}.service-detail p{font-size:13px;color:var(--muted);max-width:350px;margin-bottom:25px}.play-section{background:var(--paper);color:var(--ink);display:grid;grid-template-columns:1fr 1fr;gap:100px;padding:100px 6%;overflow:hidden}.play-intro>p:not(.eyebrow){color:#687260;font-size:13px;max-width:320px;margin-top:30px}.play-intro label{font-size:10px;display:block;margin-top:25px;max-width:340px}.play-intro input{display:block;width:100%;border:0;border-bottom:1px solid #909a81;background:transparent;font-size:20px;padding:12px 0;color:var(--ink);border-radius:0}.color-options{display:flex;gap:12px;margin-top:22px}.color-options button{width:36px;height:36px;border-radius:50%;border:3px solid var(--paper);outline:1px solid #b3bbab}.color-options button[data-color=lime]{background:#b3f237}.color-options button[data-color=purple]{background:#c2a1ff}.color-options button[data-color=orange]{background:#ffb36b}.color-options button[data-color=blue]{background:#8dccff}.color-options button[aria-pressed=true]{outline:2px solid var(--ink);transform:scale(1.13)}.demo-wrap{align-self:center;perspective:1000px}.demo-site{--accent:#c4ff48;transform:rotate(4deg);border-radius:9px;overflow:hidden;background:#20241c;color:#f1f0e9;box-shadow:0 25px 55px #1a29112a;border:1px solid #6c785f;transition:transform .5s}.demo-site:hover{transform:rotate(0)}.demo-site[data-theme=purple]{--accent:#c2a1ff}.demo-site[data-theme=orange]{--accent:#ffb36b}.demo-site[data-theme=blue]{--accent:#8dccff}.demo-site header,.demo-site footer{padding:20px 25px;display:flex;justify-content:space-between;gap:15px;border-bottom:1px solid #ffffff20;font-size:11px}.demo-site header strong{max-width:90%;overflow-wrap:anywhere}.demo-body{padding:45px 28px;position:relative;overflow:hidden}.demo-body small{font-size:7px;letter-spacing:1.5px}.demo-body h3{font-size:43px;line-height:1.08;letter-spacing:-2px;margin:24px 0 20px;position:relative;z-index:1}.demo-body em{font-style:normal;color:var(--accent)}.demo-body p{font-size:10px;position:relative;z-index:1}.demo-cta{display:inline-block;padding:10px 14px;background:var(--accent);color:var(--ink);font-size:9px;margin-top:12px;font-weight:700;position:relative;z-index:1}.demo-shape{color:var(--accent);font-size:190px;line-height:1;position:absolute;right:-40px;bottom:18px;opacity:.8;animation:spin 30s linear infinite}.demo-site footer{font-size:7px;border-top:1px solid #ffffff20;border-bottom:0;letter-spacing:1px}.demo-note{text-align:center;color:#69725f;font-size:9px;margin:25px 0 0}@keyframes spin{to{rotate:360deg}}.about-section{padding:100px 6%;display:grid;grid-template-columns:1fr 1fr;gap:100px;overflow:hidden}.about-art{background:#252b20;border:1px solid #4a573b;border-radius:8px;position:relative;min-height:390px;display:flex;align-items:center;padding:45px;overflow:hidden}.about-art>span{font-size:90px;font-weight:800;letter-spacing:-6px;line-height:.95;position:relative;z-index:1}.lime{color:var(--lime)}.about-art>i{position:absolute;font-style:normal;font-size:240px;right:-70px;bottom:-70px;color:#c4ff4818;line-height:1}.about-stamp{position:absolute;right:20px;top:35px;background:var(--lime);color:var(--ink);padding:10px 17px;transform:rotate(8deg);font-size:8px;letter-spacing:1px}.about-copy{align-self:center}.about-copy h2{font-size:42px;letter-spacing:-2px}.about-copy .large{font-size:18px;color:#d1d8c8;margin-top:28px}.about-copy>p:not(.eyebrow):not(.large){font-size:13px;color:var(--muted);margin-bottom:25px}.contact-section{padding:95px 6%;background:var(--lime);color:var(--ink);overflow:hidden}.contact-section .dot{background:var(--ink);box-shadow:none}.contact-section h2{font-size:clamp(70px,10.5vw,155px);letter-spacing:-7px;line-height:1.03;position:relative}.contact-section h2 span{color:var(--ink)}.contact-section h2>a{position:absolute;right:0;bottom:0;border:2px solid #172014;width:110px;height:110px;border-radius:50%;display:grid;place-items:center;font-size:65px;line-height:1;transition:background .3s,color .3s,rotate .3s}.contact-section h2>a:hover{background:var(--ink);color:var(--lime);rotate:45deg}.contact-grid{display:grid;grid-template-columns:1fr 1.2fr .7fr;gap:40px;border-top:1px solid #608418;margin-top:55px;padding-top:30px;font-size:13px}.contact-grid>div{display:flex;flex-direction:column;gap:8px}.contact-grid small{font-size:8px}.contact-grid a:hover{text-decoration:underline}.footer{padding:40px 6% 25px}.footer>div:first-child{display:flex;align-items:center;justify-content:space-between;gap:25px}.footer .brand>span{font-size:8px;letter-spacing:2px}.footer p{font-size:11px;color:#a6b19a;margin:0}.footer-bottom{border-top:1px solid #3f4836;padding-top:23px;margin-top:35px;display:flex;justify-content:space-between;gap:22px;font-size:9px;color:#b3bea5}.footer-bottom nav{display:flex;gap:20px}.footer-bottom button{border:0;background:none;color:inherit;padding:0;font-size:9px}.consent{position:fixed;z-index:60;bottom:18px;left:18px;width:420px;max-width:calc(100% - 36px);padding:22px;background:var(--paper);color:var(--ink);border:1px solid #657b3e;border-radius:8px;box-shadow:0 15px 55px #0004}.consent[hidden]{display:none}.consent strong{font-size:15px}.consent p{font-size:11px;margin:9px 0 18px;color:#56614b}.consent>div{display:flex;gap:18px;justify-content:space-between;align-items:center;font-size:9px}.consent a{text-decoration:underline}.consent button{border:0;background:var(--ink);color:white;padding:11px 14px;border-radius:4px;font-size:10px}.motion-ready .reveal{opacity:0;transform:translateY(65px) rotate(3deg);transition:opacity .8s ease,transform 1s cubic-bezier(.16,1,.3,1)}.motion-ready .reveal.left{transform:translate(-70px,65px) rotate(-5deg)}.motion-ready .reveal.right{transform:translate(70px,65px) rotate(5deg)}.motion-ready .reveal.in{opacity:1;transform:none}.paused *{animation-play-state:paused!important}.paused .reveal{opacity:1;transform:none;transition:none}.paused .preview-shell{transform:none!important}.legal{max-width:900px;padding:100px 6%;min-height:70vh;margin:auto}.legal h1{font-size:55px}.legal h2{font-size:24px;margin:30px 0 15px;letter-spacing:-.5px}.legal p{color:#c4cdb9}.legal a{text-decoration:underline}.legal .notice{padding:20px;border:1px solid #607048}@media(max-width:1000px){.hero{padding-top:70px;min-height:720px}.hero-stage{min-height:360px}.stage-tag{top:230px}.hero-meta{gap:15px;font-size:7px}.section-head{gap:35px}.service-layout,.play-section,.about-section{gap:50px}.project-card{gap:25px;padding:25px}.project-visual{min-height:300px}.project-info h3{font-size:31px}.about-art>span{font-size:75px}.contact-section h2>a{width:85px;height:85px;font-size:45px}}@media(max-width:700px){.header{height:85px}.header nav{display:none}.brand{font-size:18px}.brand svg{width:28px}.nav-cta{font-size:10px;padding:10px 13px}.nav-cta span{margin-left:12px}.hero{display:block;padding:60px 6% 95px;min-height:0}h1{font-size:clamp(42px,8.5vw,58px);letter-spacing:-2.5px;line-height:1.14}.eyebrow{font-size:8px;letter-spacing:1.7px;margin-bottom:25px}.hero-intro{font-size:13px;max-width:330px}.actions{gap:20px}.button{font-size:11px;padding:14px 17px}.link{font-size:11px}.hero-meta{font-size:7px;margin-top:28px}.hero-stage{margin:42px auto 0;max-width:500px;min-height:345px;padding-top:48px}.stage-tag{top:auto;bottom:83px;left:-2px;font-size:8px;padding:9px 12px}.sticker{right:0;font-size:8px;padding:12px 36px 12px 14px}.project-switch{margin-top:40px}.project-switch button{font-size:9px;padding:9px 15px}.hero-bottom{font-size:6px;letter-spacing:.6px;bottom:25px;gap:15px;align-items:center}.hero-bottom button{font-size:8px}.ticker{padding:13px 0}.ticker>div{font-size:15px;gap:30px}.ticker i{font-size:22px}.work-section{padding:85px 6% 60px}.section-head{display:block;margin-bottom:35px}h2{font-size:45px;letter-spacing:-2.5px}.section-head>p:last-child{margin-top:24px;font-size:12px}.project-card{grid-template-columns:1fr;padding:24px;gap:25px;margin-bottom:30px;border-radius:9px}.project-number{margin-bottom:25px}.project-info h3{font-size:33px}.project-info p{font-size:12px}.project-link{max-width:100%;font-size:11px}.project-visual{min-height:240px}.visual-browser{width:90%}.browser-bar{padding:7px 10px;font-size:6px}.visit{font-size:7px;padding:8px 12px;right:12px;bottom:12px}.work-note{font-size:11px;margin-top:35px}.services-section,.about-section{padding:70px 6%}.service-layout{grid-template-columns:1fr;gap:30px}.service-choice{padding:20px 0}.service-choice strong{font-size:30px}.service-detail{padding:0 5px;min-height:330px}.service-detail>#service-icon{font-size:70px;margin-bottom:15px}.service-detail h3{font-size:29px}.play-section{padding:75px 6%;grid-template-columns:1fr;gap:55px}.play-intro>p:not(.eyebrow){max-width:100%}.demo-site{transform:rotate(2deg)}.demo-body{padding:35px 25px}.demo-body h3{font-size:44px}.about-section{grid-template-columns:1fr;gap:40px}.about-art{min-height:310px;padding:32px}.about-art>span{font-size:85px}.about-copy h2{font-size:37px}.about-copy .large{font-size:17px}.contact-section{padding:65px 6%}.contact-section h2{font-size:65px;letter-spacing:-4px}.contact-section h2>a{position:static;width:64px;height:64px;font-size:37px;margin-top:25px}.contact-grid{grid-template-columns:1fr;gap:20px;margin-top:35px;padding-top:25px;font-size:13px}.contact-grid p{margin-bottom:0}.footer>div:first-child{align-items:flex-start;flex-direction:column;gap:20px}.footer-bottom{flex-direction:column;gap:18px}.footer-bottom nav{gap:15px;flex-wrap:wrap}.legal{padding:65px 6%}.legal h1{font-size:40px}.motion-ready .reveal.left{transform:translate(-28px,40px) rotate(-3deg)}.motion-ready .reveal.right{transform:translate(28px,40px) rotate(3deg)}.motion-ready .reveal.in{transform:none}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.motion-ready .reveal{opacity:1;transform:none}.preview-shell{transform:none!important}}
html{overflow-x:clip}.reveal:focus-within{opacity:1!important;transform:none!important}
.paused .hero-glow,.paused .stage-grid,.paused .sticker{translate:none!important}@media(prefers-reduced-motion:reduce){.hero-glow,.stage-grid,.sticker{translate:none!important}}