/* LJJ WEB — intentionally lightweight, no external font/CDN dependencies */
:root{--bg:#0a0b0d;--bg2:#101215;--card:#15171a;--card2:#191c20;--line:rgba(255,255,255,.10);--line-strong:rgba(255,255,255,.18);--text:#f3f3ee;--muted:#a2a5a3;--dim:#777c78;--lime:#c6f781;--lime-deep:#a6d665;--violet:#aeabeb;--font:Inter,"Inter Display",-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;--container:1320px;--radius:24px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font);-webkit-font-smoothing:antialiased;overflow-x:hidden}body.menu-open{overflow:hidden}::selection{background:var(--lime);color:var(--bg)}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--lime);outline-offset:5px}[hidden]{display:none!important}img,svg{max-width:100%}.container{width:min(calc(100% - 88px),var(--container));margin-inline:auto}.skip-link{position:absolute;left:14px;top:-60px;background:var(--lime);color:#111;padding:12px 16px;z-index:100;border-radius:8px}.skip-link:focus{top:12px}.noise{pointer-events:none;position:fixed;inset:0;z-index:99;opacity:.032;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.78' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='.6'/%3E%3C/svg%3E")}
/* header */
.site-header{height:88px;border-bottom:1px solid rgba(255,255,255,.09);position:fixed;top:0;left:0;right:0;z-index:80;background:rgba(9,10,12,.76);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);transition:background .3s,border .3s}.site-header.is-scrolled{background:rgba(9,10,12,.96);border-color:rgba(255,255,255,.13)}.header-inner{display:flex;align-items:center;justify-content:space-between;height:100%}.brand{display:inline-flex;align-items:center;gap:11px;white-space:nowrap}.brand-symbol{display:grid;place-items:center;width:36px;height:36px;color:var(--lime)}.brand-symbol svg{width:100%;height:100%}.brand-text{font-size:30px;font-weight:850;letter-spacing:-2px;line-height:1}.brand-dot{color:var(--lime)}.brand-unit{letter-spacing:-.7px;font-weight:500;color:#b0b2ae;font-size:21px;margin-left:4px}.desktop-nav{display:flex;align-items:center;gap:43px;margin-left:90px}.desktop-nav a{color:#bfc0be;font-size:13px;font-weight:540;transition:color .2s}.desktop-nav a:hover{color:var(--lime)}.header-actions{display:flex;align-items:center;gap:22px}.header-contact{display:inline-flex;align-items:center;gap:24px;background:rgba(255,255,255,.085);border:1px solid rgba(255,255,255,.13);border-radius:100px;padding:13px 15px 13px 20px;font-size:12px;font-weight:660;transition:background .25s,color .25s,transform .25s}.header-contact span{background:var(--lime);border-radius:50%;display:grid;place-items:center;color:#111;width:23px;height:23px;font-size:18px;font-weight:450}.header-contact:hover{background:rgba(255,255,255,.16);transform:translateY(-1px)}.menu-toggle{display:none;background:none;border:0;padding:10px;gap:6px;flex-direction:column;align-items:center;justify-content:center;width:44px;height:44px}.menu-toggle span{height:2px;width:24px;background:#f5f5ef;transition:transform .25s}.menu-toggle[aria-expanded=true] span:first-child{transform:translateY(4px) rotate(45deg)}.menu-toggle[aria-expanded=true] span:last-child{transform:translateY(-4px) rotate(-45deg)}.mobile-nav{display:none}
/* common */
.section-pad{padding:132px 0}.section-label{color:var(--lime);font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:12px;letter-spacing:.09em;font-weight:600;display:flex;align-items:center;gap:12px}.label-box{display:inline-flex;align-items:center;justify-content:center;border:1px solid rgba(198,247,129,.45);height:30px;min-width:30px;padding:0 6px;font-size:11px}.section-topline{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:42px}.section-side-note{font-family:ui-monospace,monospace;font-size:10px;color:var(--dim);letter-spacing:.08em}.section-heading-row{display:flex;justify-content:space-between;align-items:end;gap:60px;margin-bottom:62px}.section-heading{font-size:clamp(49px,6vw,82px);line-height:1.055;letter-spacing:-.075em;font-weight:680;margin:0;max-width:860px}.section-heading em{font-style:normal;color:var(--lime)}.section-heading-row>p{font-size:16px;line-height:1.75;color:var(--muted);max-width:314px;margin:0 0 5px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:36px;border:0;text-align:left;font-weight:700;transition:transform .2s,box-shadow .2s,background .2s}.button-primary{background:var(--lime);color:#151914;min-height:61px;padding:9px 10px 9px 25px;border-radius:100px;font-size:13px;box-shadow:0 10px 35px rgba(170,240,110,.1)}.button-primary:hover{background:#d9fba7;transform:translateY(-3px);box-shadow:0 18px 45px rgba(170,240,110,.2)}.button-icon{width:42px;height:42px;border-radius:50%;background:#171b15;color:var(--lime);display:grid;place-items:center;font-size:22px;line-height:1;font-weight:400}.text-link{font-weight:620;font-size:13px;display:inline-flex;align-items:center;gap:14px;padding-bottom:8px;border-bottom:1px solid rgba(255,255,255,.29);transition:color .2s,border-color .2s}.text-link span{font-size:20px;font-weight:400}.text-link:hover{color:var(--lime);border-color:var(--lime)}
/* hero */
.hero{min-height:850px;position:relative;padding-top:88px;overflow:hidden;background:radial-gradient(ellipse at 82% 44%,rgba(79,99,68,.18),transparent 44%),#0a0b0d}.hero-background{position:absolute;inset:0;pointer-events:none;overflow:hidden}.hero-background:before{content:"";position:absolute;inset:0;background-image:linear-gradient(to right,rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(to bottom,rgba(255,255,255,.034) 1px,transparent 1px);background-size:86px 86px;mask-image:linear-gradient(to right,transparent,black 55%,black);opacity:.43}.hero-glow{position:absolute;width:720px;height:720px;right:-230px;top:0;background:radial-gradient(circle,rgba(132,180,104,.21),rgba(132,180,104,.02) 45%,transparent 70%);filter:blur(12px)}.hero-radial{position:absolute;right:17%;top:32%;height:600px;width:600px;border:1px solid rgba(198,247,129,.045);border-radius:50%;box-shadow:0 0 0 96px rgba(198,247,129,.018),0 0 0 192px rgba(198,247,129,.008)}.hero-container{position:relative;min-height:762px;display:grid;grid-template-columns:53% 47%;align-items:center;padding-bottom:65px}.hero-copy{position:relative;z-index:5;margin-top:-5px}.eyebrow{display:flex;align-items:center;gap:10px;color:var(--lime);font:600 11px ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.13em;margin-bottom:43px}.status-dot{height:8px;width:8px;background:var(--lime);border-radius:50%;box-shadow:0 0 13px rgba(198,247,129,.9);animation:glow 3s ease-in-out infinite}.eyebrow-separator{color:var(--dim)}.eyebrow-number{color:#707671;margin-left:8px}h1{margin:0}.hero h1{font-size:clamp(70px,7.5vw,114px);line-height:1.04;letter-spacing:-.092em;font-weight:730;white-space:nowrap}.heading-accent{color:var(--lime)}.heading-period{color:#f7f8f2}.hero-description{font-size:18px;color:#b1b3b0;line-height:1.72;max-width:515px;margin:36px 0 36px}.hero-cta{display:flex;align-items:center;gap:34px;flex-wrap:wrap}.hero-footnote{margin-top:90px;display:flex;align-items:center;gap:15px;font:600 10px ui-monospace,monospace;color:#6f7470;letter-spacing:.18em}.footnote-line{display:block;width:34px;height:1px;background:#6f7470}.mid-dot{color:var(--lime);margin:0 7px}.scroll-cue{position:absolute;bottom:40px;right:5px;display:flex;gap:15px;align-items:center;color:#878b87;font:600 10px ui-monospace,monospace;letter-spacing:.16em}.scroll-mouse{width:28px;height:37px;border-radius:16px;border:1px solid #474d45;display:flex;align-items:center;justify-content:center;font:20px var(--font);color:var(--lime)}
/* illustrative browser */
.hero-showcase{position:relative;height:650px;min-width:0;margin-top:1px;transform:translateX(18px)}.orbital{position:absolute;border:1px solid rgba(198,247,129,.14);border-radius:50%;left:50%;top:48%;transform:translate(-50%,-50%)}.orbital-1{width:560px;height:560px}.orbital-2{width:705px;height:705px;border-color:rgba(198,247,129,.06)}.showcase-badge{position:absolute;top:71px;right:18px;z-index:5;padding:12px 18px;border:1px solid rgba(198,247,129,.15);border-radius:50px;color:#e4ecdb;background:#1c2420;font:600 11px var(--font);box-shadow:0 10px 40px rgba(0,0,0,.35)}.badge-sparkle{color:var(--lime);font-size:15px;margin-right:7px}.browser-window{width:530px;height:400px;position:absolute;top:145px;left:1px;z-index:2;border:1px solid rgba(255,255,255,.28);background:#e9ebe3;border-radius:13px;overflow:hidden;box-shadow:0 45px 85px rgba(0,0,0,.55),0 0 60px rgba(178,231,133,.09);transform:perspective(1200px) rotateY(-9deg) rotateX(3deg) rotateZ(-2deg);transform-origin:center;animation:float 9s ease-in-out infinite}.browser-topline{height:38px;background:#242a23;display:flex;align-items:center;justify-content:space-between;padding:0 14px;color:#d5d9cd}.browser-dots{display:flex;gap:5px}.browser-dots i{display:block;height:7px;width:7px;border-radius:50%;background:#737a70}.browser-dots i:first-child{background:#c6f781}.browser-address{border:1px solid #3d4239;background:#30372d;padding:4px 75px;border-radius:4px;font:500 9px ui-monospace,monospace;color:#b6c3ae}.browser-expand{font-size:17px;color:#a1aa9b}.browser-body{height:calc(100% - 38px);padding:20px 28px 21px;background:#e9ece1;position:relative;overflow:hidden;color:#1b2620}.browser-body:before{content:"";position:absolute;inset:0;background:linear-gradient(to right,transparent 49.95%,rgba(26,41,25,.065) 50%,transparent 50.05%),linear-gradient(to bottom,transparent 49.95%,rgba(26,41,25,.065) 50%,transparent 50.05%);background-size:66px 66px;pointer-events:none}.mock-nav{display:flex;align-items:center;justify-content:space-between;font:600 10px var(--font);position:relative;z-index:2}.mock-logo{font-size:20px;letter-spacing:-1.5px;font-weight:900}.mock-logo span{color:#6d8c3b;font-size:13px;vertical-align:top;margin-left:3px}.mock-nav>span:last-child{font-size:9px}.mock-nav b{font-size:13px;margin-left:6px}.mock-index{margin-top:51px;font:700 9px ui-monospace,monospace;color:#66804c;letter-spacing:.13em;position:relative;z-index:2}.mock-headline{margin-top:12px;font-size:37px;line-height:1.09;font-weight:780;letter-spacing:-.07em;position:relative;z-index:2}.mock-headline i{font-style:normal;color:#738f4e}.mock-subline{max-width:220px;font-size:10px;color:#586355;line-height:1.7;margin-top:15px;position:relative;z-index:2}.mock-bottom{position:absolute;bottom:20px;left:28px;right:28px;display:flex;align-items:center;justify-content:space-between;border-top:1px solid rgba(39,60,35,.19);padding-top:10px;font:700 9px ui-monospace,monospace;letter-spacing:.08em;z-index:2}.mock-arrow{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:#1f2b1d;color:#e2eec6;font:18px var(--font)}.mock-circle{position:absolute;width:280px;height:280px;right:-68px;top:92px;border-radius:50%;border:1px solid rgba(81,104,64,.38);box-shadow:0 0 0 38px rgba(81,104,64,.10),0 0 0 76px rgba(81,104,64,.04);display:grid;place-items:center}.mock-circle span{font-size:177px;color:#b9d18d;transform:rotate(-8deg)}.floating-chip{position:absolute;display:flex;align-items:center;gap:11px;padding:12px 14px;background:#1d2220;border:1px solid rgba(202,238,190,.20);border-radius:12px;box-shadow:0 22px 55px rgba(0,0,0,.55);z-index:4;animation:float 7s ease-in-out infinite}.chip-top{top:122px;left:-38px;animation-delay:-3.4s}.chip-bottom{right:-14px;bottom:85px;animation-delay:-1.5s}.chip-icon{height:38px;width:38px;display:grid;place-items:center;color:#dbd4ff;background:#373349;border-radius:9px;font:700 21px ui-monospace,monospace}.chip-icon-lime{color:var(--lime);background:#303a27;font-size:15px}.floating-chip strong{display:block;font-size:11px;font-weight:720;color:#f3f5ef;white-space:nowrap}.floating-chip small{display:block;color:#949e93;font-size:9px;margin-top:5px;white-space:nowrap}.chip-tick{color:var(--lime);font-size:13px;margin-left:11px}.hero-coordinate{position:absolute;bottom:15px;left:110px;color:#5e665e;font:9px ui-monospace,monospace;letter-spacing:.2em}
.ticker{height:75px;overflow:hidden;border-top:1px solid #b5eb76;border-bottom:1px solid #b5eb76;background:var(--lime);color:#1c2417;display:flex;align-items:center}.ticker-track{display:flex;width:max-content;white-space:nowrap;animation:ticker 28s linear infinite}.ticker-track span{font-size:14px;letter-spacing:.12em;font-weight:800;display:inline-block}.ticker-track b{margin-inline:45px;font-size:20px;font-weight:400}
/* services */
.services{background:#101114}.services-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}.service-card{background:#191b1e;border:1px solid var(--line);border-radius:18px;overflow:hidden;min-height:535px;display:flex;flex-direction:column;transition:transform .3s,border-color .3s,box-shadow .3s}.service-card:hover{transform:translateY(-8px);border-color:rgba(198,247,129,.30);box-shadow:0 25px 60px rgba(0,0,0,.18)}.service-card-featured{background:#1b2019}.service-top{display:flex;justify-content:space-between;align-items:center;padding:24px 27px 0}.service-index{font:600 12px ui-monospace,monospace;color:#9fa89c;letter-spacing:.1em}.service-icon{height:34px;width:34px;border:1px solid rgba(255,255,255,.15);border-radius:50%;display:grid;place-items:center;color:var(--lime);font-size:21px}.service-visual{position:relative;height:211px;display:grid;place-items:center;overflow:hidden}.service-visual:before{content:"";position:absolute;width:260px;height:260px;left:50%;top:50%;transform:translate(-50%,-50%);border:1px solid rgba(198,247,129,.08);border-radius:50%;box-shadow:0 0 0 45px rgba(198,247,129,.024),0 0 0 95px rgba(198,247,129,.018)}.mini-web{width:200px;height:135px;border:1px solid #657256;background:#e8eade;border-radius:6px;padding:12px;position:absolute;box-shadow:0 18px 35px rgba(0,0,0,.35)}.mini-web div{height:8px;width:50px;background:#1a2b1b;border-radius:2px;margin-bottom:16px}.mini-web i{display:block;width:105px;height:7px;background:#aac685;border-radius:2px;margin-bottom:7px}.mini-web i:nth-of-type(2){width:75px}.mini-web b{position:absolute;bottom:10px;left:12px;width:52px;height:18px;border-radius:15px;background:#23341e}.mini-back{transform:translate(45px,-19px) rotate(11deg);opacity:.5}.mini-front{transform:translate(-20px,21px) rotate(-9deg)}.panel-preview{width:242px;height:155px;background:#e6e8e1;border:6px solid #2f3530;border-radius:10px;transform:rotate(-7deg);box-shadow:0 15px 40px #0008;overflow:hidden}.panel-bar{height:24px;background:#242c27;padding:7px 9px;display:flex;align-items:center;gap:5px}.panel-bar i{height:8px;width:8px;border-radius:50%;background:#b9ec75;margin-right:auto}.panel-bar span{width:26px;height:5px;border-radius:3px;background:#6c7c67}.panel-layout{display:flex;height:calc(100% - 24px)}.panel-sidebar{width:57px;background:#d3d8cb;padding:13px 9px}.panel-sidebar i{display:block;width:32px;height:5px;background:#9caa96;border-radius:3px;margin-bottom:14px}.panel-sidebar i:first-child{background:#6c9e44}.panel-content{padding:12px 14px;flex:1}.panel-content>span{display:block;height:7px;width:83px;border-radius:3px;background:#2b392e}.panel-content>b{display:block;height:5px;width:105px;border-radius:3px;background:#b0bdb0;margin:9px 0 13px}.panel-bars{height:52px;display:flex;align-items:flex-end;gap:8px}.panel-bars i{display:block;width:16px;background:#b6d795;border-radius:3px 3px 0 0}.panel-bars i:nth-child(1){height:29px}.panel-bars i:nth-child(2){height:42px}.panel-bars i:nth-child(3){height:23px}.panel-bars i:nth-child(4){height:48px;background:#658a49}.panel-bars i:nth-child(5){height:37px}.code-panel{width:250px;padding:15px 16px;background:#25292a;transform:rotate(6deg);border:1px solid #515a4f;border-radius:9px;box-shadow:0 15px 37px rgba(0,0,0,.4);font:10px/1.9 ui-monospace,Consolas,monospace;color:#c7cdc6}.code-title{border-bottom:1px solid #454e43;padding-bottom:8px;margin-bottom:10px;color:#919c92;line-height:1.3}.code-light{display:inline-block;height:6px;width:6px;border-radius:50%;background:var(--lime);margin-right:8px}.code-indent{padding-left:20px}.c-purple{color:#c8bcfa}.c-green{color:var(--lime)}.c-light{color:#e8e5c8}.code-cursor{color:var(--lime);animation:blink 1s steps(2,start) infinite}.service-body{padding:4px 27px 29px;margin-top:auto}.service-body h3{font-size:25px;letter-spacing:-.05em;font-weight:650;margin:0 0 13px}.service-body p{font-size:13px;line-height:1.85;color:#a2aaa1;margin:0;max-width:340px}.tags{display:flex;gap:7px;margin-top:29px;flex-wrap:wrap}.tags span{border:1px solid rgba(255,255,255,.17);border-radius:50px;color:#adb6a7;font-size:10px;padding:7px 11px}.service-note{margin-top:25px;display:flex;align-items:center;gap:16px;border:1px solid var(--line);border-radius:13px;padding:23px 26px;color:#afb5ad;font-size:13px;line-height:1.5}.note-spark{font-size:23px;color:var(--lime)}.service-note>a{color:var(--lime);font-weight:650;white-space:nowrap;margin-left:auto;display:inline-flex;gap:20px}.service-note>a:hover{text-decoration:underline}
/* manifesto */
.manifesto{background:var(--lime);color:#141b13;position:relative;overflow:hidden}.manifesto:after{content:"✳";position:absolute;bottom:-320px;left:-110px;color:#9fcd67;font-size:730px;line-height:1;opacity:.35;pointer-events:none}.manifesto-layout{display:grid;grid-template-columns:35% 65%;gap:25px;position:relative;z-index:1}.manifesto .section-label{color:#2d3b21}.manifesto .label-box{border-color:rgba(23,44,15,.42)}.manifesto-kicker{color:#526343;font:600 11px ui-monospace,monospace;letter-spacing:.1em;margin-top:180px}.manifesto-right h2{margin:0;font-size:clamp(44px,5.6vw,76px);font-weight:750;letter-spacing:-.075em;line-height:1.1}.manifesto-right h2 span{color:#779853}.manifesto-right>p{font-size:17px;line-height:1.8;color:#46573d;max-width:660px;margin:36px 0 48px}.manifesto-signature{display:flex;align-items:center;gap:11px;border-top:1px solid rgba(30,50,25,.28);padding-top:22px;font:750 11px ui-monospace,monospace;letter-spacing:.17em}.signature-icon{font-size:21px}
/* process */
.process{background:#0d0f11}.process-heading{margin-bottom:72px}.process-list{border-top:1px solid var(--line-strong)}.process-item{min-height:158px;display:grid;grid-template-columns:180px 1fr 80px;gap:20px;align-items:center;border-bottom:1px solid var(--line-strong);padding:27px 6px;transition:padding .25s,background .25s}.process-item:hover{padding-left:22px;padding-right:22px;background:rgba(198,247,129,.035)}.process-number{display:flex;align-items:center;gap:45px;color:var(--lime);font:750 16px ui-monospace,monospace}.process-number span{font-size:18px;color:#616962}.process-item h3{margin:0 0 9px;letter-spacing:-.05em;font-size:27px;font-weight:660}.process-item p{font-size:13px;line-height:1.7;color:#8d9690;margin:0;max-width:650px}.process-symbol{font-size:49px;color:#596355;text-align:right;line-height:1}
/* portfolio */
.portfolio{background:#131517}.portfolio-empty{min-height:467px;border:1px solid rgba(198,247,129,.18);background:linear-gradient(112deg,rgba(27,35,27,.85),rgba(22,25,27,.95) 55%,rgba(20,24,23,.95));border-radius:17px;display:grid;grid-template-columns:48% 52%;position:relative;overflow:hidden}.portfolio-empty-visual{position:relative;min-height:465px;overflow:hidden}.portfolio-empty-visual:before{content:"";position:absolute;left:15%;top:7%;width:480px;height:480px;background:radial-gradient(circle,rgba(198,247,129,.12),transparent 65%)}.portfolio-ring{display:block;position:absolute;border:1px solid rgba(198,247,129,.17);border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%)}.ring-one{width:280px;height:280px}.ring-two{width:428px;height:428px;border-color:rgba(198,247,129,.09)}.portfolio-star{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) rotate(-15deg);font-size:180px;color:var(--lime);text-shadow:0 0 70px rgba(198,247,129,.25);animation:rotate-pulse 16s ease-in-out infinite}.portfolio-cross{position:absolute;font-size:21px;color:#5f7757}.cross-one{top:70px;left:80px}.cross-two{bottom:90px;right:30px}.portfolio-empty-content{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:55px 65px 65px 10px;position:relative;z-index:1}.portfolio-counter{color:var(--lime);font:700 11px ui-monospace,monospace;letter-spacing:.13em}.portfolio-empty-content h3{font-size:clamp(37px,4.4vw,58px);letter-spacing:-.065em;line-height:1.13;font-weight:650;margin:25px 0 22px}.portfolio-empty-content h3 span{color:var(--lime)}.portfolio-empty-content p{font-size:14px;color:#9fa69c;line-height:1.85;max-width:420px;margin:0 0 28px}.portfolio-empty-corner{position:absolute;bottom:18px;right:25px;color:#6e7c67;font:10px ui-monospace,monospace;letter-spacing:.12em}.portfolio-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:22px}.project-card{background:#1b1e20;border:1px solid var(--line);border-radius:16px;overflow:hidden}.project-art{height:330px;position:relative;background:radial-gradient(circle,#45543d,#202825 65%,#1a1e1e);display:grid;place-items:center}.project-art img{width:100%;height:100%;object-fit:cover}.project-placeholder-symbol{font-size:130px;color:var(--lime)}.project-number{position:absolute;top:20px;left:20px;font:700 13px ui-monospace,monospace;background:var(--bg);border-radius:50%;height:36px;width:36px;display:grid;place-items:center}.project-detail{padding:26px 28px 30px}.project-meta{font:650 10px ui-monospace,monospace;letter-spacing:.1em;color:var(--lime)}.project-detail h3{font-size:28px;letter-spacing:-.05em;margin:12px 0}.project-detail p{font-size:13px;color:var(--muted);line-height:1.7}.project-detail a{font-size:13px;color:var(--lime);font-weight:700;display:inline-block;margin-top:12px}
/* contact */
.contact{position:relative;background:#0b0e0b;overflow:hidden}.contact-glow{position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 15% 64%,rgba(104,145,75,.14),transparent 40%)}.contact>.container{position:relative}.contact-grid{display:grid;grid-template-columns:1fr 0.91fr;gap:11%;margin-top:50px}.contact-copy{position:relative;padding-top:22px}.contact-asterisk{position:absolute;top:-37px;right:40px;font-size:44px;color:var(--lime);animation:rotate-pulse 20s linear infinite}.contact-copy h2{margin:0;font-size:clamp(60px,6.8vw,96px);line-height:1.04;font-weight:710;letter-spacing:-.085em;white-space:nowrap}.contact-copy h2 em{font-style:normal;color:var(--lime)}.contact-copy>p{max-width:430px;font-size:16px;line-height:1.8;color:#a4b0a1;margin:32px 0 70px}.contact-direct>span{display:block;font:650 10px ui-monospace,monospace;letter-spacing:.11em;color:#7e8b7c;margin-bottom:13px}.contact-email{font-size:clamp(23px,3vw,38px);font-weight:600;letter-spacing:-.05em;display:inline-flex;align-items:center;gap:16px;border-bottom:1px solid #6b8960;padding-bottom:9px;transition:color .2s}.contact-email span{font-size:23px;color:var(--lime)}.contact-email:hover{color:var(--lime)}.contact-form-shell{background:#1a1e1b;border:1px solid rgba(198,247,129,.21);border-radius:16px;padding:29px 33px 32px;box-shadow:0 30px 70px rgba(0,0,0,.15)}.form-top{display:flex;justify-content:space-between;gap:10px;padding-bottom:25px;margin-bottom:25px;border-bottom:1px solid var(--line-strong);font:600 10px ui-monospace,monospace;color:#939f90;letter-spacing:.07em}.form-status{color:var(--lime)}.form-status i{display:inline-block;width:6px;height:6px;background:var(--lime);border-radius:50%;margin-right:5px}.form-row{margin-bottom:19px}.form-row label{display:block;font-size:12px;font-weight:650;margin-bottom:10px;color:#ebeee7}.form-row label span{color:var(--lime)}.form-row input,.form-row textarea,.form-row select{border:1px solid rgba(255,255,255,.13);border-radius:7px;background:#111512;color:#f5f8ef;width:100%;outline:none;transition:border-color .2s,box-shadow .2s}.form-row input,.form-row select{height:49px;padding:0 15px;font-size:13px}.form-row textarea{padding:15px;font-size:13px;min-height:103px;resize:vertical;line-height:1.6}.form-row input::placeholder,.form-row textarea::placeholder{color:#788277}.form-row input:focus,.form-row textarea:focus,.form-row select:focus{border-color:var(--lime);box-shadow:0 0 0 3px rgba(198,247,129,.08);outline:0}.form-row select{appearance:none;cursor:pointer}.select-wrap{position:relative}.select-wrap>span{pointer-events:none;position:absolute;right:15px;top:10px;font-size:22px;color:var(--lime)}.form-submit{width:100%;margin-top:9px}.form-hint{font-size:10px;color:#879184;line-height:1.6;margin:15px 0 0}.form-hint.is-error{color:#ffaaa3}
/* footer */
.site-footer{background:#08090a;border-top:1px solid var(--line)}.footer-main{padding:75px 0;display:flex;justify-content:space-between;gap:50px}.footer-brand>p{font-size:14px;color:#798077;line-height:1.8;margin-top:23px}.footer-links{display:flex;gap:125px;margin-right:6%}.footer-links>div{display:flex;flex-direction:column;gap:14px}.footer-links>div>span{color:#6d756c;font:700 10px ui-monospace,monospace;letter-spacing:.13em;margin-bottom:10px}.footer-links a{font-size:13px;color:#babeb6;transition:color .2s}.footer-links a:hover{color:var(--lime)}.footer-bottom{border-top:1px solid var(--line);padding:28px 0 35px;display:flex;align-items:center;justify-content:space-between;gap:12px;color:#696f69;font:650 10px ui-monospace,monospace;letter-spacing:.07em}.footer-signal{color:var(--lime)}
/* motion */
@keyframes glow{50%{box-shadow:0 0 1px rgba(198,247,129,.2);opacity:.7}}@keyframes float{0%,100%{translate:0 0}50%{translate:0 -13px}}@keyframes ticker{to{transform:translateX(-50%)}}@keyframes blink{to{opacity:0}}@keyframes rotate-pulse{50%{transform:translate(-50%,-50%) rotate(20deg) scale(1.06)}}.contact-asterisk{animation-name:asterisk-spin}@keyframes asterisk-spin{to{transform:rotate(360deg)}}.will-reveal{opacity:0;transform:translateY(28px);transition:opacity .65s ease,transform .65s cubic-bezier(.2,.7,.2,1)}.will-reveal.is-visible{opacity:1;transform:translateY(0)}.service-card:nth-child(2),.process-item:nth-child(2){transition-delay:.08s}.service-card:nth-child(3),.process-item:nth-child(3){transition-delay:.13s}
/* tablets */
@media(max-width:1180px){.container{width:min(calc(100% - 62px),var(--container))}.hero{min-height:760px}.hero-container{min-height:672px;grid-template-columns:54% 46%}.hero h1{font-size:clamp(67px,7.7vw,98px)}.hero-showcase{transform:translateX(0) scale(.82);transform-origin:45% 50%}.hero-description{font-size:16px}.desktop-nav{gap:24px;margin-left:0}.service-body h3{font-size:23px}.contact-grid{gap:5%}.contact-copy h2{font-size:clamp(59px,6.8vw,87px)}.footer-links{gap:80px;margin-right:0}}
@media(max-width:980px){.hero-container{grid-template-columns:minmax(0,1fr);min-height:auto;padding-top:108px;padding-bottom:48px}.hero{min-height:unset}.hero-copy{max-width:760px}.hero h1{font-size:clamp(76px,11vw,104px)}.hero-showcase{margin:30px 0 -35px 11%;height:540px;width:650px;transform:scale(.86);transform-origin:top left}.hero-footnote{margin-top:65px}.scroll-cue{right:0;bottom:24px}.services-grid{grid-template-columns:1fr 1fr}.service-card{min-height:500px}.service-card:last-child{grid-column:span 2;min-height:330px;display:grid;grid-template-columns:48% 52%;grid-template-rows:auto 1fr}.service-card:last-child .service-top{grid-column:span 2}.service-card:last-child .service-visual{height:auto;grid-column:1;grid-row:2}.service-card:last-child .service-body{grid-column:2;grid-row:2;align-self:center}.manifesto-layout{grid-template-columns:28% 72%}.manifesto-right h2{font-size:clamp(44px,5.4vw,62px)}.portfolio-empty-content{padding-right:38px}.contact-grid{grid-template-columns:1fr 1fr;gap:5%}.contact-copy h2{font-size:clamp(53px,6vw,69px)}.contact-form-shell{padding:24px}}
@media(max-width:820px){.site-header{height:74px}.desktop-nav{display:none}.header-contact{padding:11px 11px 11px 17px}.menu-toggle{display:flex}.mobile-nav{position:absolute;top:73px;left:0;right:0;background:#101311;border-bottom:1px solid rgba(198,247,129,.19);padding:20px 30px 30px;display:flex;flex-direction:column;gap:0;visibility:hidden;opacity:0;transform:translateY(-10px);transition:opacity .2s,transform .2s,visibility .2s}.mobile-nav.is-open{visibility:visible;opacity:1;transform:translateY(0)}.mobile-nav a{display:flex;justify-content:space-between;align-items:center;padding:20px 8px;border-bottom:1px solid var(--line);font-size:22px;font-weight:650}.mobile-nav a span{font:700 12px ui-monospace,monospace;color:var(--lime)}.hero{padding-top:74px}.section-heading-row{gap:28px}.section-heading-row>p{max-width:235px;font-size:14px}.section-heading{font-size:clamp(53px,7.5vw,73px)}.section-side-note{display:none}.manifesto-layout{grid-template-columns:1fr}.manifesto-kicker{margin:30px 0 0}.manifesto-right h2{font-size:clamp(47px,7.8vw,67px)}.portfolio-empty{grid-template-columns:45% 55%}.portfolio-empty-visual{min-height:430px}.portfolio-star{font-size:145px}.ring-one{height:230px;width:230px}.ring-two{height:365px;width:365px}.contact-grid{grid-template-columns:1fr;gap:62px}.contact-copy>p{margin-bottom:30px}.contact-copy h2{font-size:clamp(66px,10vw,96px)}.contact-form-shell{max-width:700px;padding:29px 33px 32px}}
@media(max-width:620px){.container{width:calc(100% - 38px)}.site-header{height:68px}.mobile-nav{top:67px;padding-inline:20px}.brand-symbol{height:30px;width:30px}.brand-text{font-size:27px}.brand-unit{font-size:19px}.header-contact{font-size:11px;gap:7px;background:transparent;border:none;padding:0}.header-contact span{width:25px;height:25px}.header-actions{gap:8px}.hero{padding-top:68px}.hero-container{padding-top:88px}.eyebrow{font-size:10px;letter-spacing:.075em;margin-bottom:31px;gap:7px}.eyebrow-number{display:none}.hero h1{font-size:clamp(57px,12.3vw,81px)}.hero-description{font-size:15px;line-height:1.73;margin:28px 0 27px}.hero-cta{gap:23px;align-items:flex-start;flex-direction:column}.hero-footnote{margin-top:46px}.hero-showcase{height:350px;margin:53px 0 -20px 8%;transform:scale(.57);transform-origin:top left}.scroll-cue{display:none}.ticker{height:61px}.ticker-track span{font-size:12px}.ticker-track b{margin-inline:26px}.section-pad{padding:91px 0}.section-topline{margin-bottom:28px}.section-heading-row{display:block;margin-bottom:36px}.section-heading{font-size:clamp(46px,11vw,68px)}.section-heading-row>p{font-size:14px;line-height:1.8;max-width:430px;margin-top:19px}.services-grid{grid-template-columns:1fr}.service-card{min-height:490px}.service-card:last-child{grid-column:auto;display:flex;min-height:490px}.service-card:last-child .service-top,.service-card:last-child .service-visual,.service-card:last-child .service-body{grid-column:auto;grid-row:auto}.service-card:last-child .service-visual{height:211px}.service-card:last-child .service-body{align-self:auto}.service-note{flex-wrap:wrap;padding:20px;gap:10px}.service-note>span:nth-child(2){flex:1 1 calc(100% - 50px);font-size:12px}.service-note a{margin:5px 0 0 37px}.manifesto-right h2{font-size:clamp(40px,10.4vw,60px)}.manifesto-right>p{font-size:15px;margin:25px 0 40px}.manifesto:after{bottom:-190px;left:-70px;font-size:440px}.process-heading{margin-bottom:36px}.process-item{grid-template-columns:55px 1fr 27px;gap:10px;min-height:140px;padding:25px 0}.process-item:hover{padding:25px 0}.process-number{font-size:13px;gap:0;align-self:start;padding-top:6px}.process-number span{display:none}.process-item h3{font-size:22px}.process-item p{font-size:12px}.process-symbol{font-size:23px;align-self:start;padding-top:3px}.portfolio-empty{display:flex;flex-direction:column;min-height:auto}.portfolio-empty-visual{height:225px;min-height:225px}.portfolio-star{font-size:105px}.portfolio-ring.ring-one{height:175px;width:175px}.portfolio-ring.ring-two{height:280px;width:280px}.portfolio-empty-content{padding:4px 24px 80px}.portfolio-empty-content h3{font-size:clamp(36px,9.5vw,51px);margin:20px 0}.portfolio-empty-content p{font-size:13px}.portfolio-grid{grid-template-columns:1fr}.project-art{height:240px}.contact-grid{margin-top:32px;gap:55px}.contact-copy h2{font-size:clamp(57px,12vw,82px)}.contact-copy>p{font-size:14px}.contact-asterisk{font-size:32px;top:-13px;right:12px}.contact-form-shell{padding:21px 17px}.form-top{font-size:9px}.form-status{font-size:8px}.contact-email{font-size:27px}.footer-main{padding:61px 0 41px;display:block}.footer-links{gap:60px;margin-top:48px}.footer-bottom{align-items:flex-start;flex-direction:column;line-height:1.8;gap:9px;font-size:9px;padding-top:23px}.footer-bottom span:nth-child(2){max-width:100%}}
@media(max-width:390px){.container{width:calc(100% - 30px)}.header-contact{font-size:0}.header-contact span{font-size:18px}.hero-container{padding-top:68px}.hero h1{font-size:clamp(49px,12vw,57px)}.hero-showcase{transform:scale(.51);height:325px;margin-left:5%}.hero-description{font-size:14px}.section-heading{font-size:42px}.contact-copy h2{font-size:52px}.footer-links{gap:38px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation:none!important;transition:none!important}.will-reveal{opacity:1!important;transform:none!important}}