:root{--primary-color:#ff4d00;--secondary-color:#adff2f;--text-color:#111;--muted-color:#666;--background-color:#f4f0e8;--border-color:#bbb7af;--container-width:1280px;--section-spacing:120px;--border-radius:0}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--background-color);color:var(--text-color);font-family:Arial,"Microsoft YaHei",sans-serif;line-height:1.5;overflow-x:hidden}a{text-decoration:none;color:inherit}button,input,textarea{font:inherit}.loader{position:fixed;inset:0;z-index:99;display:grid;place-items:center;background:var(--primary-color);color:#fff;font-weight:900;font-size:26px;transition:.4s}.loaded .loader{opacity:0;visibility:hidden}.site-header{position:fixed;z-index:40;top:0;left:0;right:0;height:72px;display:flex;align-items:center;gap:25px;padding:0 max(20px,calc((100% - var(--container-width))/2));mix-blend-mode:multiply;background:rgba(244,240,232,.92);border-bottom:1px solid transparent}.site-header.scrolled{border-color:var(--text-color)}.brand{display:flex;gap:12px;align-items:center;margin-right:auto;font-weight:900;text-transform:uppercase}.brand b{background:var(--text-color);color:#fff;padding:8px}.library-link{font-size:12px}.site-nav{display:flex;gap:24px;font-weight:700}.site-nav a:hover{color:var(--primary-color)}.menu-toggle{display:none}.hero,.section{max-width:var(--container-width);margin:auto;padding:var(--section-spacing) 22px}.hero{position:relative;min-height:720px;padding-top:165px;display:flex;flex-direction:column;justify-content:space-between}.hero-title>span{font-size:12px;letter-spacing:.25em}.hero h1{position:relative;z-index:2;max-width:1100px;margin:20px 0;font-size:clamp(72px,13vw,180px);line-height:.8;letter-spacing:-.08em;text-transform:uppercase}.hero-bottom{position:relative;z-index:2;display:flex;justify-content:space-between;font-size:18px}.hero-bottom p{max-width:450px}.hero-bottom a{font-weight:900}.orb{position:absolute;right:5%;top:20%;width:min(35vw,450px);aspect-ratio:1;border-radius:50%;background:var(--secondary-color);filter:blur(1px)}.visual-marquee{position:relative;overflow:hidden;min-height:360px;display:grid;place-items:center;align-content:center;background:repeating-linear-gradient(45deg,#151515 0,#151515 3px,#222 3px,#222 22px);color:#fff;text-align:center}.visual-marquee span{font-size:clamp(38px,8vw,110px);font-weight:900;letter-spacing:-.05em}.visual-marquee b{color:var(--secondary-color)}.visual-marquee em{position:absolute;bottom:20px;font-style:normal}.services{display:grid;grid-template-columns:.65fr 1.35fr;gap:60px}.section h2,.services h2{margin:6px 0;font-size:clamp(44px,7vw,90px);line-height:.9;letter-spacing:-.06em}.section-no{color:var(--primary-color);font-size:12px;font-weight:900}.service-stack{border-top:2px solid #111}.service-stack article{display:grid;grid-template-columns:1fr 1.3fr 50px;align-items:center;padding:25px 5px;border-bottom:1px solid var(--text-color);transition:.2s}.service-stack article:hover{padding-left:18px;background:var(--secondary-color)}.service-stack b{font-size:22px}.service-stack p{color:var(--muted-color)}.work-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:45px}.filters{display:flex;gap:5px}.filters button{padding:9px 13px;border:1px solid #111;background:transparent;cursor:pointer}.filters button.active{background:#111;color:#fff}.work-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:45px 25px}.work-a{grid-row:span 2}.work-d{grid-column:span 2}.placeholder{position:relative;overflow:hidden;display:grid;place-items:center;align-content:center;min-height:270px;border:2px solid #111;background:repeating-linear-gradient(135deg,#d9d4ca 0,#d9d4ca 2px,#eee9e0 2px,#eee9e0 20px);text-align:center;transition:.25s}.placeholder::after{content:"↗";position:absolute;right:15px;top:10px;font-size:28px}.placeholder small{color:var(--muted-color)}.placeholder em{position:absolute;inset:auto 0 0;padding:10px;background:var(--primary-color);color:#fff;font-style:normal;transform:translateY(100%);transition:.2s}.placeholder:hover{transform:rotate(-1deg)}.placeholder:hover em{transform:none}.work-a .placeholder{min-height:610px}.work-b .placeholder,.work-c .placeholder{min-height:245px}.work-d .placeholder{min-height:400px}.work-grid article h3{font-size:25px;margin-bottom:0}.work-grid article p{color:var(--muted-color)}.manifesto{padding:130px max(22px,calc((100% - var(--container-width))/2));background:var(--primary-color);color:#fff}.manifesto span{font-weight:900}.manifesto h2{max-width:1100px;font-size:clamp(42px,7vw,96px);line-height:1;letter-spacing:-.06em}.manifesto>p:last-child{max-width:600px;font-size:19px}.process{display:grid;grid-template-columns:repeat(4,1fr);padding:0;list-style:none;border-top:2px solid #111}.process li{min-height:220px;padding:20px;border-right:1px solid #111}.process span{color:var(--primary-color);font-weight:900}.process h3{font-size:30px}.team{display:grid;grid-template-columns:.5fr 1.5fr;gap:50px}.team-row{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.team-row .placeholder{min-height:250px;border-radius:50%}.team-row p{color:var(--muted-color)}.testimonial{padding:130px max(22px,calc((100% - var(--container-width))/2));background:var(--secondary-color)}.testimonial blockquote{max-width:1000px;margin:0;font-size:clamp(34px,6vw,76px);font-weight:900;line-height:1.05;letter-spacing:-.05em}.testimonial span{display:block;margin-top:30px}.faq{margin-top:40px;border-top:2px solid #111}.faq article{border-bottom:1px solid #111}.faq-question{display:flex;justify-content:space-between;width:100%;padding:22px 0;border:0;background:none;text-align:left;font-weight:900;cursor:pointer}.faq-answer{display:grid;grid-template-rows:0fr}.faq-answer p{overflow:hidden;margin:0;color:var(--muted-color)}.faq .open .faq-answer{grid-template-rows:1fr}.faq .open p{margin-bottom:20px}.contact{padding:120px max(22px,calc((100% - var(--container-width))/2));background:#111;color:#fff}.contact>p{color:var(--secondary-color)}.contact h2{font-size:clamp(60px,11vw,150px);line-height:.8;letter-spacing:-.07em}.contact-bottom{display:grid;grid-template-columns:1fr 1fr;gap:60px}.contact-bottom>div{display:flex;flex-direction:column}.demo-form{display:grid;gap:12px}.demo-form input,.demo-form textarea{padding:13px 0;border:0;border-bottom:1px solid #777;background:transparent;color:#fff}.demo-form button{padding:14px;border:0;background:var(--secondary-color);font-weight:900;cursor:pointer}.form-status{min-height:20px;color:var(--secondary-color)}footer{display:flex;justify-content:space-between;padding:40px max(22px,calc((100% - var(--container-width))/2));background:#111;color:#fff;border-top:1px solid #444}.back-top{position:fixed;right:20px;bottom:20px;width:48px;height:48px;border:2px solid #111;border-radius:50%;background:var(--secondary-color);opacity:0;pointer-events:none}.back-top.show{opacity:1;pointer-events:auto}.reveal{opacity:0;transform:translateY(25px);transition:.6s}.reveal.visible{opacity:1;transform:none}@media(max-width:768px){:root{--section-spacing:75px}.site-header{height:64px;padding:0 16px;mix-blend-mode:normal}.library-link{display:none}.menu-toggle{display:block;border:0;background:#111;color:#fff;padding:8px}.site-nav{position:absolute;top:60px;left:10px;right:10px;display:none;flex-direction:column;padding:12px;background:var(--background-color);border:2px solid #111}.site-nav.open{display:flex}.site-nav a{padding:9px}.hero{min-height:650px;padding-top:130px}.hero h1{font-size:70px}.hero-bottom{flex-direction:column}.orb{width:240px;top:30%}.services,.team,.contact-bottom{grid-template-columns:1fr}.service-stack article{grid-template-columns:1fr 50px}.service-stack p{display:none}.work-grid{grid-template-columns:1fr}.work-a,.work-d{grid-row:auto;grid-column:auto}.work-a .placeholder,.work-d .placeholder{min-height:350px}.process{grid-template-columns:1fr 1fr}.team-row{grid-template-columns:1fr 1fr}.testimonial{padding-top:80px;padding-bottom:80px}footer{flex-direction:column;gap:10px}}@media(max-width:390px){.hero h1{font-size:58px}.work-head{align-items:flex-start;flex-direction:column;gap:25px}.filters{overflow:auto;width:100%}.process,.team-row{grid-template-columns:1fr}.visual-marquee{min-height:270px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important}.reveal{opacity:1;transform:none}}
