@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;500&family=Prompt:wght@300;400;500;600&display=swap');
:root{--ink:#090d0c;--paper:#f1f2ed;--paper2:#e8ebe4;--acid:#d6ff39;--white:#f7f9f4;--muted:#68716d;--line:rgba(9,13,12,.14);--pad:clamp(22px,5vw,82px);--scroll:0}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Prompt,system-ui,sans-serif;font-weight:300}a{color:inherit;text-decoration:none}p{line-height:1.75}.eyebrow{font:500 10px/1 IBM Plex Mono,monospace;letter-spacing:.16em}header[data-nav]{height:82px;padding:0 var(--pad);display:flex;align-items:center;justify-content:space-between;position:relative;z-index:30;border-bottom:1px solid var(--line);background:rgba(241,242,237,.88);backdrop-filter:blur(18px)}.brand{display:flex;align-items:center;gap:11px;letter-spacing:.11em}.brand b{font-size:17px}.brand-mark{width:28px;height:28px;position:relative;display:inline-block}.brand-mark i{position:absolute;inset:4px 13px 4px 4px;border:1.7px solid currentColor;border-radius:50% 0 50% 50%;transform:rotate(45deg)}.brand-mark i+i{inset:4px 4px 4px 13px;transform:rotate(-45deg)}header nav{display:flex;align-items:center;gap:32px;font-size:13px}header nav a{position:relative}header nav a.active:after{content:'';position:absolute;left:0;right:0;bottom:-10px;height:2px;background:var(--ink)}.nav-contact{border:1px solid var(--ink);border-radius:999px;padding:10px 16px}.nav-contact span{margin-left:10px}.nav-toggle{display:none;background:none;border:0}.hero{min-height:calc(100svh - 82px);display:grid;grid-template-columns:1.08fr .92fr;padding:0 var(--pad);overflow:hidden;position:relative}.hero:before{content:'SUTPINAN / SYSTEMS';position:absolute;left:var(--pad);bottom:14px;font:9px IBM Plex Mono;letter-spacing:.16em;color:#89908c}.hero-copy{align-self:center;padding:8vh 0 11vh;max-width:900px;z-index:3}.hero h1{font-size:clamp(58px,7.3vw,122px);line-height:.89;letter-spacing:-.06em;font-weight:400;margin:24px 0 34px}.hero h1 em{font-style:normal;color:transparent;-webkit-text-stroke:1.35px var(--ink)}.hero-copy>p{font-size:clamp(16px,1.35vw,21px);max-width:690px;color:#49514e}.hero-actions{display:flex;gap:28px;align-items:center;margin-top:36px}.button{display:inline-flex;align-items:center;gap:38px;padding:15px 17px 15px 21px;border-radius:999px;font-size:13px}.button.primary{background:var(--ink);color:white}.button.light{background:var(--acid);color:var(--ink)}.button span{font-size:17px}.text-link{font-size:13px}.text-link span{margin-left:8px}.hero-meta{margin-top:70px;display:flex;gap:44px;font:9px IBM Plex Mono;letter-spacing:.12em;color:#7b837f}.hero-system{position:relative;align-self:stretch;min-height:610px}.system-core{width:142px;height:142px;border-radius:50%;background:var(--ink);color:var(--acid);position:absolute;left:50%;top:47%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 0 0 1px var(--ink),0 0 90px rgba(214,255,57,.18);z-index:5}.system-core span{font-size:48px;font-weight:500;line-height:1}.system-core small,.system-core b{font:500 7px IBM Plex Mono;letter-spacing:.13em}.system-core b{color:#fff;margin-top:8px}.orbit{position:absolute;left:50%;top:47%;border:1px solid rgba(9,13,12,.18);border-radius:50%;transform:translate(-50%,-50%) rotate(calc(var(--scroll)*70deg));transition:transform .08s linear}.orbit:after{content:'';position:absolute;width:5px;height:5px;border-radius:50%;background:var(--ink);top:12%;left:17%}.orbit i{position:absolute;font:500 9px IBM Plex Mono;font-style:normal;background:var(--paper);border:1px solid var(--ink);padding:7px 9px;border-radius:999px}.o1{width:310px;height:310px}.o2{width:470px;height:470px;transform:translate(-50%,-50%) rotate(calc(var(--scroll)*-45deg))}.o3{width:620px;height:620px;transform:translate(-50%,-50%) rotate(calc(var(--scroll)*25deg))}.o1 i:first-child{left:7%;top:13%}.o1 i:last-child{right:-4%;bottom:28%}.o2 i:first-child{right:7%;top:8%}.o2 i:last-child{left:-2%;bottom:26%}.o3 i:first-child{left:8%;top:25%}.o3 i:last-child{right:7%;bottom:18%}.pulse{position:absolute;left:50%;top:47%;border-radius:50%;transform:translate(-50%,-50%);border:1px dashed rgba(9,13,12,.09)}.p1{width:730px;height:730px}.p2{width:880px;height:880px}.system-label{position:absolute;font:8px IBM Plex Mono;letter-spacing:.14em;color:#7c8580}.l1{top:19%;left:9%}.l2{right:3%;top:32%}.l3{left:14%;bottom:19%}.grid-plane{position:absolute;width:135%;height:68%;left:-12%;bottom:-12%;background-image:linear-gradient(rgba(9,13,12,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(9,13,12,.055) 1px,transparent 1px);background-size:36px 36px;transform:perspective(520px) rotateX(64deg);transform-origin:bottom;mask-image:linear-gradient(to top,#000,transparent 75%)}.trust-strip{height:74px;background:var(--acid);display:flex;align-items:center;justify-content:space-between;padding:0 var(--pad);font:500 9px IBM Plex Mono;letter-spacing:.14em}.trust-strip div{display:flex;align-items:center;gap:22px}.trust-strip b{font-size:11px}.trust-strip i{width:3px;height:3px;border-radius:50%;background:var(--ink)}.section{padding:118px var(--pad)}.section-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:54px}.section-head h2{font-size:clamp(40px,5vw,78px);font-weight:400;line-height:.98;letter-spacing:-.05em;margin:15px 0 0}.section-head h2 em{font-style:normal;color:#8c9590}.section-head p{max-width:450px;color:var(--muted);font-size:15px}.systems-section{background:var(--ink);color:var(--white)}.systems-section .section-head p{color:#9ca7a1}.products-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid rgba(255,255,255,.15);border-left:1px solid rgba(255,255,255,.15)}.product-card{min-height:390px;padding:24px;border-right:1px solid rgba(255,255,255,.15);border-bottom:1px solid rgba(255,255,255,.15);display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden;transition:.35s}.product-card:hover{background:#111816}.product-top{display:flex;justify-content:space-between;font:9px IBM Plex Mono;letter-spacing:.1em;color:#8e9993}.product-main h3{font-size:58px;font-weight:400;margin:0 0 5px;letter-spacing:-.045em}.product-main p{color:#a7b0ab;max-width:290px;margin:0 0 28px}.product-main b{font:500 9px IBM Plex Mono;letter-spacing:.12em;color:var(--acid)}.product-main b i{font-style:normal;font-size:15px;margin-left:9px}.product-orbit{position:absolute;width:210px;height:210px;border:1px solid rgba(214,255,57,.19);border-radius:50%;right:-92px;top:72px;transition:.5s}.product-card:hover .product-orbit{transform:scale(1.22) rotate(55deg);border-color:rgba(214,255,57,.5)}.product-orbit i{position:absolute;width:6px;height:6px;border-radius:50%;background:var(--acid)}.product-orbit i:nth-child(1){left:20%;top:10%}.product-orbit i:nth-child(2){right:2%;top:50%}.product-orbit i:nth-child(3){left:28%;bottom:2%}.philosophy{background:var(--paper2)}.philosophy-index{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:20px;font:9px IBM Plex Mono;letter-spacing:.12em}.philosophy-copy{padding:70px 0 80px;max-width:1200px}.philosophy-copy p{font-size:clamp(34px,4.3vw,70px);line-height:1.22;letter-spacing:-.045em;margin:0}.principles{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line)}.principles article{padding:30px 35px 0 0;border-right:1px solid var(--line);min-height:190px}.principles article+article{padding-left:35px}.principles article:last-child{border-right:0}.principles span{font:9px IBM Plex Mono}.principles h3{font-size:20px;font-weight:400;margin:30px 0 5px}.principles p{font-size:13px;color:var(--muted);max-width:280px}.work-section{background:var(--paper)}.work-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:16px}.work-card{background:#fff;display:grid;grid-template-rows:390px auto;transition:.35s}.work-card:hover{transform:translateY(-4px)}.work-card.w3{grid-column:1/-1;grid-template-columns:1fr 1fr;grid-template-rows:auto}.work-visual,.case-visual{background:#dce2da;position:relative;overflow:hidden;min-height:360px}.work-card:nth-child(2) .work-visual{background:#cfd8d3}.work-card:nth-child(3) .work-visual{background:#e4e6db}.work-visual:before,.case-visual:before{content:'';position:absolute;width:270px;height:270px;border:1px solid var(--ink);border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%)}.work-visual:after,.case-visual:after{content:'';position:absolute;inset:18%;border:1px solid rgba(9,13,12,.25);transform:rotate(45deg)}.work-visual b{position:absolute;left:22px;bottom:18px;font:500 9px IBM Plex Mono;letter-spacing:.12em;z-index:2}.work-visual i{position:absolute;right:22px;top:18px;font:9px IBM Plex Mono;font-style:normal;z-index:2}.work-grid,.case-lines{position:absolute;inset:0;background-image:linear-gradient(rgba(9,13,12,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(9,13,12,.06) 1px,transparent 1px);background-size:30px 30px}.work-copy{padding:26px 28px 30px}.work-copy small,.case-card small{font:9px IBM Plex Mono;letter-spacing:.13em}.work-copy h3{font-size:30px;font-weight:400;letter-spacing:-.025em;margin:9px 0}.work-copy p{color:var(--muted);max-width:620px}.work-copy>span{font:500 9px IBM Plex Mono;letter-spacing:.12em}.signal-section{background:var(--ink);color:var(--white);min-height:760px;padding:100px var(--pad);display:grid;grid-template-columns:1fr 1fr;overflow:hidden}.signal-copy{align-self:center;z-index:2}.signal-copy h2{font-size:clamp(46px,5.6vw,86px);line-height:.96;letter-spacing:-.05em;font-weight:400;margin:25px 0}.signal-copy h2 em{font-style:normal;color:#808b85}.signal-copy p{color:#a2ada7;max-width:590px;margin-bottom:35px}.signal-visual{position:relative;min-height:560px}.radar{position:absolute;left:54%;top:50%;transform:translate(-50%,-50%);border:1px solid rgba(214,255,57,.2);border-radius:50%}.r1{width:190px;height:190px}.r2{width:370px;height:370px}.r3{width:550px;height:550px}.radar-axis{position:absolute;background:rgba(214,255,57,.12);left:54%;top:50%}.radar-axis.x{width:650px;height:1px;transform:translate(-50%,-50%)}.radar-axis.y{height:650px;width:1px;transform:translate(-50%,-50%)}.signal-center{position:absolute;left:54%;top:50%;transform:translate(-50%,-50%);width:120px;height:120px;border-radius:50%;background:var(--acid);color:var(--ink);display:flex;flex-direction:column;align-items:center;justify-content:center}.signal-center strong{font-size:38px;line-height:1}.signal-center small{font:500 7px IBM Plex Mono;letter-spacing:.12em}.signal-dot{position:absolute;font:8px IBM Plex Mono;letter-spacing:.12em}.signal-dot i{display:block;width:8px;height:8px;background:var(--acid);border-radius:50%;box-shadow:0 0 20px var(--acid);margin-bottom:8px}.d1{left:13%;top:22%}.d2{right:7%;top:33%}.d3{left:27%;bottom:13%}.notes-section{background:var(--paper)}.updates{border-top:1px solid var(--line)}.updates article{display:grid;grid-template-columns:140px 1.35fr 1fr;padding:25px 0;border-bottom:1px solid var(--line);gap:30px}.updates time{font:9px IBM Plex Mono;letter-spacing:.1em}.updates h3{margin:0;font-size:20px;font-weight:400}.updates p{margin:0;color:var(--muted);font-size:13px}.page-hero{padding:110px var(--pad) 90px;border-bottom:1px solid var(--line)}.page-hero .eyebrow{display:block;margin-bottom:24px}.page-hero h1{font-size:clamp(58px,9vw,140px);line-height:.86;letter-spacing:-.06em;font-weight:400;margin:0;max-width:1200px}.page-hero p{font-size:20px;max-width:650px;color:var(--muted);margin-top:32px}.product-detail{min-height:420px;padding:58px var(--pad);display:grid;grid-template-columns:.3fr .9fr 1fr .7fr;gap:32px;border-bottom:1px solid var(--line);align-items:center}.detail-num{font:12px IBM Plex Mono}.product-detail h2{font-size:72px;font-weight:400;margin:10px 0}.product-detail h3{font-size:25px;font-weight:400}.product-detail p{color:var(--muted)}.mini-system{height:250px;position:relative}.mini-system:before,.mini-system:after{content:'';position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);border:1px solid var(--ink);border-radius:50%;width:120px;height:120px}.mini-system:after{width:210px;height:210px;border-color:rgba(9,13,12,.25)}.mini-system i{position:absolute;width:8px;height:8px;background:var(--acid);border:1px solid var(--ink);border-radius:50%}.mini-system i:nth-child(1){left:22%;top:20%}.mini-system i:nth-child(2){right:12%;top:43%}.mini-system i:nth-child(3){left:42%;bottom:6%}.solution-row{display:grid;grid-template-columns:.25fr 1fr 1fr .15fr;gap:30px;padding:45px var(--pad);border-bottom:1px solid var(--line);align-items:center}.solution-row h2{font-size:38px;font-weight:400}.solution-row p{color:var(--muted)}.case-list{padding:0 var(--pad) 110px}.case-card{display:grid;grid-template-columns:1fr 1fr;gap:60px;padding:70px 0;border-bottom:1px solid var(--line);align-items:center}.case-card:nth-child(even) .case-visual{order:2}.case-code,.case-card .case-visual b{position:absolute;z-index:2;font:9px IBM Plex Mono}.case-code{left:20px;bottom:20px}.case-card .case-visual b{right:20px;top:20px}.case-card h2{font-size:48px;font-weight:400;line-height:1.1;margin:12px 0}.case-card p{color:var(--muted);max-width:600px}.about-story{padding:100px var(--pad);display:grid;grid-template-columns:1fr 1.8fr;gap:60px}.about-story .big-number{font-size:clamp(90px,15vw,220px);line-height:.8;letter-spacing:-.07em}.about-story h2{font-size:42px;font-weight:400}.about-story p{font-size:20px;color:var(--muted)}.contact-wrap{padding:100px var(--pad);display:grid;grid-template-columns:1fr 1fr;gap:80px}.contact-wrap h2{font-size:48px;font-weight:400}.contact-line{padding:22px 0;border-bottom:1px solid var(--line);display:flex;justify-content:space-between}.contact-form{display:grid;gap:18px}.contact-form label{font:11px IBM Plex Mono}.contact-form input,.contact-form textarea{width:100%;border:0;border-bottom:1px solid var(--ink);background:transparent;padding:13px 0;font:16px Prompt;outline:none}.contact-form textarea{min-height:120px}.site-footer{background:var(--ink);color:white;padding:90px var(--pad) 34px}.footer-head{display:flex;justify-content:space-between;align-items:end;border-bottom:1px solid rgba(255,255,255,.16);padding-bottom:60px}.footer-head h2{font-size:clamp(44px,6vw,92px);font-weight:400;line-height:1.02;letter-spacing:-.045em;margin:18px 0 0}.round-link{width:145px;height:145px;border-radius:50%;background:var(--acid);color:var(--ink);display:flex;align-items:center;justify-content:center;gap:12px}.footer-foot{display:flex;justify-content:space-between;align-items:center;padding-top:30px;color:#aeb8b2;font-size:11px}.reveal{opacity:0;transform:translateY(25px);transition:.7s ease}.reveal.shown{opacity:1;transform:none}
@media(max-width:900px){header[data-nav]{height:70px}.nav-toggle{display:block;width:40px;height:40px}.nav-toggle span{display:block;width:22px;height:1px;background:var(--ink);margin:6px auto}header nav{position:absolute;top:70px;left:0;right:0;background:var(--paper);padding:24px var(--pad) 34px;display:none;flex-direction:column;align-items:flex-start;border-bottom:1px solid var(--line)}header.open nav{display:flex}.hero{grid-template-columns:1fr;min-height:auto}.hero-copy{padding:80px 0 25px}.hero h1{font-size:clamp(54px,14vw,86px)}.hero-meta{margin-top:45px}.hero-system{min-height:520px}.o3{width:500px;height:500px}.p1{width:590px;height:590px}.p2{display:none}.trust-strip>span{display:none}.trust-strip{justify-content:center}.products-grid{grid-template-columns:1fr 1fr}.philosophy-copy{padding:55px 0}.principles{grid-template-columns:1fr}.principles article,.principles article+article{border-right:0;border-bottom:1px solid var(--line);padding:25px 0;min-height:auto}.work-grid{grid-template-columns:1fr}.work-card.w3{grid-column:auto;grid-template-columns:1fr;grid-template-rows:390px auto}.signal-section{grid-template-columns:1fr}.signal-visual{min-height:600px}.updates article{grid-template-columns:110px 1fr}.updates article p{grid-column:2}.product-detail{grid-template-columns:.2fr 1fr}.product-detail>div:nth-child(3),.mini-system{grid-column:2}.solution-row{grid-template-columns:.2fr 1fr}.solution-row p,.solution-row>i{grid-column:2}.case-card{grid-template-columns:1fr}.case-card:nth-child(even) .case-visual{order:0}.about-story,.contact-wrap{grid-template-columns:1fr}.footer-head{align-items:start;flex-direction:column;gap:40px}.round-link{width:120px;height:120px}.footer-foot{align-items:flex-start;flex-direction:column;gap:6px}}
@media(max-width:600px){:root{--pad:20px}.hero h1{-webkit-text-stroke-width:1px}.hero-copy>p{font-size:15px}.hero-actions{align-items:flex-start;flex-direction:column;gap:18px}.hero-meta{gap:18px;flex-direction:column}.hero-system{min-height:410px}.system-core{width:100px;height:100px}.system-core span{font-size:36px}.o1{width:220px;height:220px}.o2{width:330px;height:330px}.o3{width:405px;height:405px}.system-label{display:none}.trust-strip{height:62px;overflow:hidden}.trust-strip div{gap:12px}.trust-strip b{font-size:9px}.section{padding-top:78px;padding-bottom:78px}.section-head{align-items:flex-start;flex-direction:column}.section-head h2{font-size:44px}.products-grid{grid-template-columns:1fr}.product-card{min-height:280px}.product-main h3{font-size:50px}.philosophy-index span:last-child{display:none}.philosophy-copy p{font-size:33px}.work-card{grid-template-rows:280px auto}.work-card.w3{grid-template-rows:280px auto}.signal-section{padding-top:80px;padding-bottom:60px}.signal-copy h2{font-size:46px}.signal-visual{min-height:430px}.r1{width:140px;height:140px}.r2{width:270px;height:270px}.r3{width:390px;height:390px}.signal-center{width:90px;height:90px}.signal-center strong{font-size:30px}.d1{left:3%}.d2{right:0}.updates article{grid-template-columns:1fr;gap:5px}.updates article p{grid-column:auto}.page-hero{padding-top:80px}.page-hero h1{font-size:62px}.product-detail{grid-template-columns:1fr;gap:12px;padding-top:45px;padding-bottom:45px}.product-detail>div:nth-child(3),.mini-system{grid-column:auto}.product-detail h2{font-size:54px}.mini-system{height:200px}.solution-row{grid-template-columns:45px 1fr;padding-top:34px;padding-bottom:34px}.solution-row h2{font-size:30px}.case-list{padding-bottom:70px}.case-card{padding:38px 0}.case-visual{min-height:270px}.case-card h2{font-size:36px}.about-story{padding-top:70px;padding-bottom:70px}.contact-wrap{padding-top:70px;padding-bottom:70px}.footer-head h2{font-size:50px}.footer-foot .brand{margin-bottom:10px}}

/* v0.3.0 — Sutpinan identity + portfolio cover pass */
.hero-map{min-height:650px;isolation:isolate}.map-caption{position:absolute;right:0;top:9%;font:500 8px IBM Plex Mono,monospace;letter-spacing:.16em;color:#7d8782}.map-grid{position:absolute;inset:8% -4% 5%;background-image:linear-gradient(rgba(9,13,12,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(9,13,12,.045) 1px,transparent 1px);background-size:32px 32px;mask-image:radial-gradient(circle at center,#000 15%,transparent 72%)}.map-lines{position:absolute;left:50%;top:50%;width:min(96%,700px);height:auto;transform:translate(-50%,-50%);overflow:visible;z-index:1}.map-lines path,.map-lines circle{fill:none;stroke:rgba(9,13,12,.19);stroke-width:1}.map-lines path{stroke-dasharray:4 8}.map-core{position:absolute;left:50%;top:50%;width:138px;height:138px;border-radius:22px;transform:translate(-50%,-50%) rotate(45deg);background:var(--ink);color:var(--white);z-index:5;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 20px 80px rgba(9,13,12,.18)}.map-core>*{transform:rotate(-45deg)}.map-core small,.map-core b{font:500 7px IBM Plex Mono;letter-spacing:.14em}.map-core strong{font-size:26px;line-height:1.1;color:var(--acid);margin:5px 0}.map-core b{color:#9ca7a1}.map-node{position:absolute;width:100px;height:70px;background:rgba(241,242,237,.88);backdrop-filter:blur(10px);border:1px solid rgba(9,13,12,.26);z-index:4;padding:14px 12px;display:flex;flex-direction:column;justify-content:center;transition:.35s;box-shadow:0 8px 26px rgba(9,13,12,.04)}.map-node i{position:absolute;width:7px;height:7px;border-radius:50%;background:var(--acid);border:1px solid var(--ink);right:9px;top:9px}.map-node b{font:500 16px Prompt}.map-node small{font:500 7px IBM Plex Mono;letter-spacing:.11em;color:#7a837f}.map-node.n1{left:8%;top:14%}.map-node.n2{right:13%;top:10%}.map-node.n3{right:2%;top:45%}.map-node.n4{right:15%;bottom:8%}.map-node.n5{left:16%;bottom:6%}.map-node.n6{left:1%;top:49%}.map-node.n6{background:var(--ink);color:var(--acid)}.map-node.n6 small{color:#a8b0ac}.map-scan{position:absolute;left:50%;top:50%;width:420px;height:420px;border-radius:50%;transform:translate(-50%,-50%);background:conic-gradient(from 0deg,transparent 0 82%,rgba(214,255,57,.14) 92%,transparent 100%);animation:mapscan 9s linear infinite;z-index:2;pointer-events:none}@keyframes mapscan{to{transform:translate(-50%,-50%) rotate(360deg)}}
.work-visual,.case-visual{background:#111816}.work-visual:before,.work-visual:after,.case-visual:before,.case-visual:after{display:none}.work-visual img,.case-visual img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;transition:transform .65s cubic-bezier(.2,.8,.2,1),filter .65s}.work-card:hover .work-visual img{transform:scale(1.025)}.work-shade{position:absolute;inset:0;background:linear-gradient(to top,rgba(5,8,7,.42),transparent 35%);z-index:1;pointer-events:none}.work-visual b,.work-visual i{color:#fff;text-shadow:0 1px 10px rgba(0,0,0,.55)}.work-card.w3 .work-visual{min-height:450px}.case-visual{min-height:510px}.case-visual .case-code,.case-visual>b{position:absolute;z-index:2;color:#fff;font:500 9px IBM Plex Mono;letter-spacing:.12em;text-shadow:0 1px 10px #000}.case-visual .case-code{left:22px;bottom:20px}.case-visual>b{right:22px;top:20px}.case-card:nth-child(even) .case-visual{order:2}
@media(max-width:900px){.hero-map{min-height:560px}.map-lines{width:690px;max-width:none}.map-node.n1{left:6%}.map-node.n2{right:8%}.map-node.n3{right:0}.map-node.n4{right:10%}.map-node.n5{left:12%}.map-node.n6{left:0}.case-visual{min-height:390px}.case-card:nth-child(even) .case-visual{order:initial}}
@media(max-width:600px){.hero-map{min-height:455px;margin-top:-10px}.map-caption{top:1%;right:auto;left:0}.map-lines{width:470px}.map-core{width:96px;height:96px;border-radius:16px}.map-core strong{font-size:19px}.map-node{width:76px;height:52px;padding:9px}.map-node b{font-size:12px}.map-node small{font-size:5px}.map-node.n1{left:2%;top:18%}.map-node.n2{right:7%;top:14%}.map-node.n3{right:0;top:48%}.map-node.n4{right:8%;bottom:8%}.map-node.n5{left:9%;bottom:8%}.map-node.n6{left:0;top:53%}.map-scan{width:300px;height:300px}.work-card.w3 .work-visual{min-height:300px}.case-visual{min-height:270px}}

/* ===== v0.4.0 SIGNATURE PASS ===== */
.hero{grid-template-columns:1.02fr .98fr;background:linear-gradient(130deg,#f1f2ed 0%,#f1f2ed 58%,#e9ede5 100%)}
.hero-copy{max-width:820px}.hero h1 span{display:inline-block}.hero h1 em{-webkit-text-stroke:0;color:var(--ink);position:relative}.hero h1 em:after{content:'';position:absolute;left:0;bottom:.01em;width:31%;height:.09em;background:var(--acid);z-index:-1}
.hero-signature{position:relative;min-height:650px;overflow:hidden;isolation:isolate}.signature-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(9,13,12,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(9,13,12,.055) 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(90deg,transparent,#000 18%,#000 88%,transparent)}
.signature-s{position:absolute;left:50%;top:48%;transform:translate(-50%,-50%);width:250px;height:340px;border:1px solid var(--ink);background:rgba(241,242,237,.82);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:4;box-shadow:20px 24px 0 var(--acid)}.signature-s span{font-size:250px;line-height:.75;font-weight:500;letter-spacing:-.13em;transform:translateX(-12px)}.signature-s small{position:absolute;left:18px;bottom:15px;font:500 8px IBM Plex Mono;letter-spacing:.14em}.signature-rail{position:absolute;background:var(--ink);z-index:3}.rail-a{width:1px;height:76%;left:34%;top:12%}.rail-b{height:1px;width:76%;left:12%;top:62%}.signature-lines{position:absolute;inset:3%;width:94%;height:94%;z-index:2;overflow:visible}.signature-lines path{fill:none;stroke:rgba(9,13,12,.34);stroke-width:1.25}.signature-lines .trace{stroke-dasharray:5 9;animation:traceMove 12s linear infinite}.signature-lines .t2{animation-duration:16s;animation-direction:reverse}.signature-lines .t3{animation-duration:20s}@keyframes traceMove{to{stroke-dashoffset:-280}}
.sig-node{position:absolute;display:grid;grid-template-columns:10px auto;column-gap:8px;align-items:center;z-index:6;font-family:IBM Plex Mono}.sig-node i{width:7px;height:7px;background:var(--acid);border:1px solid var(--ink);border-radius:50%;box-shadow:0 0 0 5px rgba(214,255,57,.22)}.sig-node b{font-size:11px}.sig-node small{grid-column:2;font-size:7px;letter-spacing:.11em;color:#707975}.sn1{left:7%;top:18%}.sn2{right:7%;top:23%}.sn3{left:7%;bottom:20%}.sn4{right:7%;bottom:14%}.signature-caption{position:absolute;right:3%;top:7%;text-align:right;font-family:IBM Plex Mono;z-index:5}.signature-caption b{display:block;font-size:8px;letter-spacing:.15em}.signature-caption span{font-size:7px;color:#6e7672}.signature-scan{position:absolute;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--acid),transparent);top:16%;z-index:7;animation:sigScan 5.5s ease-in-out infinite;filter:drop-shadow(0 0 6px var(--acid))}@keyframes sigScan{0%,100%{top:15%;opacity:.15}50%{top:78%;opacity:1}}
.proof-band{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--ink);border-bottom:1px solid var(--ink);background:var(--paper)}.proof-band article{min-height:126px;padding:23px var(--pad);border-right:1px solid var(--line);display:flex;align-items:flex-end;gap:18px}.proof-band article:last-child{border-right:0}.proof-band b{font-size:44px;line-height:.9;font-weight:400;letter-spacing:-.05em}.proof-band span{font:500 8px/1.45 IBM Plex Mono;letter-spacing:.11em;color:#68716d}.proof-band .proof-word{background:var(--acid)}.proof-band .proof-word span{color:var(--ink)}
.signature-section{background:var(--paper2);display:grid;grid-template-columns:.82fr 1.18fr;gap:8vw;align-items:start}.signature-copy{position:sticky;top:120px}.signature-copy h2{font-size:clamp(48px,6.2vw,92px);line-height:.92;letter-spacing:-.055em;font-weight:400;margin:20px 0 30px}.signature-copy h2 em{font-style:normal;color:#8b938f}.signature-copy p{max-width:500px;color:var(--muted);font-size:16px}.layer-stack{border-top:1px solid var(--ink)}.layer-stack article{display:grid;grid-template-columns:56px 150px 1fr;align-items:center;gap:18px;min-height:142px;border-bottom:1px solid var(--ink);position:relative;padding:20px 0}.layer-stack article>span{font:500 10px IBM Plex Mono}.layer-stack article>b{font:500 9px IBM Plex Mono;letter-spacing:.14em}.layer-stack h3{font-size:28px;font-weight:400;margin:0}.layer-stack p{grid-column:3;margin:-34px 0 0;color:var(--muted);font:9px IBM Plex Mono;letter-spacing:.08em}.layer-stack article.active{background:var(--ink);color:var(--white);margin:0 -28px;padding-left:28px;padding-right:28px}.layer-stack article.active:after{content:'ACTIVE LAYER';position:absolute;right:22px;top:16px;color:var(--acid);font:500 7px IBM Plex Mono;letter-spacing:.13em}.layer-stack article.active p{color:#aab4af}
.work-tags,.case-tags{display:flex;flex-wrap:wrap;gap:8px}.work-tags small,.case-tags small{border:1px solid currentColor;border-radius:999px;padding:5px 8px;font:500 7px IBM Plex Mono;letter-spacing:.08em}.work-scope{font:400 8px/1.5 IBM Plex Mono;letter-spacing:.06em;color:#77807c;border-top:1px solid var(--line);padding-top:12px;margin-top:16px}.case-copy dl{display:grid;grid-template-columns:70px 1fr;gap:12px;border-top:1px solid var(--line);padding-top:18px;margin-top:25px}.case-copy dt{font:500 8px IBM Plex Mono;letter-spacing:.13em}.case-copy dd{margin:0;font:400 10px/1.6 IBM Plex Mono;color:var(--muted)}.case-copy blockquote{margin:20px 0 0;border-left:3px solid var(--acid);padding:4px 0 4px 14px;font-size:14px;line-height:1.6}
@media(max-width:960px){.hero{grid-template-columns:1fr}.hero-signature{min-height:560px}.proof-band{grid-template-columns:repeat(2,1fr)}.proof-band article:nth-child(2){border-right:0}.signature-section{grid-template-columns:1fr}.signature-copy{position:static}.layer-stack article.active{margin:0}}
@media(max-width:640px){.hero h1{font-size:clamp(52px,16vw,78px)}.hero-signature{min-height:470px;margin:0 -8px}.signature-s{width:176px;height:238px;box-shadow:12px 14px 0 var(--acid)}.signature-s span{font-size:178px}.signature-s small{font-size:6px}.signature-caption{display:none}.sig-node small{display:none}.proof-band article{padding:18px 20px;min-height:100px}.proof-band b{font-size:34px}.signature-section{padding-top:82px;padding-bottom:82px}.layer-stack article{grid-template-columns:42px 100px 1fr;min-height:120px}.layer-stack h3{font-size:20px}.layer-stack p{grid-column:2/4;margin:0}}

/* v0.5.0 — production polish */
:focus-visible{outline:2px solid var(--acid);outline-offset:4px}.button,.text-link,.nav-contact,.product-card,.work-card,.round-link{transition:transform .25s ease,opacity .25s ease,background-color .25s ease,color .25s ease}.button:hover,.nav-contact:hover,.round-link:hover{transform:translateY(-2px)}.text-link:hover{opacity:.58}.product-card:hover,.work-card:hover{transform:translateY(-5px)}
.hero:after{content:'OPERATION / CONNECTED / INTELLIGENT';position:absolute;right:var(--pad);bottom:14px;font:500 8px IBM Plex Mono;letter-spacing:.14em;color:#89908c}.hero-copy{position:relative}.hero-copy:before{content:'';position:absolute;width:9px;height:9px;border-radius:50%;background:var(--acid);left:-24px;top:calc(8vh + 2px);box-shadow:0 0 0 7px rgba(214,255,57,.15)}
.hero-signature:after{content:'';position:absolute;inset:8% 5%;border:1px solid rgba(9,13,12,.08);pointer-events:none;z-index:1}.signature-s{transition:transform .45s cubic-bezier(.2,.8,.2,1),box-shadow .45s cubic-bezier(.2,.8,.2,1)}.hero-signature:hover .signature-s{transform:translate(-50%,-51%) rotate(-1deg);box-shadow:27px 31px 0 var(--acid)}
.flow-packet{fill:var(--acid);stroke:var(--ink);stroke-width:1.4;filter:drop-shadow(0 0 5px var(--acid))}.signature-live{position:absolute;left:5%;top:7%;z-index:8;display:flex;align-items:center;gap:9px;font:500 7px IBM Plex Mono;letter-spacing:.15em}.signature-live i{width:7px;height:7px;border-radius:50%;background:var(--acid);border:1px solid var(--ink);animation:livePulse 1.6s ease-in-out infinite}@keyframes livePulse{50%{box-shadow:0 0 0 7px rgba(214,255,57,.18)}}
.proof-band article{transition:background .25s ease}.proof-band article:hover{background:#fff}.proof-band .proof-word:hover{background:var(--acid)}
.work-visual{position:relative;overflow:hidden}.work-visual img{transition:transform .7s cubic-bezier(.2,.8,.2,1),filter .4s ease}.work-card:hover .work-visual img{transform:scale(1.035)}.work-visual:before{content:'';position:absolute;inset:0;z-index:3;pointer-events:none;box-shadow:inset 0 0 0 1px rgba(255,255,255,.08)}
.work-copy h3{max-width:18ch}.layer-stack article{transition:transform .25s ease,background-color .25s ease}.layer-stack article:not(.active):hover{transform:translateX(8px)}
.site-footer{position:relative;overflow:hidden}.site-footer:before{content:'S';position:absolute;right:-.03em;bottom:-.38em;font-size:min(46vw,680px);line-height:1;font-weight:500;color:rgba(255,255,255,.025);pointer-events:none}
@media (prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}.signature-lines animateMotion{display:none}}
@media(max-width:640px){.hero:after{display:none}.hero-copy:before{display:none}.signature-live{top:5%;left:4%}.hero-actions{align-items:flex-start;flex-direction:column;gap:18px}.hero-meta{margin-top:42px;gap:14px;flex-direction:column}.trust-strip{height:auto;min-height:72px;padding-top:16px;padding-bottom:16px}.trust-strip>span{display:none}.trust-strip div{width:100%;justify-content:space-between;gap:8px}.trust-strip i{display:none}.trust-strip b{font-size:9px}}

/* v0.6 — credibility / proof pass */
.credibility-section{background:#f3f1e9;color:#101412;padding-top:clamp(72px,9vw,140px);padding-bottom:clamp(72px,9vw,140px)}
.credibility-section .section-head{border-color:rgba(16,20,18,.16)}
.credibility-section .eyebrow{color:#59615d}.credibility-section h2{color:#101412}
.cred-grid{display:grid;grid-template-columns:repeat(5,1fr);border-top:1px solid rgba(16,20,18,.18);margin-top:48px}
.cred-grid article{min-height:220px;padding:26px 22px;border-right:1px solid rgba(16,20,18,.18);display:flex;flex-direction:column;justify-content:space-between}.cred-grid article:last-child{border-right:0}
.cred-grid span{font:600 11px/1.2 monospace;letter-spacing:.12em;color:#69716d}.cred-grid h3{font-size:clamp(20px,2vw,31px);line-height:1.02;margin:50px 0 10px}.cred-grid p{font-size:14px;line-height:1.55;color:#5a625e;margin:0}
.proof-story{display:grid;grid-template-columns:.85fr 1.15fr;gap:8vw;align-items:start;background:#0d1210;padding:clamp(72px,9vw,140px) max(24px,6vw);border-top:1px solid rgba(255,255,255,.09)}
.proof-story h2{font-size:clamp(44px,6vw,92px);line-height:.91;margin:16px 0;color:#f2f0e8}.proof-story h2 em{color:#b7f34a;font-style:normal}.proof-story .lead{font-size:clamp(18px,2vw,28px);line-height:1.35;color:#d8ddd8;max-width:700px;margin:0 0 38px}
.proof-points{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid rgba(255,255,255,.14)}.proof-points article{padding:24px 24px 24px 0;border-bottom:1px solid rgba(255,255,255,.14)}.proof-points article:nth-child(even){padding-left:24px;border-left:1px solid rgba(255,255,255,.14)}.proof-points b{display:block;color:#b7f34a;font:600 11px/1.2 monospace;letter-spacing:.12em;margin-bottom:12px}.proof-points p{color:#aeb7b1;margin:0;line-height:1.6}
.case-facts{display:grid;grid-template-columns:repeat(3,1fr);margin-top:28px;border-top:1px solid rgba(255,255,255,.13)}.case-facts div{padding:16px 14px 4px 0}.case-facts b{display:block;font:600 10px/1.2 monospace;letter-spacing:.12em;color:#7f8a84;margin-bottom:7px}.case-facts span{font-size:13px;line-height:1.45;color:#dce2dd}
.case-card blockquote{border-left:2px solid #b7f34a;padding-left:18px;margin:25px 0 0;color:#b7f34a;font-size:15px;line-height:1.5}
.about-proof{display:grid;grid-template-columns:1fr 1fr;gap:8vw;padding:0 max(24px,6vw) clamp(80px,10vw,150px)}.about-proof h2{font-size:clamp(34px,4vw,62px);line-height:1;margin:15px 0 25px}.about-proof p{color:#aeb7b1;line-height:1.75}.about-timeline{border-top:1px solid rgba(255,255,255,.13)}.about-timeline article{display:grid;grid-template-columns:90px 1fr;padding:20px 0;border-bottom:1px solid rgba(255,255,255,.13)}.about-timeline b{color:#b7f34a;font:600 11px/1.2 monospace;letter-spacing:.1em}.about-timeline span{color:#dce2dd}
@media(max-width:900px){.cred-grid{grid-template-columns:1fr 1fr}.cred-grid article{border-bottom:1px solid rgba(16,20,18,.18)}.cred-grid article:nth-child(even){border-right:0}.proof-story,.about-proof{grid-template-columns:1fr}.proof-points{grid-template-columns:1fr}.proof-points article:nth-child(even){padding-left:0;border-left:0}.case-facts{grid-template-columns:1fr}.cred-grid article{min-height:170px}.cred-grid h3{margin-top:30px}}