:root{--black:#0a0a0a;--ink:#111;--white:#f5f5f3;--muted:rgba(245,245,243,.62);--glass-bg:rgba(255,255,255,.12);--glass-bg-strong:rgba(255,255,255,.18);--glass-border:rgba(255,255,255,.28);--glass-blur:blur(22px) saturate(180%);--glass-shadow:0 10px 40px rgba(0,0,0,.25),inset 0 1px 0 rgba(255,255,255,.45),inset 0 -1px 0 rgba(255,255,255,.08);--radius:28px;--gutter:16px;--font:"Oswald",sans-serif}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth}html,body{margin:0;padding:0;overflow-x:clip}body{background:var(--black);color:var(--white);font-family:var(--font);-webkit-font-smoothing:antialiased}h1,h2,h3,h4,h5,h6{font-family:var(--font);text-transform:uppercase}a{color:inherit;text-decoration:none}img,video{display:block;max-width:100%}.container{width:min(1200px, 100% - 2 * var(--gutter));margin-inline:auto}.eyebrow{font-size:.85rem;letter-spacing:.2em;text-transform:uppercase;color:var(--muted)}.outline{color:transparent;-webkit-text-stroke:1.5px var(--white)}.glass{position:relative;isolation:isolate;background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow);border-radius:var(--radius)}.glass:before{content:"";position:absolute;inset:0;z-index:-1;border-radius:inherit;background:linear-gradient(160deg,rgba(255,255,255,.35) 0%,rgba(255,255,255,0) 55%);mix-blend-mode:soft-light;pointer-events:none}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.6em;padding:.85em 1.6em;border:0;border-radius:999px;font:inherit;font-size:1rem;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--white);background:0 0;cursor:pointer;transition:transform .3s ease,background-color .3s ease,color .3s ease,box-shadow .3s ease}.btn:hover{transform:translateY(-2px)}.btn__arrow{display:inline-block;transition:transform .3s ease}.btn:hover .btn__arrow{transform:translateX(4px)}.btn--light{background:var(--white);color:var(--ink);box-shadow:0 8px 30px rgba(255,255,255,.15)}.btn--light:hover{box-shadow:0 12px 40px rgba(255,255,255,.25)}.btn--dark{background:var(--ink);color:var(--white);box-shadow:0 10px 30px rgba(0,0,0,.18)}.btn--dark:hover{box-shadow:0 14px 40px rgba(0,0,0,.26)}.btn.glass{border:1px solid var(--glass-border);border-radius:999px}.btn.glass:hover{background:var(--glass-bg-strong)}.btn--sm{padding:.6em 1.2em;font-size:.85rem}.btn--lg{padding:1.05em 2.1em;font-size:1.15rem}.chip,.tag{display:inline-flex;align-items:center;gap:.6em;border-radius:999px;text-transform:uppercase;background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow)}.chip{padding:.5em 1.1em;font-size:.8rem;letter-spacing:.14em}.chip .dot{flex:none;width:8px;height:8px;border-radius:50%;background:#4ade80;animation:pulse 2s ease-out infinite}@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(74,222,128,.6)}70%{box-shadow:0 0 0 8px rgba(74,222,128,0)}100%{box-shadow:0 0 0 0 rgba(74,222,128,0)}}.tag{padding:.4em .95em;font-size:.75rem;letter-spacing:.1em}.nav{position:fixed;top:18px;left:50%;transform:translateX(-50%);z-index:50;width:min(1200px, 100% - 2 * var(--gutter));display:flex;align-items:center;justify-content:space-between;gap:16px;padding:8px 8px 8px 24px;border-radius:999px;transition:background-color .35s ease,color .35s ease,border-color .35s ease}.nav--dark{background:rgba(17,17,17,.06);border-color:rgba(17,17,17,.16);color:var(--ink)}.nav--dark .btn--light{background:var(--ink);color:var(--white);box-shadow:0 8px 24px rgba(0,0,0,.16)}.nav__logo{font-size:1.2rem;letter-spacing:.06em;white-space:nowrap}.nav__logo b{font-weight:700}.nav__logo span{font-weight:300}.nav__links{display:flex;gap:32px;margin:0;padding:0;list-style:none}.nav__links a{font-size:.85rem;letter-spacing:.14em;text-transform:uppercase;opacity:.75;transition:opacity .2s ease}.nav__links a:hover{opacity:1}@media (max-width:639px){.nav__links{display:none}}.hero{position:relative;height:100vh;height:100svh;min-height:620px;overflow:hidden;background:var(--black)}.hero__canvas{position:absolute;inset:0;width:100%;height:100%;display:block}.hero__shade{position:absolute;inset:0;pointer-events:none;background:linear-gradient(to right,rgba(0,0,0,.55),rgba(0,0,0,0) 55%),linear-gradient(to top,rgba(0,0,0,.55),rgba(0,0,0,0) 40%)}.hero__content{position:absolute;left:0;right:0;bottom:56px;display:flex;align-items:flex-end;justify-content:space-between;gap:32px}.hero__main{display:flex;flex-direction:column;align-items:flex-start;gap:20px}.hero__title{margin:0;font-size:clamp(3.6rem, 10.5vw, 9.5rem);font-weight:700;line-height:.86;letter-spacing:-.01em}.hero__intro{margin:0;max-width:420px;font-size:1.15rem;font-weight:300;line-height:1.45;color:var(--muted)}.hero__actions{display:flex;flex-wrap:wrap;gap:12px}.hero__stats{flex:none;width:220px;display:flex;flex-direction:column;gap:12px}.stat{display:flex;flex-direction:column;gap:4px;padding:18px 22px;border-radius:22px}.stat__value{font-size:2.2rem;font-weight:600;line-height:1}.stat__value--sm{font-size:1.35rem;letter-spacing:.04em}.stat__label{font-size:.75rem;letter-spacing:.16em;text-transform:uppercase;color:var(--muted)}.stat__time{font-size:.9rem;font-weight:300;letter-spacing:.08em;color:var(--muted);font-variant-numeric:tabular-nums}@media (max-width:899px){.hero__stats{display:none}}.hero__scroll{position:absolute;bottom:14px;left:50%;transform:translateX(-50%);width:22px;height:34px;border-radius:999px;display:flex;justify-content:center}.hero__scroll-dot{width:4px;height:7px;margin-top:6px;border-radius:999px;background:var(--white);animation:scroll-cue 1.8s ease-in-out infinite}@keyframes scroll-cue{0%{transform:translateY(0);opacity:0}30%{opacity:1}80%{transform:translateY(12px);opacity:0}100%{transform:translateY(12px);opacity:0}}.loader{position:absolute;inset:0;z-index:60;display:grid;place-items:center;background:radial-gradient(circle at 50% 45%,#1c1c1c 0%,var(--black) 70%);transition:opacity .7s ease,visibility 0s linear .7s}.loader.is-done{opacity:0;visibility:hidden;pointer-events:none}.loader__pill{display:flex;align-items:center;gap:16px;padding:14px 24px;border-radius:999px}.loader__label,.loader__pct{font-size:.8rem;letter-spacing:.2em}.loader__pct{min-width:3.2em;text-align:right;font-variant-numeric:tabular-nums;color:var(--muted)}.loader__bar{position:relative;width:min(180px, 40vw);height:4px;border-radius:999px;overflow:hidden;background:rgba(255,255,255,.15)}.loader__fill{position:absolute;inset:0;transform:scaleX(0);transform-origin:left center;border-radius:inherit;background:var(--white);transition:transform .2s ease-out}.about{padding:120px 0 140px;background:var(--black)}.marquee{overflow:hidden;padding-block:1.5vw}.marquee__row{transform:rotate(-2deg);margin-inline:-5vw}.marquee__track{display:flex;width:max-content;will-change:transform}.marquee__group{display:flex;align-items:center;flex:none;font-size:clamp(4rem, 14vw, 13rem);font-weight:700;line-height:1.02;text-transform:uppercase;white-space:nowrap}.marquee__group>span{padding-right:.28em}.marquee__sep{font-size:.4em;opacity:.6}.about__body{margin-top:120px}.about__text{max-width:1050px;margin:24px 0 40px;font-size:clamp(1.6rem, 3.6vw, 3rem);font-weight:300;line-height:1.22}.about__text strong{font-weight:700}.about__tags{display:flex;flex-wrap:wrap;gap:10px;margin:0;padding:0;list-style:none}.work{position:relative;background:#f1efec;color:var(--ink)}.work .eyebrow{color:rgba(17,17,17,.6)}.work__sticky{position:sticky;top:0;height:100vh;overflow:hidden;display:flex;flex-direction:column}.work__head{display:flex;align-items:baseline;justify-content:space-between;padding-top:104px}.work__head .eyebrow{margin:0}.work__counter{margin:0;font-size:.95rem;letter-spacing:.14em;font-variant-numeric:tabular-nums}.work__counter span{font-weight:700}.work__track{flex:1;display:flex;align-items:center;gap:28px;width:max-content;padding-inline:max(var(--gutter), calc((100vw - 1200px) / 2));will-change:transform}.work__intro{flex:none;width:min(380px, 78vw);padding-right:24px}.work__title{margin:0 0 20px;font-size:clamp(3rem, 7vw, 6rem);font-weight:700;line-height:.9}.work__intro p{max-width:280px;margin:0;font-size:1.05rem;font-weight:300;line-height:1.45;color:rgba(17,17,17,.7)}.work__progress{height:3px;background:rgba(17,17,17,.1)}.work__progress span{display:block;width:0;height:100%;background:var(--ink)}.project{position:relative;flex:none;width:min(560px, 82vw);height:min(62vh, 560px);border-radius:32px;overflow:hidden;isolation:isolate;color:var(--white);box-shadow:0 20px 50px rgba(0,0,0,.12);transition:transform .5s cubic-bezier(.2,.8,.2,1),box-shadow .5s ease}.project:hover{transform:translateY(-6px);box-shadow:0 30px 60px rgba(0,0,0,.18)}.project__art{position:absolute;inset:0;z-index:-1;transition:transform .8s cubic-bezier(.2,.8,.2,1)}.project:hover .project__art{transform:scale(1.04)}.project__num{position:absolute;top:18px;left:26px;font-size:clamp(5rem, 12vw, 8.5rem);font-weight:700;line-height:1;color:var(--white);mix-blend-mode:overlay}.project__info{position:absolute;left:14px;right:14px;bottom:14px;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 22px;border-radius:22px}.project__title{margin:0 0 2px;font-size:1.4rem;font-weight:600;letter-spacing:.02em}.project__cat{margin:0;font-size:.85rem;font-weight:300;letter-spacing:.04em;color:rgba(255,255,255,.8)}.project__year{font-size:.9rem;letter-spacing:.14em}.project--kopi .project__art{background:radial-gradient(circle at 68% 40%,#ffd98a 0 16%,rgba(255,190,90,.55) 16.5%,transparent 34%),linear-gradient(180deg,#f0a04b 0%,#d8672c 38%,#7a3518 72%,#3a1a0c 100%)}.project--lumen .project__art{background:radial-gradient(circle at 22% 28%,rgba(70,120,255,.75),transparent 45%),radial-gradient(circle at 82% 68%,rgba(150,85,255,.7),transparent 50%),radial-gradient(circle at 55% 110%,rgba(40,200,255,.35),transparent 45%),#0a1233}.project--pixel .project__art{background:radial-gradient(circle,#ffe066 0 12px,transparent 13px) 0 0/84px 84px,radial-gradient(circle,#ff3d97 0 18px,transparent 19px) 42px 42px/84px 84px,linear-gradient(160deg,#ffb3d6,#ff79b6)}.project--batik .project__art{background:repeating-radial-gradient(circle,#d9a441 0 2px,transparent 2px 12px) 0 0/72px 72px,radial-gradient(circle at 50% 40%,rgba(240,190,90,.35),transparent 60%),linear-gradient(180deg,#6e4520,#34200e)}.project--orbit .project__art{background:radial-gradient(circle at 62% 42%,#e9e9e9 0 5%,transparent 5.3%),repeating-radial-gradient(circle at 62% 42%,transparent 0 58px,rgba(255,255,255,.2) 59px 60px),radial-gradient(circle at 62% 42%,rgba(255,255,255,.08),transparent 55%),#0c0c0e}.testimonials{position:relative;overflow:hidden;padding:140px 0;background:var(--black)}.testimonials__inner{position:relative}.blob{position:absolute;border-radius:50%;filter:blur(80px);opacity:.55;pointer-events:none;will-change:transform}.blob--pink{top:-140px;left:-140px;width:520px;height:520px;background:#e0529c;animation:drift-a 18s ease-in-out infinite alternate}.blob--blue{right:-120px;bottom:-120px;width:460px;height:460px;background:#4f7cff;animation:drift-b 22s ease-in-out infinite alternate}@keyframes drift-a{to{transform:translate(140px,90px) scale(1.1)}}@keyframes drift-b{to{transform:translate(-160px,-80px) scale(.92)}}.testimonials__title{margin:12px 0 64px;font-size:clamp(3.5rem, 10vw, 9rem);font-weight:700;line-height:.9}.quotes{display:grid;grid-template-columns:repeat(3,1fr);align-items:start;gap:24px;padding-bottom:60px}.quote{display:flex;flex-direction:column;justify-content:space-between;gap:32px;min-height:300px;margin:0;padding:32px}.quote:nth-child(2){transform:translateY(60px)}.quote blockquote{margin:0;font-size:1.25rem;font-weight:300;line-height:1.45}.quote__author{display:flex;align-items:center;gap:14px}.quote__avatar{flex:none;display:grid;place-items:center;width:48px;height:48px;border-radius:50%;background:var(--white);color:var(--ink);font-size:.95rem;font-weight:600;letter-spacing:.04em}.quote__name,.quote__role{display:block}.quote__name{font-size:1rem;font-weight:500;letter-spacing:.06em;text-transform:uppercase}.quote__role{font-size:.85rem;font-weight:300;color:var(--muted)}.footer{position:relative;overflow:hidden;padding-top:140px;border-radius:40px 40px 0 0;background:var(--white);color:var(--ink)}.footer .eyebrow{color:rgba(17,17,17,.6)}.footer .outline{-webkit-text-stroke-color:var(--ink)}.footer__title{margin:12px 0 48px;font-size:clamp(3.2rem, 10vw, 9.5rem);font-weight:700;line-height:.9}.footer__grid{display:grid;grid-template-columns:repeat(3,1fr) auto;gap:32px;margin-top:110px;padding-bottom:40px;border-bottom:1px solid rgba(17,17,17,.14)}.footer__heading{margin:0 0 14px;font-size:.8rem;font-weight:400;letter-spacing:.2em;color:rgba(17,17,17,.55)}.footer__grid p{margin:0;font-size:1.05rem;font-weight:300;line-height:1.6}.footer__list{margin:0;padding:0;list-style:none;font-size:1.05rem;font-weight:300;line-height:1.6}.footer__list a{transition:opacity .2s ease}.footer__list a:hover{opacity:.55}.footer__top-wrap{display:flex;justify-content:flex-end;align-items:flex-start}.footer__top.glass{display:grid;place-items:center;width:64px;height:64px;border-radius:50%;font-size:1.4rem;background:rgba(17,17,17,.05);border-color:rgba(17,17,17,.14);box-shadow:0 10px 30px rgba(0,0,0,.08),inset 0 1px 0 rgba(255,255,255,.9);transition:transform .3s ease,background-color .3s ease}.footer__top.glass:hover{transform:translateY(-3px);background:rgba(17,17,17,.09)}.footer__bottom{display:flex;justify-content:space-between;gap:12px;padding:24px 0;font-size:.85rem;letter-spacing:.1em;text-transform:uppercase;color:rgba(17,17,17,.6)}.footer__wordmark{margin-bottom:-.1em;font-size:15vw;font-weight:700;line-height:.78;text-align:center;white-space:nowrap;letter-spacing:-.01em}.trail{position:fixed;inset:0;z-index:100;pointer-events:none;overflow:hidden}.trail img{position:absolute;top:0;left:0;height:auto;max-width:none;filter:drop-shadow(0 14px 22px rgba(0,0,0,.35));will-change:transform,opacity}.is-trailing{-webkit-user-select:none;user-select:none}@media (max-width:899px){.quotes{grid-template-columns:1fr;padding-bottom:0}.quote:nth-child(2){transform:none}.quote{min-height:0}.footer__grid{grid-template-columns:repeat(2,1fr)}.footer__top-wrap{justify-content:flex-start}}@media (max-width:639px){.hero__content{bottom:80px}.about{padding:80px 0 96px}.about__body{margin-top:80px}.testimonials{padding:96px 0}.testimonials__title{margin-bottom:40px}.quote{padding:26px}.footer{padding-top:96px;border-radius:28px 28px 0 0}.footer__grid{margin-top:72px}.footer__bottom{flex-direction:column}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.chip .dot,.hero__scroll-dot,.blob{animation:none}.btn,.btn__arrow{transition:none}}.project--alt .project__art{filter:hue-rotate(140deg) saturate(1.2)}.project__title{line-height:1.05}.value__title{margin:0;font-size:clamp(2rem, 3.4vw, 2.8rem);font-weight:700;text-transform:uppercase}.value__list{display:grid;gap:14px;margin:0;padding:0;list-style:none;font-weight:300;font-size:1.1rem;line-height:1.4}.value__list li{padding-left:22px;position:relative}.value__list li:before{content:"✦";position:absolute;left:0;opacity:.6;font-size:.8em;top:.15em}.blog{padding:40px 0 160px;background:var(--black)}.blog__title{margin:12px 0 48px;font-size:clamp(3rem, 8vw, 7rem);font-weight:700;line-height:.9;text-transform:uppercase}.blog__list{margin:0;padding:0;list-style:none;border-top:1px solid rgba(255,255,255,.18)}.blog__list a{display:grid;grid-template-columns:56px 1fr auto;align-items:center;gap:20px;padding:26px 8px;border-bottom:1px solid rgba(255,255,255,.18);transition:background .3s,padding .3s}.blog__list a:hover{background:rgba(255,255,255,.06);padding-left:20px}.blog__list a:hover .btn__arrow{transform:translateX(6px)}.blog__list .btn__arrow{transition:transform .3s;font-size:1.4rem}.blog__num{color:var(--muted);font-size:.9rem;letter-spacing:.2em}.blog__name{font-size:clamp(1.1rem, 2.2vw, 1.7rem);font-weight:400;line-height:1.2}@media (max-width:640px){.blog{padding:20px 0 100px}.blog__list a{grid-template-columns:36px 1fr auto;gap:12px}}.nav__links a[aria-current=page]{opacity:1;text-decoration:underline;text-underline-offset:6px}.page-hero{position:relative;overflow:hidden;padding:180px 0 90px;background:var(--black)}.page-hero__inner{position:relative;z-index:1}.page-hero__title{margin:12px 0 24px;font-size:clamp(3.2rem, 9vw, 8rem);font-weight:700;line-height:.9;text-transform:uppercase}.page-hero--post .page-hero__title{max-width:1000px;font-size:clamp(2.2rem, 5.5vw, 4.8rem);line-height:1}.page-hero__lead{max-width:620px;margin:0;font-size:clamp(1.1rem, 1.8vw, 1.4rem);font-weight:300;line-height:1.5;color:var(--muted)}.crumbs{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 28px;padding:0;list-style:none;font-size:.8rem;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}.crumbs li+li:before{content:"/";margin-right:8px;opacity:.5}.crumbs a:hover{color:var(--white)}.services{display:grid;gap:120px;padding:60px 0 120px}.service{display:grid;grid-template-columns:minmax(0, 1fr) minmax(0, 1fr);gap:64px;align-items:center;scroll-margin-top:110px}.service:nth-child(even) .service__art{order:2}.service__art.project{width:100%;height:auto;aspect-ratio:4/3;min-height:0}.service__art.project:hover{transform:none}.service__title{margin:0 0 16px;font-size:clamp(2.4rem, 5vw, 4.2rem);font-weight:700;line-height:.95;text-transform:uppercase}.service__lead{margin:0 0 28px;font-size:1.2rem;font-weight:300;line-height:1.5;color:var(--muted)}.service__actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:32px}.cta{padding-bottom:140px}.cta__box{padding:clamp(32px, 6vw, 72px);text-align:center}.cta__box p{max-width:520px;margin:0 auto 28px;font-weight:300;font-size:1.15rem;line-height:1.5}.cta__title{margin:0 0 16px;font-size:clamp(2.2rem, 5vw, 4rem);font-weight:700;text-transform:uppercase;line-height:.95}.post-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px, 1fr));gap:28px;padding:40px 0 140px}.post-card a{display:flex;flex-direction:column;height:100%;overflow:hidden;border:1px solid rgba(255,255,255,.14);border-radius:var(--radius);background:rgba(255,255,255,.04);transition:transform .35s,border-color .35s}.post-card a:hover{transform:translateY(-6px);border-color:rgba(255,255,255,.4)}.post-card__img{aspect-ratio:16/10;overflow:hidden}.post-card__img img{width:100%;height:100%;object-fit:cover;transition:transform .6s}.post-card a:hover .post-card__img img{transform:scale(1.05)}.post-card__body{display:flex;flex-direction:column;gap:12px;flex:1;padding:26px}.post-card__meta{margin:0;font-size:.75rem;letter-spacing:.16em;text-transform:uppercase;color:var(--muted)}.post-card__title{margin:0;font-size:1.6rem;font-weight:600;line-height:1.1;text-transform:uppercase}.post-card__excerpt{margin:0;font-weight:300;line-height:1.55;color:var(--muted)}.post-card__more{margin-top:auto;padding-top:8px;font-size:.85rem;letter-spacing:.12em;text-transform:uppercase}.post-card a:hover .btn__arrow{transform:translateX(4px)}.article{max-width:820px;padding:20px 0 100px}.article__cover{margin:0 0 56px;overflow:hidden;border-radius:var(--radius)}.article__cover img{display:block;width:100%;max-height:520px;object-fit:cover}.prose{font-size:1.15rem;font-weight:300;line-height:1.75;color:rgba(245,245,243,.86)}.prose h2,.prose h3,.prose h4{margin:2em 0 .6em;color:var(--white);font-weight:600;line-height:1.15;text-transform:uppercase}.prose h2{font-size:clamp(1.6rem, 3vw, 2.2rem)}.prose h3{font-size:1.4rem}.prose p,.prose ul,.prose ol{margin:0 0 1.2em}.prose strong{color:var(--white);font-weight:500}.prose a{text-decoration:underline;text-underline-offset:3px}.prose li{margin-bottom:.4em}.article__cta{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px;margin-top:56px;padding:24px 28px}.article__cta p{margin:0;font-size:1.2rem}.related{padding-bottom:140px}.related .eyebrow{margin-bottom:24px}.related .blog__list a{grid-template-columns:1fr auto}.contact{display:grid;grid-template-columns:minmax(0, 1.4fr) minmax(0, 1fr);gap:28px;align-items:start;padding:20px 0 140px}.contact__form{display:grid;gap:20px;padding:clamp(24px, 4vw, 44px)}.contact__form label{display:grid;gap:8px;font-size:.8rem;letter-spacing:.16em;text-transform:uppercase;color:var(--muted)}.contact__form small{font-size:inherit;opacity:.7}.contact__form input,.contact__form textarea{width:100%;padding:14px 18px;border:1px solid var(--glass-border);border-radius:16px;background:rgba(0,0,0,.25);color:var(--white);font:300 1.05rem/1.4 var(--font);letter-spacing:.02em;text-transform:none;resize:vertical}.contact__form input:focus,.contact__form textarea:focus{outline:2px solid var(--white);outline-offset:2px}.contact__form .btn{justify-self:start;border:0;cursor:pointer;font-family:var(--font);font-size:1rem}.contact__note{margin:0;color:#4ade80}.contact__side{display:grid;gap:16px}.contact__side .stat{position:relative;overflow:hidden}.contact__side a.stat__value{word-break:break-all}@media (max-width:900px){.service,.contact{grid-template-columns:1fr;gap:28px}.service:nth-child(even) .service__art{order:0}.services{gap:80px}}@media (max-width:640px){.page-hero{padding:140px 0 60px}.post-grid{grid-template-columns:1fr}.prose{font-size:1.05rem}}:root{--accent:#ffe600;--accent-soft:rgba(255,230,0,.16);--black:#0a0a0a;--ink:#0a0a0a;--white:#f2f2f0;--gray-1:#1a1a1a;--gray-2:#2a2a2a;--gray-3:#6b6b6b;--gray-4:#bdbdbd;--muted:rgba(242,242,240,.58)}::selection{background:var(--accent);color:var(--black)}.btn--light{background:var(--accent);color:var(--black)}.btn--light:hover{box-shadow:0 10px 40px rgba(255,230,0,.35)}.chip .dot{background:var(--accent);animation-name:pulse-y}@keyframes pulse-y{0%{box-shadow:0 0 0 0 rgba(255,230,0,.7)}70%{box-shadow:0 0 0 8px rgba(255,230,0,0)}100%{box-shadow:0 0 0 0 rgba(255,230,0,0)}}.about__text strong,.hero__title em{color:var(--accent);font-style:normal}.marquee__sep{color:var(--accent);opacity:1}.eyebrow:before{content:"● ";color:var(--accent)}.work{background:var(--accent);color:var(--black)}.work .eyebrow:before,.footer .eyebrow:before{color:var(--black)}.work__progress span{background:var(--black)}.footer{background:var(--accent);color:var(--black)}.footer .btn--dark{background:var(--black);color:var(--accent)}.footer .outline{-webkit-text-stroke-color:var(--black)}.nav--dark .btn--light{background:var(--black);color:var(--accent)}.blob--pink{background:var(--accent);opacity:.22}.blob--blue{background:var(--gray-4);opacity:.18}.project--kopi .project__art{background:radial-gradient(circle at 68% 40%,var(--accent) 0 16%,rgba(255,230,0,.35) 16.5%,transparent 34%),linear-gradient(180deg,#2a2a2a 0%,#0a0a0a 100%)}.project--lumen .project__art{background:linear-gradient(rgba(255,230,0,.14) 1px,transparent 1px) 0 0/36px 36px,linear-gradient(90deg,rgba(255,230,0,.14) 1px,transparent 1px) 0 0/36px 36px,radial-gradient(circle at 75% 70%,rgba(255,230,0,.45),transparent 45%),#111}.project--pixel .project__art{background:radial-gradient(circle,#0a0a0a 0 12px,transparent 13px) 0 0/84px 84px,radial-gradient(circle,#6b6b6b 0 18px,transparent 19px) 42px 42px/84px 84px,var(--accent)}.project--batik .project__art{background:repeating-radial-gradient(circle,var(--accent) 0 2px,transparent 2px 12px) 0 0/72px 72px,radial-gradient(circle at 50% 40%,rgba(255,230,0,.18),transparent 60%),linear-gradient(180deg,#3a3a3a,#121212)}.project--orbit .project__art{background:radial-gradient(circle at 62% 42%,var(--accent) 0 5%,transparent 5.3%),repeating-radial-gradient(circle at 62% 42%,transparent 0 58px,rgba(255,255,255,.18) 59px 60px),radial-gradient(circle at 62% 42%,rgba(255,230,0,.1),transparent 55%),#0c0c0c}.project--alt .project__art{filter:none;background:repeating-linear-gradient(135deg,var(--accent) 0 18px,#0a0a0a 18px 36px)}.project__num{mix-blend-mode:difference;color:#fff}.post-card a:hover{border-color:var(--accent)}.post-card__more,.crumbs a:hover,.prose a{color:var(--accent)}.prose h2:before{content:"";display:block;width:48px;height:4px;margin-bottom:14px;background:var(--accent)}.blog__list a:hover{background:var(--accent-soft)}.blog__list a:hover .btn__arrow{color:var(--accent)}.contact__form input:focus,.contact__form textarea:focus{outline-color:var(--accent)}.contact__note{color:var(--accent)}.nav__links a[aria-current=page]{text-decoration-color:var(--accent)}.value__list li:before{color:var(--accent);opacity:1}.service__art.project{border:1px solid rgba(255,255,255,.1)}.hero{background:var(--black)}.hero__grid{position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 68% 45%,rgba(255,230,0,.22),transparent 42%),linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px) 0 0/64px 64px,linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px) 0 0/64px 64px;mask-image:radial-gradient(circle at 60% 50%,#000 30%,transparent 80%);-webkit-mask-image:radial-gradient(circle at 60% 50%,#000 30%,transparent 80%)}.mascot{position:absolute;right:max(4vw, 24px);top:50%;width:min(44vw, 560px);aspect-ratio:400/500;transform:translateY(-50%);cursor:pointer;-webkit-tap-highlight-color:transparent}.mascot svg{width:100%;height:100%;overflow:visible}.mascot__float{animation:mascot-float 4.5s ease-in-out infinite;transform-origin:200px 260px}.mascot__eyes{transform-origin:200px 190px;transition:transform .08s}.mascot.is-blink .mascot__eyes{transform:scaleY(.08)}.mascot.is-jump .mascot__float{animation:mascot-jump .7s cubic-bezier(.3,1.6,.5,1)}.mascot__bulb{animation:bulb 1.6s ease-in-out infinite}.mascot__wave{transform-origin:318px 262px;animation:wave 2.4s ease-in-out infinite}.mascot__ring{transform-origin:200px 250px;animation:ring-spin 18s linear infinite}@keyframes mascot-float{50%{transform:translateY(-14px)}}@keyframes mascot-jump{0%{transform:translateY(0)}40%{transform:translateY(-70px) rotate(-6deg)}100%{transform:translateY(0)}}@keyframes bulb{50%{opacity:.45}}@keyframes wave{0%,60%,100%{transform:rotate(0)}70%{transform:rotate(-18deg)}80%{transform:rotate(10deg)}90%{transform:rotate(-12deg)}}@keyframes ring-spin{to{transform:rotate(360deg)}}.mascot__bubble{position:absolute;left:-6%;top:8%;padding:10px 18px;border-radius:999px 999px 999px 6px;background:var(--white);color:var(--black);font-size:.95rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;opacity:0;transform:translateY(8px) scale(.9);transition:opacity .3s,transform .3s;pointer-events:none}.mascot.is-talk .mascot__bubble{opacity:1;transform:none}.hero__title{position:relative;z-index:2}@media (max-width:900px){.mascot{width:min(70vw, 380px);right:50%;top:10%;transform:translateX(50%);opacity:.95}.hero__grid{mask-image:radial-gradient(circle at 50% 30%,#000 30%,transparent 80%);-webkit-mask-image:radial-gradient(circle at 50% 30%,#000 30%,transparent 80%)}}@media (prefers-reduced-motion:reduce){.mascot__float,.mascot__bulb,.mascot__wave,.mascot__ring{animation:none}}.hero__title{font-size:clamp(2.6rem, 10.5vw, 9.5rem)}.chip{flex-wrap:wrap}@media (max-width:640px){.nav{padding-left:16px;padding-right:6px;gap:8px}.nav__logo{font-size:1rem;letter-spacing:.02em;white-space:nowrap}.nav .btn--sm{padding:.55em 1em;font-size:.72rem}.chip #localTime{display:none}.chip{font-size:.68rem}.mascot{width:min(62vw, 300px);top:9%}.page-hero__title{font-size:clamp(2.4rem, 12vw, 4rem)}}@media (max-width:380px){.nav__logo span{display:none}}.footer__wordmark{margin:0;padding:.06em 0 .14em;font-size:min(15vw, 17rem);line-height:.9}@media (max-width:640px){.footer__title{font-size:clamp(2.2rem, 11vw, 3.6rem);overflow-wrap:anywhere}.footer .btn--lg{max-width:100%;padding:.9em 1.3em;font-size:clamp(0.8rem, 4vw, 1rem);white-space:normal}}.project--pixel .project__num{mix-blend-mode:normal;color:#0a0a0a}.skip-link{position:absolute;left:16px;top:-60px;z-index:200;padding:10px 18px;border-radius:999px;background:var(--accent);color:var(--black);font-weight:600}.skip-link:focus{top:16px}:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.matu-cf7 p{margin:0 0 20px}.matu-cf7 label{display:grid;gap:8px;font-size:.8rem;letter-spacing:.16em;text-transform:uppercase;color:var(--muted)}.matu-cf7 .wpcf7-form-control-wrap{display:block}.matu-cf7 input[type=text],.matu-cf7 input[type=email],.matu-cf7 textarea{width:100%;padding:14px 18px;border:1px solid var(--glass-border);border-radius:16px;background:rgba(0,0,0,.25);color:var(--white);font:300 1.05rem/1.4 var(--font);letter-spacing:.02em;text-transform:none;resize:vertical}.matu-cf7 textarea[name=your-name],.matu-cf7 textarea[name=your-subject]{min-height:0;height:3.2em;resize:none}.matu-cf7 input:focus,.matu-cf7 textarea:focus{outline:2px solid var(--accent);outline-offset:2px}.matu-cf7 .wpcf7-submit{padding:.85em 1.8em;border:0;border-radius:999px;background:var(--accent);color:var(--black);font:500 1rem var(--font);letter-spacing:.08em;text-transform:uppercase;cursor:pointer;transition:transform .25s,box-shadow .25s}.matu-cf7 .wpcf7-submit:hover{transform:translateY(-2px);box-shadow:0 10px 40px rgba(255,230,0,.35)}.matu-cf7 .wpcf7-spinner{margin-left:12px}.matu-cf7 .wpcf7-not-valid-tip{margin-top:6px;color:#ff8a8a;font-size:.85rem;letter-spacing:.02em;text-transform:none}.matu-cf7 .wpcf7-response-output{margin:12px 0 0 !important;padding:12px 16px !important;border:1px solid var(--glass-border) !important;border-radius:14px;font-size:.95rem}.matu-cf7.sent .wpcf7-response-output{border-color:var(--accent) !important;color:var(--accent)}.contact__privacy{margin:20px 0 0;font-size:.85rem;font-weight:300;line-height:1.5;color:var(--muted)}.contact__privacy a{color:var(--accent);text-decoration:underline}.footer__newsletter{max-width:560px;margin:64px 0 0}.footer__newsletter p{margin:0 0 16px;font-weight:300;line-height:1.5}.footer__newsletter form{display:flex;flex-wrap:wrap;gap:10px}.footer__newsletter input[type=email]{flex:1 1 220px;padding:14px 20px;border:1px solid rgba(10,10,10,.25);border-radius:999px;background:rgba(10,10,10,.06);color:var(--black);font:400 1rem var(--font)}.footer__newsletter input[type=email]::placeholder{color:rgba(10,10,10,.55)}.footer__newsletter input[type=submit],.footer__newsletter button{padding:14px 24px;border:0;border-radius:999px;background:var(--black);color:var(--accent);font:500 .95rem var(--font);letter-spacing:.08em;text-transform:uppercase;cursor:pointer}.footer__small{font-size:.8rem;opacity:.75}.footer__small a,.footer__bottom a{text-decoration:underline}.footer__newsletter .tnp-field label{display:none}.footer__newsletter .tnp-field{margin:0}.blog__more{margin:40px 0 0}.pagination{padding-bottom:120px}.pagination .nav-links{display:flex;flex-wrap:wrap;gap:8px}.pagination .page-numbers{display:inline-grid;place-items:center;min-width:48px;height:48px;padding:0 16px;border:1px solid var(--glass-border);border-radius:999px}.pagination .page-numbers.current{background:var(--accent);color:var(--black);border-color:var(--accent)}.prose img{max-width:100%;height:auto;border-radius:16px}.post-card__img img,.article__cover img{width:100%;height:100%;object-fit:cover}.screen-reader-text{position:absolute !important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}