:root{--deep:#030504;--bg:#07100B;--surface:#0B1510;--hover:#102118;--text:#F4F7F3;--muted:#A7B1AA;--accent:#B7FF2A;--line:rgba(167,177,170,.2);color-scheme:dark}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif;line-height:1.65}a{color:inherit}img{max-width:100%;display:block}button{font:inherit}a,button{touch-action:manipulation}a:focus-visible,button:focus-visible{outline:2px solid var(--accent);outline-offset:5px}::selection{color:var(--deep);background:var(--accent)}.wrap{width:min(1240px,100%);margin:auto;padding-inline:40px}.skip-link{position:absolute;left:-9999px;background:var(--accent);color:var(--deep);padding:12px;z-index:200}.skip-link:focus{left:20px;top:10px}.site-header{position:sticky;top:0;background:rgba(7,16,11,.96);border-bottom:1px solid var(--line);z-index:100}.header-inner{min-height:94px;display:flex;align-items:center;justify-content:space-between;gap:30px}.brand{display:flex;align-items:center;gap:15px;text-decoration:none}.brand-mark{font-weight:850;font-size:36px;letter-spacing:-.07em;color:var(--accent)}.brand-name{font-size:11px;line-height:1.4;letter-spacing:.08em;border-left:1px solid var(--line);padding-left:15px}.site-header nav{display:flex;align-items:center;gap:24px}.site-header nav a{font-size:13px;text-decoration:none;color:var(--muted);padding-block:10px}.site-header nav a:hover,.site-header nav a[aria-current]{color:var(--text)}.site-header nav a[aria-current="page"]{box-shadow:0 1px 0 var(--accent)}.languages{display:flex;gap:12px;border-left:1px solid var(--line);padding-left:24px}.site-header .languages a[aria-current]{color:var(--accent)}.menu-toggle{display:none;color:var(--text);background:var(--surface);border:1px solid var(--line);border-radius:8px;width:44px;height:44px}.hero{display:grid;grid-template-columns:1.25fr .75fr;gap:60px;align-items:center;min-height:690px;padding-block:100px}.kicker{font-size:11px;text-transform:uppercase;letter-spacing:.16em;font-weight:750;color:var(--accent);margin:0 0 24px;display:flex;align-items:center;gap:12px}.kicker:before{content:"";width:22px;height:2px;background:var(--accent)}h1,h2,h3{line-height:1.08;letter-spacing:-.045em;margin:0 0 24px}h1{font-size:clamp(48px,5.8vw,76px);font-weight:650;max-width:820px}h2{font-size:clamp(30px,3.6vw,48px);font-weight:620}h3{font-size:22px;font-weight:650;letter-spacing:-.025em}.lead{font-size:20px;color:var(--muted);max-width:660px}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:35px}.button{display:inline-flex;align-items:center;justify-content:center;gap:24px;min-height:52px;padding:12px 22px;border:1px solid var(--line);border-radius:8px;text-decoration:none;font-size:13px;font-weight:750;transition:background .2s,transform .2s}.button:hover{transform:translateY(-2px)}.primary{background:var(--accent);color:var(--deep);border-color:var(--accent)}.secondary{background:var(--surface)}.secondary:hover{background:var(--hover)}.studio-art{position:relative;min-height:410px;display:grid;place-items:center;background:var(--surface);border:1px solid var(--line);border-radius:18px;overflow:hidden}.studio-art:before{content:"";position:absolute;inset:0;background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);background-size:40px 40px;opacity:.22}.orbit{position:absolute;width:320px;height:320px;border:1px solid rgba(183,255,42,.3);border-radius:50%;transform:rotate(-25deg) scaleY(.75)}.orbit:before,.orbit:after{content:"";position:absolute;border:1px solid var(--line);border-radius:50%;inset:25px;transform:rotate(50deg)}.orbit:after{inset:50px;transform:rotate(-50deg)}.code-mark{font-size:86px;font-weight:850;letter-spacing:-.08em;z-index:1;color:var(--text);text-align:center;line-height:1.05}.code-mark span{display:block;font-size:11px;letter-spacing:.08em;font-weight:500;color:var(--muted);margin-top:14px}.art-caption{position:absolute;bottom:22px;left:24px;font-size:9px;letter-spacing:.15em;color:var(--muted)}.section{padding-block:85px}.split{display:grid;grid-template-columns:.9fr 1.1fr;gap:90px;border-top:1px solid var(--line);padding-top:55px}.split .lead{margin-top:0}.text-link{display:block;width:fit-content;color:var(--accent);text-decoration:none;font-size:14px;margin-top:24px}.text-link:hover{text-decoration:underline}.section-head{margin-bottom:40px}.product-card{display:grid;grid-template-columns:.75fr 1.25fr;background:var(--surface);border:1px solid var(--line);border-radius:18px;overflow:hidden}.product-art{display:grid;place-items:center;min-height:370px;background:var(--hover);border-right:1px solid var(--line)}.product-art img{width:180px;height:180px;object-fit:contain;filter:grayscale(1) brightness(0) invert(96%) sepia(5%) saturate(180%) hue-rotate(55deg)}.product-copy{padding:48px}.product-copy p{color:var(--muted);max-width:550px}.product-copy .kicker{color:var(--accent)}.product-copy h2{font-size:42px}.tags{display:flex;gap:10px;flex-wrap:wrap;margin:24px 0}.tags span{font-size:11px;border:1px solid var(--line);border-radius:30px;padding:5px 11px;color:var(--muted)}.approach{background:var(--deep);border-block:1px solid var(--line)}.principles{display:grid;grid-template-columns:repeat(4,1fr);gap:32px;margin-top:45px}.principles article{border-top:1px solid var(--line);padding-top:22px}.number{font-size:11px;color:var(--accent);display:block;margin-bottom:32px}.principles p{font-size:14px;color:var(--muted)}.contact-panel{display:grid;grid-template-columns:1fr 1fr;gap:60px;background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:48px}.contact-panel p{color:var(--muted)}.contact-panel .kicker{color:var(--accent)}.contact-panel h2{font-size:42px}.email{display:block;font-size:clamp(20px,2.2vw,30px);text-decoration:none;overflow-wrap:anywhere}.placeholder{font-family:ui-monospace,monospace;color:var(--accent)}.small{font-size:12px;color:var(--muted)}.page-head{padding-block:85px 35px}.page-head h1{font-size:clamp(42px,5vw,66px)}.page-body{padding-bottom:100px;min-height:40vh}.narrow{max-width:750px;color:var(--muted)}.app-grid{margin-top:40px}.prose{max-width:820px}.prose p{color:var(--muted)}.prose section{padding-block:20px;border-bottom:1px solid var(--line)}.prose h2{font-size:27px;margin-bottom:15px}.prose a{color:var(--accent)}.company-data{max-width:820px;border-top:1px solid var(--line);margin-top:40px}.company-data div{display:grid;grid-template-columns:1fr 1.5fr;gap:30px;padding:20px 0;border-bottom:1px solid var(--line)}dt{color:var(--muted)}dd{margin:0;overflow-wrap:anywhere}footer{background:var(--deep);border-top:1px solid var(--line)}.footer-inner{display:flex;justify-content:space-between;gap:40px;padding-block:48px}.footer-brand{font-size:26px;font-weight:800;letter-spacing:-.05em;text-decoration:none;color:var(--accent)}.footer-brand span{font-size:12px;color:var(--text);font-weight:500;letter-spacing:0;margin-left:12px}.footer-inner p{font-size:12px;color:var(--muted)}.footer-links{display:flex;gap:24px;align-items:center;flex-wrap:wrap}.footer-links a{text-decoration:none;font-size:12px;color:var(--muted)}.footer-links a:hover{color:var(--accent)}
@media(max-width:980px){.wrap{padding-inline:28px}.menu-toggle{display:block}.site-header nav{display:none;position:absolute;top:100%;left:0;right:0;flex-direction:column;align-items:stretch;gap:0;padding:18px 28px;background:var(--bg);border-bottom:1px solid var(--line)}.site-header nav.open{display:flex}.site-header nav a{padding:12px}.languages{border-left:0;border-top:1px solid var(--line);padding:8px 0;margin-top:10px}.hero{gap:35px;grid-template-columns:1.15fr .85fr;min-height:620px}.studio-art{min-height:350px}.orbit{width:250px;height:250px}.code-mark{font-size:68px}.principles{grid-template-columns:repeat(2,1fr)}.split{gap:40px}.product-copy{padding:32px}.product-art{min-height:320px}.contact-panel{gap:35px;padding:35px}.footer-inner{align-items:flex-start;flex-direction:column}}
@media(max-width:650px){.wrap{padding-inline:20px}.header-inner{min-height:76px}.brand-mark{font-size:30px}.hero{grid-template-columns:1fr;padding-block:60px;gap:40px}.hero h1{font-size:46px}.lead{font-size:18px}.studio-art{min-height:290px}.section{padding-block:60px}.split,.product-card,.contact-panel{grid-template-columns:1fr;gap:25px}.product-card{gap:0}.product-art{min-height:230px;border-right:0;border-bottom:1px solid var(--line)}.product-art img{width:140px;height:140px}.product-copy{padding:28px}.product-copy h2{font-size:34px}.principles{gap:22px}.principles h3{font-size:20px}.contact-panel{padding:28px}.contact-panel h2{font-size:34px}.page-head{padding-block:60px 25px}.company-data div{grid-template-columns:1fr;gap:6px}.footer-links{gap:15px}.footer-brand span{display:block;margin-left:0;margin-top:5px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}

/* Original PCS logo supplied by the owner; no recolouring or cropping. */
.pcs-logo{object-fit:contain;flex-shrink:0;border-radius:8px}
.header-logo{width:72px;height:72px}
.brand-name{border-left:0;padding-left:0}
.studio-art{background:var(--deep);padding:0;min-height:0;aspect-ratio:1}
.studio-art:before{display:none}
.hero-logo{width:100%;height:100%;position:relative;border-radius:18px}
.footer-brand{display:inline-flex;align-items:center;gap:16px}
.footer-logo{width:80px;height:80px}
.footer-brand span{margin:0}
@media(max-width:650px){.header-logo{width:56px;height:56px}.footer-logo{width:64px;height:64px}.studio-art{width:min(100%,380px);margin:auto}.footer-brand span{margin:0}}