:root{--color-paper:oklch(17% .045 258);--color-paper-2:oklch(21% .05 258);--color-paper-3:oklch(25% .055 258);--color-rule:oklch(31% .05 258);--color-rule-2:oklch(44% .06 258);--color-neutral:oklch(72% .025 250);--color-muted:oklch(84% .015 250);--color-ink:oklch(96% .01 90);--color-accent:oklch(81% .13 85);--color-bloom:oklch(55% .16 258);--color-focus:oklch(86% .13 88);--color-shadow:oklch(10% .04 258);--font-display:"Geist", ui-sans-serif, sans-serif;--font-body:"Geist", ui-sans-serif, sans-serif;--font-outlier:"Geist Mono", ui-monospace, monospace;--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-md:1.25rem;--text-lg:1.5625rem;--text-display:clamp(2.5rem, 5vw + 1rem, 5.25rem);--space-3xs:.125rem;--space-2xs:.25rem;--space-xs:.5rem;--space-sm:.75rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2.5rem;--space-2xl:4rem;--space-3xl:6rem;--space-4xl:9rem;--page-gutter:clamp(1rem, 4vw, 3rem);--radius-sm:.5rem;--radius-md:1rem;--radius-pill:999px;--rule-hair:1px;--ease-out:cubic-bezier(.16, 1, .3, 1);--ease-in:cubic-bezier(.7, 0, .84, 0);--ease-in-out:cubic-bezier(.65, 0, .35, 1);--dur-micro:.12s;--dur-short:.22s;--dur-long:.42s;--dur-reveal:.7s;--z-raised:10;--z-sticky:200}*,:before,:after{box-sizing:border-box}html,body{overflow-x:clip}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{background:var(--color-paper);min-height:100dvh;color:var(--color-muted);font-family:var(--font-body);font-weight:350;font-size:var(--text-base);-webkit-font-smoothing:antialiased;margin:0;line-height:1.6}body:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(48rem 36rem at 92% -8%, color-mix(in oklch, var(--color-bloom) 30%, transparent), transparent 70%), radial-gradient(40rem 32rem at -10% 108%, color-mix(in oklch, var(--color-accent) 7%, transparent), transparent 70%);position:fixed;inset:0}a{color:inherit}img{max-width:100%;height:auto;display:block}:focus-visible{outline:2px solid var(--color-focus);outline-offset:3px}.sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.skip{left:var(--space-md);z-index:var(--z-sticky);padding:var(--space-xs) var(--space-md);background:var(--color-ink);color:var(--color-paper);border-radius:var(--radius-sm);position:absolute;top:-3rem}.skip:focus-visible{top:var(--space-md)}.rise{opacity:0;animation:rise var(--dur-reveal) var(--ease-out) forwards;animation-delay:calc(var(--i,0) * 90ms)}@keyframes rise{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}.nav{top:var(--space-md);z-index:var(--z-sticky);align-items:center;gap:var(--space-xs);padding:var(--space-2xs) var(--space-2xs) var(--space-2xs) var(--space-md);background:color-mix(in oklch, var(--color-paper-2) 72%, transparent);-webkit-backdrop-filter:blur(14px)saturate(130%);border:var(--rule-hair) solid var(--color-rule);border-radius:var(--radius-pill);white-space:nowrap;display:flex;position:fixed;left:50%;translate:-50%}.nav__mark{font-family:var(--font-outlier);font-size:var(--text-sm);color:var(--color-ink);margin-inline-end:var(--space-sm);font-weight:500;text-decoration:none}.nav__link,.nav__cta{font-size:var(--text-sm);padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-pill);transition:color var(--dur-micro) var(--ease-out), background-color var(--dur-micro) var(--ease-out);text-decoration:none}.nav__link{color:var(--color-neutral)}.nav__link:hover{color:var(--color-ink)}.nav__cta{color:var(--color-paper);background:var(--color-accent);font-weight:500}.nav__cta:hover{background:var(--color-focus)}.nav__cta:active,.nav__link:active{transform:scale(.97)}.nav__link--wide{display:none}@media (width>=40rem){.nav__link--wide{display:inline-block}}.hero{isolation:isolate;padding:calc(var(--space-4xl) + var(--space-md)) var(--page-gutter) var(--space-2xl);max-width:80rem;margin-inline:auto;position:relative}.hero__glow{z-index:-1;pointer-events:none;background:radial-gradient(32rem circle at var(--mx,72%) var(--my,40%), color-mix(in oklch, var(--color-bloom) 26%, transparent), transparent 65%);opacity:0;animation:fade 1.6s var(--ease-out) .3s forwards;position:absolute;inset:0}@keyframes fade{to{opacity:1}}.hero__title{text-wrap:balance;max-width:18ch;font-family:var(--font-display);font-style:normal;font-weight:650;font-size:var(--text-display);letter-spacing:-.04em;color:var(--color-ink);overflow-wrap:anywhere;min-width:0;margin:0;line-height:1.02}.word{vertical-align:top;margin-block-end:-.08em;padding-block-end:.08em;display:inline-block;overflow:clip}.word>span{animation:word var(--dur-reveal) var(--ease-out) forwards;animation-delay:calc(.12s + var(--w) * 70ms);display:inline-block;transform:translateY(105%)}@keyframes word{to{transform:none}}.hero__lede{max-width:52ch;margin:var(--space-lg) 0 var(--space-xl);font-size:var(--text-md);line-height:1.5}.hero__jump{gap:var(--space-xs);color:var(--color-ink);white-space:nowrap;border-bottom:var(--rule-hair) solid var(--color-accent);align-items:center;padding-block-end:var(--space-3xs);font-weight:500;text-decoration:none;display:inline-flex}.hero__jump span{transition:transform var(--dur-short) var(--ease-out)}.hero__jump:hover span{transform:translateY(3px)}.hero__jump:active span{transform:translateY(5px)}.work{max-width:80rem;padding:0 var(--page-gutter) var(--space-4xl);scroll-margin-top:var(--space-3xl);margin-inline:auto}.filter{justify-content:space-between;align-items:center;gap:var(--space-md);flex-wrap:wrap;margin-block-end:var(--space-xl);display:flex}.filter__group{gap:var(--space-2xs);padding:var(--space-2xs);background:var(--color-paper-2);border:var(--rule-hair) solid var(--color-rule);border-radius:var(--radius-pill);flex-wrap:wrap;display:flex}@media (width<=39.99rem){.filter__group{border-radius:var(--radius-md)}}.filter__btn{isolation:isolate;font:inherit;font-size:var(--text-sm);color:var(--color-neutral);padding:var(--space-xs) var(--space-md);border-radius:var(--radius-pill);cursor:pointer;white-space:nowrap;transition:color var(--dur-short) var(--ease-out);background:0 0;border:0;position:relative}.filter__btn:hover{color:var(--color-ink)}.filter__btn:active{transform:scale(.97)}.filter__btn[aria-pressed=true]{color:var(--color-ink)}.filter__count{font-variant-numeric:tabular-nums;color:var(--color-neutral);margin-inline-start:var(--space-3xs)}.filter__btn[aria-pressed=true] .filter__count{color:var(--color-accent)}.filter__ind{z-index:-1;background:var(--color-paper-3);border:var(--rule-hair) solid var(--color-rule-2);border-radius:inherit;view-transition-name:filter-ind;position:absolute;inset:0}.filter__status{font-size:var(--text-sm);color:var(--color-neutral);font-variant-numeric:tabular-nums;margin:0}.grid{gap:var(--space-lg) var(--space-lg);grid-template-columns:repeat(auto-fill,minmax(min(100%,19rem),1fr));grid-auto-flow:dense;margin:0;padding:0;list-style:none;display:grid}@media (width>=60rem){.card--featured{grid-area:span 2/span 2}.card--featured .card__title{font-size:var(--text-lg)}}.card{min-width:0;display:flex}.card[hidden]{display:none}.js :is(.card,.case):not(.is-in){opacity:0;transform:translateY(28px)}.js :is(.card,.case){transition:opacity var(--dur-reveal) var(--ease-out) var(--d,0s), transform var(--dur-reveal) var(--ease-out) var(--d,0s)}.card__link{background:var(--color-paper-2);border:var(--rule-hair) solid var(--color-rule);border-radius:var(--radius-md);min-width:0;transition:transform var(--dur-long) var(--ease-out), border-color var(--dur-short) var(--ease-out), box-shadow var(--dur-long) var(--ease-out);flex-direction:column;flex:1;text-decoration:none;display:flex;overflow:clip}.card__shot{aspect-ratio:16/10;border-bottom:var(--rule-hair) solid var(--color-rule);background:var(--color-paper-3);flex:1 0 auto;margin:0;overflow:clip}.card__shot img{object-fit:cover;object-position:top center;width:100%;height:100%;transition:transform .9s var(--ease-out), opacity var(--dur-long) var(--ease-out);opacity:.88}.card__body{gap:var(--space-xs);padding:var(--space-lg);display:grid}.card__title{justify-content:space-between;align-items:baseline;gap:var(--space-md);font-family:var(--font-display);font-weight:600;font-size:var(--text-md);letter-spacing:-.02em;color:var(--color-ink);margin:0;line-height:1.2;display:flex}.card__arrow{color:var(--color-neutral);transition:transform var(--dur-short) var(--ease-out), color var(--dur-short) var(--ease-out)}.card__desc{max-width:60ch;margin:0}.card__meta{margin:var(--space-xs) 0 0;justify-content:space-between;gap:var(--space-2xs) var(--space-md);font-size:var(--text-xs);color:var(--color-neutral);flex-wrap:wrap;display:flex}.card__host{font-family:var(--font-outlier);overflow-wrap:anywhere;min-width:0}@media (hover:hover) and (pointer:fine){.card__link:hover{border-color:var(--color-rule-2);box-shadow:0 24px 48px -28px color-mix(in oklch, var(--color-bloom) 45%, var(--color-shadow));transform:translateY(-4px)}.card__link:hover .card__shot img{opacity:1;transform:scale(1.04)}.card__link:hover .card__arrow{color:var(--color-accent);transform:translate(3px,-3px)}}.card__link:focus-visible{outline-offset:4px;border-color:var(--color-rule-2)}.card__link:focus-visible .card__arrow{color:var(--color-accent)}.card__link:active{transition-duration:var(--dur-micro);transform:translateY(-1px)scale(.99)}::view-transition-group(*){animation-duration:.52s;animation-timing-function:var(--ease-out)}::view-transition-old(*){animation-timing-function:var(--ease-in)}.section-head{gap:var(--space-xs);max-width:60ch;margin-block-end:var(--space-xl);display:grid}.section-head__title{font-family:var(--font-display);letter-spacing:-.03em;color:var(--color-ink);overflow-wrap:anywhere;margin:0;font-size:clamp(1.75rem,2.5vw + 1rem,2.75rem);font-weight:650;line-height:1.1}.section-head__note{color:var(--color-neutral);margin:0}.cases{border-top:var(--rule-hair) solid var(--color-rule);margin:0;padding:0;list-style:none}.case{border-bottom:var(--rule-hair) solid var(--color-rule)}.case__link{gap:var(--space-md);padding:var(--space-xl) var(--space-md);transition:background-color var(--dur-short) var(--ease-out);text-decoration:none;display:grid;position:relative}.case__link:before{content:"";background:var(--color-accent);transform-origin:0;height:1px;transition:transform var(--dur-long) var(--ease-out);position:absolute;inset:-1px 0 auto;transform:scaleX(0)}.case__cat{margin:0 0 var(--space-2xs);font-size:var(--text-sm);color:var(--color-accent)}.case__title{font-family:var(--font-display);font-weight:600;font-size:var(--text-lg);letter-spacing:-.025em;color:var(--color-ink);overflow-wrap:anywhere;margin:0;line-height:1.15}.case__main{gap:var(--space-md);min-width:0;display:grid}.case__summary{max-width:60ch;margin:0}.case__facts{gap:var(--space-xs) var(--space-lg);font-size:var(--text-sm);grid-template-columns:repeat(auto-fit,minmax(min(100%,11rem),1fr));margin:0;display:grid}.case__facts dt{color:var(--color-neutral)}.case__facts dd{color:var(--color-muted);margin:0}.case__cta{gap:var(--space-xs);white-space:nowrap;font-size:var(--text-sm);color:var(--color-ink);justify-self:start;align-items:center;font-weight:500;display:inline-flex}.case__arrow{color:var(--color-accent);transition:transform var(--dur-short) var(--ease-out)}.case__link:hover,.case__link:focus-visible{background:var(--color-paper-2)}.case__link:hover:before,.case__link:focus-visible:before{transform:scaleX(1)}.case__link:hover .case__arrow,.case__link:focus-visible .case__arrow{transform:translate(4px)}.case__link:active{transform:scale(.995)}.case__link:focus-visible{outline-offset:-2px}@media (width>=60rem){.case__link{gap:var(--space-2xl);padding-inline:var(--space-lg);grid-template-columns:minmax(0,.9fr) minmax(0,1.6fr) auto;align-items:start}.case__cta{padding-block-start:var(--space-2xs)}}#proyek{padding-block-start:0}.foot{max-width:80rem;padding:var(--space-3xl) var(--page-gutter) var(--space-xl);gap:var(--space-xl);border-top:var(--rule-hair) solid var(--color-rule);margin-inline:auto;display:grid}.foot__line{max-width:22ch;font-family:var(--font-display);letter-spacing:-.03em;color:var(--color-ink);overflow-wrap:anywhere;margin:0;font-size:clamp(1.75rem,4vw + .5rem,3.25rem);font-weight:600;line-height:1.05}.foot__links{gap:var(--space-xs) var(--space-lg);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.foot__links a{white-space:nowrap;color:var(--color-ink);padding-block-end:var(--space-3xs);text-decoration:none;position:relative}.foot__links a:after{content:"";background:var(--color-accent);transform-origin:0;height:1px;transition:transform var(--dur-long) var(--ease-out);position:absolute;inset:auto 0 0;transform:scaleX(0)}.foot__links a:hover:after,.foot__links a:focus-visible:after{transform:scaleX(1)}.foot__meta{font-size:var(--text-sm);color:var(--color-neutral);margin:0}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.15s!important;transition-delay:0s!important;animation-duration:.15s!important;animation-delay:0s!important}.rise,.word>span{animation-name:fade;transform:none}.js :is(.card,.case):not(.is-in),.case__link:hover .case__arrow,.card__link:hover,.card__link:hover .card__shot img{transform:none}}