@font-face{font-family:Kano;src:url(/fonts/kano.otf)format("opentype");font-display:swap;ascent-override:108%;descent-override:4%;line-gap-override:0%}@font-face{font-family:AG;src:url(/fonts/ag-book.woff)format("woff");font-weight:400;font-display:swap}@font-face{font-family:AG;src:url(/fonts/ag-book-italic.woff)format("woff");font-weight:400;font-style:italic;font-display:swap}@font-face{font-family:AG;src:url(/fonts/ag-demi.woff)format("woff");font-weight:600;font-display:swap}
:root{--ink:#0e0e0f;--char:#161618;--paper:#f3f1ec;--paper2:#eae7e0;--white:#fff;--line:#e2ded6;--line-d:#2a2a2d;--muted:#6e6a63;--muted-d:#a09c95;--orange:#ff8a3d;--violet:#7b5cff;--violet-d:#4a3799;--grad:linear-gradient(100deg,#ffc83d 0%,#ff8a3d 30%,#ff4d8d 65%,#7b5cff 100%);--ease:cubic-bezier(.22,1,.36,1);--g:clamp(16px,4vw,56px);--k-xl:clamp(42px,6.4vw,112px);--k-l:clamp(32px,3.9vw,64px);--k-m:clamp(24px,2vw,32px);--k-s:clamp(17px,1.3vw,20px);--k-lh:1.1}*{box-sizing:border-box;margin:0;padding:0}
html{-webkit-text-size-adjust:100%}body{background:var(--paper);color:var(--ink);-webkit-font-smoothing:antialiased;font:400 18px/1.6 AG,system-ui,sans-serif;overflow-x:hidden}img,video{max-width:100%;display:block}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0}::selection{background:var(--orange);color:#fff}
.t{text-transform:uppercase;letter-spacing:.015em;font-family:Kano,sans-serif;font-weight:400;line-height:var(--k-lh);font-size:var(--k-xl)}.t em{text-transform:none;letter-spacing:-.01em;color:var(--orange);margin-top:.22em;font-family:AG;font-size:.52em;font-style:italic;line-height:1.15;display:block}.t.s{font-size:var(--k-l)}.t.s em{font-size:.6em}.lab{letter-spacing:.16em;text-transform:uppercase;color:var(--muted);align-items:center;gap:10px;font:600 12px/1 AG;display:flex}.lab:before{content:"";background:currentColor;width:22px;height:1px}.dark .lab{color:var(--muted-d)}.wrap{padding:0 var(--g);max-width:1480px;margin:0 auto}.btn{letter-spacing:.01em;height:54px;transition:transform .5s var(--ease),background .3s;border-radius:999px;align-items:center;gap:12px;padding:0 26px;font:600 15px/1 AG;display:inline-flex}.btn.p{background:var(--violet);color:#fff}.btn.p:hover{background:var(--violet-d)}.btn.o{border:1px solid}.btn .ar{width:18px;height:18px;transition:transform .5s var(--ease)}.btn:hover .ar{transform:translate(4px)}.ul{transition:background-size .5s var(--ease);background:linear-gradient(currentColor,currentColor) 0 100%/0 1px no-repeat}.ul:hover{background-size:100% 1px}
#pre{z-index:100;background:var(--ink);transition:clip-path 1s var(--ease);place-items:center;display:grid;position:fixed;inset:0}#pre svg{width:84px;height:auto}#pre .bar{background:#2a2a2d;width:120px;height:1px;margin-left:-60px;position:absolute;bottom:14vh;left:50%;overflow:hidden}#pre .bar i{background:var(--grad);transform-origin:0;animation:ld 1.1s var(--ease) forwards;position:absolute;inset:0;transform:scaleX(0)}@keyframes ld{to{transform:scaleX(1)}}#pre.out{clip-path:inset(0 0 100%)}header{z-index:50;padding:22px var(--g);color:#fff;transition:transform .6s var(--ease),background .4s,color .4s,padding .4s;justify-content:space-between;align-items:center;display:flex;position:fixed;top:0;left:0;right:0}header.solid{-webkit-backdrop-filter:blur(14px);color:var(--ink);background:#f3f1ecdb;padding-top:14px;padding-bottom:14px}header.hide{transform:translateY(-100%)}header .logo{width:auto;height:30px}header .logo .w{fill:currentColor}header nav{align-items:center;gap:10px;display:flex}header .btn{height:44px;padding:0 20px;font-size:14px}.mbtn{border:1px solid;border-radius:999px;align-items:center;gap:10px;height:44px;padding:0 18px;font:600 14px/1 AG;display:flex}.mbtn span{gap:4px;display:grid}.mbtn span i{background:currentColor;width:16px;height:1.5px;display:block}#menu{z-index:60;background:var(--ink);color:#fff;clip-path:circle(0% at calc(100% - 80px) 44px);transition:clip-path .9s var(--ease);visibility:hidden;grid-template-columns:1.1fr 1fr;display:grid;position:fixed;inset:0}#menu.on{clip-path:circle(150% at calc(100% - 80px) 44px);visibility:visible}#menu .l{padding:110px var(--g) 44px;flex-direction:column;justify-content:space-between;gap:40px;display:flex}#menu ol{counter-reset:m;list-style:none}#menu li{counter-increment:m;border-bottom:1px solid #26262a}#menu li:first-child{border-top:1px solid #26262a}#menu li a{letter-spacing:.015em;text-transform:uppercase;color:#6c6a66;transition:color .3s,transform .6s var(--ease);align-items:center;gap:28px;padding:clamp(12px,1.8vh,20px) 0;font:400 clamp(30px,3.6vw,54px)/1.15 Kano;display:flex}#menu li a:before{content:"0" counter(m);letter-spacing:.1em;color:var(--orange);flex:0 0 28px;font:600 12px/1 AG}#menu li a:hover{color:#fff;transform:translate(12px)}#menu .r{background:#1a1a1c;border-radius:22px;margin:16px 16px 16px 0;position:relative;overflow:hidden}#menu .r img{object-fit:cover;object-position:center;opacity:0;width:100%;height:100%;transition:opacity .6s,transform 1.2s var(--ease);position:absolute;inset:0;transform:scale(1.08)}#menu .r img.on{opacity:1;transform:none}#menu .x{top:22px;right:var(--g);z-index:2;color:#fff;border:1px solid #fff;border-radius:999px;height:44px;padding:0 18px;font:600 14px/1 AG;position:absolute}#menu li a .soon{letter-spacing:.12em;text-transform:uppercase;color:var(--muted-d);border:1px solid #3a3a3e;border-radius:999px;align-self:center;margin-left:6px;padding:6px 9px;font:600 11px/1 AG}#menu .meta{color:var(--muted-d);gap:36px;font-size:14px;display:flex}
.hero{color:#fff;background:#140a05;height:100svh;min-height:620px;position:relative;overflow:hidden}.hero video,.hero .poster{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.hero:after{content:"";background:linear-gradient(#00000047 0%,#0000 30%,#0000002e 55%,#000000b3 100%);position:absolute;inset:0}.hero .hin{z-index:2;padding:0 var(--g) clamp(36px,7vh,80px);grid-template-columns:1.4fr 1fr;align-items:end;gap:40px;max-width:1480px;margin:0 auto;display:grid;position:absolute;bottom:0;left:0;right:0}.hero .lab{color:#ffffffbf;margin-bottom:clamp(16px,2vw,28px)}.hero h1{font-size:var(--k-xl)}.hero h1>.ln{white-space:nowrap}.hero h1 em{color:#fff;opacity:.92;font-size:.48em}.hero p{color:#ffffffdb;max-width:440px;margin-bottom:28px;font-size:18px}.hero .cta{flex-wrap:wrap;gap:12px;display:flex}.hero .btn.o{color:#fff;border-color:#ffffff80}.scrollcue{right:var(--g);z-index:2;writing-mode:vertical-rl;letter-spacing:.2em;text-transform:uppercase;color:#ffffffb3;align-items:center;gap:14px;font:600 11px/1 AG;display:flex;position:absolute;top:50%}.scrollcue:after{content:"";background:linear-gradient(#fffc,#0000);width:1px;height:60px;animation:2s infinite cue}@keyframes cue{0%{transform-origin:top;transform:scaleY(0)}50%{transform-origin:top;transform:scaleY(1)}51%{transform-origin:bottom}to{transform-origin:bottom;transform:scaleY(0)}}.ln{display:block;overflow:hidden}.t .ln,.pj h3 .ln{margin-top:-.26em;padding-top:.26em}.t em.ln{margin-top:.12em;padding-top:.1em}.t .ln.acc:not(:first-child){margin-top:-.02em}.ln>span{display:block}.js .rv .ln>span{transform:translateY(105%)}.js .rv.in .ln>span{transition:transform 1.1s var(--ease);transform:none}.js .rv.in .ln:nth-child(2)>span{transition-delay:80ms}.js .rv.in .ln:nth-child(3)>span{transition-delay:.16s}.js .fu{opacity:0;transform:translateY(28px)}.js .fu.in{opacity:1;transition:opacity 1s var(--ease),transform 1.1s var(--ease);transform:none}
.intro{padding:clamp(100px,16vh,200px) 0 clamp(80px,12vh,140px)}.intro .top{grid-template-columns:minmax(0,.8fr) minmax(0,1.6fr);align-items:start;gap:clamp(30px,5vw,80px);display:grid}.big{letter-spacing:-.015em;max-width:1080px;font:400 clamp(28px,3.6vw,54px)/1.22 AG}.big .w{opacity:.16;transition:opacity .3s}.big .w.on{opacity:1}.big b{color:var(--orange);font-style:italic;font-weight:400}.svc{grid-template-columns:repeat(3,1fr);gap:24px;margin-top:clamp(70px,10vh,120px);display:grid}.card{background:var(--white);border-radius:22px;display:block;position:relative;overflow:hidden}.card .im{aspect-ratio:4/3.3;background:var(--paper2);overflow:hidden}.card .im img{object-fit:cover;width:100%;height:100%;transition:transform 1.4s var(--ease)}.card:hover .im img{transform:scale(1.05)}.card .tx{padding:26px 26px 30px}.card .n{letter-spacing:.14em;color:var(--muted);font:600 12px/1 AG}.card h3{font:400 var(--k-m)/var(--k-lh) "Kano";text-transform:uppercase;letter-spacing:.015em;margin:14px 0 4px}.card h3 em{text-transform:none;color:var(--orange);margin-top:6px;font:italic 400 19px/1.25 AG;display:block}.card p{color:var(--muted);margin-top:12px;font-size:16px}.card .go{opacity:0;width:46px;height:46px;transition:.6s var(--ease);background:#fff;border-radius:50%;place-items:center;display:grid;position:absolute;top:18px;right:18px;transform:scale(.6)rotate(-45deg)}.card:hover .go{opacity:1;transform:none}.scg{grid-template-columns:repeat(6,1fr);gap:18px;margin-top:clamp(60px,9vh,110px);display:grid}.sc{aspect-ratio:1.55;color:#fff;isolation:isolate;transition:transform .7s var(--ease);background:#141416;border-radius:22px;grid-column:span 3;position:relative;overflow:hidden}.sc canvas{z-index:-1;width:100%;height:100%;position:absolute;inset:0}.sc:after{content:"";z-index:-1;background:linear-gradient(#14141600 35%,#141416e0 82%);position:absolute;inset:0}.sc-t{padding:30px 30px 32px;position:absolute;bottom:0;left:0;right:0}.sc .n{letter-spacing:.14em;color:#ffffff80;margin-bottom:14px;font:600 12px/1 AG;display:block}.sc h3{font:400 var(--k-m)/var(--k-lh) "Kano";text-transform:uppercase;letter-spacing:.015em}.sc h3 em{text-transform:none;color:var(--orange);margin-top:.25em;font:italic 400 .62em/1.2 AG;display:block}.sc p{color:#ffffffb8;max-width:400px;margin-top:12px;font-size:15px;line-height:1.5}.sc:hover{transform:translateY(-6px)}.work{padding:0 0 clamp(60px,10vh,120px)}.work .head{justify-content:space-between;align-items:end;gap:30px;padding-bottom:50px;display:flex}.work .head p{max-width:380px;color:var(--muted)}.work .head .rv{max-width:760px}.stack{position:relative}.pj{top:calc(80px + var(--i)*18px);background:var(--bg);height:min(78vh,760px);min-height:540px;color:var(--fg);transform-origin:50% 0;border-radius:28px;grid-template-columns:1.15fr 1fr;margin-bottom:6vh;display:grid;position:sticky;overflow:hidden;box-shadow:0 -10px 40px -20px #00000040}.pj:after{content:"";opacity:var(--dim,0);pointer-events:none;z-index:3;background:#000;position:absolute;inset:0}.pj .vis{background:var(--bg2);position:relative;overflow:hidden}.pj .vis img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.pj .txt{flex-direction:column;justify-content:space-between;padding:clamp(28px,4vw,60px);display:flex}.pj .tags{flex-wrap:wrap;gap:8px;display:flex}.pj .tags span{letter-spacing:.06em;opacity:.75;border:1px solid;border-radius:999px;padding:9px 13px;font:600 12px/1 AG}.pj h3{font:400 var(--k-l)/var(--k-lh) "Kano";text-transform:uppercase;letter-spacing:.015em;margin-bottom:18px}.pj h3 em{text-transform:none;color:var(--acc);margin-top:.3em;font:italic 400 .5em/1.2 AG;display:block}.pj p{opacity:.82;max-width:440px;font-size:17px}.pj .more{opacity:.95;border-top:1px solid;justify-content:space-between;align-items:center;padding-top:20px;font:600 15px/1 AG;display:flex}.pj .more svg{transition:transform .5s var(--ease)}.pj:hover .more svg{transform:translate(6px)}.allw{justify-content:center;padding-top:30px;display:flex}.bascule{background:var(--ink);color:#fff;position:relative;overflow:hidden}.bascule .disc{background:var(--paper);border-radius:50%;width:220vmax;height:220vmax;margin-left:-110vmax;position:absolute;top:0;left:50%;transform:translateY(-100%)scale(1)}.rent{padding:clamp(120px,18vh,220px) 0 clamp(100px,14vh,180px);position:relative}.rent .chev{width:56px;margin-bottom:32px}.rent .t em{color:var(--orange)}.rent .cols{border-top:1px solid var(--line-d);grid-template-columns:1fr 1fr;gap:0;margin-top:clamp(60px,9vh,110px);display:grid}.rent .col{padding:44px 44px 10px 0}.rent .col+.col{border-left:1px solid var(--line-d);padding-left:44px}.rent .col h4{font:400 var(--k-m)/var(--k-lh) "Kano";text-transform:uppercase;align-items:center;gap:14px;margin-bottom:22px;display:flex}.rent .col h4 i{letter-spacing:.14em;color:var(--muted-d);border:1px solid #444;border-radius:999px;padding:7px 10px;font:600 11px/1 AG}.rent .col.own h4 i{background:var(--grad);color:#fff;border-color:#0000}.rent .col p{color:#cfcbc4;max-width:480px}.rent .col ul{margin-top:26px;list-style:none}.rent .col li{border-top:1px solid var(--line-d);color:#bdb9b2;gap:14px;padding:14px 0;font-size:16px;display:flex}.rent .col li:before{content:"";background:#55534f;border-radius:50%;flex:0 0 7px;height:7px;margin-top:9px}.rent .col.own li:before{background:var(--orange)}.rent .lead{color:#cfcbc4;max-width:560px;margin-top:34px;font-size:clamp(18px,1.4vw,21px)}.rent .note{color:var(--muted-d);margin-top:40px;font-size:15px}.method{background:var(--ink);color:#fff;padding:clamp(40px,8vh,90px) 0 clamp(100px,14vh,170px)}.method .grid{grid-template-columns:1fr 1.1fr;gap:clamp(30px,6vw,100px);display:grid}.method .stick{align-self:start;position:sticky;top:130px}.method .stick p{color:var(--muted-d);max-width:400px;margin-top:28px}.step{border-top:1px solid var(--line-d);opacity:.28;grid-template-columns:90px 1fr;gap:20px;padding:56px 0;transition:opacity .6s;display:grid}.step.on{opacity:1}.step .k{background:var(--grad);color:#0000;-webkit-background-clip:text;background-clip:text;font:400 clamp(36px,3.2vw,48px)/1.1 Kano}.step h4{font:400 var(--k-m)/var(--k-lh) "Kano";text-transform:uppercase;letter-spacing:.015em;margin-bottom:12px}.step p{color:#cfcbc4;max-width:520px}.compose{padding:clamp(100px,15vh,180px) 0}.compose .h{grid-template-columns:1fr 1fr;align-items:end;gap:40px;margin-bottom:56px;display:grid}.compose .h p{color:var(--muted);max-width:440px}.board{grid-template-columns:1fr 1.1fr;gap:24px;display:grid}.pal,.tool{border-radius:24px;padding:28px}.pal{background:var(--white)}.pal h5,.tool h5{letter-spacing:.14em;text-transform:uppercase;color:var(--muted);justify-content:space-between;margin-bottom:20px;font:600 12px/1 AG;display:flex}.bricks{flex-wrap:wrap;gap:10px;display:flex}.brick{background:var(--paper);border:1px solid var(--line);cursor:grab;-webkit-user-select:none;user-select:none;transition:transform .4s var(--ease),box-shadow .3s,border-color .3s;border-radius:14px;align-items:center;gap:10px;padding:12px 16px 12px 12px;font-size:15px;display:flex}.brick:hover{border-color:#cfc9bf;transform:translateY(-2px)}.brick svg{width:30px;height:30px;stroke:var(--ink);fill:none;stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round;background:#fff;border-radius:9px;padding:6px}.brick.used{opacity:.32;pointer-events:none}.tool{background:var(--ink);color:#fff;flex-direction:column;min-height:420px;display:flex}.tool h5{color:var(--muted-d)}.drop{border:1.5px dashed #3a3a3e;border-radius:18px;flex-wrap:wrap;flex:1;align-content:flex-start;gap:10px;padding:16px;transition:border-color .3s,background .3s;display:flex;position:relative}.drop.over{border-color:var(--violet);background:#7b5cff14}.drop .empty{color:#77746f;text-align:center;pointer-events:none;place-items:center;padding:20px;font-size:15px;display:grid;position:absolute;inset:0}.drop .brick{color:#fff;cursor:pointer;animation:pop .5s var(--ease);background:#1f1f22;border-color:#333}.drop .brick svg{stroke:#fff;background:#2c2c30}.drop .brick:after{content:"×";color:#77746f;margin-left:6px}@keyframes pop{0%{opacity:0;transform:scale(.7)}}.meter{margin-top:22px}.meter .row{color:var(--muted-d);justify-content:space-between;margin-bottom:10px;font-size:14px;display:flex}.meter .row b{color:#fff;font-weight:600}.meter .tr{background:#26262a;border-radius:6px;height:6px;overflow:hidden}.meter .tr i{background:var(--grad);width:0;height:100%;transition:width .8s var(--ease);display:block}.tool .btn{align-self:flex-start;margin-top:22px}.tools{padding:0 0 clamp(90px,13vh,150px)}.tools .tsub{color:var(--muted);max-width:520px;margin-top:18px}.logos{border-top:1px solid var(--line);border-left:1px solid var(--line);grid-template-columns:repeat(6,1fr);margin-top:40px;display:grid}.tl{aspect-ratio:1.5;border-right:1px solid var(--line);border-bottom:1px solid var(--line);color:#8f8a82;flex-direction:column;justify-content:center;align-items:center;gap:16px;transition:color .35s,background .35s;display:flex}.tl svg{width:34px;height:34px;fill:var(--c)}.tl .txt{color:var(--c);letter-spacing:-.02em;height:34px;font:700 19px/34px system-ui,sans-serif}.tl>span:last-child{letter-spacing:.12em;text-transform:uppercase;font:600 12px/1 AG}.tl:hover{color:var(--ink);background:var(--white)}.marq{border-top:1px solid var(--line);border-bottom:1px solid var(--line);white-space:nowrap;background:var(--paper);padding:26px 0;overflow:hidden}.marq .tr{text-transform:uppercase;gap:50px;font:400 clamp(30px,3.6vw,56px)/1.1 Kano;animation:38s linear infinite mq;display:inline-flex}.marq .tr em{text-transform:none;color:var(--orange);align-self:center;font:italic 400 .6em/1 AG}.marq .tr i{background:var(--grad);clip-path:polygon(0 0,55% 50%,0 100%,30% 50%);align-self:center;width:.5em;height:.5em}@keyframes mq{to{transform:translate(-50%)}}.avis{padding:clamp(100px,15vh,170px) 0 0}.avis .g{grid-template-columns:repeat(3,1fr);gap:24px;margin-top:56px;display:grid}.q{background:var(--white);border-radius:22px;flex-direction:column;justify-content:space-between;gap:30px;min-height:300px;padding:34px 32px 30px;display:flex;position:relative}.q:before{content:"“";background:var(--grad);color:#0000;opacity:.85;-webkit-background-clip:text;background-clip:text;font:400 110px/1 AG;position:absolute;top:10px;right:26px}.q p{color:var(--ink);max-width:92%;font:italic 400 clamp(19px,1.5vw,22px)/1.45 AG}.q .who{border-top:1px solid var(--line);align-items:center;gap:14px;padding-top:20px;display:flex}.q .who i{background:var(--paper2);height:42px;color:var(--ink);border-radius:50%;flex:0 0 42px;place-items:center;font:600 14px/1 AG;display:grid}.q .who b{font:600 15px/1.3 AG;display:block}.q .who span{color:var(--muted);font-size:13px;display:block}.avh{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:30px;display:flex}.gbadge{background:var(--white);color:var(--ink);transition:transform .4s var(--ease);border-radius:18px;align-items:center;gap:14px;padding:16px 22px;display:flex}.gbadge:hover{transform:translateY(-3px)}.gbadge .gs{font:400 42px/1 Kano}.gbadge .st{color:#f5b301;letter-spacing:2px;font-size:18px}.gbadge .gl{font:600 14px/1.3 AG}.gbadge .gl small{color:var(--muted);font:400 13px/1.3 AG;display:block}
.faq{padding:clamp(100px,15vh,170px) 0}.faq .g{grid-template-columns:1fr 1.4fr;gap:clamp(30px,6vw,100px);display:grid}.faq details{border-top:1px solid var(--line)}.faq details:last-child{border-bottom:1px solid var(--line)}.faq summary{cursor:pointer;justify-content:space-between;gap:20px;padding:28px 0;font:400 21px/1.35 AG;list-style:none;display:flex}.faq summary::-webkit-details-marker{display:none}.faq summary i{border:1px solid var(--line);height:34px;transition:transform .5s var(--ease),background .3s;border-radius:50%;flex:0 0 34px;position:relative}.faq summary i:before,.faq summary i:after{content:"";background:var(--ink);width:12px;height:1.5px;margin:-.75px 0 0 -6px;position:absolute;top:50%;left:50%}.faq summary i:after{transition:transform .4s var(--ease);transform:rotate(90deg)}.faq details[open] summary i{background:var(--ink)}.faq details[open] summary i:before,.faq details[open] summary i:after{background:#fff}.faq details[open] summary i:after{transform:none}.faq details p{color:var(--muted);max-width:640px;padding:0 60px 30px 0}.final{margin:0 var(--g);color:#fff;background:var(--ink);border-radius:32px;padding:clamp(80px,14vh,160px) clamp(24px,6vw,90px);position:relative;overflow:hidden}.final .glow{filter:blur(30px);background:radial-gradient(40% 50% at 20% 30%,#ff8a3d8c,#0000 70%),radial-gradient(40% 50% at 80% 70%,#7b5cff8c,#0000 70%),radial-gradient(30% 40% at 60% 20%,#ff4d8d66,#0000 70%);animation:14s ease-in-out infinite alternate gl;position:absolute;inset:-30%}@keyframes gl{to{transform:translate(4%,-3%)rotate(8deg)}}.final .fin{grid-template-columns:1.3fr 1fr;align-items:end;gap:40px;display:grid;position:relative}.final .t em{color:#fff;opacity:.9}.final p{color:#ffffffd1;max-width:420px;margin-bottom:28px}.final .btn.w{color:var(--ink);background:#fff}footer{padding:clamp(80px,12vh,140px) 0 0;overflow:hidden}footer .cols{grid-template-columns:1.4fr 1fr 1fr 1fr;gap:30px;padding-bottom:60px;display:grid}footer h6{letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin-bottom:18px;font:600 12px/1 AG}footer li{padding:5px 0;font-size:16px;list-style:none}footer .mail{font:400 clamp(22px,2.2vw,32px)/1.2 AG}.giant{text-transform:uppercase;letter-spacing:-.01em;text-align:center;background:linear-gradient(180deg,var(--ink) 30%,#0e0e0f00 105%);color:#0000;-webkit-user-select:none;user-select:none;-webkit-background-clip:text;background-clip:text;margin-bottom:-.12em;font:400 clamp(90px,20vw,340px)/1 Kano}footer .legal{border-top:1px solid var(--line);color:var(--muted);flex-wrap:wrap;justify-content:space-between;gap:12px;padding:22px 0;font-size:13px;display:flex}
.grain{z-index:90;pointer-events:none;opacity:.04;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");animation:1s steps(4,end) infinite gr;position:fixed;inset:-50%}@keyframes gr{25%{transform:translate(-3%,2%)}50%{transform:translate(2%,-3%)}75%{transform:translate(-2%,-2%)}}#cur{z-index:95;pointer-events:none;background:var(--ink);mix-blend-mode:difference;width:10px;height:10px;transition:width .45s var(--ease),height .45s var(--ease),margin .45s var(--ease),opacity .3s;opacity:0;background:#fff;border-radius:50%;place-items:center;margin:-5px 0 0 -5px;display:grid;position:fixed;top:0;left:0}#cur span{color:var(--ink);opacity:0;font:600 13px/1 AG;transition:opacity .2s}#cur.big{mix-blend-mode:normal;background:#fff;width:96px;height:96px;margin:-48px 0 0 -48px;box-shadow:0 10px 30px -10px #00000059}#cur.big span{opacity:1}@media (pointer:coarse){#cur{display:none}}.js .card .im,.js .pj .vis{clip-path:inset(12% 8% round 18px)}.js .card.in .im,.js .pj.in .vis{clip-path:inset(0);transition:clip-path 1.4s var(--ease)}.pj .vis img{transition:transform 1.4s var(--ease)}.pj:hover .vis img{transform:scale(1.04)}.hero h1 .ch{display:inline-block;transform:translateY(105%)}.hero .rv.in h1 .ch{transition:transform 1.1s var(--ease);transform:none}.marq .tr{animation:none}@media (max-width:1100px) and (min-width:901px){.scg{grid-template-columns:repeat(2,1fr)}.sc,.sc:nth-child(4),.sc:nth-child(5){aspect-ratio:1;grid-column:auto}}@media (max-width:1100px){.hero .hin{grid-template-columns:1fr;gap:22px}.hero p{max-width:560px}}#warp{z-index:80;pointer-events:none;visibility:hidden;position:fixed;inset:0;overflow:hidden}#warp.run{visibility:visible}#warp .band{background:var(--grad);clip-path:polygon(0 0,82% 0,100% 50%,82% 100%,0 100%,18% 50%);width:160vw;position:absolute;top:-10%;bottom:-10%;left:0;transform:translate(-170vw)}#warp .band.b2{background:var(--ink);transition-delay:60ms}#warp.run .band{transition:transform .95s cubic-bezier(.77,0,.18,1);transform:translate(110vw)}#warp.run .band.b2{transition-delay:80ms}.burst{z-index:85;pointer-events:none;background:var(--grad);clip-path:polygon(0 0,55% 50%,0 100%,35% 50%);width:14px;height:14px;margin:-7px 0 0 -7px;position:fixed}.board.hit{animation:hit .9s var(--ease)}@keyframes hit{0%{opacity:.4;transform:scale(.97)}60%{transform:scale(1.01)}to{opacity:1;transform:none}}.board.hit .pal .brick{animation:drop .7s var(--ease) both}@keyframes drop{0%{opacity:0;transform:translateY(-18px)}}.board.hit .tool{animation:1.4s ease-out .3s ring;box-shadow:0 0 #7b5cff99}@keyframes ring{to{box-shadow:0 0 0 22px #7b5cff00}}#go-est.ok{background:#1f9d6b}#go-est .ok-i{display:none}#go-est.ok .ok-i{display:inline}#go-est.ok .ar{display:none}
@media (max-width:900px){body{font-size:17px}header .btn{display:none}.hero .hin{grid-template-columns:1fr;gap:18px}.scrollcue{display:none}.hero:after{background:linear-gradient(#0000004d 0%,#0000000d 25%,#0000008c 55%,#000000d1 100%)}.hero .lab{margin-bottom:18px;font-size:11px;line-height:1.5}.hero h1{font-size:clamp(38px,13.5vw,60px)}.hero h1 em{font-size:.56em}.intro .top{grid-template-columns:1fr;gap:24px}.scg{grid-template-columns:1fr;gap:14px}.sc,.sc:nth-child(4),.sc:nth-child(5){aspect-ratio:1/1.05;grid-column:auto}.work .head{flex-direction:column;align-items:flex-start}.pj{height:82svh;min-height:560px;top:calc(70px + var(--i)*12px);grid-template-rows:46% 1fr;grid-template-columns:1fr}.pj p{font-size:15px;line-height:1.5}.pj .tags{display:none}.rent .cols{grid-template-columns:1fr}.rent .col,.rent .col+.col{border-left:0;padding:36px 0 10px}.rent .col+.col{border-top:1px solid var(--line-d)}.method .grid,.compose .h,.board,.faq .g,.final .fin{grid-template-columns:1fr}.method .stick{position:static}.step{grid-template-columns:60px 1fr;padding:40px 0}.step .k{font-size:44px}.avis .g{grid-template-columns:1fr}.logos{grid-template-columns:repeat(4,1fr)}.tl{aspect-ratio:1}.tl svg{width:28px;height:28px}.q{min-height:0}footer .cols{grid-template-columns:1fr 1fr}#menu{grid-template-columns:1fr}#menu .r{display:none}#menu .meta{flex-direction:column;gap:10px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}.js .rv .ln>span,.js .fu{opacity:1!important;transform:none!important}.big .w{opacity:1}}