@font-face{font-family:DM Sans;font-style:normal;font-weight:300 700;font-display:swap;src:url(/fonts/dm-sans-latin.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:DM Sans;font-style:normal;font-weight:300 700;font-display:swap;src:url(/fonts/dm-sans-latin-ext.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:DM Mono;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/dm-mono-400-latin.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:DM Mono;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/dm-mono-500-latin.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--space-3xs:2px;--space-2xs:4px;--space-xs:8px;--space-sm:12px;--space-md:16px;--space-lg:24px;--space-xl:40px;--space-2xl:64px;--space-3xl:96px;--space-4xl:144px;--text-xs:.8125rem;--text-sm:.875rem;--text-md:1rem;--text-lg:1.25rem;--text-xl:1.5625rem;--text-2xl:1.953rem;--text-3xl:2.441rem;--text-display-s:clamp(2.25rem, 4vw + .5rem, 3.75rem);--text-display:clamp(2.75rem, 5vw + 1rem, 5.25rem);--text-section:clamp(2rem, 2.5vw + 1rem, 3.5rem);--text-title:clamp(1.25rem, .75vw + .875rem, 1.625rem);--text-lead:clamp(1.125rem, .35vw + 1rem, 1.375rem);--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;--color-error:oklch(52% .19 27);--color-success:oklch(50% .12 150);--container:1440px;--gutter:64px;--gap-columns:32px;--section-gap-s:120px;--section-gap:144px;--section-gap-l:176px;--z-base:1;--z-raised:10;--z-dropdown:100;--z-sticky:200;--z-sticky-nav:300;--z-modal:400;--z-toast:500;--z-tooltip:600;--color-brand-navy:oklch(28.6% .159 266.7);--color-brand-cyan:oklch(71.7% .14 229);--color-paper:oklch(98.2% .004 260);--color-paper-2:oklch(96% .006 260);--color-paper-3:oklch(93.5% .008 260);--color-ink:var(--color-brand-navy);--color-ink-2:oklch(29% .012 265);--color-muted:oklch(48% .01 265);--color-rule:oklch(90% .005 260);--color-rule-2:oklch(76% .007 260);--color-accent:oklch(62% .14 230);--color-accent-text:oklch(48% .12 236);--color-accent-ink:oklch(18% .04 266);--color-focus:oklch(50% .15 240);--color-btn-hover:oklch(36% .15 266);--color-band:var(--color-brand-navy);--color-band-ink:var(--color-paper);--color-band-muted:oklch(86% .025 262);--color-band-rule:oklch(42% .11 266);--color-band-accent:var(--color-brand-cyan);--font-display:"DM Sans", ui-sans-serif, system-ui, sans-serif;--font-body:"DM Sans", ui-sans-serif, system-ui, sans-serif;--font-outlier:var(--font-body);--display-weight:400;--radius-card:4px;--radius-input:4px;--radius-pill:4px;--rule-hair:1px;--shadow-card:none;--tracking-display:-.03em;--nav-h:72px;--font-mono:"DM Mono", ui-monospace, SFMono-Regular, Menlo, monospace;--radius-media:6px;--color-bg-deep:oklch(14% .075 268);--color-bg-royal:oklch(41% .18 266);--color-bg-dot:oklch(86% .06 252);--color-bg-sweep:oklch(92.5% .04 245)}*,:before,:after{box-sizing:border-box}html,body{overflow-x:clip}html{scrollbar-color:var(--color-muted) var(--color-paper);scroll-padding-top:var(--space-3xl)}body{background:var(--color-paper);color:var(--color-ink);font-family:var(--font-body);font-size:var(--text-md);-webkit-font-smoothing:antialiased;caret-color:var(--color-accent);margin:0;line-height:1.55}::selection{background:color-mix(in oklab, var(--color-accent) 22%, transparent);color:var(--color-ink)}:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}a{color:inherit;text-underline-offset:.16em;text-decoration-thickness:1px}h1,h2,h3{font-family:var(--font-display);font-weight:var(--display-weight,700);font-synthesis:none;letter-spacing:var(--tracking-display);overflow-wrap:break-word;text-wrap:balance;min-width:0;margin:0;line-height:1.05}h1{max-width:20ch;font-size:var(--text-display)}h2{max-width:30ch;font-size:var(--text-section)}h3{max-width:40ch;font-size:var(--text-title);line-height:1.2}.lead{font-size:var(--text-lead);max-width:52ch;line-height:1.45}p{text-wrap:pretty;margin:0}p:not([class]){max-width:65ch}img,video{max-width:100%;height:auto;display:block}svg{display:block}[hidden]{display:none!important}button,input,select,textarea{font:inherit}.container{width:100%;max-width:var(--container);padding-inline:var(--gutter);box-sizing:border-box;margin-inline:auto}.num,.figure,td.num{font-variant-numeric:tabular-nums}.visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}[data-slot]{background:linear-gradient(160deg, var(--color-paper-2,var(--color-paper)), var(--color-paper-3,var(--color-paper)));position:relative;overflow:hidden}[data-slot]>img{object-fit:cover;z-index:1;width:100%;height:100%;position:absolute;inset:0}[data-slot]:has(>img)>:not(img):not([data-keep]){display:none!important}@media (width<=60rem){:root{--gutter:24px;--section-gap-s:80px;--section-gap:96px;--section-gap-l:120px}}@media (width<=40rem){:root{--gutter:16px;--section-gap-s:56px;--section-gap:72px;--section-gap-l:96px;--gap-columns:16px}}@media (prefers-reduced-motion:reduce){:not(.keep-motion),:not(.keep-motion):before,:not(.keep-motion):after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}:root{--grain-on-navy:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='g'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .62 0 0 0 0 .72 0 0 0 0 1 0 0 0 .2 0'/%3E%3C/filter%3E%3Crect width='200' height='200' filter='url(%23g)'/%3E%3C/svg%3E");--grain-on-paper:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='g'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .04 0 0 0 0 .09 0 0 0 0 .47 0 0 0 .14 0'/%3E%3C/filter%3E%3Crect width='200' height='200' filter='url(%23g)'/%3E%3C/svg%3E")}html{scroll-behavior:auto}body{font-synthesis:none;color:var(--color-ink-2)}h1,h2,h3{color:var(--color-ink);word-spacing:.06em}main{display:block}.mono{font-family:var(--font-mono);font-variant-numeric:tabular-nums;letter-spacing:0}.skip{left:var(--space-md);top:calc(-1 * var(--space-3xl));z-index:var(--z-toast);padding:var(--space-xs) var(--space-md);background:var(--color-ink);color:var(--color-paper);position:absolute}.skip:focus-visible{top:var(--space-md)}.bg{z-index:1;opacity:0;pointer-events:none;width:100%;height:100%;display:block;position:fixed;inset:0}.s-content{z-index:2;opacity:var(--vis,1);position:relative}.stage{z-index:2;position:relative}[data-mood]{position:relative}[data-mood]:before,[data-mood]:after{content:"";z-index:0;pointer-events:none;position:absolute;inset:0}[data-mood=navy]{background:var(--color-band)}[data-mood=navy]:before{background-image:var(--grain-on-navy), radial-gradient(ellipse 70% 100% at 88% 0%, color-mix(in oklab, var(--color-bg-royal) 80%, transparent) 0%, transparent 72%), linear-gradient(180deg, var(--color-bg-deep) 0%, var(--color-band) 58%, var(--color-band) 100%);background-size:200px 200px,auto,auto}[data-mood=navy]:after{background-image:radial-gradient(circle, var(--color-bg-dot) 0 1.1px, transparent 1.7px);opacity:.32;-webkit-mask-image:radial-gradient(ellipse 70% 95% at 88% 0%, var(--color-ink) 0%, transparent 74%);mask-image:radial-gradient(ellipse 70% 95% at 88% 0%, var(--color-ink) 0%, transparent 74%);background-size:16px 16px}[data-mood=light]{background:var(--color-paper)}[data-mood=light]:before{background-image:var(--grain-on-paper), radial-gradient(ellipse 80% 110% at 100% 0%, var(--color-bg-sweep) 0%, transparent 70%);background-size:200px 200px,auto}[data-mood=light]:after{background-image:radial-gradient(circle, var(--color-brand-navy) 0 1.1px, transparent 1.7px);opacity:.09;-webkit-mask-image:radial-gradient(ellipse 70% 95% at 100% 0%, var(--color-ink) 0%, transparent 74%);mask-image:radial-gradient(ellipse 70% 95% at 100% 0%, var(--color-ink) 0%, transparent 74%);background-size:16px 16px}.process[data-mood=light]{background:var(--color-paper-2)}.footer[data-mood=navy]:before{background-image:none}.footer[data-mood=navy]:after{display:none}.band{--color-ink:var(--color-band-ink);--color-ink-2:var(--color-band-muted);--color-muted:var(--color-band-muted);--color-rule:var(--color-band-rule);--color-rule-2:var(--color-band-rule);--color-accent:var(--color-band-accent);--color-accent-text:var(--color-band-accent);--color-focus:var(--color-band-accent);--color-btn-hover:color-mix(in oklab, var(--color-band-ink) 90%, var(--color-band));--color-error-soft:color-mix(in oklch, var(--color-error) 40%, var(--color-band-ink));color:var(--color-band-ink)}.band .btn:not(.btn--quiet){color:var(--color-band)}.grid12{column-gap:var(--gap-columns);grid-template-columns:repeat(12,minmax(0,1fr));display:grid}.btn{--btn-sweep:var(--color-btn-hover);--btn-flip:var(--color-paper);isolation:isolate;justify-content:center;align-items:center;gap:var(--space-xs);min-height:48px;padding:0 var(--space-lg);border:1px solid var(--color-ink);border-radius:var(--radius-input);background:var(--color-ink);color:var(--color-paper);font:500 var(--text-md)/1 var(--font-body);white-space:nowrap;cursor:pointer;transition:color var(--dur-short) var(--ease-out), transform var(--dur-micro) var(--ease-out);text-decoration:none;display:inline-flex;position:relative;overflow:hidden}.btn:before{content:"";z-index:-1;background:var(--btn-sweep);transform-origin:0;transition:transform var(--dur-long) var(--ease-out);position:absolute;inset:0;transform:scaleX(0)}.band .btn{--btn-flip:var(--color-band)}.btn--quiet{--btn-sweep:var(--color-ink);color:var(--color-ink);background:0 0}.btn:active{transform:translateY(1px)}.btn:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}.btn:disabled,.btn[aria-disabled=true]{opacity:.55;cursor:not-allowed;transform:none}.btn[aria-busy=true]{cursor:progress}@media (hover:hover){.btn:hover:before{transform:scaleX(1)}.btn--quiet:hover{color:var(--btn-flip)}}@media (prefers-reduced-motion:reduce){.btn,.btn:before{transition:none}.btn:active{transform:none}}.link{color:var(--color-accent-text);text-underline-offset:.22em;font-weight:500;text-decoration:underline 1px}@media (hover:hover){.link:hover{text-decoration-thickness:2px}}.logo{align-items:center;gap:var(--space-xs);color:var(--logo-ink,var(--color-ink));display:inline-flex}.logo__mark{flex-shrink:0;width:24px;height:24px}.logo__bar{fill:var(--logo-ink,var(--color-ink))}.logo__bar--top{fill:var(--logo-accent,var(--color-ink))}.logo__text{font-family:var(--font-display);font-size:var(--text-lg);letter-spacing:-.02em;font-weight:600;line-height:1}.logo__k{color:var(--logo-accent,inherit)}.nav{--logo-ink:var(--color-band-ink);--logo-accent:var(--color-band-accent);--nav-ink:var(--color-band-ink);--nav-muted:var(--color-band-muted);--nav-focus:var(--color-band-accent);--nav-bg:var(--color-band);z-index:var(--z-sticky-nav);height:var(--nav-h);position:absolute;inset:0 0 auto}.js .nav{position:fixed}.nav:before{content:"";z-index:-1;background:var(--color-paper);border-bottom:1px solid var(--color-rule);opacity:0;transition:opacity var(--dur-short) var(--ease-out);pointer-events:none;position:absolute;inset:0}.nav.is-solid,.nav:has(.menu[open]){--logo-ink:var(--color-ink);--logo-accent:var(--color-ink);--nav-ink:var(--color-ink);--nav-muted:var(--color-muted);--nav-focus:var(--color-focus);--nav-bg:var(--color-paper)}.nav.is-solid:before,.nav:has(.menu[open]):before{opacity:1}.js-pin .nav,.js-phone .nav{--nav-ink:color-mix(in oklab, var(--color-ink) calc(var(--mood,0) * 100%), var(--color-band-ink));--nav-muted:color-mix(in oklab, var(--color-muted) calc(var(--mood,0) * 100%), var(--color-band-muted));--nav-focus:color-mix(in oklab, var(--color-focus) calc(var(--mood,0) * 100%), var(--color-band-accent));--nav-bg:color-mix(in oklab, var(--color-paper) calc(var(--mood,0) * 100%), var(--color-band));--logo-ink:var(--nav-ink);--logo-accent:color-mix(in oklab, var(--color-ink) calc(var(--mood,0) * 100%), var(--color-band-accent))}.js-pin .nav:before,.js-phone .nav:before{background:linear-gradient(to bottom, var(--nav-bg) 0%, transparent 100%);border-bottom:0;inset:0 0 -1.5rem}.js-pin .nav.is-scrolled:before,.js-phone .nav.is-scrolled:before{opacity:.94}.nav__bar{align-items:center;gap:var(--space-lg);height:100%;display:flex}.nav__logo{align-items:center;min-height:48px;margin-inline-end:auto;text-decoration:none;display:inline-flex}.nav__links ul{gap:var(--space-xl);margin:0;padding:0;list-style:none;display:flex}.nav__links a{min-height:48px;color:var(--nav-ink);font:500 var(--text-md)/1 var(--font-body);white-space:nowrap;align-items:center;text-decoration:none;display:inline-flex}.nav__tools{align-items:center;gap:var(--space-lg);display:flex}.lang{align-items:center;display:inline-flex}.lang a{min-width:44px;min-height:48px;color:var(--nav-muted);font:500 var(--text-sm)/1 var(--font-body);justify-content:center;align-items:center;text-decoration:none;display:inline-flex}.lang a[aria-current=true]{color:var(--nav-ink);text-underline-offset:.4em;text-decoration:underline 2px}.nav .btn--quiet{--btn-sweep:var(--nav-ink);--btn-flip:var(--nav-bg);color:var(--nav-ink);border-color:var(--nav-ink)}.nav a:focus-visible,.nav summary:focus-visible{outline-color:var(--nav-focus)}@media (hover:hover){.nav__links a:hover{text-underline-offset:.35em;text-decoration:underline 1px}.lang a:hover{color:var(--nav-ink)}}.menu{display:none}.menu__button{min-height:48px;padding:0 var(--space-md);border:1px solid var(--nav-ink);border-radius:var(--radius-input);color:var(--nav-ink);font:500 var(--text-md)/1 var(--font-body);cursor:pointer;align-items:center;list-style:none;display:inline-flex}.menu__button::-webkit-details-marker{display:none}.menu__panel{inset:var(--nav-h) 0 auto 0;gap:var(--space-lg);padding:var(--space-md) var(--gutter) var(--space-xl);background:var(--color-paper);color:var(--color-ink);border-bottom:1px solid var(--color-rule);display:none;position:absolute}.menu[open] .menu__panel{display:grid}.menu__panel ul{margin:0;padding:0;list-style:none;display:grid}.menu__panel li a{border-top:1px solid var(--color-rule);min-height:56px;font:400 var(--text-xl)/1.2 var(--font-display);align-items:center;text-decoration:none;display:flex}.menu__panel .btn{justify-self:start}@media (width<=60rem){.nav__links,.nav__consult{display:none}.menu{display:block}.nav__tools{gap:var(--space-sm)}}@media (width<=22rem){.nav__bar,.nav__tools{gap:var(--space-xs)}.logo{gap:var(--space-2xs)}.lang a{min-width:36px}.menu__button{padding:0 var(--space-sm)}}.hero{min-height:100svh;align-items:end;padding-block-end:var(--space-2xl);display:grid;position:relative;overflow:clip}.hero__inner{column-gap:var(--gap-columns);row-gap:var(--space-lg);grid-template-columns:repeat(12,minmax(0,1fr));align-items:end;display:grid}.hero__title{grid-column:1/span 7;max-width:none;font-size:clamp(2.75rem,6.2vw + .5rem,6.25rem);line-height:1.02}.hero__side{gap:var(--space-lg);grid-column:8/span 5;justify-items:start;display:grid}.hero__side .lead{max-width:34ch;color:var(--color-muted)}.hero__actions{gap:var(--space-sm);flex-wrap:wrap;display:flex}@keyframes rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@media (width>=60rem) and (height<=37.99rem) and (prefers-reduced-motion:no-preference){.hero__title,.hero__side{animation:rise .56s var(--ease-out) both}.hero__side{animation-delay:.12s}}@media (width<=60rem){.hero__title,.hero__side{grid-column:1/-1}.hero__side .lead{max-width:40ch}}.karya,.services{padding-block:var(--section-gap-s)}.stage__inner{gap:var(--space-xl);display:grid}.stage__body{row-gap:var(--space-lg);min-width:0;display:grid}.stage__panels{row-gap:var(--space-3xl);min-width:0;display:grid}.stage__controls{display:none}.panel{column-gap:var(--gap-columns);row-gap:var(--space-lg);grid-template-columns:repeat(12,minmax(0,1fr));align-items:center;display:grid}.panel__media{grid-column:1/span 8;min-width:0;margin:0}.panel__text{gap:var(--space-md);grid-column:9/span 4;align-content:center;min-width:0;display:grid}.panel__text h3{font-size:var(--text-section)}.panel__meta{justify-content:space-between;align-items:baseline;gap:var(--space-md);padding-top:var(--space-sm);border-top:1px solid var(--color-rule-2);font-size:var(--text-sm);color:var(--color-muted);display:flex}.panel__meta .mono{color:var(--color-ink)}.panel__media figcaption{margin-top:var(--space-md);font-size:var(--text-sm);color:var(--color-muted)}.panel__media figcaption:empty{display:none}.panel__bar{align-items:center;gap:var(--space-md);display:flex}.frame{position:relative}.ticks i{border:0 solid var(--color-accent);pointer-events:none;width:14px;height:14px;position:absolute}.ticks i:first-child{border-top-width:1px;border-left-width:1px;top:-9px;left:-9px}.ticks i:nth-child(2){border-top-width:1px;border-right-width:1px;top:-9px;right:-9px}.ticks i:nth-child(3){border-bottom-width:1px;border-left-width:1px;bottom:-9px;left:-9px}.ticks i:nth-child(4){border-bottom-width:1px;border-right-width:1px;bottom:-9px;right:-9px}.media{aspect-ratio:16/9;border:1px solid var(--color-rule-2);border-radius:var(--radius-media);width:100%;position:relative;overflow:hidden}.media--portrait{aspect-ratio:9/16}.media video{object-fit:cover;z-index:1;width:100%;height:100%;position:absolute;inset:0}.media__phone{right:var(--space-lg);bottom:var(--space-lg);z-index:2;border-radius:var(--radius-card);outline:1px solid var(--color-rule-2);outline-offset:-1px;width:18%;position:absolute;overflow:hidden}.media__phone img{width:100%;height:auto}.triptych{gap:var(--space-md);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.video-toggle{display:none}.js .video-toggle{display:inline-flex}@media (prefers-reduced-motion:reduce){.video-toggle,.js .video-toggle{display:inline-flex}}.stage__count{gap:var(--space-xs);font-size:var(--text-sm);color:var(--color-muted);line-height:1;display:flex}.count{height:1lh;color:var(--color-ink);display:block;overflow:hidden}.count__roll{display:grid}.count__roll i{height:1lh;font-style:normal;display:block}.ruler{flex:0 15rem;height:48px;position:relative}.ruler:before{content:"";background:var(--color-rule-2);height:1px;position:absolute;inset:50% 0 auto}.ruler__fill{background:var(--color-ink);transform-origin:0;height:2px;margin-top:-.5px;position:absolute;inset:50% 0 auto;transform:scaleX(0)}.ruler__tick{top:0;left:var(--at);cursor:pointer;background:0 0;border:0;place-items:center;width:48px;height:48px;padding:0;display:grid;position:absolute;transform:translate(-50%)}.ruler__tick span{background:var(--color-rule-2);transform-origin:50%;width:1px;height:12px;transition:transform var(--dur-short) var(--ease-out), background-color var(--dur-short) var(--ease-out);display:block}.ruler__tick[aria-current=true] span{background:var(--color-ink);transform:scaleY(1.5)}@media (hover:hover){.ruler__tick:hover span{background:var(--color-ink)}}@media (width>=60rem) and (height>=38rem){.statement,.process,.contact{align-content:center;min-height:100svh;display:grid}}@media (width>=60rem) and (height>=38rem) and (prefers-reduced-motion:no-preference){.js .stage{--stage-media-h:calc(100svh - var(--nav-h) - 18rem);height:100svh;padding-top:var(--nav-h)}.js .stage__inner{gap:var(--space-lg);height:100%;padding-block:var(--space-xl) var(--space-lg);grid-template-rows:auto minmax(0,1fr)}.js .stage__body{grid-template-rows:minmax(0,1fr) auto;min-height:0}.js .stage__panels{row-gap:0;min-height:0;position:relative}.js .panel{grid-area:1/1}.js .panel:not(:first-child){opacity:0;visibility:hidden}.js .panel__media>.frame{width:min(100%, calc(var(--stage-media-h) * 16 / 9))}.js .triptych,.js .panel__media>.frame:has(.triptych){width:min(100%, calc(var(--stage-media-h) * 1.6875 + 2 * var(--space-md)))}.js .stage__controls{align-items:center;gap:var(--space-xl);display:flex}.js [data-split],.js .hero__title,.js .hero__side{visibility:hidden}.js .facts>li,.js .steps>li{opacity:0}.js .process__line>span{transform:scaleX(0)}}.statement{padding-block:var(--section-gap-s)}.statement__head{max-width:none;font-size:var(--text-display);line-height:1.04}.statement__head .line{display:block}.facts{margin:var(--space-3xl) 0 0;grid-template-columns:repeat(3,minmax(0,1fr));padding:0;list-style:none;display:grid}.facts>li{gap:var(--space-sm);padding-inline:var(--space-lg);border-left:1px solid var(--color-rule);align-content:start;display:grid}.facts>li:first-child{border-left:0;padding-left:0}.facts>li:last-child{padding-right:0}.facts h3{font-size:var(--text-title)}.facts p{color:var(--color-muted)}@media (width<=60rem){.facts{margin-top:var(--space-2xl);grid-template-columns:minmax(0,1fr)}.facts>li{padding:var(--space-lg) 0;border-left:0;border-top:1px solid var(--color-rule)}.facts>li:first-child{border-top:0;padding-top:0}}.dots{--dot:var(--color-ink);--dot-hot:var(--color-accent);display:block}.svc{column-gap:var(--gap-columns);grid-template-columns:repeat(12,minmax(0,1fr));align-items:stretch}.svc__list{grid-column:1/span 5;align-self:center;min-width:0}.svc__canvas{border:1px solid var(--color-rule);border-radius:var(--radius-media);grid-column:6/span 7;min-height:480px}.svc__canvas canvas{width:100%;height:100%;position:absolute;inset:0}html:not(.js) .svc__canvas{display:none}.svc-item{gap:var(--space-xs);padding-block:var(--space-lg);border-top:1px solid var(--color-rule);justify-items:start;display:grid}.svc-item:first-child{border-top:0;padding-top:0}.svc-item__name{font-size:var(--text-title)}.svc-item__body{color:var(--color-ink-2)}.svc-tabs{display:grid}.svc-tab{gap:var(--space-xs);width:100%;padding:var(--space-lg);border:0;border-top:1px solid var(--color-rule);color:var(--color-muted);font:inherit;text-align:start;cursor:pointer;transition:color var(--dur-short) var(--ease-out);background:0 0;border-inline-start:2px solid #0000;display:grid}.svc-tab:first-child{border-top:0}.svc-tab[aria-selected=true]{color:var(--color-ink);border-inline-start-color:var(--color-accent)}.svc-tab__name{font:var(--display-weight) var(--text-title)/1.2 var(--font-display);letter-spacing:var(--tracking-display)}.svc-tab__line{font:400 var(--text-md)/1.55 var(--font-body)}@media (hover:hover){.svc-tab:hover{color:var(--color-ink)}}.svc-panels{padding:var(--space-lg);border-top:1px solid var(--color-rule)}.svc-panel__line{display:none}@media (width>=60rem) and (height>=38rem) and (prefers-reduced-motion:no-preference){.js .svc,.js .svc__canvas{min-height:0}}@media (width<=60rem){.svc-tab{padding:var(--space-md)}.svc-panels{padding-inline:var(--space-md)}.svc-tab:not([aria-selected=true]) .svc-tab__line{display:none}.svc{row-gap:var(--space-xl);grid-template-columns:minmax(0,1fr)}.svc__list,.svc__canvas{grid-column:1/-1}.svc__canvas{order:-1;min-height:300px}.panel{grid-template-columns:minmax(0,1fr)}.panel__media,.panel__text{grid-column:1/-1}.stage__panels{row-gap:var(--space-2xl)}}.process{padding-block:var(--section-gap-s)}.process h2{margin-bottom:var(--space-2xl)}.process__line{background:var(--color-rule-2);height:2px;overflow:hidden}.process__line>span{background:var(--color-ink);transform-origin:0;height:100%;display:block}.steps{column-gap:var(--gap-columns);margin:var(--space-xl) 0 0;counter-reset:step;grid-template-columns:repeat(4,minmax(0,1fr));padding:0;list-style:none;display:grid}.steps>li{gap:var(--space-sm);counter-increment:step;align-content:start;display:grid}.steps>li:before{content:counter(step);color:var(--color-ink);font:var(--display-weight) var(--text-3xl)/1 var(--font-display);letter-spacing:var(--tracking-display);font-variant-numeric:tabular-nums}.steps h3{font-size:var(--text-title)}.steps p{color:var(--color-ink-2)}@media (width<=60rem){.steps{row-gap:var(--space-xl);grid-template-columns:minmax(0,1fr)}}.contact{padding-block:var(--section-gap-s)}.contact__grid{align-items:stretch;row-gap:var(--space-2xl)}.contact__head{gap:var(--space-2xl);grid-column:1/span 6;align-content:space-between;min-width:0;display:grid}.contact__title{max-width:16ch;font-size:var(--text-display-s)}.contact__details{gap:var(--space-sm);margin:0;display:grid}.contact__details>div{align-items:baseline;gap:var(--space-xs) var(--space-lg);flex-wrap:wrap;display:flex}.contact__details dt{min-width:6rem;font-size:var(--text-sm);color:var(--color-muted)}.contact__details dd{margin:0}.fill{border:1px dashed color-mix(in oklch, var(--color-muted) 70%, transparent);border-radius:var(--radius-card);color:var(--color-muted);-webkit-box-decoration-break:clone;box-decoration-break:clone;padding:0 .25em}.contact__link{min-height:44px;color:var(--color-ink);text-underline-offset:.22em;overflow-wrap:anywhere;align-items:center;font-weight:500;text-decoration:underline 1px;display:inline-flex}@media (hover:hover){.contact__link:hover{text-decoration-thickness:2px}}.contact__link:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px;border-radius:var(--radius-card)}.wa-form{gap:var(--space-xs);grid-column:8/span 5;align-content:start;min-width:0;display:grid}.field{gap:var(--space-xs);display:grid}.field label{font:500 var(--text-sm)/1.2 var(--font-body)}.field__control{position:relative}.field__control:after{content:"";background:var(--color-accent);transform-origin:0;height:2px;transition:transform var(--dur-long) var(--ease-out);pointer-events:none;position:absolute;inset:auto 0 0;transform:scaleX(0)}.field__control:focus-within:after{transform:scaleX(1)}.field input,.field textarea{width:100%;min-height:48px;padding:var(--space-sm) 0;border:0;border-bottom:1px solid var(--color-muted);color:var(--color-ink);background:0 0;border-radius:0;display:block}.field textarea{resize:vertical;min-height:96px;line-height:1.5}.field input:focus-visible,.field textarea:focus-visible{outline:2px solid var(--color-focus);outline-offset:4px}.field [aria-invalid=true]{border-bottom-color:var(--color-error-soft)}.field__error{min-height:1lh;font-size:var(--text-sm);color:var(--color-error-soft)}.wa-form__submit{margin-top:var(--space-sm);justify-self:start}.wa-form__status{min-height:1lh;font-size:var(--text-md);color:var(--color-ink)}.wa-form__status:empty,html:not(.js) .wa-form__submit{display:none}@media (width<=60rem){.contact__head,.wa-form{grid-column:1/-1}.contact__head{gap:var(--space-xl)}}.footer{--nav-ink:var(--color-ink);--nav-muted:var(--color-muted);--logo-accent:var(--color-accent);padding-block:0 var(--space-xl)}.footer__inner:before{content:"";height:1px;margin-bottom:var(--space-xl);background:var(--color-rule);display:block}.footer__mark{max-width:none;font:600 clamp(4rem, 13vw, 10rem)/.9 var(--font-display);letter-spacing:-.03em;margin:0}.footer__mark span{color:var(--color-accent)}.footer__row{justify-content:space-between;align-items:center;gap:var(--space-xs) var(--space-xl);margin-top:var(--space-xl);font-size:var(--text-sm);color:var(--color-muted);flex-wrap:wrap;display:flex}.footer__row p{max-width:none}.footer__row ul{gap:var(--space-xs) var(--space-lg);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.footer__row nav a{min-height:44px;color:var(--color-ink);white-space:nowrap;align-items:center;text-decoration:none;display:inline-flex}@media (hover:hover){.footer__row nav a:hover{text-decoration:underline}}.footer .lang a{min-width:0;color:var(--nav-muted);justify-content:flex-start;padding-inline-end:var(--space-md)}.footer .lang a[aria-current=true]{color:var(--nav-ink)}.hero__foot{z-index:2;pointer-events:none;justify-content:flex-end;display:flex;position:absolute;inset:auto 0 0}.motion-toggle{pointer-events:auto;min-height:48px;padding:0 var(--space-xs);color:var(--color-muted);font:500 var(--text-xs)/1 var(--font-body);text-underline-offset:.25em;cursor:pointer;background:0 0;border:0;align-items:center;text-decoration:underline 1px;display:inline-flex}@media (hover:hover){.motion-toggle:hover{color:var(--color-ink)}}@media (width<=59.99rem) and (prefers-reduced-motion:no-preference){.js [data-split],.js .hero__title,.js .hero__side{visibility:hidden}.js .facts>li,.js .steps>li,.js [data-rise]{opacity:0}.js .process__line>span{transform:scaleY(0)}.js .karya .stage__panels{--card-w:min(calc(100% - 3rem), 34rem);align-items:flex-start;gap:var(--space-md);margin:calc(-1 * var(--space-sm)) calc(-1 * var(--gutter));padding:var(--space-sm) var(--gutter);overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-padding-inline:var(--gutter);scrollbar-width:none;display:flex;position:relative;overflow:auto hidden}.js .karya .stage__panels::-webkit-scrollbar{display:none}.js .karya .stage__panels:after{content:"";flex:0 0 calc(var(--gutter) - var(--space-md))}.js .karya .panel{flex:0 0 var(--card-w);scroll-snap-align:start;scroll-snap-stop:always;align-content:start}.js .karya .panel__media>.frame{transform-origin:bottom}.js .karya .triptych{gap:var(--space-xs)}.js .process__body{padding-inline-start:var(--space-xl);position:relative}.js .process__line{inset:var(--space-xs) auto var(--space-xs) 0;width:2px;height:auto;position:absolute}.js .process__line>span{transform-origin:top}.js .steps{margin-top:0}}.js-rail .stage__controls{align-items:center;gap:var(--space-lg);padding-top:var(--space-xs);display:flex}.js-rail .ruler{max-width:16rem;flex:auto;margin-inline-end:var(--space-lg)}@keyframes panel-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.js-svc-pin .services .stage{height:100svh;padding-top:var(--nav-h)}.js-svc-pin .services .stage__inner{gap:var(--space-sm);height:100%;padding-block:var(--space-xs) var(--space-lg);grid-template-rows:auto minmax(0,1fr)}.js-svc-pin .svc{align-content:stretch;row-gap:var(--space-md);grid-template-rows:minmax(9rem,1fr) auto;min-height:0}.js-svc-pin .svc__canvas{min-height:0}.js-svc-pin .svc-tab{padding:var(--space-xs) var(--space-md);gap:0}.js-svc-pin .svc-tab__name{font-size:var(--text-lg)}.js-svc-pin .svc-tab__line{display:none}.js-svc-pin .svc-panels{min-height:10rem;padding:var(--space-md) var(--space-md) 0;align-content:start;display:grid}.js-svc-pin .svc-panels>[role=tabpanel]:not([hidden]){gap:var(--space-sm);animation:panel-in var(--dur-long) var(--ease-out) both;justify-items:start;display:grid}.js-svc-pin .svc-panel__line{max-width:none;color:var(--color-ink-2);display:block}@keyframes menu-in{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}@keyframes menu-item{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@media (width<=59.99rem){.bg{height:100lvh}.menu[open] .menu__panel{animation:menu-in var(--dur-long) var(--ease-out) both}.menu[open] .menu__panel li{animation:menu-item var(--dur-long) var(--ease-out) both}.menu[open] .menu__panel li:first-child{animation-delay:40ms}.menu[open] .menu__panel li:nth-child(2){animation-delay:90ms}.menu[open] .menu__panel li:nth-child(3){animation-delay:.14s}}@media (hover:none){.btn:active:before{transform:scaleX(1)}.btn--quiet:active{color:var(--btn-flip)}.btn,.svc-tab,.ruler__tick,.menu__button,.motion-toggle,.nav a{-webkit-tap-highlight-color:transparent}}.cursor-ring{z-index:var(--z-tooltip);border:1px solid color-mix(in oklab, var(--color-ink) calc(var(--mood,0) * 100%), var(--color-band-ink));opacity:0;pointer-events:none;border-radius:50%;width:32px;height:32px;position:fixed;top:0;left:0}
