:root{--ink: #142130;--ink-2: #1b2c3d;--ink-deep: #0e1922;--ivory: #f5f2ea;--paper: #fbfaf6;--accent: #245fce;--accent-hover: #1b4cac;--accent-2: #5aa2ff;--slate: #414d5c;--slate-mute: #6c7684;--line: rgba(20, 33, 48, .12);--on-ink: #e9e3d5;--on-ink-mute: #93a4b2;--on-ink-line: rgba(233, 227, 213, .16);--sans: "Schibsted Grotesk", system-ui, -apple-system, sans-serif;--mono: "JetBrains Mono", ui-monospace, "SF Mono", Menlo, monospace;--serif: "Instrument Serif", Georgia, serif;--wrap: 1180px;--gap: clamp(1.25rem, 4vw, 2.5rem);--radius: 6px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:84px;-webkit-text-size-adjust:100%}body{margin:0;background:var(--ivory);color:var(--slate);font-family:var(--sans);font-size:17px;line-height:1.65;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}h1,h2,h3{color:var(--ink);font-weight:700;line-height:1.05;margin:0}p{margin:0 0 1.1em}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}code{font-family:var(--mono)}::selection{background:var(--accent);color:#fff}:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:2px}.section{padding:clamp(4.5rem,9vw,8rem) 0}.section__inner{width:min(var(--wrap),100% - 2 * var(--gap));margin:0 auto}.section__head{max-width:62ch;margin-bottom:clamp(2.5rem,5vw,4rem)}.section__tag{display:inline-block;font-family:var(--mono);font-size:.74rem;letter-spacing:.02em;color:var(--accent);margin-bottom:1.1rem}.section__tag:before{content:"// ";opacity:.6}.section__tag--light{color:var(--accent-2)}.section__title{font-size:clamp(1.8rem,4vw,2.85rem);letter-spacing:-.02em}.btn{--btn-bg: var(--accent);--btn-fg: #fff;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;background:var(--btn-bg);color:var(--btn-fg);font-family:var(--sans);font-weight:600;font-size:.95rem;padding:.72rem 1.4rem;border:1px solid var(--btn-bg);border-radius:var(--radius);cursor:pointer;transition:transform .15s ease,background .2s ease,color .2s ease}.btn:hover{background:var(--accent-hover);border-color:var(--accent-hover);transform:translateY(-2px)}.btn:active{transform:translateY(0)}.btn--sm{padding:.5rem .95rem;font-size:.85rem}.btn--lg{padding:.9rem 1.7rem;font-size:1rem}.btn--ghost{--btn-bg: transparent;--btn-fg: var(--on-ink);border-color:var(--on-ink-line)}.btn--ghost:hover{background:#e9e3d50f;border-color:var(--on-ink-mute);color:var(--on-ink)}.wordmark{display:inline-flex;align-items:center;gap:.6rem}.wordmark__img{height:38px;width:auto;display:block;filter:drop-shadow(0 1px 2px rgba(0,0,0,.35))}.wordmark__text{font-weight:700;letter-spacing:.2em;font-size:.95rem;color:currentColor}.nav{position:fixed;inset:0 0 auto 0;z-index:50;transition:background .3s ease,box-shadow .3s ease,border-color .3s ease;border-bottom:1px solid transparent;color:var(--on-ink)}.nav__inner{width:min(var(--wrap),100% - 2 * var(--gap));margin:0 auto;height:72px;display:flex;align-items:center;justify-content:space-between}.nav--scrolled{background:#0f1922db;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom-color:var(--on-ink-line);color:var(--on-ink)}.nav__links{display:flex;align-items:center;gap:1.9rem}.nav__link{font-size:.92rem;font-weight:500;position:relative;padding:.2rem 0;opacity:.85;transition:opacity .2s ease}.nav__link:after{content:"";position:absolute;left:0;bottom:-3px;width:100%;height:1.5px;background:var(--accent);transform:scaleX(0);transform-origin:left;transition:transform .25s ease}.nav__link:hover{opacity:1}.nav__link:hover:after{transform:scaleX(1)}.nav__toggle{display:none;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;padding:8px}.nav__toggle span{width:24px;height:2px;background:currentColor;border-radius:2px}.nav__mobile{display:flex;flex-direction:column;gap:.25rem;padding:.5rem var(--gap) 1.5rem;background:#0f1922f7;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--on-ink-line)}.nav__mobile a{padding:.75rem 0;color:var(--on-ink);font-weight:500}.nav__mobile .btn{margin-top:.5rem;color:#fff}.hero{background:radial-gradient(120% 80% at 85% -10%,rgba(40,103,216,.16),transparent 60%),var(--ink);color:var(--on-ink);padding:clamp(9rem,15vw,13rem) 0 clamp(4.5rem,9vw,7rem);position:relative;overflow:hidden}.hero:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(var(--on-ink-line) 1px,transparent 1px),linear-gradient(90deg,var(--on-ink-line) 1px,transparent 1px);background-size:64px 64px;-webkit-mask-image:radial-gradient(120% 90% at 20% 20%,black,transparent 75%);mask-image:radial-gradient(120% 90% at 20% 20%,black,transparent 75%);opacity:.4;pointer-events:none}.hero__inner{position:relative;z-index:1;width:min(var(--wrap),100% - 2 * var(--gap));margin:0 auto}.hero__eyebrow{font-family:var(--mono);font-size:.82rem;color:var(--on-ink-mute);margin-bottom:1.8rem}.hero__prompt{color:var(--accent);margin-right:.35rem}.hero__title{display:grid;grid-template-columns:auto 1fr;column-gap:clamp(.9rem,2.4vw,1.6rem);font-size:clamp(2.6rem,7.5vw,5.4rem);letter-spacing:-.03em;color:var(--on-ink);width:fit-content;max-width:100%}.hero__num{display:flex;justify-content:flex-end;align-items:flex-start;padding:.34em .15rem 0 0;border-right:1px solid var(--on-ink-line);font-family:var(--mono);font-size:.7rem;font-weight:500;color:var(--on-ink-mute);opacity:0;animation:fade-in .6s ease forwards .1s}.hero__line{display:block;padding-left:.1em;opacity:0;transform:translateY(18px);animation:rise .7s cubic-bezier(.2,.7,.2,1) forwards;animation-delay:calc(.15s + var(--i) * .09s)}.hero__sub{margin-top:clamp(1.8rem,3vw,2.6rem);max-width:54ch;font-size:clamp(1.02rem,1.5vw,1.18rem);color:var(--on-ink);opacity:.86}.hero__cta{display:flex;flex-wrap:wrap;gap:.9rem;margin-top:2.2rem}.hero__meta{margin:2.8rem 0 0;font-family:var(--mono);font-size:.78rem;color:var(--on-ink-mute);letter-spacing:.01em}.services{background:var(--paper)}.services__list{border-top:1px solid var(--line)}.service{display:grid;grid-template-columns:1fr 1.1fr;gap:clamp(1.5rem,5vw,4rem);padding:clamp(1.8rem,4vw,2.8rem) 0;border-bottom:1px solid var(--line);align-items:start;transition:background .25s ease}.service:hover{background:#2867d80d}.service__head{display:flex;flex-direction:column;align-items:flex-start;gap:.85rem;min-width:0}.service__route{font-size:.78rem;color:var(--accent);background:#2867d81a;padding:.25rem .55rem;border-radius:4px;white-space:nowrap}.service__name{font-size:clamp(1.4rem,2.8vw,2rem);letter-spacing:-.02em;margin:0}.service__desc{max-width:48ch;margin:0;color:var(--slate)}.work{background:var(--ivory)}.cases{display:flex;flex-direction:column;gap:clamp(4rem,8vw,7rem)}.case{display:grid;grid-template-columns:1.05fr 1fr;gap:clamp(2rem,5vw,4.5rem);align-items:center}.case--flip .case__media{order:2}.case__kind{font-family:var(--mono);font-size:.78rem;color:var(--accent);margin-bottom:.7rem}.case__name{font-size:clamp(1.7rem,3.4vw,2.4rem);letter-spacing:-.02em}.case__client{color:var(--slate-mute);font-size:.95rem;margin:.3rem 0 1.3rem}.case__summary{max-width:46ch;color:var(--slate)}.case__stack{list-style:none;display:flex;flex-wrap:wrap;gap:.5rem;padding:0;margin:1.4rem 0}.case__stack li{font-family:var(--mono);font-size:.75rem;color:var(--ink);border:1px solid var(--line);padding:.28rem .6rem;border-radius:4px}.case__result{margin:0;padding-top:1.2rem;border-top:1px solid var(--line);color:var(--ink);font-weight:500;max-width:44ch}.case__result-mark{display:block;font-family:var(--mono);font-size:.7rem;letter-spacing:.04em;color:var(--accent);margin-bottom:.4rem}.also{margin-top:clamp(4rem,8vw,7rem);padding-top:clamp(2.5rem,5vw,3.5rem);border-top:1px solid var(--line)}.also__label{font-family:var(--mono);font-size:.78rem;color:var(--accent);margin-bottom:1.5rem}.also__list{list-style:none;padding:0;margin:0}.also__item{display:grid;grid-template-columns:1.1fr 1.4fr 1fr;gap:1.5rem;align-items:baseline;padding:1.1rem 0;border-bottom:1px solid var(--line)}.also__name{font-weight:600;color:var(--ink);font-size:1.08rem}.also__kind{color:var(--slate)}.also__stack{font-family:var(--mono);font-size:.8rem;color:var(--slate-mute)}.work__note{margin:2.2rem 0 0;font-size:.85rem;color:var(--slate-mute);font-style:italic}.mock{width:100%}.mock--browser{border-radius:10px;overflow:hidden;background:#fff;box-shadow:0 30px 60px -30px #14213073,0 2px 8px #14213014;border:1px solid var(--line)}.mock__bar{display:flex;align-items:center;gap:6px;padding:.7rem .9rem;background:#eef0f2;border-bottom:1px solid var(--line)}.mock__dot{width:9px;height:9px;border-radius:50%;background:#cfd4d9}.mock__url{margin-left:.8rem;font-family:var(--mono);font-size:.68rem;color:#8a929c;background:#fff;padding:.2rem .7rem;border-radius:20px;flex:1}.mock__screen{padding:1rem;background:#fbfcfd;min-height:260px}.mock--phone{width:min(240px,70%);margin:0 auto;border-radius:30px;background:var(--ink);padding:12px;position:relative;box-shadow:0 30px 60px -30px #1421308c}.mock__notch{position:absolute;top:12px;left:50%;transform:translate(-50%);width:70px;height:16px;background:var(--ink);border-radius:0 0 12px 12px;z-index:2}.mock__screen--phone{border-radius:20px;min-height:380px;padding:1.4rem .9rem 1rem;background:#fbfcfd}.ui-chip{display:block;height:18px;border-radius:5px;background:#dfe3e8}.ui-chip--brand{width:24px;background:var(--accent)}.ui-line{display:block;height:9px;border-radius:5px;background:#e3e7ec}.ui-line--active{background:var(--accent);opacity:.85}.ui-line--sm{width:40%}.ui-line--wide{width:70%;height:12px}.ui-dash{display:grid;grid-template-columns:54px 1fr;gap:.8rem;height:100%}.ui-dash__side{display:flex;flex-direction:column;gap:.7rem;padding:.4rem;background:var(--ink);border-radius:8px}.ui-dash__side .ui-line{background:#e9e3d52e}.ui-dash__side .ui-line--active{background:var(--accent);opacity:1}.ui-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:.6rem}.ui-stat{background:#fff;border:1px solid var(--line);border-radius:7px;padding:.6rem}.ui-stat__k{display:block;height:6px;width:60%;border-radius:4px;background:#e3e7ec;margin-bottom:.5rem}.ui-stat__v{display:block;height:12px;width:80%;border-radius:4px;background:var(--ink);opacity:.75}.ui-chart{display:flex;align-items:flex-end;gap:6px;height:96px;margin:.9rem 0;padding:.7rem;background:#fff;border:1px solid var(--line);border-radius:8px}.ui-bar{flex:1;background:linear-gradient(var(--accent-2),var(--accent));border-radius:3px 3px 0 0}.ui-bar:nth-child(4){background:linear-gradient(#26405a,var(--ink))}.ui-rows{display:flex;flex-direction:column;gap:.45rem}.ui-row{height:12px;border-radius:4px;background:#edf0f3}.ui-row:nth-child(2){width:92%}.ui-row:nth-child(3){width:78%}.ui-site{display:flex;flex-direction:column;gap:.9rem;height:100%}.ui-site__nav{display:flex;align-items:center;justify-content:space-between}.ui-navlinks{display:flex;align-items:center;gap:8px}.ui-navlinks i{width:26px;height:7px;border-radius:4px;background:#e0e4e9}.ui-navlinks b{width:42px;height:16px;border-radius:5px;background:var(--accent)}.ui-site__hero{background:var(--ink);border-radius:9px;padding:1.4rem 1.2rem;display:flex;flex-direction:column;gap:.6rem}.ui-h1{height:15px;width:75%;border-radius:5px;background:#e9e3d5e6}.ui-h2{height:9px;width:55%;border-radius:5px;background:#e9e3d566}.ui-btn{height:22px;width:90px;border-radius:6px;background:var(--accent);margin-top:.4rem}.ui-btn--full{width:100%;margin-top:auto}.ui-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:.6rem}.ui-card{height:52px;border-radius:7px;background:#fff;border:1px solid var(--line)}.ui-shop{display:flex;flex-direction:column;gap:.7rem;height:100%}.ui-shop__top{display:flex;align-items:center;justify-content:space-between}.ui-cart{width:18px;height:18px;border-radius:5px;background:var(--accent)}.ui-hero-img{display:block;height:74px;border-radius:9px;background:linear-gradient(120deg,#26405a,var(--ink))}.ui-grid{display:grid;grid-template-columns:1fr 1fr;gap:.6rem}.ui-prod{background:#fff;border:1px solid var(--line);border-radius:8px;padding:.4rem}.ui-prod__img{display:block;height:40px;border-radius:5px;background:#eef1f4;margin-bottom:.4rem}.ui-prod:nth-child(odd) .ui-prod__img{background:#efe6d4}.ui-prod__t{display:block;height:7px;width:70%;border-radius:4px;background:#dfe3e8}.ui-radio{display:flex;flex-direction:column;align-items:center;gap:.7rem;height:100%}.ui-radio__art{width:120px;height:120px;border-radius:14px;background:radial-gradient(circle at 30% 30%,var(--accent-2),var(--ink) 75%);margin:.4rem 0 .6rem}.ui-radio .ui-line{align-self:center}.ui-wave{display:flex;align-items:center;gap:3px;height:42px;margin:.5rem 0}.ui-wave__bar{width:3px;border-radius:2px;background:var(--accent);opacity:.85}.ui-controls{display:flex;align-items:center;gap:1.4rem;margin-top:auto;padding-bottom:.4rem}.ui-ctrl{width:16px;height:16px;border-radius:50%;background:#d3d8de}.ui-ctrl--play{width:42px;height:42px;background:var(--accent)}.about{background:var(--paper)}.about__top{display:grid;grid-template-columns:.85fr 1fr;gap:clamp(2rem,5vw,4rem);align-items:center;margin-bottom:clamp(3rem,6vw,5rem)}.about__photo{margin:0}.about__photo img,.about__photo-ph{width:100%;aspect-ratio:4 / 5;border-radius:10px;object-fit:cover;border:1px solid var(--line)}.about__photo-ph{display:grid;place-content:center;text-align:center;gap:.4rem;background:repeating-linear-gradient(45deg,rgba(20,33,48,.03) 0 12px,transparent 12px 24px),var(--ivory);color:var(--slate-mute)}.about__photo-ph span{font-family:var(--mono);font-size:.9rem;color:var(--ink)}.about__photo-ph small{font-size:.78rem}.about__photo figcaption{margin-top:.8rem;font-family:var(--mono);font-size:.78rem;color:var(--slate-mute)}.pullquote{margin:0}.pullquote p{font-family:var(--serif);font-size:clamp(2rem,5vw,3.4rem);line-height:1.12;color:var(--ink);margin:0 0 1rem;text-wrap:balance}.pullquote cite{font-style:normal;font-family:var(--mono);font-size:.8rem;color:var(--accent)}.about__cols{display:grid;grid-template-columns:1fr 1fr;gap:clamp(2.5rem,6vw,5rem)}.about__h{font-size:1.15rem;letter-spacing:.02em;padding-bottom:.9rem;margin-bottom:1.4rem;border-bottom:2px solid var(--accent);display:inline-block}.about__col p{color:var(--slate);max-width:60ch}.stack{margin-top:2rem}.stack__label{font-family:var(--mono);font-size:.76rem;color:var(--slate-mute);margin-bottom:.9rem}.stack__list{list-style:none;display:flex;flex-wrap:wrap;gap:.5rem;padding:0;margin:0}.stack__list li{font-family:var(--mono);font-size:.78rem;color:var(--ink);background:#2867d81a;border:1px solid rgba(40,103,216,.28);padding:.3rem .65rem;border-radius:4px}.contact{background:radial-gradient(100% 90% at 90% 110%,rgba(40,103,216,.14),transparent 55%),var(--ink);color:var(--on-ink)}.contact__inner{display:grid;grid-template-columns:1fr 1fr;gap:clamp(2.5rem,6vw,5rem);align-items:start}.contact__title{color:var(--on-ink);font-size:clamp(1.9rem,4vw,3rem);letter-spacing:-.02em;max-width:14ch}.contact__lead{color:var(--on-ink);opacity:.82;max-width:40ch;margin-top:1.2rem}.contact__direct{display:flex;flex-wrap:wrap;gap:2.5rem;margin-top:2.4rem}.contact__detail{font-size:1.15rem;font-weight:500;color:var(--on-ink)}.contact__detail:hover{color:var(--accent-2)}.contact__detail-k{display:block;font-family:var(--mono);font-size:.72rem;color:var(--on-ink-mute);margin-bottom:.3rem}.contact__form{display:flex;flex-direction:column;gap:1.2rem}.field{display:flex;flex-direction:column;gap:.5rem}.field__label{font-size:.85rem;color:var(--on-ink-mute);font-family:var(--mono)}.field input,.field textarea{font-family:var(--sans);font-size:1rem;color:var(--on-ink);background:#e9e3d50a;border:1px solid var(--on-ink-line);border-radius:var(--radius);padding:.8rem .9rem;transition:border-color .2s ease,background .2s ease;resize:vertical}.field input:focus,.field textarea:focus{outline:none;border-color:var(--accent);background:#e9e3d512}.contact__form .btn{align-self:flex-start;margin-top:.4rem}.field__msg{font-size:.9rem;margin:0}.field__msg--ok{color:var(--accent-2)}.field__msg--err{color:#e6a4a4}.footer{background:var(--ink-deep);color:var(--on-ink);padding:clamp(3rem,6vw,4.5rem) 0}.footer__inner{width:min(var(--wrap),100% - 2 * var(--gap));margin:0 auto;display:flex;flex-direction:column;align-items:center;text-align:center;gap:1.6rem}.footer__brand img{height:clamp(96px,14vw,128px);width:auto}.footer__links{display:flex;flex-wrap:wrap;justify-content:center;gap:1.6rem}.footer__links a{font-size:.9rem;opacity:.8}.footer__links a:hover{opacity:1;color:var(--accent-2)}.footer__meta{margin:0;font-family:var(--mono);font-size:.76rem;color:var(--on-ink-mute)}@keyframes rise{to{opacity:1;transform:translateY(0)}}@keyframes fade-in{to{opacity:1}}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}.gutter,.hero__line{animation:none;opacity:1;transform:none}.btn:hover{transform:none}*{transition-duration:.01ms!important}}@media (max-width: 900px){.nav__links{display:none}.nav__toggle{display:flex}.case{grid-template-columns:1fr}.case--flip .case__media{order:0}.about__top{grid-template-columns:1fr}.about__photo{max-width:360px}.about__cols,.contact__inner{grid-template-columns:1fr}.also__item{grid-template-columns:1fr;gap:.35rem;padding:1.3rem 0}}@media (max-width: 560px){body{font-size:16px}.service{grid-template-columns:1fr;gap:.8rem}.hero__title{max-width:100%}.contact__direct{gap:1.5rem}}.shots{width:100%}.mock__screen--shot{padding:0;min-height:0;background:#fff}.mock__screen--shot img{display:block;width:100%;height:auto}.shots__thumbs{display:flex;gap:.7rem;margin-top:.9rem}.shots__thumb{flex:1;padding:0;border:1px solid var(--line);border-radius:7px;overflow:hidden;cursor:pointer;background:#fff;opacity:.72;transition:opacity .2s ease,border-color .2s ease,transform .15s ease}.shots__thumb img{display:block;width:100%;height:54px;object-fit:cover}.shots__thumb:hover{opacity:1;transform:translateY(-2px)}.shots__thumb.is-active{opacity:1;border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}