:root{
  color-scheme:dark;
  --bg:#07111f;
  --bg2:#0a1626;
  --panel:#0b192a;
  --panel2:#0d1d31;
  --text:#f4f8ff;
  --muted:#91a4ba;
  --accent:#40b7ff;
  --accent2:#087dff;
  --line:rgba(161,199,232,.14);
  --soft:rgba(64,183,255,.10);
  --shadow:0 28px 80px rgba(0,0,0,.34);
  --radius:22px;
  --max:1180px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;background:var(--bg)}
body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;line-height:1.6;overflow-x:hidden}
body.light{color-scheme:light;--bg:#f7f9fc;--bg2:#eef3f8;--panel:#fff;--panel2:#f8fbff;--text:#0a1727;--muted:#53677d;--line:rgba(13,43,70,.13);--soft:rgba(0,124,255,.08);--shadow:0 25px 70px rgba(44,72,98,.16)}
a{color:inherit;text-decoration:none}
button,input,textarea,select{font:inherit}
img{max-width:100%;display:block}
.container{width:min(calc(100% - 42px),var(--max));margin-inline:auto}
.skip-link{position:fixed;left:16px;top:12px;z-index:2000;transform:translateY(-160%);padding:10px 14px;border-radius:10px;background:var(--text);color:var(--bg);font-weight:800;transition:.2s}
.skip-link:focus{transform:none}
.cursor-glow{position:fixed;z-index:-1;width:440px;height:440px;border-radius:50%;background:radial-gradient(circle,rgba(36,150,255,.11),transparent 68%);transform:translate(-50%,-50%);pointer-events:none}
.site-header{position:fixed;inset:0 0 auto 0;z-index:1000;border-bottom:1px solid transparent;transition:.25s;background:linear-gradient(to bottom,rgba(7,17,31,.72),rgba(7,17,31,.22),transparent);backdrop-filter:blur(6px)}
body.light .site-header{background:linear-gradient(to bottom,rgba(247,249,252,.88),rgba(247,249,252,.45),transparent)}
.site-header.scrolled{border-color:var(--line);background:color-mix(in srgb,var(--bg) 86%,transparent);backdrop-filter:blur(18px)}
.nav-wrap{min-height:82px;display:flex;align-items:center;justify-content:space-between;gap:30px}
.brand{display:flex;align-items:center;flex:0 0 auto}
.brand picture,.brand img{display:block}
.brand img{width:200px;height:auto;filter:drop-shadow(0 8px 20px rgba(0,0,0,.18))}
.site-nav{display:flex;align-items:center;gap:30px;margin-left:auto}
.site-nav a,.footer-links a{position:relative;color:var(--muted);font-size:.83rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;transition:.2s}
.site-nav a::after{content:"";position:absolute;left:0;right:100%;bottom:-9px;height:2px;border-radius:2px;background:linear-gradient(90deg,var(--accent2),var(--accent));transition:.2s}
.site-nav a:hover,.site-nav a:focus-visible,.footer-links a:hover{color:var(--text)}
.site-nav a:hover::after,.site-nav a:focus-visible::after{right:0}
.header-actions{display:flex;align-items:center;gap:9px}
.theme-toggle,.menu-toggle,.back-to-top{border:1px solid var(--line);background:var(--panel2);color:var(--text);box-shadow:none}
.theme-toggle{width:42px;height:42px;border-radius:12px;cursor:pointer;font-size:1rem}
.menu-toggle{display:none;width:42px;height:42px;border-radius:12px;padding:10px;cursor:pointer}
.menu-toggle span{display:block;height:2px;margin:4px 0;border-radius:2px;background:currentColor}
.hero{position:relative;min-height:100svh;display:grid;align-items:center;padding:128px 0 88px;overflow:hidden}
.hero-grid-bg{position:absolute;inset:0;background-image:linear-gradient(rgba(116,172,221,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(116,172,221,.055) 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(to bottom,black,transparent 86%)}
.hero-orb{position:absolute;border-radius:50%;filter:blur(2px);pointer-events:none}
.hero-orb-one{width:520px;height:520px;right:-160px;top:8%;background:radial-gradient(circle,rgba(0,141,255,.21),transparent 68%)}
.hero-orb-two{width:410px;height:410px;left:-180px;bottom:0;background:radial-gradient(circle,rgba(43,201,255,.10),transparent 70%)}
.hero-layout{position:relative;display:grid;grid-template-columns:1.02fr .98fr;gap:74px;align-items:center}
.hero-kicker,.eyebrow,.section-label{font-size:.73rem;font-weight:900;letter-spacing:.16em;text-transform:uppercase}
.hero-kicker{display:inline-flex;align-items:center;gap:9px;padding:8px 12px;border:1px solid var(--line);border-radius:999px;background:rgba(255,255,255,.025);color:var(--muted)}
.status-dot{width:8px;height:8px;border-radius:50%;background:#37d67a;box-shadow:0 0 18px rgba(55,214,122,.8)}
.eyebrow,.section-label{color:var(--accent);margin:22px 0 0}
.hero h1{margin:14px 0 0;max-width:760px;font-size:clamp(4rem,7.2vw,7rem);line-height:.91;letter-spacing:-.07em}
.hero h1 span{display:block;background:linear-gradient(105deg,#fff 5%,#9fd9ff 45%,#149dff 98%);-webkit-background-clip:text;background-clip:text;color:transparent}
body.light .hero h1 span{background:linear-gradient(105deg,#1f3f5f,#0078df);-webkit-background-clip:text;background-clip:text;color:transparent}
.hero-lead{max-width:700px;margin:28px 0 0;color:var(--muted);font-size:1.08rem}
.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:34px}
.button{display:inline-flex;justify-content:center;align-items:center;min-height:50px;padding:0 20px;border-radius:13px;border:1px solid transparent;font-weight:850;font-size:.88rem;transition:.2s;cursor:pointer}
.button-primary{background:linear-gradient(135deg,var(--accent2),var(--accent));color:#fff;box-shadow:0 13px 34px rgba(0,126,255,.24)}
.button-primary:hover{transform:translateY(-2px);box-shadow:0 17px 42px rgba(0,126,255,.31)}
.button-ghost{border-color:var(--line);background:rgba(255,255,255,.025);color:var(--text)}
.button-ghost:hover{border-color:rgba(64,183,255,.45);background:var(--soft)}
.hero-badges,.tag-row,.contact-points{display:flex;flex-wrap:wrap;gap:9px;margin-top:26px}
.hero-badges span,.tag-row span,.contact-points span{padding:7px 10px;border:1px solid var(--line);border-radius:999px;color:var(--muted);font-size:.72rem;font-weight:750}
.hero-visual{position:relative;min-height:570px;display:grid;place-items:center}
.showcase{position:relative;width:min(100%,525px);overflow:hidden;border:1px solid rgba(117,189,244,.20);border-radius:26px;background:linear-gradient(145deg,rgba(16,38,64,.97),rgba(6,17,31,.98));box-shadow:var(--shadow);transform:perspective(1000px) rotateY(-4deg) rotateX(2deg)}
body.light .showcase{background:linear-gradient(145deg,#fff,#edf5fb)}
.showcase::after{content:"";position:absolute;inset:auto -20% -45% 25%;height:280px;background:radial-gradient(circle,rgba(26,150,255,.24),transparent 68%);pointer-events:none}
.showcase-header{height:54px;display:flex;align-items:center;gap:10px;padding:0 20px;border-bottom:1px solid var(--line);color:var(--muted);font-size:.72rem}
.showcase-dot{width:8px;height:8px;border-radius:50%;background:#37d67a;box-shadow:0 0 12px rgba(55,214,122,.7)}
.showcase-live{margin-left:auto;color:#66d696;font-size:.64rem;font-weight:900;letter-spacing:.12em}
.showcase-body{position:relative;z-index:1;padding:30px}
.showcase-logo{display:block;padding:14px 8px 26px;border-bottom:1px solid var(--line)}
.showcase-logo img{width:100%;height:auto}
.signal-grid{display:grid;gap:10px;margin-top:22px}
.signal-card{display:grid;grid-template-columns:42px 1fr;gap:13px;align-items:center;padding:15px;border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.025)}
.signal-card>span{display:grid;place-items:center;width:38px;height:38px;border-radius:10px;background:linear-gradient(135deg,rgba(0,126,255,.2),rgba(64,183,255,.08));color:var(--accent);font-weight:900;font-size:.72rem}
.signal-card div{display:grid}.signal-card strong{font-size:.92rem}.signal-card small{color:var(--muted)}
.signal-status{display:flex;align-items:center;gap:10px;margin-top:20px;color:var(--muted);font-size:.78rem}.signal-status span{width:8px;height:8px;border-radius:50%;background:var(--accent);box-shadow:0 0 15px rgba(64,183,255,.8)}
.floating-pill{position:absolute;padding:11px 15px;border:1px solid var(--line);border-radius:999px;background:rgba(9,23,39,.84);backdrop-filter:blur(15px);box-shadow:var(--shadow);font-size:.77rem;animation:float 4s ease-in-out infinite alternate}
body.light .floating-pill{background:rgba(255,255,255,.88)}
.pill-one{top:64px;right:-12px}.pill-two{bottom:64px;left:-16px;animation-delay:-2s}
.scroll-indicator{position:absolute;left:50%;bottom:22px;transform:translateX(-50%);display:grid;justify-items:center;gap:8px;color:var(--muted);font-size:.66rem;letter-spacing:.13em;text-transform:uppercase}.scroll-indicator i{width:1px;height:28px;background:linear-gradient(var(--accent),transparent)}
.section{padding:118px 0}.about-grid,.focus-grid{display:grid;grid-template-columns:.93fr 1.07fr;gap:100px}.section h2{margin:14px 0 0;font-size:clamp(2.6rem,4.7vw,4.9rem);line-height:1.02;letter-spacing:-.058em}.about-copy,.focus-copy>p:last-child{color:var(--muted);font-size:1.05rem}.about-copy p+p{margin-top:20px}.about-facts{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:30px}.about-facts div{padding:20px;border:1px solid var(--line);border-radius:15px;background:rgba(255,255,255,.025);display:grid}.about-facts strong{color:var(--text)}.about-facts span{font-size:.74rem;color:var(--muted)}
.work-section{background:var(--bg2);border-block:1px solid var(--line)}
.section-heading{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:48px}.section-heading>p{max-width:390px;color:var(--muted)}
.work-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.work-card{border:1px solid var(--line);border-radius:22px;overflow:hidden;background:rgba(255,255,255,.025);transition:.25s}.work-card:hover{transform:translateY(-7px);border-color:rgba(64,183,255,.42)}
.work-card-top{display:flex;justify-content:space-between;padding:18px 22px;border-bottom:1px solid var(--line);color:var(--muted);font-size:.70rem;font-weight:900;letter-spacing:.12em}.browser-preview{min-height:290px;display:grid;place-items:center;overflow:hidden}.preview-71{background:linear-gradient(135deg,#075da8,#55b8f5)}.preview-lv{background:linear-gradient(135deg,#b95a95,#f0a8d1)}.preview-network{background:linear-gradient(135deg,#0b325b,#168ed1)}.preview-systems{background:linear-gradient(135deg,#07172d,#135fa0)}
.browser-frame{width:76%;padding:18px;border-radius:17px;background:rgba(4,18,33,.88);box-shadow:0 25px 50px rgba(0,0,0,.22)}.browser-bar{display:flex;gap:6px}.browser-bar i{width:8px;height:8px;border-radius:50%;background:rgba(255,255,255,.18)}.preview-copy{margin-top:28px}.preview-copy small{color:#8fd0ff;font-weight:900;letter-spacing:.12em}.preview-copy strong{display:block;color:#fff;font-size:clamp(1.75rem,4vw,3.05rem);line-height:1.05;margin:10px 0 20px}.preview-copy span{display:block;height:7px;background:rgba(255,255,255,.13);border-radius:999px;margin-top:8px}.preview-copy span:last-child{width:64%}.circle-mark{display:grid;place-items:center;width:138px;height:138px;border-radius:50%;background:rgba(255,255,255,.55);font-size:3.7rem;font-weight:950;color:#4b1938;letter-spacing:-.08em;box-shadow:0 22px 50px rgba(71,14,48,.18)}
.network-diagram{position:relative;width:250px;height:180px}.hub,.node{position:absolute;background:#fff;border-radius:12px;box-shadow:0 10px 25px rgba(0,0,0,.17)}.hub{width:44px;height:44px;left:104px;top:68px}.node{width:34px;height:34px}.n1{left:15px;top:20px}.n2{right:15px;top:12px}.n3{right:28px;bottom:12px}.line{position:absolute;height:3px;background:rgba(255,255,255,.7);transform-origin:left center;border-radius:999px}.l1{width:100px;left:45px;top:48px;transform:rotate(29deg)}.l2{width:97px;left:142px;top:82px;transform:rotate(-34deg)}.l3{width:89px;left:140px;top:102px;transform:rotate(31deg)}
.systems-panel{position:relative;width:270px;height:190px}.systems-core{position:absolute;left:98px;top:58px;width:76px;height:76px;border-radius:18px;display:grid;place-items:center;background:linear-gradient(135deg,#fff,#9bdcff);color:#062141;font-weight:950;font-size:1.5rem;box-shadow:0 18px 45px rgba(0,0,0,.28)}.systems-node{position:absolute;width:24px;height:24px;border:4px solid rgba(255,255,255,.9);border-radius:50%;box-shadow:0 0 20px rgba(64,183,255,.55)}.systems-node.a{left:18px;top:25px}.systems-node.b{right:20px;top:30px}.systems-node.c{right:28px;bottom:20px}.systems-line{position:absolute;height:3px;background:linear-gradient(90deg,rgba(255,255,255,.85),rgba(64,183,255,.35));transform-origin:left center;border-radius:5px}.s1{width:102px;left:39px;top:50px;transform:rotate(24deg)}.s2{width:105px;left:165px;top:73px;transform:rotate(-28deg)}.s3{width:96px;left:165px;top:119px;transform:rotate(28deg)}
.work-card-content{padding:26px}.work-card-content h3{margin:0;font-size:1.55rem;letter-spacing:-.035em}.work-card-content p{color:var(--muted);margin:10px 0 0}
.work-card-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}.work-card-actions .button{min-height:44px;padding-inline:16px}
.focus-section{background:var(--bg)}.focus-copy>p:last-child{margin-top:22px;max-width:540px}.focus-list{border-left:1px solid var(--line)}.focus-item{position:relative;display:grid;grid-template-columns:58px 1fr;gap:18px;padding:0 0 36px 28px}.focus-item::before{content:"";position:absolute;left:-6px;top:8px;width:11px;height:11px;border-radius:50%;background:var(--accent);box-shadow:0 0 16px rgba(64,183,255,.7)}.focus-item>span{color:var(--accent);font-weight:900;font-size:.78rem}.focus-item h3{margin:0;font-size:1.25rem}.focus-item p{color:var(--muted);margin:7px 0 0}
.contact-section{background:radial-gradient(circle at 85% 15%,rgba(62,151,255,.16),transparent 30%),var(--bg2)}.contact-panel{display:grid;grid-template-columns:.9fr 1.1fr;gap:70px;padding:48px;border:1px solid var(--line);border-radius:26px;background:rgba(255,255,255,.025);box-shadow:var(--shadow)}.contact-intro>p:not(.section-label){color:var(--muted);margin-top:20px}.contact-form{display:grid;gap:18px}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.contact-form label{display:grid;gap:8px;font-size:.84rem;font-weight:800}.contact-form input,.contact-form textarea,.contact-form select{width:100%;padding:14px;border:1px solid var(--line);border-radius:11px;background:rgba(255,255,255,.035);color:var(--text);outline:none}.contact-form input:focus,.contact-form textarea:focus,.contact-form select:focus{border-color:var(--accent);box-shadow:0 0 0 3px rgba(64,183,255,.08)}.contact-form select option{color:#111}.botcheck{position:absolute!important;left:-9999px!important;opacity:0!important}.form-status{min-height:22px;margin:0;color:var(--muted);font-size:.78rem}.form-status.error{color:#ff9c9c}.form-status.success{color:#7be7a8}
.back-to-top{position:fixed;right:22px;bottom:22px;width:44px;height:44px;border-radius:13px;cursor:pointer;opacity:0;pointer-events:none;transform:translateY(10px);transition:.2s;z-index:900}.back-to-top.show{opacity:1;pointer-events:auto;transform:none}.site-footer{border-top:1px solid var(--line)}.footer-inner{min-height:120px;display:grid;grid-template-columns:1fr auto auto;gap:35px;align-items:center}.footer-brand img{width:150px}.footer-links{display:flex;gap:24px}.footer-inner>p{color:var(--muted);font-size:.82rem;margin:0}.reveal{opacity:0;transform:translateY(28px);transition:opacity .7s ease,transform .7s ease}.reveal.visible{opacity:1;transform:none}

/* Little Village case study */
.case-study-page{background:var(--bg)}
.case-hero{position:relative;overflow:hidden;padding:160px 0 90px;border-bottom:1px solid var(--line);background:linear-gradient(180deg,var(--bg),var(--bg2))}
.case-grid-bg{position:absolute;inset:0;background-image:linear-gradient(rgba(116,172,221,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(116,172,221,.05) 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(to bottom,black,transparent 92%)}
.case-orb{position:absolute;width:620px;height:620px;right:-180px;top:-160px;border-radius:50%;background:radial-gradient(circle,rgba(229,113,182,.18),rgba(64,183,255,.08) 45%,transparent 70%)}
.case-hero-inner{position:relative}.case-back{display:inline-flex;color:var(--muted);font-size:.82rem;font-weight:800;letter-spacing:.06em;transition:.2s}.case-back:hover,.case-back:focus-visible{color:var(--accent)}
.case-hero h1{max-width:950px;margin:18px 0 0;font-size:clamp(4rem,8vw,7.8rem);line-height:.88;letter-spacing:-.075em}.case-hero h1 span{display:block;background:linear-gradient(105deg,#fff 5%,#f6add8 46%,#56c6ff 98%);-webkit-background-clip:text;background-clip:text;color:transparent}body.light .case-hero h1 span{background:linear-gradient(105deg,#8a3767,#087dff);-webkit-background-clip:text;background-clip:text;color:transparent}
.case-intro{max-width:760px;margin:28px 0 0;color:var(--muted);font-size:1.14rem}.case-facts{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;margin:68px 0 0;border:1px solid var(--line);border-radius:20px;overflow:hidden;background:var(--line)}.case-facts div{padding:21px 24px;background:color-mix(in srgb,var(--panel) 94%,transparent)}.case-facts dt{color:var(--muted);font-size:.68rem;font-weight:900;letter-spacing:.13em;text-transform:uppercase}.case-facts dd{display:flex;align-items:center;gap:9px;margin:6px 0 0;font-weight:850}
.case-live-section{padding:100px 0;background:var(--bg2);border-bottom:1px solid var(--line)}.case-section-heading{display:flex;justify-content:space-between;align-items:end;gap:50px;margin-bottom:40px}.case-section-heading h2{margin:14px 0 0;font-size:clamp(2.6rem,4.7vw,4.9rem);line-height:1.02;letter-spacing:-.058em}.case-section-heading>p{max-width:430px;margin:0;color:var(--muted)}
.live-browser{overflow:hidden;border:1px solid rgba(117,189,244,.24);border-radius:24px;background:var(--panel);box-shadow:var(--shadow)}.live-browser-bar{min-height:58px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:18px;padding:0 20px;border-bottom:1px solid var(--line);background:var(--panel2);color:var(--muted);font-size:.76rem}.browser-dots{display:flex;gap:7px}.browser-dots i{width:9px;height:9px;border-radius:50%;background:rgba(145,164,186,.38)}.browser-dots i:first-child{background:#ff6f78}.browser-dots i:nth-child(2){background:#ffc34d}.browser-dots i:nth-child(3){background:#55d28b}.live-browser-address{justify-self:center;padding:7px 18px;border:1px solid var(--line);border-radius:999px;background:rgba(255,255,255,.025)}.live-browser-bar a{font-weight:850;color:var(--accent)}.live-browser iframe{display:block;width:100%;height:680px;border:0;background:#fff}
.case-story-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.case-story-card{position:relative;min-height:430px;padding:42px;border:1px solid var(--line);border-radius:24px;background:linear-gradient(145deg,rgba(255,255,255,.035),rgba(255,255,255,.012));overflow:hidden}.case-story-card::after{content:"";position:absolute;width:260px;height:260px;right:-120px;bottom:-140px;border-radius:50%;background:radial-gradient(circle,rgba(64,183,255,.14),transparent 70%)}.case-story-card:nth-child(2)::after{background:radial-gradient(circle,rgba(229,113,182,.14),transparent 70%)}.case-number{display:grid;place-items:center;width:46px;height:46px;border:1px solid var(--line);border-radius:13px;color:var(--accent);font-size:.78rem;font-weight:950}.case-story-card h2{font-size:clamp(2.3rem,4vw,4rem)}.case-story-card>p:last-child{position:relative;z-index:1;max-width:570px;color:var(--muted);font-size:1.03rem}
.case-delivery-section{background:var(--bg2);border-block:1px solid var(--line)}.delivery-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.delivery-card{padding:28px;border:1px solid var(--line);border-radius:19px;background:rgba(255,255,255,.025)}.delivery-card>span{display:inline-grid;place-items:center;width:37px;height:37px;border-radius:10px;background:var(--soft);color:var(--accent);font-size:.72rem;font-weight:950}.delivery-card h3{margin:28px 0 0;font-size:1.2rem}.delivery-card p{margin:10px 0 0;color:var(--muted);font-size:.92rem}
.case-outcome-section{background:radial-gradient(circle at 10% 25%,rgba(229,113,182,.08),transparent 28%),var(--bg)}.case-outcome-grid{display:grid;grid-template-columns:.92fr 1.08fr;gap:90px}.case-outcome-copy{color:var(--muted);font-size:1.05rem}.case-outcome-copy p+p{margin-top:20px}.case-proof-list{display:flex;flex-wrap:wrap;gap:9px;margin-top:28px}.case-proof-list span{padding:8px 11px;border:1px solid var(--line);border-radius:999px;color:var(--text);font-size:.74rem;font-weight:800}
.case-next-section{padding:0 0 118px}.case-next-panel{display:flex;align-items:end;justify-content:space-between;gap:40px;padding:46px;border:1px solid var(--line);border-radius:25px;background:linear-gradient(135deg,rgba(8,125,255,.13),rgba(229,113,182,.07));box-shadow:var(--shadow)}.case-next-panel h2{max-width:720px;margin:12px 0 0;font-size:clamp(2.3rem,4vw,4rem);line-height:1.03;letter-spacing:-.05em}
@keyframes float{to{transform:translateY(-12px)}}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}.floating-pill{animation:none}.cursor-glow{display:none}}
@media(max-width:980px){.hero-layout,.about-grid,.focus-grid,.contact-panel,.case-outcome-grid{grid-template-columns:1fr;gap:55px}.hero{padding-top:120px}.hero-visual{min-height:520px}.work-grid,.case-story-grid{grid-template-columns:1fr}.section-heading,.case-section-heading{display:block}.section-heading>p,.case-section-heading>p{margin-top:18px}.delivery-grid{grid-template-columns:1fr 1fr}.case-facts{grid-template-columns:1fr 1fr}.footer-inner{grid-template-columns:1fr;padding:30px 0}.footer-links{justify-content:flex-start}}
@media(max-width:760px){.container{width:min(calc(100% - 28px),var(--max))}.brand img{width:166px}.menu-toggle{display:block}.site-nav{position:absolute;left:14px;right:14px;top:76px;display:none;flex-direction:column;align-items:stretch;gap:4px;padding:16px;border:1px solid var(--line);border-radius:15px;background:var(--panel2);box-shadow:var(--shadow)}.site-nav.open{display:flex}.site-nav a{padding:11px 12px}.site-nav a::after{display:none}.hero{min-height:auto;padding-top:118px}.hero h1{font-size:clamp(3.4rem,15vw,5.4rem)}.hero-visual{min-height:470px}.showcase{transform:none}.showcase-body{padding:22px}.pill-one{right:2px;top:42px}.pill-two{left:2px;bottom:38px}.section{padding:86px 0}.about-facts,.field-row{grid-template-columns:1fr}.contact-panel{padding:28px}.case-hero{padding:128px 0 70px}.case-hero h1{font-size:clamp(3.6rem,16vw,5.8rem)}.case-facts{margin-top:48px}.case-story-card{min-height:auto;padding:30px}.live-browser iframe{height:610px}.live-browser-address{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.case-next-panel{display:grid;padding:30px}.footer-links{flex-wrap:wrap}.cursor-glow{display:none}}
@media(max-width:430px){.hero-kicker{font-size:.64rem}.eyebrow{font-size:.62rem}.hero-actions,.work-card-actions{display:grid}.button{width:100%}.hero-visual{min-height:430px}.floating-pill{font-size:.68rem}.showcase-header{padding:0 14px}.signal-card{grid-template-columns:38px 1fr}.section h2{font-size:clamp(2.3rem,12vw,3.5rem)}.case-facts,.delivery-grid{grid-template-columns:1fr}.live-browser-bar{grid-template-columns:auto 1fr;padding-inline:14px}.live-browser-bar>a{display:none}.live-browser iframe{height:560px}}

/* Case-study screeenshots */
.project-screenshots {
  display: grid;
  grid-template-columns: minmax(0, 2fr) minmax(0, 1fr);
  gap: 24px;
  align-items:start;
  margin-top: 24px;
}

.project-screenshots figure {
  margin: 0;
  min-width: 0;
}

.project-screenshots img {
  display: block;
  width: 100%;
  height: auto;
  border-radius: 16px;
}

.project-screenshots figcaption {
  margin-top: 12px;
  color: var(--muted);
  font-size: 0.95rem;
  line-height: 1.5;
}

@media (max-width: 700px) {
  .project-screenshots {
    grid-template-columns: 1fr;
  }
  
.project-screenshots-mobile {
  width: 100%;
  max-width: 390px;
  justify-self: center;
  }
}