:root{--paper:#F1EBDD;--ink:#141414;--blue:#2433FF;--lime:#D4FF3F;--bg:var(--paper);--card:#FBF8F0;--line:#D9D1BF;--text:var(--ink);--mute:#5B574D;--accent:var(--blue);--soft:var(--blue);--display:"Bricolage Grotesque",system-ui,sans-serif;--serif:"Instrument Serif",Georgia,serif;--mono:"JetBrains Mono",ui-monospace,monospace}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--display);font-size:17px;line-height:1.55;-webkit-font-smoothing:antialiased}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:100;opacity:.07;background-image: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'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}a{color:inherit;text-decoration:none}main{overflow-x:clip}h1,h2,h3{font-family:var(--display);margin:0;letter-spacing:-.025em;line-height:1}em{font-family:var(--serif);font-style:italic;font-weight:400;letter-spacing:0}::selection{background:var(--lime);color:var(--ink)}:focus-visible{outline:3px solid var(--blue);outline-offset:3px}.wrap{max-width:1320px;margin:0 auto;padding:0 clamp(20px,4vw,48px)}.eyebrow,.tag{font-family:var(--mono);font-size:12px;letter-spacing:.12em;text-transform:uppercase;font-weight:700;color:var(--blue)}.sec{padding:clamp(56px,8vw,112px) 0}.sec h2{font-size:clamp(34px,5.4vw,76px);font-weight:800;margin:14px 0 clamp(28px,4vw,56px);max-width:16ch}.sec h2 em{color:var(--blue)}.row{display:flex;flex-wrap:wrap;gap:14px;align-items:center}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:24px}.top{position:sticky;top:0;z-index:60;background:#f1ebdde6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:2px solid var(--ink)}.bar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-top:14px;padding-bottom:14px}.logo{font-weight:800;font-size:22px;letter-spacing:-.03em;display:flex;align-items:center;gap:10px}.logo i{width:16px;height:16px;border-radius:50%;background:var(--blue);display:inline-block;box-shadow:5px 5px 0 var(--lime);transition:transform .4s}.logo:hover i{transform:rotate(180deg) scale(1.2)}.nav{display:flex;gap:6px;align-items:center}.nav a{padding:8px 14px;border-radius:999px;font-weight:600;font-size:15px;transition:background .2s}.nav a:hover{background:#14141414}.nav a.active{background:var(--ink);color:var(--paper)}.burger{display:none;background:none;border:2px solid var(--ink);border-radius:999px;padding:8px 16px;font:700 14px var(--mono);cursor:pointer;color:var(--ink)}@media (max-width:860px){.burger{display:block}.nav{display:none;position:absolute;left:0;right:0;top:100%;flex-direction:column;align-items:stretch;background:var(--paper);border-bottom:2px solid var(--ink);padding:12px 20px 20px}.nav.open{display:flex}.nav a{font-size:20px;padding:12px 8px}.hire{display:none}}.btn{display:inline-block;padding:14px 26px;border-radius:999px;font:700 16px var(--display);background:var(--ink);color:var(--paper);border:2px solid var(--ink);cursor:pointer;transition:transform .18s,box-shadow .18s}.btn:hover{transform:translate(-2px,-2px);box-shadow:5px 5px 0 var(--blue)}.btn.ghost{background:transparent;color:var(--ink)}.btn.lime{background:var(--lime);color:var(--ink)}.btn.lime:hover{box-shadow:5px 5px 0 var(--ink)}.btn.small{padding:8px 16px;font-size:14px}.btn.danger{background:transparent;color:#b3261e;border-color:#b3261e}.btn:disabled{opacity:.6;cursor:wait;transform:none;box-shadow:none}.hero{padding-top:clamp(36px,6vw,80px);padding-bottom:clamp(40px,6vw,80px);position:relative}.pill{display:inline-flex;align-items:center;gap:10px;font:700 12px var(--mono);letter-spacing:.08em;text-transform:uppercase;border:2px solid var(--ink);border-radius:999px;padding:7px 14px;background:var(--card)}.pill:before{content:"";width:9px;height:9px;border-radius:50%;background:#1fbf5b;animation:pulse 1.8s infinite}.pill.plain:before{display:none}.pill.live{border-color:#1a7f43;color:#1a7f43}@keyframes pulse{0%{box-shadow:0 0 #1fbf5b99}to{box-shadow:0 0 0 12px #1fbf5b00}}.hero h1{font-size:clamp(40px,7.4vw,112px);font-weight:800;line-height:.95;letter-spacing:-.04em;margin:26px 0 0;max-width:17ch}.hero-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:48px;align-items:center;margin-top:clamp(24px,3vw,40px)}.hero-grid p{font-size:clamp(18px,1.8vw,24px);max-width:34ch;margin:0 0 28px;color:var(--mute)}@media (max-width:900px){.hero-grid{grid-template-columns:1fr}}.rise{animation:rise .9s cubic-bezier(.2,.7,.2,1) both}@keyframes rise{0%{opacity:0;transform:translateY(34px)}to{opacity:1;transform:none}}.stack{position:relative;aspect-ratio:1/1;max-width:380px;margin-left:auto;width:100%}.stack>*{position:absolute;width:62%;aspect-ratio:4/5;border:3px solid var(--ink);border-radius:16px;object-fit:cover;background:var(--card);box-shadow:8px 8px 0 var(--ink)}.stack>*:nth-child(1){left:0;top:6%;transform:rotate(-7deg)}.stack>*:nth-child(2){right:0;top:0;transform:rotate(5deg);background:var(--lime)}.stack>*:nth-child(3){left:20%;bottom:0;transform:rotate(-2deg);background:var(--blue)}.shapes{position:relative;aspect-ratio:1/1;max-width:420px;margin-left:auto;width:100%}.shapes b{position:absolute;border:3px solid var(--ink);box-shadow:8px 8px 0 var(--ink)}.shapes b:nth-child(1){width:55%;aspect-ratio:1;border-radius:50%;background:var(--blue);left:4%;top:8%;animation:float 7s ease-in-out infinite}.shapes b:nth-child(2){width:42%;aspect-ratio:1;background:var(--lime);right:2%;top:30%;transform:rotate(12deg);animation:float 6s ease-in-out infinite reverse}.shapes b:nth-child(3){width:30%;aspect-ratio:1;border-radius:50% 50% 0;background:var(--paper);left:30%;bottom:2%;animation:float 8s ease-in-out infinite}@keyframes float{50%{transform:translateY(-14px) rotate(4deg)}}.video{position:relative;aspect-ratio:16/9;margin-top:clamp(32px,5vw,64px);border:3px solid var(--ink);border-radius:20px;overflow:hidden;background:var(--ink);box-shadow:10px 10px 0 var(--blue)}.video iframe{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border:0}.marquee{overflow:hidden;background:var(--lime);border-block:2px solid var(--ink);padding:16px 0;transform:rotate(-1.2deg);margin:12px -2vw}.marquee-track{display:flex;width:max-content;animation:scroll 32s linear infinite}.marquee span{font:800 clamp(24px,3.4vw,44px) var(--display);letter-spacing:-.02em;padding:0 28px;white-space:nowrap}.marquee span:after{content:"✦";margin-left:56px;color:var(--blue)}@keyframes scroll{to{transform:translate(-50%)}}.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));border:2px solid var(--ink);border-radius:20px;overflow:hidden;background:var(--card)}.stats div{padding:28px;border-right:2px solid var(--ink)}.stats div:last-child{border-right:0}.stats b{display:block;font:800 clamp(44px,6vw,84px) var(--display);letter-spacing:-.04em;line-height:1;color:var(--blue)}.stats span{font:700 12px var(--mono);text-transform:uppercase;letter-spacing:.1em}@media (max-width:700px){.stats div{border-right:0;border-bottom:2px solid var(--ink)}.stats div:last-child{border-bottom:0}}.work-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:clamp(24px,3vw,44px)}.work-grid>*{grid-column:span 6}.work-grid>*:nth-child(4n+1),.work-grid>*:nth-child(4n+4){grid-column:span 7}.work-grid>*:nth-child(4n+2),.work-grid>*:nth-child(4n+3){grid-column:span 5}@media (max-width:800px){.work-grid>*{grid-column:span 12!important}}.pc{display:block}.pc figure{margin:0;border:2px solid var(--ink);border-radius:20px;overflow:hidden;background:var(--card);transition:transform .25s,box-shadow .25s;position:relative}.pc:hover figure{transform:translate(-5px,-5px);box-shadow:9px 9px 0 var(--ink)}.pc img,.pc .thumb{display:block;width:100%;aspect-ratio:4/3;object-fit:cover;transition:transform .6s}.pc:hover img{transform:scale(1.05)}.pc .go{position:absolute;right:16px;bottom:16px;width:54px;height:54px;border-radius:50%;background:var(--lime);border:2px solid var(--ink);display:grid;place-items:center;font-size:22px;transform:scale(0) rotate(-45deg);transition:transform .3s}.pc:hover .go{transform:scale(1) rotate(0)}.pc figcaption{display:flex;gap:14px;align-items:baseline;justify-content:space-between;padding-top:14px}.pc h3{font-size:clamp(20px,2.2vw,30px);font-weight:800}.pc small{font:700 12px var(--mono);text-transform:uppercase;letter-spacing:.08em;border:2px solid var(--ink);border-radius:999px;padding:3px 12px;white-space:nowrap}.thumb{aspect-ratio:4/3;border-radius:14px;width:100%;display:flex;align-items:flex-end;padding:16px;color:var(--mute);font:700 12px var(--mono);text-transform:uppercase;letter-spacing:.08em;background:repeating-linear-gradient(45deg,var(--card),var(--card) 12px,#EFE8D6 12px,#EFE8D6 24px)}img.thumb{padding:0;object-fit:cover;display:block;background:var(--card)}.square{aspect-ratio:1/1}.svc{display:grid;grid-template-columns:70px 1.1fr 1fr;gap:24px;align-items:baseline;padding:28px 18px;border-top:2px solid var(--ink);transition:background .2s,padding .25s}.svc:last-child{border-bottom:2px solid var(--ink)}.svc:hover{background:var(--lime);padding-left:30px}.svc span{font:700 14px var(--mono);color:var(--blue)}.svc h3{font-size:clamp(24px,3.4vw,46px);font-weight:800}.svc p{margin:0;color:var(--mute)}.svc:hover p{color:var(--ink)}@media (max-width:760px){.svc{grid-template-columns:44px 1fr}.svc p{grid-column:2}}.steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:0;border:2px solid var(--ink);border-radius:20px;overflow:hidden;background:var(--card)}.steps div{padding:28px;border-right:2px solid var(--ink)}.steps div:last-child{border-right:0}.steps i{font:italic 400 64px var(--serif);color:var(--blue);display:block;line-height:1;margin-bottom:16px}.steps h3{font-size:24px;margin-bottom:8px}.steps p{margin:0;color:var(--mute)}@media (max-width:700px){.steps div{border-right:0;border-bottom:2px solid var(--ink)}.steps div:last-child{border-bottom:0}}.tees{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:32px}.tee{display:block;transition:transform .3s}.tee:nth-child(odd){transform:rotate(-2.5deg)}.tee:nth-child(2n){transform:rotate(2deg) translateY(10px)}.tee:hover{transform:rotate(0) scale(1.05)}.tee .frame{border:6px solid #fff;border-radius:14px;box-shadow:0 0 0 2px var(--ink),8px 8px 0 2px var(--ink);overflow:hidden;background:var(--card)}.tee h3{font-size:18px;margin:16px 4px 2px}.tee span{font:700 13px var(--mono);color:var(--blue)}.card{background:var(--card);border:2px solid var(--ink);border-radius:20px;padding:26px;display:flex;flex-direction:column;gap:12px}.card p{margin:0;color:var(--mute)}.post{transition:transform .25s,box-shadow .25s}.post:hover{transform:translate(-4px,-4px);box-shadow:8px 8px 0 var(--ink)}.post h3{font-size:24px;font-weight:800;line-height:1.1}.chips{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:28px}.chip{padding:8px 18px;border-radius:999px;border:2px solid var(--ink);background:transparent;color:var(--ink);cursor:pointer;font:600 15px var(--display);transition:background .15s}.chip:hover{background:var(--lime)}.chip.on{background:var(--ink);color:var(--paper)}.page-head{padding-top:clamp(40px,6vw,84px)}.page-head h1{font-size:clamp(44px,8vw,112px);font-weight:800;letter-spacing:-.04em;line-height:.92;margin-top:16px}.page-head h1 em{color:var(--blue)}.page-head p{font-size:20px;color:var(--mute);max-width:46ch;margin:20px 0 0}.cta{background:var(--blue);color:var(--paper);padding:clamp(72px,10vw,140px) 0;border-top:2px solid var(--ink);position:relative;overflow:hidden}.cta .eyebrow{color:var(--lime)}.cta h2{font-size:clamp(40px,8vw,120px);font-weight:800;letter-spacing:-.04em;line-height:.95;margin:18px 0 36px;max-width:12ch}.cta h2 em{color:var(--lime)}.cta-mail{font:700 18px var(--mono);border-bottom:2px solid var(--lime);padding-bottom:2px}footer{background:var(--ink);color:var(--paper)}footer .wrap{display:flex;flex-wrap:wrap;gap:24px;justify-content:space-between;align-items:center;padding-top:36px;padding-bottom:36px;font-size:15px}footer .links{display:flex;flex-wrap:wrap;gap:22px}footer a{border-bottom:1px solid transparent}footer a:hover{border-color:var(--lime);color:var(--lime)}form{display:grid;gap:18px;max-width:680px}label{display:grid;gap:7px;font-weight:700;font-size:15px}input,textarea,select{background:var(--card);border:2px solid var(--ink);color:var(--ink);border-radius:14px;padding:14px 16px;font:500 17px var(--display);width:100%}input:focus,textarea:focus,select:focus{outline:none;box-shadow:5px 5px 0 var(--blue)}input[type=checkbox]{width:auto}.prose{font-size:19px;line-height:1.75}.prose p{margin:0 0 22px;color:#2c2a25}.prose h1,.prose h2,.prose h3{margin:42px 0 16px;font-weight:800}.prose h2{font-size:34px}.prose h3{font-size:26px}.prose img,.prose video{max-width:100%;height:auto;border-radius:16px;border:2px solid var(--ink)}.prose iframe{width:100%;aspect-ratio:16/9;border:2px solid var(--ink);border-radius:16px}.prose a{color:var(--blue);text-decoration:underline;text-underline-offset:3px}.prose ul,.prose ol{padding-left:26px}.prose blockquote{border-left:6px solid var(--lime);margin:28px 0;padding:4px 0 4px 22px;font:italic 26px/1.35 var(--serif)}.back{font:700 14px var(--mono);text-transform:uppercase;letter-spacing:.08em}.js .rv{opacity:0;transform:translateY(28px);transition:opacity .8s cubic-bezier(.2,.7,.2,1),transform .8s cubic-bezier(.2,.7,.2,1)}.js .rv.in{opacity:1;transform:none}@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}.js .rv{opacity:1;transform:none}html{scroll-behavior:auto}}.adm{max-width:1100px;margin:0 auto;padding:24px 24px 80px}.adm-top{display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;align-items:center;margin-bottom:24px}.adm-nav{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:32px}.adm-box{background:var(--card);border:2px solid var(--ink);border-radius:16px;padding:24px}.adm-item{display:flex;flex-wrap:wrap;gap:16px;align-items:center;justify-content:space-between;padding:14px 0;border-bottom:1px solid var(--line)}.adm-item:last-child{border-bottom:0}.adm-item img{width:64px;height:48px;object-fit:cover;border-radius:8px}.adm-left{display:flex;gap:16px;align-items:center;min-width:0}.adm-form{max-width:none;gap:20px}.hint{color:var(--mute);font-size:14px;font-weight:400}.err{color:#b3261e;font-weight:600}.ok{color:#1a7f43;font-weight:600}.login{max-width:440px;margin:10vh auto;padding:0 24px}.adm .pill{padding:2px 10px;font-size:11px;border-width:1px}.adm .pill:before{display:none}