@font-face{font-family:Apfel;src:url(/fonts/apfel-grotezk-700.woff2);font-weight:700}@font-face{font-family:Apfel;src:url(/fonts/apfel-grotezk-400.woff2);font-weight:400}@font-face{font-family:Familjen;src:url(/fonts/familjen-grotesk-400.woff2)}@font-face{font-family:Familjen;src:url(/fonts/familjen-grotesk-600.woff2);font-weight:600}@font-face{font-family:VG5000;src:url(/fonts/vg5000-400.woff2);font-weight:400;font-display:swap}*{box-sizing:border-box;margin:0;padding:0}:root{--paper:#f3e5cd;--muted:#cdbda4;--ink:#30261e;--lime:#d8d97c;--violet:#d0b0df;--amber:#ebbb7d;--blue:#9dc4df;--shell:#e6d0a8;--ease:cubic-bezier(.16,1,.3,1);color-scheme:dark}html{scroll-behavior:smooth;scroll-padding-top:110px;-webkit-text-size-adjust:100%;scrollbar-color:#938775 #24231e}body{font:18px/1.6 Familjen,sans-serif;background-color:#2b241f;background-image:linear-gradient(180deg,transparent 50%,#2b241f 100%),linear-gradient(90deg,#2b241ff2,#2b241fbd 48%,#2b241f55),url(/images/hudson-after-hours.webp);background-size:100% 900px,100% 900px,auto 900px;background-repeat:no-repeat;background-position:top center;color:var(--paper)}a{color:inherit;text-decoration:none;text-underline-offset:4px}button{font:inherit}img{max-width:100%;height:auto;display:block}::selection{background:var(--violet);color:var(--ink)}:focus-visible{outline:3px solid #d6bcff;outline-offset:6px}.container{width:min(1240px,100%);padding-inline:48px;margin:auto}.study-note{display:flex;justify-content:space-between;padding:7px 24px;background:#1d1a18;color:#c9bca6;font-size:12px;letter-spacing:.025em}header{position:sticky;top:0;z-index:10;background:#2b241f}nav{padding:22px 0 12px}nav>.container{display:flex;align-items:center;justify-content:space-between;gap:24px}.nav-name{font:700 26px/1 Apfel,sans-serif;letter-spacing:-.035em;white-space:nowrap}.nav-links{display:flex;align-items:center;gap:4px;padding:6px;background:#211c19;border-radius:15px;box-shadow:inset 0 2px 4px #0009,0 1px #ffffff13}.nav-links a{min-height:44px;display:flex;align-items:center;padding:0 17px;border-radius:9px;color:#dfcfb7;font-size:14px;font-weight:600;transition:background .2s,color .2s,box-shadow .2s,transform .12s}.nav-links a:hover,.nav-links a:focus-visible{background:linear-gradient(#564337,#3c3028);box-shadow:inset 0 1px #fff3,0 3px 6px #0005;color:var(--paper)}.nav-links a:active{transform:translateY(2px);box-shadow:inset 0 2px 4px #0008}.nav-links .nav-cta{margin-left:8px;background:linear-gradient(#e3e596,#c2c65e);color:#252b1d;box-shadow:inset 0 1px 1px #ffffffe0,0 3px 5px #0008}.nav-links .nav-cta:hover{background:linear-gradient(#eff0ac,#d5d879);color:#252b1d}.skip-link{position:fixed;top:0;left:12px;transform:translateY(-150%);padding:12px;background:var(--paper);color:var(--ink);z-index:30}.skip-link:focus{transform:none}.scanlines,.hero-ghost,.hero-scan{display:none}.hero{display:grid;grid-template-columns:minmax(0,1fr) 300px;align-items:center;gap:80px;padding:48px 0 56px}.hero-text{min-width:0}.hero-text h1{font:700 clamp(44px,5.2vw,68px)/1.05 Apfel,sans-serif;letter-spacing:-.035em;text-wrap:balance}.hero-text h1 .highlight{display:block}.highlight{color:var(--amber);text-shadow:0 2px 2px #0008}.hero-copy{margin-top:24px}.hero-copy p{font-family:Apfel,sans-serif;font-size:20px;font-weight:400;line-height:1.55;max-width:40ch;color:var(--muted)}.about-text a{color:#023e3f;font-weight:600}.about-text a[href="https://www.instagram.com/laislahoboken/"]{color:#691b06}.about-text a[href="https://arugami.com"]{color:#502f08}.hero-copy a[href="https://arugami.com"]{color:var(--amber);border-bottom:0}.hero-copy a[href="https://northjersey.ai"]{color:var(--blue);border-bottom:0}.hero-copy a:hover,.hero-copy a:focus-visible,.about-text a:hover,.about-text a:focus-visible{text-decoration:underline}.hero-actions{display:flex;flex-wrap:wrap;align-items:center;gap:24px;margin-top:28px}.hero-cta{padding:15px 26px;border-radius:12px;font-weight:600;background:linear-gradient(178deg,#e6e79b,#c9cc6d 90%);color:#252b1d;box-shadow:inset 0 2px 1px #ffffc6,0 5px 9px #0006;transition:transform .13s,box-shadow .13s}.hero-cta:hover{transform:translateY(-2px);box-shadow:inset 0 2px 1px #ffffc6,0 8px 14px #0006}.hero-cta:active{transform:translateY(2px);box-shadow:inset 0 2px 4px #57732c,0 1px 3px #0005}.hero-secondary{font-size:16px;color:var(--muted)}.hero-secondary a{display:inline-flex;align-items:center;min-height:44px;text-decoration:underline}.hero-photo{width:100%;padding:7px;background:#e7dec9;border-radius:4px;transform:rotate(2deg);box-shadow:0 8px 18px #11120d80}.hero-photo img{aspect-ratio:4/5;width:100%;object-fit:cover;object-position:center 30%;border-radius:1px}.chyron{overflow:hidden;background:linear-gradient(#1f2d35,#263943);box-shadow:inset 0 2px 5px #0009,0 1px #fff1}.chyron:focus-visible{outline-offset:-3px}.chyron-viewport{overflow:hidden}.ticker-track{display:flex;width:max-content;min-width:200%;padding:13px 0;white-space:nowrap;font-size:14px;color:#c6d5dd;animation:ticker-scroll 78s linear infinite}.ticker-item{flex:1 0 auto;padding:0 24px}.label{color:#efd096;margin-right:9px;font-weight:600}@keyframes ticker-scroll{to{transform:translate(-50%)}}.chyron:hover .ticker-track,.chyron:focus-within .ticker-track{animation-play-state:paused}@media(prefers-reduced-motion:reduce){.ticker-track{width:auto;min-width:0;display:block;white-space:normal}.ticker-item{display:block;padding:8px 24px}.ticker-item[aria-hidden=true]{display:none}}section{padding:88px 0}.section-head{margin-bottom:34px}.section-label{font:700 clamp(30px,3vw,44px)/1.1 Apfel,sans-serif;letter-spacing:-.03em;text-transform:none;color:var(--paper)}.flagship{display:block;padding:44px 48px;background:linear-gradient(165deg,#f0dfbd,#d7bb8e);border-radius:16px;color:#35291f;box-shadow:inset 0 2px 2px #fff5d9bb,0 10px 24px #0f100e66;transition:transform .22s var(--ease),box-shadow .22s var(--ease)}.flagship-head{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:14px}.flagship-title{display:flex;align-items:center;min-width:0;font:700 clamp(42px,5vw,68px)/1.1 Apfel,sans-serif;letter-spacing:-.04em}.flagship-logo{width:clamp(190px,25vw,320px);height:auto}.flagship-title .arrow{font-size:.55em;margin-left:20px;display:inline-block}.flagship-desc{font-size:20px;max-width:48ch;line-height:1.55}.card-tag{font-size:12px;line-height:1.2;letter-spacing:.06em;text-transform:uppercase;font-weight:600;color:#cfbfaa;white-space:nowrap}.flagship .card-tag{color:#373723;padding:8px 12px;background:#c5c68b;box-shadow:inset 0 1px 3px #536b3f44,0 1px #fffffd88;border-radius:6px}.flagship:hover{transform:translateY(-3px)}.flagship:active{transform:translateY(2px);box-shadow:inset 0 3px 5px #66503955,0 2px 5px #1114}.cards{display:block;margin-top:34px}.card{display:grid;grid-template-columns:1.05fr 1.5fr auto;align-items:start;gap:28px;padding:28px 16px;border-top:1px solid #5e4a39;color:var(--paper);transition:background .18s,box-shadow .18s}.card:last-child{border-bottom:1px solid #5e4a39}a.card:hover{background:#332d32;box-shadow:inset 0 1px #ffffff0b}a.card:active{background:#24262e;box-shadow:inset 0 2px 4px #0005}.card-title{display:flex;justify-content:space-between;align-items:center;gap:20px;font:700 26px/1.2 Apfel,sans-serif;letter-spacing:-.025em}.project-name{display:inline-flex;align-items:center;gap:10px;min-width:0}.project-logo{width:32px;height:32px;flex:0 0 32px;object-fit:contain}.card .arrow{color:var(--blue)}.card-desc{font-size:16px;line-height:1.55;color:var(--muted)}.card-tag{margin-top:7px}.rule{border:0;height:0}#about{background:linear-gradient(155deg,#d3bddb,#b39bbf);color:#302238;padding:58px;margin:24px -20px 0;border-radius:16px;box-shadow:inset 0 2px 1px #f7ebffb3,0 12px 30px #1113}#about .section-label{color:#302238}#about :focus-visible{outline-color:#543060}.flagship:focus-visible{outline-color:var(--blue)}.about-layout{display:grid;grid-template-columns:1.7fr 1fr;gap:60px}.about-text{font-size:19px;max-width:65ch}.about-text p+p{margin-top:22px}.about-photos{display:flex;flex-direction:column;gap:20px}.about-snap{padding:7px;background:#eee1ed;box-shadow:0 8px 14px #4f34503b;border-radius:10px;transform:rotate(2deg)}.about-snap:nth-child(2){transform:rotate(-2deg)}.about-snap img{width:100%;aspect-ratio:1.6;object-fit:cover;border-radius:5px}@media(min-width:901px){.about-photos{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-content:start}.about-snap:first-child{grid-column:1/-1}}.services-list{padding:7px;background:#192a34;border-radius:16px;box-shadow:inset 0 2px 5px #0007,0 1px 1px #ffffff14;display:flex;flex-direction:column;gap:7px}.service{display:grid;grid-template-columns:1fr 1.5fr auto;gap:30px;align-items:center;padding:25px 30px;background:linear-gradient(175deg,#3f596b,#2c4353);box-shadow:inset 0 1px 1px #d1c9a733,0 2px 4px #0005;border-radius:10px;transition:background .18s,transform .1s}.service-title{font:700 27px/1.2 Apfel,sans-serif}.service-desc{font-size:16px;color:#d5e0e5;line-height:1.5}.service-arrow{color:var(--lime);font-size:25px}.service:hover{background:linear-gradient(175deg,#4d697b,#354e60)}.service:active{transform:translateY(2px);box-shadow:inset 0 2px 4px #0006}footer{background:#211b18;padding:60px 0 32px;box-shadow:inset 0 2px 5px #0004}.footer-poster{display:flex;justify-content:center;margin-bottom:40px}.footer-poster img{width:140px;border-radius:8px;transform:rotate(-3deg);box-shadow:0 9px 22px #0006}.footer-content{display:flex;justify-content:space-between;gap:24px;align-items:center}.footer-links{display:flex;gap:26px;font-size:15px}.footer-copy{font:14px/1.6 VG5000,monospace;color:var(--muted)}.footer-gallery{margin-top:36px}.footer-gallery-track{display:flex;gap:14px;overflow-x:auto;padding:10px 0 16px;scroll-snap-type:x proximity;scrollbar-color:#837c66 transparent}.footer-gallery-item{flex-shrink:0;width:auto;height:150px;max-width:220px;object-fit:cover;border-radius:9px;scroll-snap-align:start}.footer-gallery-item--showcase{cursor:pointer}.showcase-overlay{position:fixed;inset:0;background:#111b;z-index:30;display:grid;place-items:center;padding:30px}.showcase-overlay[hidden]{display:none}.showcase-figure img{max-height:82vh;max-width:85vw;width:auto;border-radius:12px}.showcase-close{position:absolute;right:24px;top:20px;border:0;background:var(--paper);color:var(--ink);height:44px;width:44px;border-radius:50%;font-size:28px;cursor:pointer}#work .section-label{color:var(--amber)}.card:nth-child(1) .card-title{color:var(--blue)}.card:nth-child(2) .card-title{color:var(--violet)}#services .section-label{color:var(--blue)}.nav-links a[href$="#work"]{color:var(--amber)}.nav-links a[href$="#about"]{color:var(--violet)}.nav-links a[href$="#services"]{color:var(--blue)}.mobile-links a[href$="#work"]{color:var(--amber)}.mobile-links a[href$="#about"]{color:var(--violet)}.mobile-links a[href$="#services"]{color:var(--blue)}@media(max-width:1000px){.container{padding-inline:32px}.hero{grid-template-columns:minmax(0,1fr) 240px;gap:40px}.nav-links a{padding-inline:12px}.card{gap:20px;grid-template-columns:1fr 1.3fr auto}.about-layout{gap:32px}#about{margin-inline:0;padding:36px}}.mobile-menu{display:none}@media(max-width:900px){body{background-image:linear-gradient(180deg,transparent 45%,#2b241f 100%),linear-gradient(90deg,#2b241fe6,#2b241f99),url(/images/hudson-after-hours-mobile.webp);background-size:100% 850px,100% 850px,auto 850px;background-position:top center,top center,65% top}html{scroll-padding-top:86px}.study-note{padding:5px 20px;font-size:11px}.study-note span{display:none}.container{padding-inline:20px}nav{padding:12px 0}nav>.container{position:relative;gap:16px}.nav-name{font-size:24px}.nav-links{display:none}.mobile-menu{display:block}.mobile-menu summary{display:flex;align-items:center;justify-content:center;gap:10px;min-height:44px;padding:0 14px;font-size:15px;cursor:pointer;list-style:none;border-radius:10px;background:linear-gradient(#5c4854,#41303c);box-shadow:inset 0 1px 1px #d1c9a755,0 3px 6px #0005}.mobile-menu summary::-webkit-details-marker{display:none}.mobile-links{position:absolute;top:calc(100% + 8px);left:20px;right:20px;padding:8px;background:#29212b;border-radius:14px;box-shadow:0 14px 28px #0009;display:flex;flex-direction:column;gap:4px;max-height:calc(100dvh - 120px);overflow:auto}.mobile-links a{display:flex;align-items:center;min-height:48px;padding:10px 16px;border-radius:8px;font-size:17px}.mobile-links a:active{background:#48364f}.mobile-links .nav-cta{background:linear-gradient(#e3e596,#c2c65e);color:#252b1d;font-weight:600}.ticker-item{padding-inline:20px}section{padding:38px 0 48px}.section-head{margin-bottom:24px}.section-label{font-size:31px;line-height:1.15}.flagship{padding:24px;border-radius:14px}.flagship-head{gap:12px;margin-bottom:14px;flex-wrap:wrap}.flagship-title{font-size:42px}.flagship-title .arrow{margin-left:10px}.flagship-desc{font-size:17px;line-height:1.5}.flagship .card-tag{padding:7px 9px}.cards{margin-top:22px}.card{grid-template-columns:1fr;gap:10px;padding:24px 2px}.card-title{font-size:25px;gap:14px}.card-desc{grid-column:1;grid-row:3;font-size:16px;line-height:1.55}.card-tag{grid-column:1;grid-row:2;margin:0;font-size:11px}.card .arrow{margin-left:auto}#about{padding:28px 22px;margin:0 -4px}.about-layout{grid-template-columns:1fr;gap:28px}.about-text{font-size:17px;line-height:1.6}.about-text p+p{margin-top:20px}.about-photos{display:flex;flex-direction:row;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;padding:4px 4px 18px}.about-snap{flex:0 0 85%;min-width:0;padding:5px;transform:none;scroll-snap-align:start}.about-snap:nth-child(2){transform:none}.about-snap img{aspect-ratio:4/3}.service{grid-template-columns:1fr auto;padding:22px 18px;gap:12px}.service-title{font-size:25px}.service-desc{grid-row:2;grid-column:1/-1;font-size:16px}.service-arrow{grid-row:1;grid-column:2}.footer-content{flex-direction:column;align-items:start}.footer-links{flex-wrap:wrap;gap:8px 24px}.footer-links a{min-height:44px;display:inline-flex;align-items:center}.footer-gallery-item{height:124px}.footer-poster img{width:115px}}@media(max-width:350px){.flagship{padding:20px}.flagship-title{font-size:36px}.nav-name{font-size:23px}}@media(min-width:601px)and (max-width:900px){.container{padding-inline:32px}.hero{grid-template-columns:minmax(0,1fr) 200px;padding:36px 0 48px}.hero-text h1{font-size:48px}.hero-copy p{font-size:18px}.mobile-links{left:auto;right:32px;width:300px}}@media(max-width:600px){.hero{grid-template-columns:minmax(0,1fr) 112px;gap:24px 18px;padding:32px 0 36px}.hero-text{display:contents}.hero-text h1{grid-column:1;grid-row:1;font-size:clamp(30px,8.7vw,44px);text-wrap:initial;overflow-wrap:break-word}.hero-photo{grid-column:2;grid-row:1;padding:4px}.hero-copy{grid-column:1/-1;grid-row:2;margin:0}.hero-copy p{font-size:18px;max-width:none}.hero-actions{grid-column:1/-1;grid-row:3;margin:0;gap:20px}.hero-cta{flex:1;text-align:center;min-height:52px;padding:12px 20px;font-size:18px}}@media(max-width:350px){.hero{grid-template-columns:minmax(0,1fr) 96px;column-gap:16px}}@media(max-height:500px)and (max-width:900px){header{position:relative}.hero{padding-top:18px}.mobile-links{max-height:65dvh}html{scroll-padding-top:20px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}header{position:relative;background:#2b241f}nav{padding:20px 0}nav>.container{position:relative}.nav-name{font-size:34px;font-weight:400}@media(min-width:901px){.nav-links{display:flex}.mobile-menu{display:none}}.mobile-menu summary{display:flex;align-items:center;gap:12px;min-height:44px;padding:0 12px;font-size:16px;list-style:none;cursor:pointer;color:var(--paper);background:#211c19;border-radius:10px;box-shadow:inset 0 2px 4px #0009,0 1px #ffffff13}.mobile-menu summary::-webkit-details-marker{display:none}.mobile-links{position:absolute;z-index:20;top:calc(100% + 8px);left:auto;right:48px;width:216px;padding:8px;background:#211c19;border-radius:12px;box-shadow:inset 0 2px 4px #0009,0 10px 24px #0008;display:flex;flex-direction:column;gap:4px;max-height:calc(100dvh - 104px);overflow:auto}.mobile-links a{display:flex;align-items:center;min-height:44px;padding:8px 16px;font-size:17px;border-radius:8px}.mobile-links a:hover,.mobile-links a:focus-visible{background:linear-gradient(#564337,#3c3028);box-shadow:inset 0 1px #fff3,0 3px 6px #0005}.mobile-links .nav-cta{background:linear-gradient(#e3e596,#c2c65e);box-shadow:inset 0 1px 1px #ffffffe0,0 3px 5px #0008;color:#252b1d;font-weight:600;margin-top:4px}.mobile-links .nav-cta:hover,.mobile-links .nav-cta:focus-visible{background:linear-gradient(#eff0ac,#d5d879)}@media(max-width:900px){nav{padding:14px 0}.nav-name{font-size:28px}.mobile-menu summary{font-size:15px}.mobile-links{right:20px;width:208px}}
