:root{color:#1d1d1f;font-synthesis:none;font-optical-sizing:auto;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;--page:#f5f5f7;--surface:#fff;--ink:#1d1d1f;--muted:#6e6e73;--soft:#86868b;--line:#1d1d1f1c;--blue:#0071e3;--blue-hover:#0077ed;--ease-out:cubic-bezier(.22, .9, .32, 1);--content:1200px;background:#f5f5f7;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,SF Pro Text,Helvetica Neue,Hiragino Sans,Yu Gothic UI,Yu Gothic,Meiryo,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scrollbar-gutter:stable;background:var(--page);min-width:320px;scroll-padding-top:104px}body{min-width:320px;color:var(--ink);background:linear-gradient(180deg, #fbfbfd 0, var(--page) 980px, var(--page) 100%);margin:0;overflow-x:hidden}button,a{-webkit-tap-highlight-color:transparent;touch-action:manipulation}button{color:inherit;font:inherit}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}h1,h2,h3,p,figure,fieldset,dl,dd{margin:0}ul,ol{margin:0;padding:0}section[id]{scroll-margin-top:104px}::selection{color:#fff;background:var(--blue)}:focus-visible{outline:3px solid var(--blue);outline-offset:4px}.sr-only{clip:rect(0, 0, 0, 0)!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}.skip-link{z-index:100;color:#fff;min-height:44px;transition:transform .16s var(--ease-out);background:#111;border-radius:14px;padding:12px 18px;position:fixed;top:12px;left:12px;transform:translateY(-160%)}.skip-link:focus{transform:translateY(0)}.section-shell{width:min(calc(100% - 48px), var(--content));margin-inline:auto}.pressable{will-change:transform;transition:transform .12s ease-out,background-color .18s ease-out,color .18s ease-out,box-shadow .18s ease-out}.pressable:active,.filter-control button:active,.product-tile:active,.project-link:active{transition-duration:70ms;transform:scale(.97)}.site-header{z-index:50;pointer-events:none;width:100%;position:fixed;top:14px;left:0}.header-surface{-webkit-backdrop-filter:saturate(180%)blur(22px);pointer-events:auto;width:min(100% - 32px,1180px);min-height:66px;animation:header-enter .42s var(--ease-out) both;background:#ffffffbd;border:1px solid #ffffffc2;border-radius:22px;grid-template-columns:1fr auto 1fr;align-items:center;margin-inline:auto;padding:8px 10px 8px 20px;display:grid;box-shadow:inset 0 1px #fffc,0 10px 36px #00000014}@keyframes header-enter{0%{transform:translateY(-12px)}to{transform:translateY(0)}}.brand{flex-direction:column;justify-self:start;min-height:44px;padding:5px 0;line-height:1;display:inline-flex}.brand strong{letter-spacing:.08em;font-size:.86rem;font-weight:750}.brand small{color:var(--muted);letter-spacing:.1em;margin-top:5px;font-size:.68rem;font-weight:650}.primary-nav{justify-self:center;align-items:center;gap:4px;display:flex}.primary-nav a{color:#424245;border-radius:999px;align-items:center;min-height:44px;padding:0 15px;font-size:.84rem;font-weight:600;transition:color .18s ease-out,background-color .18s ease-out,transform 90ms ease-out;display:inline-flex}.primary-nav a:active{transform:scale(.97)}.header-cta{color:#fff;background:var(--blue);border-radius:999px;justify-content:center;justify-self:end;align-items:center;min-height:46px;padding:0 20px;font-size:.84rem;font-weight:650;display:inline-flex;box-shadow:0 5px 14px #0071e333}.hero{padding-top:146px;padding-bottom:76px}.hero-copy{text-align:center;max-width:980px;animation:hero-enter .48s var(--ease-out) both;margin-inline:auto}@keyframes hero-enter{0%{transform:translateY(14px)}to{transform:translateY(0)}}.eyebrow{color:var(--muted);letter-spacing:.13em;text-transform:uppercase;font-size:.76rem;font-weight:720;line-height:1.4}.hero h1{letter-spacing:-.05em;text-wrap:balance;margin-top:20px;font-size:clamp(3.25rem,5.7vw,5.4rem);font-weight:680;line-height:.99}.hero h1 span{color:var(--soft);margin-top:.16em;display:block}.hero-lead{max-width:690px;color:var(--muted);letter-spacing:-.012em;text-wrap:pretty;margin:26px auto 0;font-size:clamp(1.05rem,1.5vw,1.28rem);font-weight:450;line-height:1.8}.hero-actions{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:34px;display:flex}.button{border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;min-height:50px;padding:0 23px;font-size:.94rem;font-weight:650;display:inline-flex}.button-primary{color:#fff;background:var(--blue);box-shadow:0 8px 24px #0071e32e}.button-secondary{border-color:var(--line);color:#303033;background:#ffffffd1}.hero-stats{justify-content:center;gap:clamp(28px,5vw,72px);margin-top:38px;display:flex}.hero-stats div{min-width:92px}.hero-stats dt{letter-spacing:-.035em;font-size:1.8rem;font-weight:650;line-height:1}.hero-stats dd{color:var(--muted);letter-spacing:.04em;text-transform:uppercase;margin-top:7px;font-size:.76rem;font-weight:650}.hero-showcase{color:#fff;animation:showcase-enter .56s 80ms var(--ease-out) both;background:linear-gradient(145deg,#285c3f75,#0000 42%),#07100b;border:1px solid #ffffff1a;border-radius:38px;margin-top:76px;padding:24px 30px 34px;position:relative;overflow:hidden;box-shadow:0 34px 80px #07100b30,0 2px 8px #07100b24}@keyframes showcase-enter{0%{transform:translateY(18px)scale(.992)}to{transform:translateY(0)scale(1)}}.showcase-caption{z-index:2;justify-content:space-between;align-items:center;gap:24px;display:flex;position:relative}.showcase-product{align-items:center;gap:13px;min-width:0;display:flex}.showcase-product img{border-radius:13px;flex:none;width:52px;height:52px;box-shadow:0 5px 16px #00000047}.showcase-product span{flex-direction:column;gap:4px;min-width:0;display:flex}.showcase-product small{color:#ffffff9e;letter-spacing:.12em;font-size:.68rem;font-weight:700}.showcase-product strong{letter-spacing:-.012em;text-overflow:ellipsis;white-space:nowrap;font-size:1rem;font-weight:650;overflow:hidden}.showcase-platforms{flex-wrap:wrap;justify-content:flex-end;gap:7px;display:flex}.showcase-platforms span{color:#fffc;border:1px solid #fff3;border-radius:999px;padding:8px 12px;font-size:.72rem;font-weight:650}.showcase-gallery{grid-template-columns:repeat(3,minmax(0,1fr));align-items:end;gap:17px;width:min(100%,720px);margin:38px auto 0;display:grid}.showcase-gallery img{aspect-ratio:600/1300;object-fit:cover;width:100%;transition:transform .42s var(--ease-out);border-radius:22px;box-shadow:0 28px 54px #0000006b,0 0 0 1px #ffffff14}.showcase-gallery img:nth-child(2){transform:translateY(-18px)}.works{padding-top:118px;padding-bottom:118px}.works-intro{max-width:960px}.works-kicker{color:var(--blue);letter-spacing:.11em;font-size:.72rem;font-weight:720}.works-intro h1{letter-spacing:-.052em;text-wrap:balance;margin-top:16px;font-size:clamp(2.4rem,5vw,4.8rem);font-weight:660;line-height:1.02}.works-intro h1 span{color:#86868b;display:block}.works-lead{color:#515154;text-wrap:pretty;max-width:760px;margin-top:24px;font-size:clamp(1rem,1.5vw,1.15rem);line-height:1.78}.works-count{letter-spacing:-.018em;align-items:baseline;gap:.18em;margin-top:34px;font-size:1rem;font-weight:650;display:flex}.works-count strong{letter-spacing:-.05em;font-size:clamp(2.4rem,4vw,3.2rem);font-weight:680;line-height:1}.works>.filter-control{margin-top:28px}.section-heading{max-width:760px}.section-heading h2{letter-spacing:-.045em;text-wrap:balance;margin-top:18px;font-size:clamp(2.55rem,4.8vw,4.35rem);font-weight:670;line-height:1.03}.section-heading>p:last-child{max-width:620px;color:var(--muted);text-wrap:pretty;margin-top:24px;font-size:1.08rem;line-height:1.8}.section-heading-centered{text-align:center;margin-inline:auto}.section-heading-centered>p:last-child{margin-inline:auto}.filter-control{min-width:0;min-inline-size:0;box-sizing:border-box;overscroll-behavior-inline:contain;scroll-snap-type:x proximity;scrollbar-width:none;view-transition-name:filter-control;background:#e8e8ed;border:0;border-radius:999px;max-width:100%;margin-top:40px;padding:4px;display:inline-flex;overflow-x:auto}.filter-control::-webkit-scrollbar{display:none}.filter-control button{color:#515154;cursor:pointer;scroll-snap-align:start;white-space:nowrap;background:0 0;border:0;border-radius:999px;flex:none;justify-content:center;align-items:center;min-height:44px;padding:0 15px;font-size:.84rem;font-weight:620;transition:color .18s ease-out,background-color .22s ease-out,box-shadow .22s ease-out,transform 90ms ease-out;display:inline-flex}.filter-control button small{min-width:21px;height:21px;color:var(--muted);background:#0000000d;border-radius:999px;justify-content:center;align-items:center;margin-left:7px;font-size:.68rem;font-weight:700;display:inline-flex}.filter-control button.is-selected{color:#1d1d1f;background:#fff;box-shadow:0 1px 2px #00000014,0 3px 9px #0000000f}.filter-control button.is-selected small{color:#fff;background:#1d1d1f}.result-summary{color:var(--muted);letter-spacing:.04em;margin:22px 0 18px;font-size:.78rem;font-weight:650}.category-description{background:#ffffffb8;border:1px solid #1d1d1f12;border-radius:20px;align-items:baseline;gap:14px 20px;max-width:920px;margin-top:18px;padding:18px 20px;display:flex}.category-description strong{color:var(--ink);flex:none;font-size:.86rem;font-weight:680}.category-description span{color:#6e6e73;font-size:.86rem;line-height:1.65}.project-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;display:grid}.project-card{background:var(--surface);min-width:0;transition:transform .42s var(--ease-out), box-shadow .42s var(--ease-out);border:1px solid #1d1d1f14;border-radius:34px;overflow:hidden;box-shadow:0 1px 2px #00000008,0 16px 48px #0000000f}.project-card-wide{grid-column:1/-1;grid-template-columns:minmax(0,1.65fr) minmax(340px,.75fr);min-height:620px;display:grid}.project-04{grid-template-columns:minmax(400px,.85fr) minmax(0,1.55fr)}.project-04 .project-media{order:2}.project-04 .project-content{order:1}.project-card-standard{flex-direction:column;min-height:720px;display:flex}.project-media{min-width:0;position:relative;overflow:hidden}.project-card-wide .project-media{min-height:620px}.project-card-standard .project-media{aspect-ratio:16/10}.project-media-forest{background:#071811}.project-media-midnight{background:#0d131a}.project-media-stadium{background:#ded7c8}.project-media-gold{background:#061c19}.project-screen-grid{grid-template-columns:repeat(3,minmax(0,1fr));align-items:center;gap:12px;height:100%;padding:34px 28px;display:grid}.project-screen-grid img{aspect-ratio:600/1300;object-fit:cover;width:100%;transition:transform .44s var(--ease-out);border-radius:18px;box-shadow:0 24px 46px #00000061,0 0 0 1px #ffffff0f}.project-screen-grid img:nth-child(2){transform:translateY(-14px)}.project-cover,.project-cover img{width:100%;height:100%}.project-cover img{object-fit:cover;transition:transform .52s var(--ease-out)}.project-media-stadium .project-cover img{object-position:50% 55%}.project-media-midnight .project-cover img{object-fit:contain}.project-content{flex-direction:column;min-width:0;padding:40px;display:flex}.project-card-wide .project-content{justify-content:center}.project-card-standard .project-content{flex:1;padding:32px}.project-heading{align-items:center;gap:16px;display:flex}.project-icon{object-fit:cover;border-radius:15px;flex:none;width:64px;height:64px;box-shadow:0 7px 18px #0000001f,0 0 0 1px #0000000f}.project-category{color:var(--muted);letter-spacing:.09em;font-size:.72rem;font-weight:720}.project-heading h3{letter-spacing:-.036em;text-wrap:balance;margin-top:6px;font-size:clamp(1.75rem,2.8vw,2.75rem);font-weight:660;line-height:1.08}.project-04 .project-heading{flex-direction:column;align-items:flex-start}.project-04 .project-heading h3{font-size:clamp(1.75rem,2.3vw,2rem)}.project-card-standard .project-heading h3{font-size:clamp(1.65rem,2.5vw,2.25rem)}.project-eyebrow{color:var(--blue);letter-spacing:.06em;text-transform:uppercase;margin-top:30px;font-size:.76rem;font-weight:710}.project-description{color:#515154;margin-top:14px;font-size:.98rem;line-height:1.76}.project-services{flex-wrap:wrap;gap:7px;margin-top:22px;list-style:none;display:flex}.project-services li{border:1px solid var(--line);color:var(--muted);border-radius:999px;padding:7px 10px;font-size:.72rem;font-weight:620}.project-links{flex-wrap:wrap;gap:9px;display:flex}.project-links-hero{margin-top:20px}.project-links-footer{margin-top:auto;padding-top:32px}.project-link{color:#fff;will-change:transform;background:#1d1d1f;border-radius:16px;flex-direction:column;justify-content:center;min-height:54px;padding:8px 17px;transition:transform 90ms ease-out,background-color .18s ease-out,box-shadow .18s ease-out;display:inline-flex;box-shadow:0 7px 18px #0000001a}.project-link small{color:#a1a1a6;letter-spacing:.08em;text-transform:uppercase;font-size:.66rem;font-weight:700}.project-link>span:not(.sr-only){margin-top:3px;font-size:.82rem;font-weight:650}.project-link-text{align-items:center;gap:7px;display:inline-flex}.project-link-external{font-size:.9em;line-height:1}.project-link-primary{background:var(--blue);box-shadow:0 8px 22px #0071e338}.project-link-secondary{color:var(--ink);background:#fff;border:1px solid #1d1d1f1f;box-shadow:0 4px 12px #0000000f}.project-link-secondary small{color:#6e6e73}.project-link-primary:focus-visible{outline-color:#1d1d1f;box-shadow:0 0 0 2px #fff,0 8px 22px #0071e338}.product-overview-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:24px;display:grid}.product-tile{min-width:0;min-height:310px;color:var(--ink);background:var(--surface);cursor:pointer;text-align:center;transition:transform .1s ease-out, border-color .26s ease-out, box-shadow .36s var(--ease-out);will-change:transform;border:1px solid #1d1d1f14;border-radius:30px;flex-direction:column;justify-content:center;align-items:center;gap:24px;padding:30px;display:flex;box-shadow:0 1px 2px #00000008,0 14px 38px #0000000e}.product-tile-image{aspect-ratio:1;background:#e8e8ed;border:1px solid #1d1d1f14;border-radius:28px;width:clamp(102px,10vw,128px);display:block;overflow:hidden;box-shadow:0 12px 28px #00000024,0 1px 2px #00000014}.product-tile-image img{object-fit:cover;width:100%;height:100%}.product-tile-placeholder,.project-icon-placeholder,.project-media-placeholder{color:#86868b;background:linear-gradient(145deg,#f5f5f7,#e8e8ed);place-items:center;font-weight:680;display:grid}.product-tile-placeholder{width:100%;height:100%;font-size:2.2rem}.project-icon-placeholder{font-size:1.3rem}.project-media-placeholder{width:100%;height:100%;min-height:280px}.project-media-placeholder img{object-fit:cover;border-radius:28px;width:128px;height:128px;box-shadow:0 16px 38px #0000002e}.product-05 .product-tile-image img{object-position:18% 50%}.product-06 .product-tile-image img{object-position:62% 50%}.product-tile h3{letter-spacing:-.025em;text-wrap:balance;max-width:285px;font-size:clamp(1.08rem,1.6vw,1.36rem);font-weight:650;line-height:1.3}.product-tile-subtitle{color:#6e6e73;letter-spacing:.01em;font-size:.75rem;font-weight:620;line-height:1.3}.product-tile-copy{flex-direction:column;align-items:center;gap:11px;min-width:0;display:flex}.product-tile-meta{flex-wrap:wrap;justify-content:center;gap:6px;display:flex}.product-tile-meta>span{color:#6e6e73;background:#f5f5f7;border-radius:999px;align-items:center;min-height:24px;padding:4px 9px;font-size:.67rem;font-weight:650;line-height:1.2;display:inline-flex}.empty-state{color:#6e6e73;text-align:center;background:#ffffff8a;border:1px dashed #1d1d1f29;border-radius:28px;place-content:center;min-height:210px;margin-top:18px;padding:36px;display:grid}.empty-state strong{color:var(--ink);font-size:1.08rem;font-weight:660}.empty-state p{margin-top:8px;font-size:.88rem;line-height:1.65}:is(html:has(.project-dialog[open]),body:has(.project-dialog[open])){overscroll-behavior:none;overflow:hidden}.project-dialog{width:min(100% - 32px,1120px);max-width:none;max-height:min(88dvh,820px);color:var(--ink);background:var(--surface);opacity:0;transition:opacity .22s ease-out, transform .36s var(--ease-out), display .36s allow-discrete, overlay .36s allow-discrete;border:1px solid #ffffffc7;border-radius:32px;padding:0;overflow:hidden;transform:translateY(18px)scale(.982);box-shadow:0 44px 120px #00000047,0 2px 10px #0000001f}.project-dialog[open]{opacity:1;transform:translateY(0)scale(1)}@starting-style{.project-dialog[open]{opacity:0;transform:translateY(18px)scale(.982)}}.project-dialog::backdrop{-webkit-backdrop-filter:saturate(120%)blur(14px);background:#1414167a}.project-detail{grid-template-columns:minmax(0,1.2fr) minmax(360px,.8fr);min-height:min(720px,82dvh);max-height:min(88dvh,820px);display:grid;position:relative;overflow:hidden}@media (min-width:761px){.project-detail{height:min(88dvh,820px)}}.project-detail-media{min-width:0;min-height:0;overflow:hidden}.project-detail-media .project-media{height:100%}.project-detail-content{overscroll-behavior:contain;scrollbar-color:#1d1d1f52 transparent;scrollbar-gutter:stable;scrollbar-width:thin;-webkit-overflow-scrolling:touch;flex-direction:column;min-width:0;min-height:0;padding:82px 38px 38px;display:flex;overflow-y:auto}.project-detail-content::-webkit-scrollbar{width:10px}.project-detail-content::-webkit-scrollbar-track{background:0 0}.project-detail-content::-webkit-scrollbar-thumb{background:#1d1d1f47 padding-box padding-box;border:3px solid #0000;border-radius:999px}.project-detail-content:hover::-webkit-scrollbar-thumb{background-color:#1d1d1f75}.project-detail-content:focus-visible::-webkit-scrollbar-thumb{background-color:#1d1d1f75}.project-detail-content:focus-visible{outline-offset:-4px}.dialog-close{z-index:3;color:#424245;-webkit-backdrop-filter:saturate(160%)blur(16px);cursor:pointer;background:#f5f5f7e6;border:1px solid #1d1d1f14;border-radius:999px;justify-content:center;align-items:center;min-width:64px;min-height:44px;padding:0 15px;font-size:.8rem;font-weight:650;display:inline-flex;position:absolute;top:20px;right:20px;box-shadow:0 1px 3px #0000000f}.project-detail .project-heading{align-items:flex-start}.project-detail-intro{flex-direction:column;display:flex}.project-detail .project-heading>div{min-width:0}.project-detail .project-heading h2{letter-spacing:-.038em;text-wrap:balance;margin-top:7px;font-size:clamp(1.72rem,2.55vw,2.45rem);font-weight:660;line-height:1.08}.project-title-subtitle{color:#6e6e73;letter-spacing:.01em;margin-top:7px;font-size:.88rem;font-weight:620;line-height:1.35}.project-badges{flex-wrap:wrap;gap:5px;display:flex}.project-badges span{color:#515154;background:#f5f5f7;border-radius:999px;align-items:center;min-height:23px;padding:4px 8px;font-size:.63rem;font-weight:680;line-height:1.2;display:inline-flex}.project-badges .status-badge{color:#046c3b;background:#e7f7ee}.project-badges .status-development{color:#7a4d00;background:#fff1d6}.project-badges .status-demo{color:#1557a0;background:#e8f2ff}.project-badges .status-private,.project-badges .status-ended{color:#6e6e73;background:#ededf0}.project-icon-cover{object-position:center}.project-detail .project-eyebrow{margin-top:34px}.project-subcategory{color:var(--ink);margin-top:10px;font-size:.86rem;font-weight:650}.project-facts{border-top:1px solid var(--line);margin-top:26px}.project-fact{border-bottom:1px solid var(--line);padding:17px 0}.project-fact h3{color:#6e6e73;letter-spacing:.06em;font-size:.68rem;font-weight:720}.project-fact p,.project-fact li{color:#424245;font-size:.84rem;line-height:1.7}.project-fact p,.project-fact ul{margin-top:7px}.project-fact ul{flex-wrap:wrap;gap:6px;list-style:none;display:flex}.project-fact li{border:1px solid var(--line);background:#fbfbfd;border-radius:9px;padding:5px 8px;line-height:1.35}.process{background:#fff;padding:134px 0 126px}.process-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:64px;list-style:none;display:grid}.process-grid li{background:var(--page);border:1px solid #1d1d1f0f;border-radius:26px;min-height:250px;padding:31px}.process-grid small{color:var(--muted);letter-spacing:.11em;font-size:.72rem;font-weight:720}.process-grid h3{letter-spacing:-.028em;margin-top:48px;font-size:1.72rem;font-weight:650}.process-grid p{color:var(--muted);margin-top:13px;font-size:.95rem;line-height:1.72}.capability-line{color:var(--muted);letter-spacing:.055em;text-align:center;text-transform:uppercase;margin-top:44px;font-size:.76rem;font-weight:650;line-height:1.8}.about{color:#f5f5f7;background:#1d1d1f;padding:142px 0}.about-layout{grid-template-columns:minmax(0,1.05fr) minmax(380px,.75fr);align-items:start;gap:clamp(72px,11vw,160px);display:grid}.eyebrow-light{color:#a1a1a6}.about h2{letter-spacing:-.05em;text-wrap:balance;max-width:680px;margin-top:20px;font-size:clamp(3.1rem,6vw,5.8rem);font-weight:650;line-height:1.01}.about-copy>p{color:#d2d2d7;letter-spacing:-.018em;font-size:clamp(1.18rem,2vw,1.52rem);line-height:1.72}.about-copy ul{margin-top:50px;list-style:none}.about-copy li{color:#a1a1a6;letter-spacing:.01em;border-top:1px solid #ffffff29;padding:16px 0;font-size:.86rem;font-weight:600}.about-copy li:last-child{border-bottom:1px solid #ffffff29}.site-footer{min-height:120px;color:var(--muted);letter-spacing:.04em;justify-content:space-between;align-items:center;gap:24px;font-size:.76rem;font-weight:620;display:flex}.footer-brand{min-height:44px;color:var(--ink);letter-spacing:.09em;align-items:center;font-size:.82rem;font-weight:750;display:inline-flex}@media (hover:hover) and (pointer:fine){.primary-nav a:hover{color:var(--ink);background:#0000000b}.header-cta:hover,.button-primary:hover{background:var(--blue-hover)}.button-secondary:hover{background:#fff;box-shadow:0 8px 22px #00000012}.product-tile:hover{border-color:#1d1d1f21;transform:translateY(-4px);box-shadow:0 2px 4px #0000000a,0 24px 58px #00000018}.dialog-close:hover{color:var(--ink);background:#e8e8ed}.showcase-gallery img:hover{transform:translateY(-7px)}.showcase-gallery img:nth-child(2):hover{transform:translateY(-25px)}.project-card:hover{transform:translateY(-5px);box-shadow:0 2px 4px #0000000a,0 26px 66px #0000001a}.project-card:hover .project-screen-grid img{transform:translateY(-4px)}.project-card:hover .project-screen-grid img:nth-child(2){transform:translateY(-18px)}.project-card:hover .project-cover img{transform:scale(1.025)}.project-link:hover{background:#343437;box-shadow:0 10px 24px #00000029}.project-link-primary:hover{background:var(--blue-hover);box-shadow:0 11px 26px #0071e347}.project-link-secondary:hover{color:var(--ink);background:#f5f5f7;box-shadow:0 8px 20px #0000001a}}::view-transition-group(*){animation-duration:.36s;animation-timing-function:var(--ease-out)}::view-transition-old(root){animation-duration:.22s}::view-transition-new(root){animation-duration:.22s}@media (max-width:980px){.primary-nav a{padding-inline:10px}.product-tile{min-height:258px}.project-detail{grid-template-columns:minmax(0,1.05fr) minmax(300px,.95fr)}.project-detail-content{padding-inline:30px}.project-card-wide,.project-04{grid-template-columns:1fr}.project-04 .project-media,.project-04 .project-content{order:initial}.project-card-wide .project-media{min-height:560px}.project-card-wide .project-content{min-height:430px}.about-layout{grid-template-columns:1fr;gap:60px}.about-copy{max-width:680px}}@media (max-width:760px){html{scroll-padding-top:88px}section[id]{scroll-margin-top:88px}.section-shell{width:min(calc(100% - 28px), var(--content))}.site-header{top:8px}.header-surface{border-radius:19px;grid-template-columns:1fr auto;width:calc(100% - 20px);min-height:60px;padding:7px 8px 7px 15px}.primary-nav{display:none}.header-cta{min-height:44px;padding-inline:16px}.hero{padding-top:126px;padding-bottom:58px}.hero h1{letter-spacing:-.048em;margin-top:19px;font-size:clamp(2.65rem,10.8vw,4.25rem);line-height:1.02}.hero h1 span{margin-top:.2em}.hero-lead{margin-top:25px;font-size:1rem;line-height:1.72}.hero-actions{grid-template-columns:1fr;margin-top:28px;display:grid}.button{width:100%;min-height:52px}.hero-stats{justify-content:space-between;gap:0;margin-top:30px;padding:0 6px}.hero-stats div{flex:1;min-width:0}.hero-stats dt{font-size:1.48rem}.hero-stats dd{font-size:.65rem}.hero-showcase{border-radius:28px;margin-top:54px;padding:18px 16px 20px}.showcase-caption{flex-direction:column;align-items:flex-start;gap:14px}.showcase-product img{border-radius:12px;width:46px;height:46px}.showcase-product strong{max-width:235px;font-size:.92rem}.showcase-platforms{justify-content:flex-start}.showcase-gallery{scroll-snap-type:x mandatory;scrollbar-width:none;gap:12px;width:auto;margin:27px -16px 0;padding:8px 16px 14px;scroll-padding-inline:16px;display:flex;overflow-x:auto}.showcase-gallery::-webkit-scrollbar{display:none}.showcase-gallery img,.showcase-gallery img:nth-child(2){scroll-snap-align:center;flex:none;width:min(68vw,260px);transform:none}.works{padding-top:102px;padding-bottom:88px}.works-kicker{font-size:.66rem}.works-intro h1{letter-spacing:-.048em;margin-top:13px;font-size:clamp(2.05rem,9.8vw,3rem);line-height:1.04}.works-lead{margin-top:19px;font-size:.94rem;line-height:1.72}.works-intro .works-count{margin-top:25px}.works-count strong{font-size:2.35rem}.works>.filter-control{margin-top:18px}.section-heading h2{letter-spacing:-.045em;margin-top:15px;font-size:clamp(2.55rem,12vw,4rem)}.section-heading>p:last-child{margin-top:19px;font-size:.98rem;line-height:1.76}.filter-control{width:100%;margin-top:30px;scroll-padding-inline:4px;display:flex}.filter-control button{flex:1 0 auto;padding-inline:13px}.result-summary{margin:20px 0 14px}.category-description{border-radius:18px;flex-direction:column;align-items:flex-start;margin-top:14px;padding:15px 16px}.category-description span{font-size:.82rem}.product-overview-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:18px}.product-tile{border-radius:24px;gap:15px;min-height:224px;padding:18px 14px}.product-tile-image{border-radius:21px;width:clamp(76px,22vw,92px)}.product-tile h3{font-size:clamp(.94rem,4.2vw,1.08rem);line-height:1.28}.product-tile-copy{gap:9px}.product-tile-meta{gap:4px}.product-tile-meta>span{min-height:22px;padding:4px 7px;font-size:.61rem}.empty-state{border-radius:24px;min-height:180px;padding:28px 18px}.project-dialog{border-bottom:0;border-left:0;border-right:0;border-radius:28px 28px 0 0;width:100%;max-height:92dvh;margin:auto 0 0;inset:auto 0 0;transform:translateY(28px)}.project-dialog[open]{transform:translateY(0)}@starting-style{.project-dialog[open]{opacity:0;transform:translateY(28px)}}.project-detail{overscroll-behavior:contain;scrollbar-color:#1d1d1f52 transparent;scrollbar-width:thin;-webkit-overflow-scrolling:touch;flex-direction:column;min-height:0;max-height:92dvh;display:flex;overflow-y:auto}.project-detail::-webkit-scrollbar{width:8px}.project-detail::-webkit-scrollbar-track{background:0 0}.project-detail::-webkit-scrollbar-thumb{background:#1d1d1f47 padding-box padding-box;border:2px solid #0000;border-radius:999px}.project-detail-media{flex:none;height:min(34dvh,300px);min-height:220px}.project-detail-content{padding:30px 22px calc(28px + env(safe-area-inset-bottom));scrollbar-gutter:auto;flex:none;overflow:visible}.dialog-close{background:#ffffffe6;top:14px;right:14px;box-shadow:0 5px 18px #00000029,0 0 0 1px #0000000a}.project-grid{grid-template-columns:1fr;gap:18px}.project-card,.project-card-wide,.project-card-standard{border-radius:28px;flex-direction:column;grid-column:auto;min-height:0;display:flex}.project-card .project-media,.project-card-wide .project-media,.project-card-standard .project-media{aspect-ratio:auto;order:initial;min-height:0}.project-screen-grid{scroll-snap-type:x mandatory;scrollbar-width:none;gap:11px;height:auto;padding:24px 20px 28px;scroll-padding-inline:20px;display:flex;overflow-x:auto}.project-screen-grid::-webkit-scrollbar{display:none}.project-screen-grid img,.project-screen-grid img:nth-child(2){scroll-snap-align:center;flex:none;width:min(68vw,245px);transform:none}.project-detail-media .project-screen-grid{align-items:center;height:100%;padding:22px 20px}.project-detail-media .project-screen-grid img,.project-detail-media .project-screen-grid img:nth-child(2){width:auto;height:100%;transform:none}.project-card-standard .project-media{aspect-ratio:4/3}.project-card .project-content{order:initial;min-height:0;padding:26px 22px 24px}.project-icon{border-radius:14px;width:56px;height:56px}.project-heading{gap:13px}.project-heading h3,.project-card-standard .project-heading h3,.project-detail .project-heading h2{font-size:clamp(1.65rem,8vw,2.25rem)}.project-badges{gap:4px}.project-facts{margin-top:23px}.project-eyebrow{margin-top:25px}.project-detail-intro .project-description{order:2}.project-links-hero{order:1;margin-top:18px}.project-links-footer{padding-top:27px}.project-link{flex:132px;min-width:132px}.process{padding:94px 0 88px}.process-grid{grid-template-columns:1fr;gap:12px;margin-top:44px}.process-grid li{min-height:0;padding:25px}.process-grid h3{margin-top:30px}.capability-line{margin-top:35px;font-size:.7rem}.about{padding:96px 0}.about-layout{gap:44px}.about h2{font-size:clamp(2.9rem,13vw,4.5rem)}.about-copy>p{font-size:1.12rem}.about-copy ul{margin-top:38px}.site-footer{flex-direction:column;align-items:flex-start;gap:7px;min-height:0;padding-top:34px;padding-bottom:34px}}@media (max-width:390px){.brand strong{font-size:.78rem}.brand small{font-size:.61rem}.header-cta{padding-inline:13px;font-size:.79rem}.showcase-product strong{max-width:205px}.filter-control button{padding-inline:11px;font-size:.8rem}.filter-control button small{margin-left:5px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{scroll-behavior:auto!important;animation-duration:1ms!important;animation-delay:0s!important}.pressable,.filter-control button,.product-tile,.project-dialog,.dialog-close,.project-card,.project-link,.project-screen-grid img,.project-cover img,.showcase-gallery img{transition:color .1s linear,background-color .1s linear,border-color .1s linear!important}.pressable:active,.filter-control button:active,.product-tile:active,.product-tile:hover,.project-link:active,.project-card:hover,.project-card:hover .project-screen-grid img,.project-card:hover .project-cover img,.showcase-gallery img,.showcase-gallery img:nth-child(2){transform:none!important}::view-transition-group(*){animation-duration:1ms!important}::view-transition-old(root){animation-duration:1ms!important}::view-transition-new(root){animation-duration:1ms!important}}@media (prefers-reduced-transparency:reduce){.header-surface{border-color:var(--line);-webkit-backdrop-filter:none;background:#fff}.button-secondary{background:#fff}.project-dialog::backdrop{-webkit-backdrop-filter:none}.dialog-close{-webkit-backdrop-filter:none;background:#f5f5f7}}@media (prefers-contrast:more){:root{--muted:#454548;--soft:#5c5c60;--line:#00000059}.header-surface,.product-tile,.project-dialog,.project-card,.process-grid li{border-color:#00000059}.showcase-platforms span,.about-copy li{border-color:#ffffff8c}.showcase-product small,.showcase-platforms span,.about-copy>p,.about-copy li{color:#fff}}
