:root { --ink:#f5f6f7; --page:#101214; --panel:#171a1d; --muted:#a9b0b9; --line:#30363d; --cyan:#00e6ed; --magenta:#f000e6; }
* { box-sizing:border-box; } html { scroll-behavior:smooth; } body { margin:0; background:var(--page); color:var(--ink); font-family:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; } a { color:inherit; } .shell { width:min(1120px, calc(100% - 40px)); margin-inline:auto; }.skip-link { position:fixed; z-index:2; top:-4rem; left:1rem; padding:.7rem 1rem; background:var(--cyan); color:#001113; font-weight:800; }.skip-link:focus { top:1rem; }.site-header { display:flex; align-items:center; justify-content:space-between; gap:1.5rem; min-height:92px; border-bottom:1px solid var(--line); }.brand { display:flex; align-items:center; gap:.65rem; text-decoration:none; font-weight:850; font-size:1.08rem; line-height:.9; }.brand img { border-radius:50%; filter:drop-shadow(0 0 12px rgb(0 230 237 / .22)); }.site-header nav { display:flex; gap:1.15rem; color:var(--muted); font-size:.83rem; font-weight:700; }.site-header nav a { text-decoration:none; }.site-header nav a:hover { color:var(--cyan); }.button { display:inline-block; border:1px solid var(--cyan); padding:.84rem 1.12rem; background:var(--cyan); color:#061719; font-size:.82rem; font-weight:900; text-decoration:none; }.button:hover { background:#75fbff; }.button-small { padding:.65rem .86rem; }.hero { position:relative; isolation:isolate; padding:clamp(4rem, 10vw, 8.5rem) 0 4.8rem; overflow:hidden; }.hero::after { position:absolute; z-index:-1; right:-80px; top:-140px; width:420px; height:420px; border:1px solid rgb(0 230 237 / .34); border-radius:50%; box-shadow:-35px 35px 0 rgb(240 0 230 / .18); content:""; }.eyebrow { margin:0 0 1rem; color:var(--cyan); font-size:.7rem; font-weight:900; letter-spacing:.11em; text-transform:uppercase; }.availability { display:flex; align-items:center; gap:.55rem; margin:0 0 1.8rem; color:var(--muted); font-size:.78rem; }.availability span { width:.48rem; height:.48rem; border-radius:50%; background:var(--cyan); box-shadow:0 0 13px var(--cyan); }.hero h1 { max-width:800px; margin:0; font-size:clamp(3.25rem, 8vw, 6.6rem); letter-spacing:-.075em; line-height:.92; }.hero em { color:var(--cyan); font-style:normal; }.lede { max-width:610px; margin:1.8rem 0; color:var(--muted); font-size:1rem; line-height:1.65; }.actions, .contact-actions { display:flex; flex-wrap:wrap; align-items:center; gap:1.2rem; }.text-link { font-size:.85rem; font-weight:850; text-decoration:none; }.text-link span, .work-card b { color:var(--magenta); font-size:1.25rem; }.principles { display:grid; grid-template-columns:repeat(3,1fr); border-top:1px solid var(--line); border-bottom:1px solid var(--line); }.principles article { min-height:190px; padding:1.5rem; border-right:1px solid var(--line); }.principles article:last-child { border:0; }.principles span, .service-grid span, .process-list span { color:var(--cyan); font-size:.67rem; font-weight:900; }.principles h2 { margin:1.1rem 0 .65rem; font-size:1rem; }.principles p, .service-grid p, .work-card > span, .process-list p { margin:0; color:var(--muted); font-size:.84rem; line-height:1.55; }.section { padding:5rem 0; border-bottom:1px solid var(--line); }.section-heading { max-width:670px; }.section-heading h2, .contact h2 { margin:0 0 .8rem; font-size:clamp(2rem, 4vw, 3.4rem); letter-spacing:-.06em; line-height:1.05; }.section-heading > p:last-child, .contact > p:not(.eyebrow) { margin:0; color:var(--muted); line-height:1.6; }.service-grid { display:grid; grid-template-columns:repeat(3, 1fr); gap:.8rem; margin-top:2rem; }.service-grid article { min-height:215px; padding:1.3rem; border:1px solid var(--line); background:#15181b; }.service-grid article:nth-child(2) span { color:var(--magenta); }.service-grid h3 { margin:2rem 0 .65rem; font-size:1.1rem; }.work-section { background:linear-gradient(90deg, rgb(0 230 237 / .03), transparent 45%, rgb(240 0 230 / .03)); }.work-grid { display:grid; gap:.9rem; margin-top:2rem; }.work-card { display:grid; grid-template-columns:168px 1fr; grid-template-rows:auto auto auto auto; column-gap:1.2rem; align-items:center; min-height:162px; padding:.9rem; border:1px solid var(--line); background:#15181b; }.work-art { grid-row:span 4; display:grid; grid-template-columns:repeat(3,1fr); gap:.4rem; align-items:end; height:128px; padding:.8rem; background:linear-gradient(135deg, rgb(0 230 237 / .35), rgb(19 21 23 / .4)); }.magenta .work-art { background:linear-gradient(135deg, rgb(240 0 230 / .38), rgb(19 21 23 / .4)); }.dual .work-art { background:linear-gradient(135deg, rgb(0 230 237 / .3), rgb(240 0 230 / .3)); }.work-art i { display:block; border:1px solid rgb(255 255 255 / .65); background:rgb(15 17 19 / .75); }.work-art i:nth-child(1) { height:48%; }.work-art i:nth-child(2) { height:78%; }.work-art i:nth-child(3) { height:32%; }.work-card p { margin:0; color:var(--cyan); font-size:.66rem; font-weight:900; letter-spacing:.08em; text-transform:uppercase; }.work-card h3 { margin:.25rem 0; font-size:1.1rem; }.work-card a { width:max-content; margin-top:.6rem; font-size:.77rem; font-weight:900; text-decoration:none; }.process-list { display:grid; margin:2rem 0 0; padding:0; list-style:none; border-top:1px solid var(--line); }.process-list li { display:grid; grid-template-columns:52px 1fr; gap:.8rem; padding:1.1rem 0; border-bottom:1px solid var(--line); }.process-list h3 { margin:0 0 .3rem; font-size:1rem; }.contact { margin-top:2rem; margin-bottom:2rem; padding:clamp(2rem,6vw,4rem); border:1px solid var(--line); background:linear-gradient(130deg, rgb(0 230 237 / .19), rgb(240 0 230 / .15)); }.contact h2 { max-width:760px; }.contact > p:not(.eyebrow) { max-width:560px; margin-bottom:1.5rem; }.phone { font-size:.82rem; font-weight:900; text-decoration:none; }.footer { display:flex; justify-content:space-between; gap:1rem; padding:1.3rem 0 2.2rem; color:var(--muted); font-size:.76rem; }.footer a { text-decoration:none; }
@media (max-width:720px) { .shell { width:min(100% - 32px, 1120px); }.site-header { min-height:auto; padding:1rem 0; align-items:flex-start; }.site-header nav, .button-small { display:none; }.principles, .service-grid { grid-template-columns:1fr; }.principles article { min-height:0; border-right:0; border-bottom:1px solid var(--line); }.principles article:last-child { border-bottom:0; }.section { padding:3.5rem 0; }.work-card { grid-template-columns:104px 1fr; column-gap:.8rem; }.work-art { height:110px; padding:.55rem; }.footer { flex-direction:column; } }