:root{--font-sans: "Geist", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;--font-mono: "Geist Mono", ui-monospace, "SF Mono", Menlo, monospace;--brand: #42a8c2;--brand-hover: #55b8d1;--brand-ink: #03141d;--navy: #07203d;--radius: 14px;--radius-sm: 10px;--gap: 10px;--pad: 16px;--topbar-h: 64px;--slant: 15deg;--ease: cubic-bezier(.22, 1, .36, 1);--ease-io: cubic-bezier(.76, 0, .24, 1)}:root,:root[data-theme=dark]{color-scheme:dark;--bg: #0a0a0a;--card: #161616;--card-hover: #1c1c1c;--line: #262626;--fg: #f2f2f2;--fg-2: #a3a3a3;--fg-3: #6b6b6b;--invert-bg: #f2f2f2;--invert-fg: #0a0a0a;--watermark: rgb(255 255 255 / .035);--img-overlay: linear-gradient(180deg, rgb(0 0 0 / .65) 0%, rgb(0 0 0 / 0) 30%, rgb(0 0 0 / 0) 52%, rgb(0 0 0 / .8) 100%)}:root[data-theme=light]{color-scheme:light;--bg: #e9e9e7;--card: #f7f7f5;--card-hover: #ffffff;--line: #d6d6d3;--fg: #0d0d0d;--fg-2: #555555;--fg-3: #8a8a8a;--invert-bg: #0d0d0d;--invert-fg: #f7f7f5;--watermark: rgb(0 0 0 / .04);--img-overlay: linear-gradient(180deg, rgb(0 0 0 / .55) 0%, rgb(0 0 0 / 0) 30%, rgb(0 0 0 / 0) 52%, rgb(0 0 0 / .72) 100%)}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;min-height:100%}body{background:var(--bg);color:var(--fg);font-family:var(--font-sans);font-size:15px;line-height:1.5;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;transition:background-color .4s var(--ease),color .4s var(--ease)}body.is-locked{overflow:hidden}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer}img{display:block;max-width:100%}p,h1,ul{margin:0}:focus-visible{outline:2px solid var(--brand);outline-offset:3px;border-radius:6px}svg{flex-shrink:0}kbd{font-family:var(--font-mono);font-size:.8em;line-height:1;padding:2px 5px;border:1px solid currentColor;border-radius:4px}.label{font-family:var(--font-mono);font-size:12px;letter-spacing:.02em;text-transform:uppercase;color:var(--fg)}.label--muted,.muted{color:var(--fg-3)}.slash{color:var(--brand)}.dot{display:inline-block;width:7px;height:7px;border-radius:50%}.dot--brand{background:var(--brand)}.dot--live{background:#3ecf8e;box-shadow:0 0 #3ecf8e99;animation:pulse 2.2s infinite}@keyframes pulse{70%{box-shadow:0 0 0 7px #3ecf8e00}to{box-shadow:0 0 #3ecf8e00}}.chip{display:inline-flex;align-items:center;gap:7px;font-family:var(--font-mono);font-size:11px;text-transform:uppercase;color:var(--fg-2);padding:5px 9px;border:1px solid var(--line);border-radius:999px}.arrow{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.6;transition:transform .35s var(--ease)}.icon-btn{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:#ffffff24;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);color:#fff;transition:background-color .25s var(--ease)}.icon-btn:hover{background:#ffffff47}.icon-btn svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.8}.brand{display:inline-flex;align-items:center;gap:9px;color:var(--fg)}.brand__mark{width:26px;height:26px}.brand__name{font-weight:600;font-size:15px;letter-spacing:-.02em;white-space:nowrap}.topbar{position:relative;z-index:20;height:var(--topbar-h);padding:0 calc(var(--pad) + 6px);display:flex;align-items:center;gap:40px;animation:drop .8s var(--ease) both}@keyframes drop{0%{opacity:0;transform:translateY(-10px)}}.topbar__nav{display:flex;gap:26px}.topbar__nav a,.topbar__cta,.topbar__menu{font-size:14px;color:var(--fg-2);transition:color .25s var(--ease)}.topbar__nav a:hover,.topbar__cta:hover,.topbar__menu:hover,.topbar__icon:hover{color:var(--fg)}.topbar__actions{margin-left:auto;display:flex;align-items:center;gap:22px}.topbar__icon{display:grid;place-items:center;width:28px;height:28px;color:var(--fg-2);transition:color .25s var(--ease),transform .5s var(--ease)}.topbar__icon:active{transform:rotate(40deg)}.topbar__icon svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round}[data-theme=dark] .icon-moon,[data-theme=light] .icon-sun{display:none}.topbar__cta{display:inline-flex;align-items:center;gap:4px;color:var(--fg)}.topbar__cta svg{width:15px;height:15px;fill:none;stroke:var(--brand);stroke-width:1.8;transition:transform .35s var(--ease)}.topbar__cta:hover svg{transform:translate(2px,-2px)}.topbar__menu{display:none;align-items:center;color:var(--fg)}.topbar__nav a[aria-current=page]{color:var(--fg)}.topbar__nav a[aria-current=page]:before{content:"";display:inline-block;width:5px;height:5px;margin-right:7px;vertical-align:2px;border-radius:50%;background:var(--brand)}.burger{display:grid;gap:4px;width:16px}.burger i{display:block;height:1.5px;background:currentColor;transform-origin:right;transition:transform .35s var(--ease)}.burger i:last-child{width:65%;justify-self:end}.topbar__menu:hover .burger i:last-child{transform:scaleX(1.54)}.bento{height:calc(100dvh - var(--topbar-h));padding:0 var(--pad) var(--pad);display:grid;gap:var(--gap);grid-template-columns:repeat(12,minmax(0,1fr));grid-template-rows:minmax(0,1fr) minmax(0,1fr) minmax(0,1.1fr) auto;grid-template-areas:"intro intro intro intro work  work  work  work  work  work  statA statA" "intro intro intro intro work  work  work  work  work  work  statB statB" "intro intro intro intro serv  serv  serv  prod  prod  prod  cta   cta" "foot  foot  foot  foot  foot  foot  foot  foot  foot  foot  foot  foot"}.card{position:relative;min-height:0;min-width:0;overflow:hidden;background:var(--card);border-radius:var(--radius);padding:20px 22px;display:flex;flex-direction:column;justify-content:space-between;gap:12px;transition:background-color .35s var(--ease);animation:rise .8s var(--ease) both}.card--intro{grid-area:intro;animation-delay:.02s}.card--work{grid-area:work;animation-delay:.08s}.card--stat-a{grid-area:statA;animation-delay:.14s}.card--stat-b{grid-area:statB;animation-delay:.18s}.card--services{grid-area:serv;animation-delay:.22s}.card--product{grid-area:prod;animation-delay:.26s}.card--cta{grid-area:cta;animation-delay:.3s}.card.card--work{padding:0}@keyframes rise{0%{opacity:0;transform:translateY(14px)}}.card__head{position:relative;display:flex;justify-content:space-between;align-items:center;gap:12px}.intro{position:relative;display:grid;gap:18px}.intro__watermark{--brand: var(--watermark);position:absolute;width:115%;height:auto;aspect-ratio:1;top:-12%;right:-48%;color:var(--watermark);pointer-events:none;transition:transform 1.2s var(--ease)}.card--intro:hover .intro__watermark{transform:rotate(-12deg)}.intro__title{font-weight:500;font-size:clamp(28px,2.9vw,50px);line-height:1.04;letter-spacing:-.035em;text-wrap:balance}.intro__body{max-width:46ch;color:var(--fg-2);font-size:clamp(13px,.95vw,15px);line-height:1.55}.showcase__media{position:absolute;top:0;right:0;bottom:0;left:0;background:#111}.showcase__media img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;opacity:0;transform:scale(1.06);transition:opacity .9s var(--ease),transform 6s linear}.showcase__media img.is-active{opacity:1;transform:scale(1)}.showcase__overlay{position:relative;z-index:1;height:100%;padding:20px 22px;display:flex;flex-direction:column;justify-content:space-between;background:var(--img-overlay);color:#fff}.showcase__overlay .label{color:#fff}.showcase__count{display:inline-flex;align-items:center;gap:8px}.ring{width:18px;height:18px;transform:rotate(-90deg);fill:none;stroke-width:2.4}.ring__track{stroke:#ffffff38}.ring__bar{stroke:var(--brand);stroke-linecap:round;stroke-dasharray:100;stroke-dashoffset:100}.showcase__foot{display:flex;align-items:flex-end;justify-content:space-between;gap:16px}.showcase__title{display:block;width:fit-content;text-decoration:underline 1px transparent;text-underline-offset:4px;transition:text-decoration-color .3s var(--ease)}.showcase__title:hover{text-decoration-color:currentColor}.showcase__title{font-weight:500;font-size:clamp(17px,1.45vw,24px);letter-spacing:-.02em;line-height:1.2;text-wrap:balance}.showcase__tags{margin-top:6px;font-family:var(--font-mono);font-size:11px;text-transform:uppercase;color:#ffffffb3}.showcase__ctrl{display:flex;gap:6px}.stat__value{font-weight:500;font-size:clamp(34px,3.4vw,60px);line-height:1;letter-spacing:-.045em}.stat__value sup{font-size:.45em;color:var(--brand);vertical-align:top;margin-left:2px}.stat__desc{margin-top:8px;color:var(--fg-2);font-size:13px;line-height:1.35}.services{list-style:none;padding:0;display:grid}.services li{display:flex;align-items:baseline;gap:14px;padding:7px 0;font-size:clamp(15px,1.25vw,20px);letter-spacing:-.02em;border-top:1px solid var(--line);transition:padding-left .35s var(--ease),color .35s var(--ease)}.services li:hover{padding-left:6px;color:var(--brand)}.services__no{font-family:var(--font-mono);font-size:11px;color:var(--fg-3)}.card--product{padding-bottom:16px}.product__img{flex:1;min-height:0;width:100%;object-fit:cover;object-position:top;border-radius:var(--radius-sm);transition:transform .6s var(--ease)}.product__foot{display:flex;justify-content:space-between;align-items:center}.product__name{font-weight:500;letter-spacing:-.01em}.card--product:hover{background:var(--card-hover)}.card--product:hover .product__img{transform:scale(1.025)}.card--product:hover .arrow,.card--cta:hover .arrow{transform:translate(3px,-3px)}.card--cta{background:var(--brand);color:var(--brand-ink)}.card--cta:after{content:"";position:absolute;inset:-20% auto -20% 0;width:40%;background:linear-gradient(90deg,transparent,rgb(255 255 255 / .22),transparent);transform:translate(-120%) skew(calc(var(--slant) * -1));transition:transform .9s var(--ease);pointer-events:none}.card--cta:hover:after{transform:translate(320%) skew(calc(var(--slant) * -1))}.card--cta .label{color:inherit}.cta__title{font-weight:500;font-size:clamp(20px,1.7vw,28px);line-height:1.08;letter-spacing:-.035em;text-wrap:balance}.cta__mail{margin-top:10px;font-family:var(--font-mono);font-size:13px;opacity:.75}.strip{grid-area:foot;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:2px 6px;font-family:var(--font-mono);font-size:12px;color:var(--fg-3);animation:rise .8s var(--ease) .4s both}.strip__social{display:flex;flex-wrap:wrap;gap:8px 20px}.strip a{color:var(--fg-2);transition:color .25s var(--ease)}.strip a:hover{color:var(--brand)}.strip__status{display:flex;align-items:center;gap:10px;color:var(--fg-2)}.clock{color:var(--fg)}.clock small{margin-left:4px;font-size:inherit;color:var(--fg-3)}.menu{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:flex;flex-direction:column;background:var(--bg);clip-path:polygon(0 0,0 0,-30% 100%,-30% 100%);transition:clip-path .75s var(--ease-io)}.menu[hidden]{display:none}.menu.is-open{clip-path:polygon(0 0,130% 0,100% 100%,-30% 100%)}.menu__bar{height:var(--topbar-h);flex-shrink:0;padding:0 calc(var(--pad) + 8px);display:flex;align-items:center;justify-content:space-between}.menu__close{display:inline-flex;align-items:center;gap:10px;height:40px;padding:0 10px 0 16px;border-radius:999px;border:1px solid var(--line);font-size:14px;transition:border-color .25s var(--ease)}.menu__close:hover{border-color:var(--fg-3)}.menu__close svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.6;transition:transform .4s var(--ease)}.menu__close:hover svg{transform:rotate(90deg)}.menu__body{flex:1;min-height:0;display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:var(--gap);padding:0 var(--pad)}.menu__list{min-height:0;display:flex;flex-direction:column;border-top:1px solid var(--line)}.menu__item{position:relative;flex:1;min-height:0;display:grid;grid-template-columns:56px 1fr 40px;align-items:center;gap:16px;padding:0 20px 0 8px;border-bottom:1px solid var(--line);overflow:hidden;isolation:isolate;transition:color .35s var(--ease)}.menu__item:before{content:"";position:absolute;top:0;right:-20%;bottom:0;left:-20%;z-index:-1;background:var(--brand);transform:translate(-101%) skew(calc(var(--slant) * -1));transition:transform .55s var(--ease)}.menu__item:hover:before,.menu__item:focus-visible:before{transform:translate(0) skew(calc(var(--slant) * -1))}.menu__item:hover,.menu__item:focus-visible{color:var(--brand-ink);outline:none;border-radius:0}.menu__item>*{opacity:0;transform:translateY(45%);transition:opacity .6s var(--ease),transform .6s var(--ease),color .35s var(--ease);transition-delay:calc(.3s + var(--i) * .06s),calc(.3s + var(--i) * .06s),0s}.menu.is-open .menu__item>*{opacity:1;transform:none}.menu__no{font-family:var(--font-mono);font-size:13px;color:var(--fg-3)}.menu__item:hover .menu__no,.menu__item:focus-visible .menu__no{color:inherit}.menu__title{font-weight:500;font-size:clamp(36px,7.8vh,92px);line-height:1;letter-spacing:-.05em}.menu__arrow{width:30px;height:30px;fill:none;stroke:currentColor;stroke-width:1.4}.menu.is-open .menu__item:hover .menu__arrow{transform:rotate(45deg);transition-delay:0s}.menu__item[aria-current=page] .menu__title:after{content:"";display:inline-block;width:.14em;height:.14em;margin-left:.25em;vertical-align:.6em;border-radius:50%;background:var(--brand)}.menu__item[aria-current=page]:hover .menu__title:after{background:var(--brand-ink)}.menu__preview{position:relative;min-height:0;border-radius:var(--radius);background:var(--card);overflow:hidden;opacity:0;transform:translateY(16px);transition:opacity .6s var(--ease) .4s,transform .6s var(--ease) .4s}.menu.is-open .menu__preview{opacity:1;transform:none}.preview{position:absolute;top:0;right:0;bottom:0;left:0;padding:24px;display:flex;flex-direction:column;justify-content:space-between;gap:20px;opacity:0;transform:scale(.985);transition:opacity .45s var(--ease),transform .45s var(--ease)}.preview.is-active{opacity:1;transform:none}.preview__title{margin-top:8px;max-width:22ch;font-size:clamp(20px,1.8vw,30px);font-weight:500;line-height:1.12;letter-spacing:-.03em;text-wrap:balance}.preview__mark{width:46%;height:auto;aspect-ratio:1;margin:auto;color:var(--fg)}.preview__grid{flex:1;min-height:0;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:8px}.preview__grid img,.preview__img{width:100%;height:100%;min-height:0;object-fit:cover;object-position:top;border-radius:var(--radius-sm)}.preview__img{flex:1}.preview__facts{flex:1;display:grid;grid-template-columns:1fr 1fr;gap:8px}.preview__facts>div{display:flex;flex-direction:column;justify-content:flex-end;padding:18px;border-radius:var(--radius-sm);border:1px solid var(--line)}.preview__mail{font-size:clamp(32px,3.6vw,60px);font-weight:500;line-height:1;letter-spacing:-.05em;color:var(--brand)}.menu__foot{flex-shrink:0;display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;padding:16px calc(var(--pad) + 8px);font-family:var(--font-mono);font-size:13px}.menu__social{display:flex;gap:20px;flex-wrap:wrap}.menu__foot a{color:var(--fg-2);transition:color .25s var(--ease)}.menu__foot a:hover{color:var(--brand)}.page{padding:0 var(--pad) var(--pad);display:grid;gap:var(--gap)}.page>.strip{grid-area:auto;padding-top:8px}.page__title{font-weight:500;font-size:clamp(32px,4.2vw,68px);line-height:1;letter-spacing:-.045em;max-width:16ch;text-wrap:balance}.work-intro{min-height:clamp(260px,38vh,380px)}.work-intro__body{display:flex;align-items:flex-end;justify-content:space-between;gap:32px;flex-wrap:wrap}.filters{display:flex;flex-wrap:wrap;gap:6px}.filter{display:inline-flex;align-items:center;gap:8px;height:36px;padding:0 14px;border-radius:999px;border:1px solid var(--line);font-size:13px;color:var(--fg-2);transition:color .25s var(--ease),background-color .25s var(--ease),border-color .25s var(--ease)}.filter span{font-family:var(--font-mono);font-size:11px;color:var(--fg-3)}.filter:hover{color:var(--fg);border-color:var(--fg-3)}.filter.is-active{background:var(--invert-bg);border-color:var(--invert-bg);color:var(--invert-fg)}.filter.is-active span{color:inherit;opacity:.6}.work-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:var(--gap)}.work-card{grid-column:span var(--span, 4);padding:10px 10px 16px;gap:14px;justify-content:flex-start}.work-card[hidden]{display:none}.work-card__media{overflow:hidden;border-radius:var(--radius-sm);aspect-ratio:4 / 3;background:#111}.work-card[style*="--span: 6"] .work-card__media{aspect-ratio:16 / 10}.work-card__media img{width:100%;height:100%;object-fit:cover;object-position:top;transition:transform .8s var(--ease)}.work-card:hover{background:var(--card-hover)}.work-card:hover .work-card__media img{transform:scale(1.035)}.work-card__foot{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;padding:0 8px}.work-card__name{font-weight:500;font-size:17px;letter-spacing:-.02em}.work-card__title{margin-top:2px;font-size:14px;color:var(--fg-2)}.work-card .chip{flex-shrink:0}.page-cta{flex-direction:row;align-items:center;background:var(--brand);color:var(--brand-ink);padding:26px 24px}.page-cta .label{color:inherit;width:180px}.page-cta__title{flex:1;font-weight:500;font-size:clamp(22px,2.4vw,38px);letter-spacing:-.035em;line-height:1.05}.page-cta .arrow{width:30px;height:30px}.page-cta:hover .arrow{transform:translate(4px,-4px)}.page-cta:after{content:"";position:absolute;inset:-20% auto -20% 0;width:30%;background:linear-gradient(90deg,transparent,rgb(255 255 255 / .22),transparent);transform:translate(-120%) skew(calc(var(--slant) * -1));transition:transform 1s var(--ease);pointer-events:none}.page-cta:hover:after{transform:translate(420%) skew(calc(var(--slant) * -1))}.crumbs{display:flex;justify-content:space-between;align-items:center;padding:2px 6px 6px}.crumbs__back{display:inline-flex;align-items:center;gap:8px;font-size:14px;color:var(--fg-2);transition:color .25s var(--ease)}.crumbs__back svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.6;transition:transform .35s var(--ease)}.crumbs__back:hover{color:var(--fg)}.crumbs__back:hover svg{transform:translate(-3px)}.project{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:var(--gap)}.project__info{grid-column:span 4;gap:28px}.project__cover{grid-column:span 8;margin:0;padding:0;aspect-ratio:4 / 3}.gallery{display:block;background:#111}.gallery:focus-visible{outline-offset:2px;border-radius:var(--radius)}.gallery__track{display:flex;height:100%;transition:transform .75s var(--ease-io)}.gallery__slide{flex:0 0 100%;height:100%;margin:0}.gallery__slide img{width:100%;height:100%;object-fit:cover;object-position:top}.gallery__bar{position:absolute;inset:auto 0 0 0;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:40px 20px 18px;background:linear-gradient(180deg,#0000,#0009);color:#fff}.gallery__bar .label{color:#fff}.gallery__count{display:inline-flex;align-items:center;gap:8px;min-width:90px}.gallery__dots{display:flex;gap:6px}.gallery__dots button{width:8px;height:8px;border-radius:999px;background:#ffffff59;transition:width .4s var(--ease),background-color .3s var(--ease)}.gallery__dots button:hover{background:#ffffffb3}.gallery__dots button[aria-selected=true]{width:24px;background:#fff}.project__name{font-weight:500;font-size:clamp(36px,3.6vw,60px);line-height:1;letter-spacing:-.045em}.project__title{margin-top:10px;font-size:clamp(17px,1.4vw,22px);letter-spacing:-.02em;color:var(--fg-2)}.project__summary{color:var(--fg-2);max-width:46ch}.project__links{display:flex;flex-wrap:wrap;gap:6px;margin-top:22px}.btn{display:inline-flex;align-items:center;gap:6px;height:40px;padding:0 14px 0 16px;border-radius:999px;border:1px solid var(--line);font-size:14px;transition:background-color .25s var(--ease),border-color .25s var(--ease),color .25s var(--ease)}.btn .arrow{width:15px;height:15px}.btn:first-child{background:var(--invert-bg);border-color:var(--invert-bg);color:var(--invert-fg)}.btn:hover{border-color:var(--fg-3)}.btn:first-child:hover{background:var(--brand);border-color:var(--brand);color:var(--brand-ink)}.btn:hover .arrow{transform:translate(2px,-2px)}.project__meta{grid-column:span 6;margin:0;display:grid;grid-template-columns:repeat(2,1fr);gap:0;padding:0}.project__meta>div{padding:20px 22px;display:flex;flex-direction:column;justify-content:space-between;gap:18px;min-height:110px}.project__meta>div:nth-child(odd){border-right:1px solid var(--line)}.project__meta>div:nth-child(-n+2){border-bottom:1px solid var(--line)}.project__meta dd{margin:0;font-size:17px;letter-spacing:-.02em}.project__next{grid-column:span 6;flex-direction:row;align-items:stretch;padding:10px 10px 10px 22px;gap:18px}.project__next-text{flex:1;display:flex;flex-direction:column;justify-content:space-between;padding:10px 0}.project__next-name{font-weight:500;font-size:clamp(24px,2.2vw,36px);letter-spacing:-.04em;line-height:1}.project__next-title{margin-top:6px;color:var(--fg-2);font-size:14px}.project__next img{width:44%;aspect-ratio:4 / 3;object-fit:cover;object-position:top;border-radius:var(--radius-sm);transition:transform .6s var(--ease)}.project__next .arrow{position:absolute;top:18px;right:18px;color:#fff;filter:drop-shadow(0 1px 4px rgb(0 0 0 / .5))}.project__next:hover{background:var(--card-hover)}.project__next:hover img{transform:scale(1.02)}.project__next:hover .arrow{transform:translate(3px,-3px)}@media(max-width:1024px){.work-card,.work-card[style]{grid-column:span 6}.work-card .work-card__media{aspect-ratio:4 / 3}.project__info,.project__cover,.project__meta,.project__next{grid-column:span 12}.page-cta .label{display:none}}@media(max-width:640px){.work-card,.work-card[style]{grid-column:span 12}.work-intro__body{gap:24px}.project__next{flex-direction:column-reverse;padding:10px 10px 18px}.project__next img{width:100%}.project__next-text{padding:0 8px;gap:18px}}.section__title{margin:0;font-weight:500;font-size:clamp(24px,2.4vw,38px);line-height:1.08;letter-spacing:-.035em;text-wrap:balance}.section__lead{margin-top:14px;max-width:48ch;color:var(--fg-2)}.btn--brand,.btn--brand:first-child{background:var(--brand);border-color:var(--brand);color:var(--brand-ink)}.btn--brand:hover,.btn--brand:first-child:hover{background:var(--brand-hover);border-color:var(--brand-hover)}.about-top{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:var(--gap)}.about-intro{grid-column:span 8;min-height:clamp(460px,62vh,620px)}.about-intro .intro__watermark{width:52%;top:-22%;right:-10%}.about-intro__body{position:relative;display:grid;gap:28px}.about-intro__text{display:grid;grid-template-columns:1fr 1fr;gap:24px;color:var(--fg-2)}.about-intro__text p{margin:0}.about-stats{grid-column:span 4;display:grid;grid-template-columns:1fr 1fr;gap:var(--gap)}.section{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:var(--gap)}.section-head,.service{grid-column:span 4;min-height:250px}.service__icon{width:34px;height:34px;fill:none;stroke:var(--brand);stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;transition:transform .5s var(--ease)}.service:hover{background:var(--card-hover)}.service:hover .service__icon{transform:rotate(-8deg) scale(1.06)}.service__title{margin:0;font-weight:500;font-size:clamp(19px,1.5vw,24px);letter-spacing:-.025em}.service__desc{margin-top:8px;color:var(--fg-2);max-width:34ch}.process{gap:36px}.process__title{max-width:24ch}.process__steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,1fr)}.process__steps li{padding:18px 22px 4px 0;border-top:1px solid var(--line);position:relative}.process__steps li:before{content:"";position:absolute;top:-4px;left:0;width:7px;height:7px;border-radius:50%;background:var(--brand)}.process__no{font-family:var(--font-mono);font-size:12px;color:var(--fg-3)}.process__steps h3{margin:28px 0 8px;font-weight:500;font-size:18px;letter-spacing:-.02em}.process__steps p{margin:0;color:var(--fg-2);font-size:14px;max-width:30ch}.product-top{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:var(--gap)}.product-intro{grid-column:span 8;min-height:clamp(340px,46vh,460px)}.saas{grid-column:span 4;background:var(--brand);color:var(--brand-ink)}.saas .label{color:inherit;opacity:.7}.saas .chip{color:inherit;border-color:#03141d40}.saas .dot--brand{background:var(--brand-ink);animation:blink 1.6s infinite}@keyframes blink{50%{opacity:.25}}.saas__mark{--brand: rgb(3 20 29 / .12);position:absolute;width:70%;aspect-ratio:1;height:auto;right:-18%;top:8%;color:#03141d1f;transition:transform 1.2s var(--ease)}.saas:hover .saas__mark{transform:rotate(-14deg)}.saas>div{position:relative}.saas__title{margin:0;font-weight:500;font-size:clamp(24px,2.2vw,34px);line-height:1.05;letter-spacing:-.035em;max-width:12ch}.saas__desc{margin:10px 0 22px;opacity:.75;max-width:30ch}.saas .btn--brand{background:var(--brand-ink);border-color:var(--brand-ink);color:#fff}.kit{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:10px;padding:10px}.kit--flip{grid-template-columns:minmax(0,5fr) minmax(0,7fr)}.kit--flip .kit__media{order:2}.kit__media{overflow:hidden;border-radius:var(--radius-sm);aspect-ratio:16 / 11;background:#111}.kit__media img{width:100%;height:100%;object-fit:cover;transition:transform .8s var(--ease)}.kit:hover .kit__media img{transform:scale(1.025)}.kit__info{display:flex;flex-direction:column;justify-content:space-between;gap:24px;padding:12px 14px 14px}.kit__name{margin:0;font-weight:500;font-size:clamp(32px,3.2vw,52px);line-height:1;letter-spacing:-.045em}.kit__title{margin-top:8px;font-size:17px;color:var(--fg-2)}.kit__desc{margin-top:18px;color:var(--fg-2);max-width:44ch}.kit__tags{list-style:none;padding:0;margin:20px 0 24px;display:flex;flex-wrap:wrap;gap:6px}.kit__tags li{font-family:var(--font-mono);font-size:11px;text-transform:uppercase;color:var(--fg-2);padding:5px 9px;border:1px solid var(--line);border-radius:999px}.stores{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:var(--gap)}.stores__head{grid-column:span 4}.stores__head .section__lead{margin:0}.store{grid-column:span 2;min-height:150px}.store__name{font-weight:500;font-size:18px;letter-spacing:-.02em}.store .arrow{align-self:flex-end}.store:hover{background:var(--card-hover)}.store:hover .arrow{transform:translate(3px,-3px);color:var(--brand)}@media(max-width:1024px){.about-intro,.about-stats,.product-intro,.saas{grid-column:span 12}.about-intro,.product-intro{min-height:0;gap:56px}.section-head,.service{grid-column:span 6;min-height:200px}.process__steps{grid-template-columns:1fr 1fr;row-gap:28px}.kit,.kit--flip{grid-template-columns:1fr}.kit--flip .kit__media{order:0}.stores__head{grid-column:span 12}.store{grid-column:span 3}.saas{min-height:280px}.saas__mark{width:34%;right:-6%}}@media(max-width:640px){.about-intro__text{grid-template-columns:1fr;gap:14px}.section-head,.service{grid-column:span 12;min-height:0;gap:36px}.process__steps{grid-template-columns:1fr}.store{grid-column:span 6;min-height:110px}.gallery__count{min-width:0}.saas__mark{width:60%;right:-18%}}@media(min-width:1025px)and (max-height:760px){:root{--gap: 8px;--topbar-h: 62px}.card{padding:16px 18px}.services li{padding:5px 0}}@media(max-width:1024px),(max-height:600px){.bento{height:auto;grid-template-columns:repeat(6,minmax(0,1fr));grid-template-rows:none;grid-auto-rows:auto;grid-template-areas:"intro intro intro intro intro intro" "work  work  work  work  work  work" "statA statA statA statB statB statB" "serv  serv  serv  prod  prod  prod" "cta   cta   cta   cta   cta   cta" "foot  foot  foot  foot  foot  foot"}.card{min-height:150px}.card--intro{min-height:340px}.intro__watermark{width:60%;right:-14%;top:-18%}.card--work{aspect-ratio:4 / 3}.product__img{flex:none;aspect-ratio:16 / 10}.menu__body{grid-template-columns:1fr}.menu__preview{display:none}}@media(max-width:760px){.topbar__nav,.topbar__cta{display:none}.topbar__menu{display:inline-flex}}@media(max-width:640px){:root{--pad: 12px;--gap: 8px;--topbar-h: 66px}.bento{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-areas:"intro intro" "work  work" "statA statB" "serv  serv" "prod  prod" "cta   cta" "foot  foot"}.card--intro{min-height:0;gap:40px}.intro__watermark{width:80%;right:-16%}.strip{flex-direction:column;gap:10px;padding:12px 0 4px}.strip__status{order:-1}.topbar__actions{gap:16px}.menu__item{grid-template-columns:32px 1fr 24px;gap:12px;padding:0 8px 0 4px}.menu__arrow{width:22px;height:22px}.menu__title{font-size:clamp(34px,11vw,60px)}.menu__foot .label{display:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;transition-delay:0s!important}}