:root{--bg: #080808;--bg-1: #0f0f0f;--bg-2: #161616;--bg-3: #1e1e1e;--accent: #FF5500;--accent-dim: rgba(255, 85, 0, .1);--accent-glow:rgba(255, 85, 0, .06);--text: #f2f2f2;--text-dim: #aaaaaa;--text-muted: #666666;--border: #1a1a1a;--border-light:#262626;--font-display: "Bricolage Grotesque", sans-serif;--font-body: "DM Sans", sans-serif;--font-mono: "JetBrains Mono", monospace;--ease: cubic-bezier(.25, .46, .45, .94);--ease-out: cubic-bezier(0, 0, .2, 1);--t: .4s var(--ease);--t-fast: .18s ease}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:auto}body{background:var(--bg);color:var(--text);font-family:var(--font-body);font-size:16px;line-height:1.6;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{text-decoration:none;color:inherit}img{max-width:100%;display:block}ul{list-style:none}button{cursor:pointer}.container{max-width:1320px;margin:0 auto;padding:0 56px}@media (max-width: 900px){.container{padding:0 28px}}@media (max-width: 480px){.container{padding:0 20px}}.mono{font-family:var(--font-mono)}.display{font-family:var(--font-display)}.section-label{font-family:var(--font-mono);font-size:11px;letter-spacing:.18em;color:var(--accent);text-transform:uppercase;display:flex;align-items:center;gap:10px;margin-bottom:20px}.section-label:before{content:"//";color:var(--text-muted);font-size:10px}.btn{display:inline-flex;align-items:center;gap:10px;padding:13px 26px;border:1.5px solid var(--accent);background:transparent;color:var(--text);font-family:var(--font-body);font-size:13px;font-weight:500;letter-spacing:.04em;cursor:pointer;position:relative;overflow:hidden;transition:color var(--t-fast);text-decoration:none}.btn:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--accent);transform:translate(-101%);transition:transform var(--t);z-index:0;display:none}.btn:hover:before{transform:translate(0)}.btn>*{position:relative;z-index:1}.btn-arrow{width:16px;height:16px;flex-shrink:0;transition:transform var(--t-fast)}.btn:hover .btn-arrow{transform:none}.reveal{opacity:0;transform:translateY(28px);transition:opacity .75s var(--ease-out),transform .75s var(--ease-out)}.reveal.visible{opacity:1;transform:translateY(0)}.reveal-d1{transition-delay:.08s}.reveal-d2{transition-delay:.16s}.reveal-d3{transition-delay:.24s}.reveal-d4{transition-delay:.32s}.navbar{position:fixed;top:0;left:0;right:0;z-index:200;padding:26px 0;transition:background var(--t),padding var(--t),border-color var(--t);border-bottom:1px solid transparent}.navbar.scrolled{background:#080808eb;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);padding:16px 0;border-bottom-color:var(--border)}.navbar__inner{display:flex;align-items:center;justify-content:space-between}.navbar__logo{font-family:var(--font-display);font-size:19px;font-weight:800;letter-spacing:-.03em;color:var(--text)}.navbar__logo span{color:var(--accent)}.navbar__links{display:flex;align-items:center;gap:38px}.navbar__link{font-family:var(--font-display);font-size:11.5px;font-weight:600;color:var(--text-dim);letter-spacing:.14em;text-transform:uppercase;position:relative;transition:color var(--t-fast)}.navbar__link:after{content:"";position:absolute;bottom:-5px;left:0;width:0;height:1.5px;background:var(--accent);transition:width var(--t)}.navbar__link:hover,.navbar__link.active{color:var(--text)}.navbar__link:hover:after,.navbar__link.active:after{width:100%}.navbar__right{display:flex;align-items:center;gap:24px}.navbar__hire{font-family:var(--font-display);font-size:11px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--accent);border:1px solid var(--accent);padding:8px 18px;transition:background var(--t-fast),color var(--t-fast)}.navbar__hire:hover{background:var(--accent);color:#fff}.navbar__burger{display:none;flex-direction:column;gap:5px;background:none;border:none;padding:4px}.navbar__burger span{display:block;width:22px;height:1.5px;background:var(--text);transition:var(--t)}.navbar__mobile{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:var(--bg);z-index:199;flex-direction:column;align-items:center;justify-content:center;gap:36px}.navbar__mobile.open{display:flex}.navbar__mobile-close{position:absolute;top:28px;right:48px;background:none;border:none;color:var(--text);font-size:26px}.navbar__mobile .navbar__link{font-family:var(--font-display);font-size:36px;font-weight:700;color:var(--text);letter-spacing:-.02em}.navbar__mobile .navbar__link:after{bottom:-4px}@media (max-width: 900px){.navbar__links,.navbar__hire{display:none}.navbar__burger{display:flex}}.hero{min-height:100vh;display:flex;flex-direction:column;justify-content:center;padding:130px 0 100px;position:relative;overflow:hidden}.hero__grid-bg{position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(circle,rgba(255,85,0,.08) 1px,transparent 1px);background-size:48px 48px;z-index:0}.hero__glow{position:absolute;width:700px;height:700px;border-radius:50%;background:radial-gradient(circle,rgba(255,85,0,.07) 0%,transparent 65%);top:-180px;right:-200px;pointer-events:none;z-index:0}.hero__inner{position:relative;z-index:1;display:grid;grid-template-columns:1.1fr .9fr;gap:64px;align-items:center}.hero__stats{display:flex;gap:40px;margin-bottom:52px}.hero__stat-value{font-family:var(--font-display);font-size:30px;font-weight:800;color:var(--text);line-height:1}.hero__stat-suffix{color:var(--accent)}.hero__stat-label{font-family:var(--font-mono);font-size:9.5px;letter-spacing:.14em;color:var(--text-dim);text-transform:uppercase;margin-top:5px}.hero__eyebrow{font-family:var(--font-mono);font-size:11px;color:var(--accent);letter-spacing:.18em;text-transform:uppercase;display:flex;align-items:center;gap:14px;margin-bottom:22px}.hero__eyebrow:before{content:"";width:28px;height:1px;background:var(--accent)}.hero__heading{font-family:var(--font-display);font-size:clamp(54px,7.5vw,96px);font-weight:800;line-height:.96;letter-spacing:-.04em;margin-bottom:28px}.hero__heading em{font-style:normal;color:var(--accent)}.hero__heading .dim{color:var(--text-muted)}.hero__sub{font-size:15.5px;color:var(--text-dim);max-width:420px;line-height:1.75;margin-bottom:44px}.hero__actions{display:flex;align-items:center;gap:28px}.hero__scroll-link{font-size:12px;color:var(--text-dim);letter-spacing:.06em;border-bottom:1px solid var(--border-light);padding-bottom:2px;transition:color var(--t-fast),border-color var(--t-fast)}.hero__scroll-link:hover{color:var(--accent);border-color:var(--accent)}.hero__right{position:relative}.hero__photo-frame{aspect-ratio:4/5;background:var(--bg-2);border:1px solid var(--border-light);overflow:hidden;position:relative}.hero__photo-frame img{width:100%;height:100%;object-fit:cover;filter:grayscale(100%);transition:filter .6s ease}.hero__photo-frame:hover img{filter:grayscale(0%)}.hero__photo-placeholder{width:100%;height:100%;min-height:500px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:10px;color:var(--text-muted);font-family:var(--font-mono);font-size:11px;letter-spacing:.1em}.hero__photo-placeholder svg{width:32px;height:32px;opacity:.25}.hero__code-card{position:absolute;bottom:-18px;left:-24px;background:var(--bg-1);border:1px solid var(--border-light);padding:18px 22px;font-family:var(--font-mono);font-size:11.5px;line-height:1.85;z-index:2;min-width:230px;box-shadow:0 24px 60px #0009}.hero__code-card .ck{color:#c792ea}.hero__code-card .cv{color:#c3e88d}.hero__code-card .ca{color:var(--accent)}.hero__code-card .cm{color:var(--text-muted)}.hero__scroll-indicator{position:absolute;bottom:40px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:8px;z-index:1}.hero__scroll-line{width:1px;height:52px;background:linear-gradient(to bottom,transparent,var(--accent));animation:pulseScroll 2.2s ease infinite}@keyframes pulseScroll{0%,to{opacity:.2;transform:scaleY(.7)}50%{opacity:1;transform:scaleY(1)}}@media (max-width: 900px){.hero__inner{grid-template-columns:1fr}.hero__right{display:none}.hero__heading{font-size:clamp(48px,12vw,72px)}}.marquee-wrap{border-top:1px solid var(--border);border-bottom:1px solid var(--border);padding:18px 0;overflow:hidden;-webkit-user-select:none;user-select:none}.marquee-track{display:flex;animation:marqueeRoll 35s linear infinite;white-space:nowrap}.marquee-track:hover{animation-play-state:paused}.marquee-item{display:flex;align-items:center;gap:18px;padding:0 28px;font-family:var(--font-mono);font-size:11px;letter-spacing:.12em;color:var(--text-muted);text-transform:uppercase;flex-shrink:0}.marquee-dot{width:4px;height:4px;border-radius:50%;background:var(--accent);flex-shrink:0}@keyframes marqueeRoll{0%{transform:translate(0)}to{transform:translate(-25%)}}.about-snap{padding:clamp(60px,10vw,130px) 0;position:relative}.about-snap__inner{display:grid;grid-template-columns:1fr 1.1fr;gap:90px;align-items:center}.about-snap__left{position:relative}.about-snap__photo{width:100%;aspect-ratio:3/4;background:var(--bg-2);border:1px solid var(--border);overflow:hidden;position:relative}.about-snap__photo img{width:100%;height:100%;object-fit:cover;filter:grayscale(100%);transition:filter .6s ease}.about-snap__photo:hover img{filter:grayscale(0%)}.about-snap__photo-placeholder{width:100%;height:100%;min-height:420px;display:flex;align-items:center;justify-content:center;color:var(--text-muted);font-family:var(--font-mono);font-size:11px;letter-spacing:.1em}.about-snap__frame{position:absolute;bottom:-18px;right:-18px;width:55%;height:55%;border:1px solid var(--accent);opacity:.2;pointer-events:none}.about-snap__socials{display:flex;gap:10px;margin-top:22px}.social-pill{font-family:var(--font-mono);font-size:10px;letter-spacing:.1em;color:var(--text-dim);border:1px solid var(--border-light);padding:8px 16px;transition:border-color var(--t-fast),color var(--t-fast)}.social-pill:hover{border-color:var(--accent);color:var(--accent)}.about-snap__heading{font-family:var(--font-display);font-size:clamp(26px,3.2vw,42px);font-weight:700;letter-spacing:-.025em;line-height:1.2;margin-bottom:20px}.about-snap__body{font-size:15px;color:var(--text-dim);line-height:1.8;margin-bottom:14px}.about-snap__tags{display:flex;flex-wrap:wrap;gap:8px;margin:28px 0 36px}.about-snap__tag{font-family:var(--font-mono);font-size:10.5px;letter-spacing:.06em;color:var(--text-dim);border:1px solid var(--border-light);padding:5px 13px;transition:border-color var(--t-fast),color var(--t-fast)}.about-snap__tag:hover{border-color:var(--accent);color:var(--accent)}@media (max-width: 900px){.about-snap__inner{grid-template-columns:1fr;gap:48px}}.services-block{padding:clamp(60px,10vw,130px) 0;border-top:1px solid var(--border)}.services-block__hdr{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:60px;gap:32px}.services-block__heading{font-family:var(--font-display);font-size:clamp(30px,3.8vw,50px);font-weight:700;letter-spacing:-.02em;line-height:1.15;max-width:480px}.svc-list{border-top:1px solid var(--border)}.svc-item{display:flex;align-items:center;justify-content:space-between;padding:26px 10px 26px 0;border-bottom:1px solid var(--border);position:relative;overflow:clip;overflow-clip-margin:10px;gap:16px;cursor:default}.svc-item__bg{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--accent-dim);transform:translate(-100%);transition:transform var(--t);z-index:0}.svc-item:hover .svc-item__bg{transform:translate(0)}.svc-item>*{position:relative;z-index:1}.svc-item__l{display:flex;align-items:center;gap:30px;flex:1}.svc-item__num{font-family:var(--font-mono);font-size:11px;color:var(--text-muted);min-width:30px}.svc-item__name{font-family:var(--font-display);font-size:clamp(19px,2.5vw,30px);font-weight:700;letter-spacing:-.01em;transition:color var(--t-fast)}.svc-item:hover .svc-item__name{color:var(--accent)}.svc-item__tags{display:flex;gap:8px}.svc-item__tag{font-family:var(--font-mono);font-size:9.5px;letter-spacing:.1em;color:var(--text-muted);border:1px solid var(--border);padding:4px 10px;text-transform:uppercase;transition:color var(--t-fast),border-color var(--t-fast)}.svc-item:hover .svc-item__tag{color:var(--text);border-color:var(--text-muted)}.svc-item__arr{width:38px;height:38px;border:1px solid var(--border-light);display:flex;align-items:center;justify-content:center;color:var(--text-muted);font-size:17px;transition:transform var(--t),border-color var(--t),color var(--t);flex-shrink:0}.svc-item:hover .svc-item__arr{transform:rotate(45deg);border-color:var(--accent);color:var(--accent)}@media (max-width: 700px){.services-block__hdr{flex-direction:column;align-items:flex-start}.svc-item__tags{display:none}}.projects-block{padding:clamp(60px,10vw,130px) 0;border-top:1px solid var(--border)}.projects-block__hdr{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:52px;gap:32px}.projects-block__heading{font-family:var(--font-display);font-size:clamp(30px,3.8vw,50px);font-weight:700;letter-spacing:-.02em;line-height:1.1}.projects-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;align-items:stretch}.projects-grid>.reveal,.projects-grid--hero>.reveal{height:100%}.projects-grid>.reveal>a,.projects-grid--hero>.reveal>a{display:flex;height:100%}.proj-card{background:var(--bg-1);border:1px solid var(--border);overflow:hidden;cursor:pointer;transition:border-color .3s var(--ease),transform .3s var(--ease);display:flex;flex-direction:column;height:100%}.proj-card:hover{border-color:var(--accent);transform:translateY(-4px)}.proj-card__thumb{width:100%;aspect-ratio:16/10;overflow:hidden;position:relative}.proj-card__fill{width:100%;height:100%;transition:transform .65s var(--ease);display:flex;align-items:center;justify-content:center;position:relative}.proj-card:hover .proj-card__fill{transform:scale(1.04)}.proj-card__fill svg{width:36px;height:36px;opacity:.12}.proj-card__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,rgba(8,8,8,.75) 0%,transparent 55%);opacity:0;transition:opacity var(--t);display:flex;align-items:flex-end;padding:16px}.proj-card:hover .proj-card__overlay{opacity:1}.proj-card__view-link{font-family:var(--font-mono);font-size:9.5px;letter-spacing:.15em;color:#fff;text-transform:uppercase;border-bottom:1px solid rgba(255,255,255,.35);padding-bottom:2px}.proj-card__body{padding:16px 18px 20px;flex:1;display:flex;flex-direction:column}.proj-card__cat{font-family:var(--font-mono);font-size:9px;letter-spacing:.16em;color:var(--accent);text-transform:uppercase;margin-bottom:6px}.proj-card__title{font-family:var(--font-display);font-size:16px;font-weight:700;letter-spacing:-.01em;margin-bottom:6px}.proj-card__desc{font-size:12px;color:var(--text-dim);line-height:1.6}@media (max-width: 900px){.projects-grid{grid-template-columns:1fr 1fr;gap:12px}}@media (max-width: 600px){.projects-grid{grid-template-columns:1fr;gap:12px}.projects-block__hdr{flex-direction:column;align-items:flex-start}}.projects-grid--hero{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;align-items:stretch}.proj-card--hero .proj-card__thumb{aspect-ratio:4/3}.proj-card--hero .proj-card__title{font-size:17px}.proj-card--hero .proj-card__desc{font-size:12px;max-width:100%}@media (max-width: 900px){.projects-grid--hero{grid-template-columns:1fr 1fr;gap:12px}}@media (max-width: 600px){.projects-grid--hero{grid-template-columns:1fr;gap:12px}}.quickhit-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.proj-card--quickhit{display:flex;background:var(--bg-1);border:1px solid var(--border);overflow:hidden;cursor:pointer;transition:border-color var(--t),transform .3s var(--ease)}.proj-card--quickhit:hover{border-color:var(--accent);transform:translateY(-3px)}.proj-card--quickhit__thumb{width:110px;min-height:100px;flex-shrink:0;overflow:hidden;display:flex;align-items:center;justify-content:center;position:relative}.proj-card--quickhit__thumb svg{width:28px;height:28px;opacity:.12}.proj-card--quickhit__body{padding:14px 16px;display:flex;flex-direction:column;justify-content:center}@media (max-width: 600px){.quickhit-grid{grid-template-columns:1fr}.proj-card--quickhit__thumb{width:90px;min-height:80px}}.cta-band{padding:clamp(64px,12vw,160px) 0;border-top:1px solid var(--border);text-align:center;position:relative;overflow:hidden}.cta-band:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at center,rgba(255,85,0,.05) 0%,transparent 60%);pointer-events:none}.cta-band__tag{font-family:var(--font-mono);font-size:11px;letter-spacing:.2em;color:var(--accent);text-transform:uppercase;margin-bottom:24px}.cta-band__heading{font-family:var(--font-display);font-size:clamp(44px,8vw,100px);font-weight:800;letter-spacing:-.045em;line-height:.95;margin-bottom:52px}.cta-band__heading em{font-style:normal;color:var(--accent)}.footer{border-top:1px solid var(--border);padding:44px 0}.footer__inner{display:flex;justify-content:space-between;align-items:center;gap:24px}.footer__logo{font-family:var(--font-display);font-size:17px;font-weight:800;letter-spacing:-.03em}.footer__logo span{color:var(--accent)}.footer__links{display:flex;gap:24px}.footer__link{font-size:12px;color:var(--text-dim);letter-spacing:.04em;transition:color var(--t-fast)}.footer__link:hover{color:var(--accent)}.footer__copy{font-family:var(--font-mono);font-size:10.5px;color:var(--text-dim)}@media (max-width: 768px){.footer__inner{flex-direction:column;text-align:center;gap:20px}}.page-hero{padding:clamp(100px,12vw,160px) 0 clamp(48px,6vw,80px);border-bottom:1px solid var(--border)}.page-hero__heading{font-family:var(--font-display);font-size:clamp(52px,8vw,100px);font-weight:800;letter-spacing:-.045em;line-height:.98}.page-hero__heading em{font-style:normal;color:var(--accent)}.page-hero__sub{margin-top:24px;font-size:15.5px;color:var(--text-dim);max-width:520px;line-height:1.75}.about-page{padding:clamp(48px,8vw,100px) 0 clamp(64px,10vw,140px)}.about-page__grid{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:start}.about-body{font-size:15px;color:var(--text-dim);line-height:1.85;margin-bottom:16px}.about-body strong{color:var(--text);font-weight:600}.exp-list{margin-top:12px}.exp-item{padding:26px 0;border-bottom:1px solid var(--border)}.exp-item__company{font-family:var(--font-display);font-size:18px;font-weight:700;margin-bottom:4px}.exp-item__role{font-size:13.5px;color:var(--text-dim);margin-bottom:5px}.exp-item__period{font-family:var(--font-mono);font-size:10.5px;color:var(--accent);letter-spacing:.1em}@media (max-width: 768px){.about-page__grid{grid-template-columns:1fr;gap:48px}}.projects-page{padding:clamp(40px,6vw,80px) 0 clamp(64px,10vw,140px)}.projects-full-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2px;margin-top:16px}@media (max-width: 1000px){.projects-full-grid{grid-template-columns:1fr 1fr}}@media (max-width: 600px){.projects-full-grid{grid-template-columns:1fr}}.services-page{padding:80px 0 140px}.svc-full-item{padding:36px 0;border-bottom:1px solid var(--border);display:flex;gap:32px;align-items:flex-start}.svc-full-item__num{font-family:var(--font-mono);font-size:12px;color:var(--accent);min-width:32px;padding-top:4px}.svc-full-item__name{font-family:var(--font-display);font-size:26px;font-weight:700;letter-spacing:-.015em;margin-bottom:10px}.svc-full-item__desc{font-size:14px;color:var(--text-dim);line-height:1.8;max-width:600px;margin-bottom:14px}.contact-page{padding:clamp(40px,6vw,80px) 0 clamp(64px,10vw,140px)}.contact-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:90px;align-items:start}.contact-form{display:flex;flex-direction:column;gap:24px}.form-group{display:flex;flex-direction:column;gap:8px}.form-label{font-family:var(--font-mono);font-size:10.5px;letter-spacing:.14em;color:var(--text-dim);text-transform:uppercase}.form-input{background:transparent;border:1px solid var(--border-light);color:var(--text);padding:14px 16px;font-family:var(--font-body);font-size:14px;outline:none;transition:border-color var(--t-fast);width:100%}.form-input::placeholder{color:var(--text-muted)}.form-input:focus{border-color:var(--accent)}.form-textarea{resize:vertical;min-height:140px}.contact-info-item{padding:26px 0;border-bottom:1px solid var(--border)}.contact-info-label{font-family:var(--font-mono);font-size:10.5px;letter-spacing:.14em;color:var(--accent);text-transform:uppercase;margin-bottom:8px}.contact-info-value{font-family:var(--font-display);font-size:19px;font-weight:700;letter-spacing:-.01em}@media (max-width: 768px){.contact-grid{grid-template-columns:1fr;gap:48px}}.blog-page{padding:clamp(40px,6vw,80px) 0 clamp(64px,10vw,140px)}.blog-grid{display:grid;grid-template-columns:1fr 1fr;gap:0;margin-top:16px}.blog-card{border-top:1px solid var(--border);border-right:1px solid transparent;padding:36px 32px 36px 0;cursor:pointer;transition:background var(--t-fast)}.blog-card:nth-child(2n){padding:36px 0 36px 32px;border-left:1px solid var(--border)}.blog-card:hover{background:var(--bg-1)}.blog-card__meta{display:flex;align-items:center;gap:16px;margin-bottom:14px}.blog-card__date{font-family:var(--font-mono);font-size:10.5px;letter-spacing:.12em;color:var(--accent);text-transform:uppercase}.blog-card__read{font-family:var(--font-mono);font-size:10px;color:var(--text-dim)}.blog-card__title{font-family:var(--font-display);font-size:21px;font-weight:700;letter-spacing:-.015em;line-height:1.25;margin-bottom:12px;transition:color var(--t-fast)}.blog-card:hover .blog-card__title{color:var(--accent)}.blog-card__excerpt{font-size:13.5px;color:var(--text-dim);line-height:1.7}@media (max-width: 700px){.blog-grid{grid-template-columns:1fr}.blog-card,.blog-card:nth-child(2n){padding:28px 0;border-left:none;border-right:none}}.about-story-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:start}.about-beyond-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:2px;margin-top:24px}.about-testimonials-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2px;align-items:stretch}.about-testimonials-grid>*{display:flex;flex-direction:column}.about-testimonials-grid>*>*{flex:1;display:flex;flex-direction:column}.testimonial-card{background:var(--bg-1);border:1px solid var(--border);padding:32px 28px;display:flex;flex-direction:column;flex:1}@media (max-width: 900px){.about-story-grid{grid-template-columns:1fr;gap:48px}.about-beyond-grid,.about-testimonials-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 700px){.about-testimonials-grid{grid-template-columns:1fr}}@media (max-width: 600px){.about-beyond-grid{grid-template-columns:1fr}}@media (max-width: 768px){.hero{padding:100px 0 60px;min-height:auto}.hero__heading{font-size:clamp(32px,8vw,52px)}.hero__sub{font-size:14px}.hero__stats{gap:24px;flex-wrap:wrap}.hero__code{display:none}.page-hero__heading{font-size:clamp(28px,7vw,48px)}.footer__inner{flex-direction:column;gap:24px;text-align:center}.footer__links{justify-content:center;flex-wrap:wrap}}@media (max-width: 480px){.hero{padding:80px 0 48px}.hero__heading{font-size:clamp(28px,8vw,40px)}.social-pill{padding:6px 12px;font-size:10px}.hero__stats{gap:20px;justify-content:flex-start}.projects-block__hdr{flex-direction:column;align-items:flex-start;gap:16px}.about-snap__socials{flex-wrap:wrap}.cta-band__heading{letter-spacing:-.03em}}.cs-metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:2px;align-items:stretch}.cs-metrics-grid>.reveal{height:100%}.cs-body-grid{display:grid;grid-template-columns:1fr 2fr;gap:80px;align-items:start}.cs-nav-grid{display:grid;grid-template-columns:1fr 1fr;border-bottom:1px solid var(--border)}@media (max-width: 900px){.cs-body-grid{grid-template-columns:1fr;gap:48px}}@media (max-width: 600px){.cs-metrics-grid{grid-template-columns:repeat(2,1fr)}.cs-nav-grid{grid-template-columns:1fr}.cs-brief-columns{grid-template-columns:1fr;gap:24px}}.cs-brief-columns{display:grid;grid-template-columns:1fr 1fr;gap:48px}.cs-goal-card{background:var(--bg-1);border:1px solid var(--border);padding:18px 20px;display:flex;gap:16px;align-items:baseline}.cs-role-callout{background:var(--accent-dim);border:1px solid var(--border);border-left:4px solid var(--accent);padding:28px 32px}.cs-research-stats{background:var(--bg-1);border:1px solid var(--border);display:grid;grid-template-columns:repeat(5,1fr);gap:0;text-align:center}.cs-stat{padding:24px 16px;border-right:1px solid var(--border)}.cs-stat:last-child{border-right:none}.cs-stat-number{font-family:var(--font-display);font-size:clamp(24px,2.5vw,32px);font-weight:800;color:var(--accent);margin-bottom:6px}.cs-stat-label{font-family:var(--font-mono);font-size:10px;letter-spacing:.12em;color:var(--text-dim);text-transform:uppercase}.cs-personas-grid{display:grid;grid-template-columns:repeat(var(--persona-cols, 3),1fr);gap:16px}.cs-persona-card{background:var(--bg-1);border:1px solid var(--border);border-left:4px solid var(--accent);padding:28px 24px}.cs-personas-grid>*:nth-child(2) .cs-persona-card{border-left-color:#a78bfa}.cs-personas-grid>*:nth-child(3) .cs-persona-card{border-left-color:#ffafd3}.cs-personas-grid>*:nth-child(4) .cs-persona-card{border-left-color:#22bbbe}.cs-persona-quote{font-style:italic;color:var(--text-dim);padding:16px 16px 16px 36px;background:var(--accent-dim);margin-top:16px;position:relative;font-size:13px;line-height:1.65}.cs-quote-mark{position:absolute;left:12px;top:8px;font-size:18px;color:var(--accent);font-style:normal}.cs-problems-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.cs-problem-card{background:var(--bg-1);border:1px solid var(--border);border-left:4px solid var(--accent);padding:28px 24px}.cs-problem-tag{display:inline-block;background:var(--accent-dim);color:var(--accent);padding:6px 14px;font-size:11px;font-weight:600;letter-spacing:.02em}.cs-hmw-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.cs-hmw-card{background:var(--bg-1);border:1px solid var(--border);border-left:4px solid var(--accent);padding:28px 24px;display:flex;align-items:center;min-height:100px}.cs-competitors-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.cs-competitor-card{background:var(--bg-1);border:1px solid var(--border);padding:28px 24px;position:relative;overflow:hidden}.cs-competitor-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--accent),transparent)}.cs-gap-callout{background:var(--accent-dim);border:1px solid var(--border);border-left:4px solid var(--accent);padding:24px 28px}.cs-framework-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.cs-journey-card{background:var(--bg-1);border:1px solid var(--border);border-left:4px solid var(--accent);padding:28px 24px}.cs-framework-grid>*:nth-child(2) .cs-journey-card{border-left-color:#a78bfa}.cs-cycle-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:10px}.cs-cycle-day{background:var(--bg-1);border:1px solid var(--border);padding:18px 10px;text-align:center;display:flex;flex-direction:column;align-items:center;height:100%}.cs-cycle-day-label{font-family:var(--font-mono);font-size:11px;font-weight:700;text-transform:uppercase;color:var(--accent);margin-bottom:6px}.cs-cycle-primary{background:var(--accent-dim);border-color:var(--accent)}.cs-cycle-success{background:#81c99514}.cs-cycle-success .cs-cycle-day-label{color:#81c995}.cs-cycle-tertiary{background:#a78bfa14}.cs-cycle-tertiary .cs-cycle-day-label{color:#a78bfa}.cs-modules-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.cs-module-card{background:var(--bg-1);border:1px solid var(--border);padding:28px 24px;position:relative;overflow:hidden}.cs-module-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--accent),transparent)}.cs-module-tag{display:inline-block;background:var(--accent-dim);color:var(--accent);padding:6px 14px;font-size:11px;font-weight:600}.cs-ds-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.cs-ds-card{background:var(--bg-1);border:1px solid var(--border);padding:28px 24px;display:flex;gap:20px;align-items:flex-start}.cs-ds-callout{background:var(--accent-dim);border:1px solid var(--border);border-left:4px solid var(--accent);padding:24px 28px}.cs-principle-card{background:var(--bg-1);border:1px solid var(--border);border-left:4px solid var(--accent);padding:28px 24px}.cs-screens-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.cs-screen-slot{background:var(--bg-2);border:1px solid var(--border);overflow:hidden;transition:border-color .3s,transform .3s;border-radius:8px;cursor:pointer}.cs-screen-slot:hover{border-color:var(--accent);transform:translateY(-4px)}.cs-lightbox-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000000eb;display:flex;align-items:center;justify-content:center;z-index:9999;cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.cs-lightbox-layout{position:relative;display:flex;align-items:center;gap:48px;max-width:85vw;max-height:90vh;cursor:default;padding:0 60px}.cs-lightbox-image{flex-shrink:0;display:flex;align-items:center;justify-content:center}.cs-lightbox-image img{height:75vh;width:auto;max-width:50vw;object-fit:contain;border-radius:16px;box-shadow:0 24px 80px #0009}.cs-lightbox-details{flex:1;min-width:240px;max-width:400px}.cs-lightbox-close{position:absolute;top:-48px;right:60px;background:none;border:none;color:#fff;font-size:28px;cursor:pointer;opacity:.7;transition:opacity .2s;width:36px;height:36px;display:flex;align-items:center;justify-content:center}.cs-lightbox-close:hover{opacity:1}.cs-lightbox-nav{position:absolute;top:50%;transform:translateY(-50%);background:#ffffff1a;border:1px solid rgba(255,255,255,.15);color:#fff;font-size:24px;cursor:pointer;width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:background .2s}.cs-lightbox-nav:hover{background:#fff3}.cs-lightbox-prev{left:0}.cs-lightbox-next{right:0}.cs-a11y-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-top:32px}.cs-a11y-card{background:var(--bg-2);border:1px solid var(--border);border-radius:12px;padding:24px}.cs-a11y-card h4{color:var(--accent);font-size:15px;font-weight:600;margin-bottom:8px}.cs-a11y-card p{color:var(--text-dim);font-size:14px;line-height:1.6}.cs-a11y-screens{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:32px}.cs-a11y-screen{border-radius:12px;overflow:hidden;border:1px solid var(--border);cursor:pointer;transition:border-color .3s,transform .3s}.cs-a11y-screen:hover{border-color:var(--accent);transform:translateY(-4px)}.cs-a11y-screen img{width:100%;height:auto;display:block}.cs-screen-image-area{width:100%;aspect-ratio:9/16;display:flex;align-items:center;justify-content:center}.cs-screen-module-tag{display:inline-block;padding:2px 8px;background:var(--accent-dim);color:var(--accent);font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;margin-bottom:6px}.cs-app-store-card{background:var(--bg-1);border:2px solid var(--border-light);border-radius:16px;padding:40px;display:flex;align-items:center;gap:40px;max-width:900px;margin:0 auto}.cs-app-icon{width:110px;height:110px;border-radius:24px;background:linear-gradient(135deg,var(--accent) 0%,#cc4400 100%);display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 8px 32px #f503}.cs-process-timeline{position:relative;margin-top:12px;padding-left:40px}.cs-process-timeline:before{content:"";position:absolute;left:10px;top:0;bottom:0;width:2px;background:linear-gradient(180deg,var(--accent) 0%,#a78bfa 50%,#ffafd3 100%)}.cs-process-step{position:relative;margin-bottom:48px}.cs-process-step:last-child{margin-bottom:0}.cs-process-dot{position:absolute;left:-36px;top:4px;width:12px;height:12px;border-radius:50%;background:var(--dot-color, var(--accent));border:3px solid var(--bg);box-shadow:0 0 0 2px var(--dot-color, var(--accent))}.cs-process-phase-tag{display:inline-block;padding:2px 10px;background:var(--accent-dim);color:var(--tag-color, var(--accent));font-family:var(--font-mono);font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.1em;margin-bottom:10px}.cs-discussion-card{background:var(--bg-1);border:1px solid var(--border);padding:18px 20px;margin-top:12px}.cs-discussion-avatar{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:9px;font-weight:700;color:var(--bg);flex-shrink:0}.cs-avatar-pm{background:var(--accent)}.cs-avatar-designer{background:#a78bfa}.cs-avatar-eng{background:#ffafd3}.cs-artifact-slot{background:var(--bg-2);border:1px dashed var(--border-light);padding:18px;margin-top:12px;display:flex;align-items:center;justify-content:center;gap:10px;font-family:var(--font-mono);font-size:11px;color:var(--text-dim);letter-spacing:.06em}.cs-outcomes-strip{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:2px}.cs-outcome-card{background:var(--bg-1);border:1px solid var(--border);padding:28px 24px;text-align:center;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}.cs-reflection-card{background:var(--bg-1);border:1px solid var(--border);padding:28px 24px}@media (max-width: 900px){.cs-brief-columns{grid-template-columns:1fr;gap:32px}.cs-personas-grid,.cs-problems-grid,.cs-hmw-grid,.cs-competitors-grid,.cs-framework-grid{grid-template-columns:1fr}.cs-modules-grid{grid-template-columns:repeat(2,1fr)}.cs-ds-grid{grid-template-columns:1fr}.cs-screens-grid{grid-template-columns:repeat(2,1fr)}.cs-a11y-grid{grid-template-columns:1fr}.cs-a11y-screens{grid-template-columns:repeat(2,1fr)}.cs-lightbox-layout{flex-direction:column;gap:24px;max-width:90vw;padding:0 48px}.cs-lightbox-image img{height:50vh;max-width:80vw}.cs-lightbox-details{text-align:center;min-width:unset}.cs-lightbox-prev{left:0}.cs-lightbox-next{right:0}.cs-cycle-grid{grid-template-columns:repeat(4,1fr)}.cs-research-stats{grid-template-columns:repeat(5,1fr)}.cs-app-store-card{flex-direction:column;text-align:center;padding:28px;gap:24px}.cs-process-timeline{padding-left:32px}}@media (max-width: 600px){.cs-modules-grid{grid-template-columns:1fr}.cs-screens-grid,.cs-a11y-screens{grid-template-columns:repeat(2,1fr)}.cs-lightbox-layout{padding:0 20px;gap:16px}.cs-lightbox-image img{height:40vh;max-width:85vw}.cs-lightbox-prev{left:0}.cs-lightbox-next{right:0}.cs-cycle-grid{grid-template-columns:repeat(3,1fr)}.cs-research-stats{grid-template-columns:1fr}.cs-stat{border-right:none;border-bottom:1px solid var(--border)}.cs-stat:last-child{border-bottom:none}}.beyond-gallery-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.beyond-gallery-grid>*:first-child{grid-row:span 2}.beyond-gallery-grid>*:first-child .beyond-gallery-item{min-height:380px}.beyond-gallery-item{background:var(--bg-1);border:1px dashed var(--border-light);display:flex;align-items:center;justify-content:center;flex-direction:column;gap:12px;min-height:220px;height:100%;transition:border-color var(--t-fast)}.beyond-gallery-item:hover{border-color:var(--accent)}.beyond-nav-grid{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--border)}@media (max-width: 900px){.beyond-gallery-grid{grid-template-columns:repeat(2,1fr)}.beyond-gallery-grid>*:first-child{grid-row:span 1}.beyond-gallery-grid>*:first-child .beyond-gallery-item{min-height:220px}}@media (max-width: 600px){.beyond-gallery-grid{grid-template-columns:1fr}}