:root{color-scheme:dark;--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.1875rem;--text-xl: 1.5rem;--text-2xl: 2rem;--text-3xl: 2.5rem;--text-hero: clamp(3rem, 9.6vw, 9.25rem);--text-display: clamp(2.75rem, 7vw, 6.5rem);--text-end: clamp(3.25rem, 11vw, 11rem);--text-statement: clamp(1.875rem, 4.6vw, 4rem);--text-figure: clamp(2.5rem, 5vw, 4rem);--text-title: clamp(1.25rem, .75vw + .875rem, 1.625rem);--text-lead: clamp(1.0625rem, .4vw + .95rem, 1.25rem);--ease-out: cubic-bezier(.2, .8, .2, 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: .7s;--color-error: oklch(70% .17 27);--color-success: oklch(80% .14 150);--container: 1320px;--gutter: 40px;--gap-columns: 24px;--section-gap-s: 96px;--section-gap: 144px;--section-gap-l: 180px;--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;--z-grain: 700;--color-paper: oklch(13.5% .007 269);--color-paper-2: oklch(17.4% .013 271);--color-paper-3: oklch(21% .014 271);--color-ink: oklch(93.8% .01 82);--color-ink-2: oklch(93.8% .01 82 / .82);--color-muted: oklch(93.8% .01 82 / .62);--color-faint: oklch(93.8% .01 82 / .22);--color-rule: oklch(93.8% .01 82 / .12);--color-rule-strong: oklch(93.8% .01 82 / .3);--color-wash: oklch(93.8% .01 82 / .06);--color-accent: oklch(95.5% .137 104);--color-gold: oklch(72.8% .138 90);--color-accent-ink: oklch(19.1% .005 90);--color-focus: oklch(95.5% .137 104);--color-rec: oklch(65.4% .232 29);--color-glass: oklch(21% .02 271 / .55);--color-shade: oklch(0% 0 0 / .55);--color-white: oklch(98.5% .006 95);--color-logo-plate: oklch(96% .006 106);--font-display: "Jost", "Futura", "Century Gothic", ui-sans-serif, system-ui, sans-serif;--font-body: "Jost", "Futura", "Century Gothic", ui-sans-serif, system-ui, sans-serif;--font-voice: "Instrument Serif", "Times New Roman", Georgia, serif;--font-outlier: "JetBrains Mono", ui-monospace, Menlo, monospace;--radius-card: 18px;--radius-inner: 12px;--radius-pill: 999px;--rule-hair: 1px;--shadow-card: none;--tracking-display: -.045em;--brand-zucko: oklch(14% .005 90);--brand-zucko-a: oklch(95.5% .137 104 / .38);--brand-zucko-b: oklch(72.8% .138 90 / .3);--brand-hsd: #04190C;--brand-hsd-a: #1FA34E;--brand-hsd-b: rgb(214 176 92 / .55);--brand-restoran: #061A06;--brand-restoran-a: #22B02A;--brand-restoran-b: rgb(255 196 60 / .45);--brand-santrilink: #03201C;--brand-santrilink-a: #38CE6A;--brand-santrilink-b: #0B3B34;--brand-ajem: #1A0402;--brand-ajem-a: #E0321C;--brand-ajem-b: rgb(255 170 40 / .6);--brand-ppsd: #061505;--brand-ppsd-a: #3FA535;--brand-ppsd-b: rgb(240 170 40 / .55);--brand-toko: #041506;--brand-toko-a: #169A38;--brand-toko-b: rgb(250 240 50 / .5);--brand-freshfood: #04140A;--brand-freshfood-a: #3C962A;--brand-freshfood-b: #0B5A2E;--brand-farming: #03130F;--brand-farming-a: rgb(234 152 50 / .8);--brand-farming-b: #02514A;--brand-arena: #03120C;--brand-arena-a: #0E8A5F;--brand-arena-b: #063B2A;--brand-pool: #03141A;--brand-pool-a: #3A88C8;--brand-pool-b: #0B6650;--brand-apotek: #06120A;--brand-apotek-a: #8CC63F;--brand-apotek-b: #1F4A2B;--brand-clothing: #120A06;--brand-clothing-a: rgb(221 116 44 / .75);--brand-clothing-b: #3A2A20;--brand-teknologi: #060A1E;--brand-teknologi-a: #2A8BD8;--brand-teknologi-b: #2F3C9A;--brand-wisata: #04170A;--brand-wisata-a: #5FD35A;--brand-wisata-b: #0B7A3E;--brand-laundry: #04170C;--brand-laundry-a: #00BF63;--brand-laundry-b: rgb(255 145 77 / .6);--brand-abdussalam: #06100F;--brand-abdussalam-a: #0E4A44;--brand-abdussalam-b: rgb(255 106 0 / .55);--brand-cp-ppsd: #050806;--brand-cp-ppsd-a: rgb(63 165 53 / .55);--brand-cp-ppsd-b: rgb(240 170 40 / .35);--brand-pesantara: #03140C;--brand-pesantara-a: #119E5F;--brand-pesantara-b: #FED100;--brand-live: #0A0204;--brand-live-a: transparent;--brand-live-b: transparent}*,*:before,*:after{box-sizing:border-box}html{scrollbar-color:var(--color-muted) var(--color-paper);scroll-padding-top:var(--space-3xl)}body{margin:0;background:var(--color-paper);color:var(--color-ink);font-family:var(--font-body);font-size:var(--text-md);line-height:1.55;-webkit-font-smoothing:antialiased;caret-color:var(--color-accent)}::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-decoration-thickness:1px;text-underline-offset:.16em}h1,h2,h3{margin:0;font-family:var(--font-display);font-synthesis:none;overflow-wrap:break-word;min-width:0;text-wrap:balance}p{margin:0;text-wrap:pretty}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);margin-inline:auto;padding-inline:var(--gutter);box-sizing:border-box}.num,.figure,td.num{font-variant-numeric:tabular-nums}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}[data-slot]{position:relative;overflow:hidden;background:linear-gradient(160deg,var(--color-paper-2, var(--color-paper)),var(--color-paper-3, var(--color-paper)))}[data-slot]>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:1}[data-slot]:has(>img)>:not(img):not([data-keep]){display:none!important}@media(max-width:60rem){:root{--gutter: 24px;--section-gap-s: 80px;--section-gap: 96px;--section-gap-l: 120px}}@media(max-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{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}html{scroll-behavior:smooth;background:var(--color-paper)}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}body{font-size:var(--text-md);line-height:1.6}::selection{background:var(--color-accent);color:var(--color-accent-ink)}:focus-visible{outline-offset:3px}.container{max-width:var(--container);padding-inline:max(var(--gutter),env(safe-area-inset-left,0px))}.skip{position:fixed;left:var(--space-md);top:var(--space-md);z-index:var(--z-modal);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-pill);background:var(--color-ink);color:var(--color-paper);transform:translateY(-200%)}.skip:focus-visible{transform:none}.stage{position:fixed;inset:0;width:100%;height:100%;z-index:0;display:block;background:radial-gradient(80% 60% at 70% 55%,color-mix(in oklab,var(--color-accent) 25%,transparent),transparent 60%),radial-gradient(70% 60% at 20% 70%,color-mix(in oklab,var(--color-gold) 25%,transparent),transparent 60%),var(--color-paper)}.grain{position:fixed;inset:-50%;z-index:var(--z-grain);pointer-events:none;opacity:.07;background-size:180px;animation:grain 1s steps(4) infinite}@keyframes grain{25%{transform:translate(-3%,2%)}50%{transform:translate(2%,-3%)}75%{transform:translate(-2%,-2%)}}@media(prefers-reduced-motion:reduce){.grain{animation:none}}main{position:relative;z-index:var(--z-base)}.solid{background:var(--color-paper)}.solid+.solid{margin-top:0}.display{font-weight:600;font-size:var(--text-display);line-height:.92;letter-spacing:var(--tracking-display)}.lead{font-size:var(--text-lead);color:var(--color-muted)}.muted{color:var(--color-muted)}.small{font-size:var(--text-sm)}.measure{font-family:var(--font-outlier);font-size:var(--text-xs);font-variant-numeric:tabular-nums}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-xs);min-height:48px;padding:0 var(--space-lg);border-radius:var(--radius-pill);border:1px solid transparent;font:600 var(--text-sm)/1 var(--font-body);text-decoration:none;cursor:pointer;white-space:nowrap;transition:transform var(--dur-short) var(--ease-out),background-color var(--dur-short) var(--ease-out),border-color var(--dur-short) var(--ease-out),color var(--dur-short) var(--ease-out)}.btn-sm{min-height:44px;padding:0 var(--space-md)}.btn-solid{background:var(--color-ink);color:var(--color-paper)}.btn-solid:hover{background:var(--color-accent);transform:translateY(-1px)}.btn-quiet{background:transparent;color:var(--color-ink);border-color:var(--color-rule-strong)}.btn-quiet:hover{border-color:var(--color-ink);background:var(--color-wash);transform:translateY(-1px)}.btn:active{transform:translateY(0) scale(.98)}.btn:focus-visible{outline:2px solid var(--color-focus);outline-offset:3px;transition:none}.btn[disabled],.btn[aria-disabled=true]{opacity:.45;cursor:not-allowed;transform:none}.btn.is-busy{opacity:.7;cursor:progress}.btn.is-done{background:var(--color-accent);color:var(--color-accent-ink)}.nav{position:fixed;z-index:var(--z-sticky-nav);top:calc(env(safe-area-inset-top,0px) + 14px);left:0;right:0;pointer-events:none}.nav-row{display:flex;justify-content:space-between;align-items:center;gap:var(--space-sm)}.pill{pointer-events:auto;display:flex;align-items:center;gap:var(--space-2xs);padding:var(--space-2xs);border-radius:var(--radius-pill);background:var(--color-glass);border:1px solid var(--color-rule);backdrop-filter:blur(16px) saturate(1.4);-webkit-backdrop-filter:blur(16px) saturate(1.4)}.nav-mark{display:flex;align-items:center;gap:var(--space-xs);min-height:40px;padding:0 var(--space-sm) 0 var(--space-xs);border-radius:var(--radius-pill);text-decoration:none;font-weight:600;font-size:15px;letter-spacing:-.01em;white-space:nowrap}.nav-am{height:26px;width:auto;color:var(--color-ink)}.nav-link{display:inline-flex;align-items:center;min-height:40px;padding:0 var(--space-md);border-radius:var(--radius-pill);text-decoration:none;font-size:var(--text-sm);color:var(--color-muted);transition:color var(--dur-micro) var(--ease-out),background-color var(--dur-micro) var(--ease-out)}.nav-link:hover,.nav-mark:hover{color:var(--color-ink);background:var(--color-wash)}.nav-link:focus-visible,.nav-mark:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}@media(max-width:760px){.nav-link{display:none}}@media(max-width:420px){.nav-mark span{display:none}}.hero{min-height:min(100svh,980px);display:flex;flex-direction:column;justify-content:flex-end;padding-top:calc(var(--space-3xl) + var(--space-lg));padding-bottom:var(--space-xl)}.hero h1{font-weight:600;font-size:var(--text-hero);line-height:.92;letter-spacing:var(--tracking-display)}.ln{display:block;overflow:hidden;padding-bottom:.06em}.ln>span{display:inline-block;animation:rise 1.1s var(--ease-out) both}.ln:nth-child(2)>span{animation-delay:.12s}@keyframes rise{0%{transform:translateY(105%)}}.hero-low{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:var(--space-lg);align-items:end;margin-top:var(--space-xl)}.hero-low p{font-size:var(--text-lead);color:var(--color-ink-2);max-width:34ch}.actions{display:flex;gap:var(--space-sm);flex-wrap:wrap}@media(max-width:760px){.hero-low{grid-template-columns:minmax(0,1fr)}}.marq{border-block:1px solid var(--color-rule);overflow:hidden;padding-block:var(--space-md);background:color-mix(in oklab,var(--color-paper) 40%,transparent);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.marq-t{display:flex;width:max-content;animation:marquee 38s linear infinite}.marq:hover .marq-t{animation-play-state:paused}.marq ul{display:flex;gap:var(--space-xl);margin:0;padding:0 var(--space-xl) 0 0;list-style:none;font-size:clamp(1.125rem,2.2vw,1.625rem);font-weight:500;letter-spacing:-.02em;white-space:nowrap}.marq li:nth-child(2n){color:var(--color-muted)}@keyframes marquee{to{transform:translate(-50%)}}@media(prefers-reduced-motion:reduce){.marq-t{animation:none}}.statement{padding-block:var(--section-gap) var(--section-gap-s)}.statement p{font-family:var(--font-voice);font-size:var(--text-statement);line-height:1.08;letter-spacing:-.01em;max-width:1080px}.js .statement .w{opacity:.22;transition:opacity var(--dur-short) linear}.js .statement .w.on{opacity:1}@media(prefers-reduced-motion:reduce){.js .statement .w{opacity:1}}.stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--gap-columns);margin:var(--space-2xl) 0 0;padding-top:var(--space-lg);border-top:1px solid var(--color-rule)}.stats div{display:grid;gap:var(--space-xs)}.stats dt{order:2;color:var(--color-muted);font-size:var(--text-sm)}.stats dd{order:1;margin:0;font-weight:500;font-size:var(--text-figure);letter-spacing:-.04em;line-height:1;font-variant-numeric:tabular-nums}@media(max-width:620px){.stats{grid-template-columns:minmax(0,1fr)}.stats div{grid-template-columns:5ch minmax(0,1fr);align-items:baseline;gap:var(--space-md)}}.about{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:var(--space-3xl);align-items:center;padding-bottom:var(--section-gap-s)}.portrait{position:relative;margin:0;border-radius:24px;overflow:hidden;aspect-ratio:4 / 5;background:var(--color-paper-2)}.portrait img{width:100%;height:100%;object-fit:cover;object-position:50% 20%;filter:grayscale(1) contrast(1.12) brightness(.95);transition:filter .8s var(--ease-out)}.portrait:hover img{filter:grayscale(0) contrast(1.02)}.portrait:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,color-mix(in oklab,var(--color-paper) 85%,transparent));pointer-events:none}.portrait-am{position:absolute;top:var(--space-md);right:var(--space-md);height:40px;width:auto;z-index:2;color:var(--color-ink)}.portrait figcaption{position:absolute;left:var(--space-md);right:var(--space-md);bottom:var(--space-md);z-index:2;display:flex;justify-content:space-between;gap:var(--space-sm);flex-wrap:wrap;font-size:var(--text-sm)}.portrait figcaption span+span{color:var(--color-muted)}.about h2{font-weight:600;font-size:var(--text-display);line-height:.92;letter-spacing:var(--tracking-display);margin-bottom:var(--space-lg)}.about-copy>p{font-size:var(--text-lead);color:var(--color-muted);max-width:60ch;margin-bottom:var(--space-xl)}.roles{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 var(--gap-columns)}.roles li{display:grid;gap:var(--space-3xs);padding:var(--space-sm) 0;border-top:1px solid var(--color-rule)}.roles b{font-weight:600}.roles span{font-size:var(--text-sm);color:var(--color-muted)}@media(max-width:860px){.about{grid-template-columns:minmax(0,1fr)}.portrait{max-width:420px}}@media(max-width:520px){.roles{grid-template-columns:minmax(0,1fr)}}.sec-head{display:flex;justify-content:space-between;align-items:end;gap:var(--space-lg);flex-wrap:wrap;margin-bottom:var(--space-xl)}.sec-head h2{font-weight:600;font-size:var(--text-display);line-height:.92;letter-spacing:var(--tracking-display);max-width:14ch}.sec-head p{max-width:380px;color:var(--color-muted)}.sec-head p strong{color:var(--color-ink);font-weight:500}.scene{position:relative;overflow:hidden;isolation:isolate;border-radius:var(--radius-card);background:radial-gradient(60% 70% at 30% 30%,var(--ba),transparent 70%),radial-gradient(55% 60% at 85% 85%,var(--bb),transparent 70%),var(--b, var(--color-paper-2))}.scene-flip{background:radial-gradient(60% 70% at 70% 30%,var(--ba),transparent 70%),radial-gradient(60% 70% at 15% 85%,var(--bb),transparent 70%),var(--b, var(--color-paper-2))}.scene:after{content:"";position:absolute;inset:0;background:radial-gradient(120% 90% at 50% 40%,transparent 55%,var(--color-shade));pointer-events:none;z-index:1}.scene-mark{position:absolute;inset:0;display:grid;place-items:center;padding:6%;z-index:2;transition:transform 1.2s var(--ease-out)}.scene-mark img{width:var(--w);height:auto;max-height:62%;object-fit:contain;filter:drop-shadow(0 10px 30px var(--color-shade))}.scene-plate{display:block;width:var(--w);background:var(--color-logo-plate);border-radius:22px;padding:4.5%;box-shadow:0 30px 60px var(--color-shade)}.scene-plate img{width:100%;max-height:none;filter:none}.scene-stack{display:grid;gap:14%;width:var(--w);justify-items:center}.scene-stack img{width:100%}.scene-video{display:grid;justify-items:center;gap:var(--space-md);width:100%}.scene-video img{width:var(--w)}.scene-play{width:clamp(56px,9vw,92px);aspect-ratio:1;border-radius:50%;display:grid;place-items:center;color:var(--color-white);background:color-mix(in oklab,var(--color-white) 14%,transparent);border:1px solid color-mix(in oklab,var(--color-white) 40%,transparent);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.scene-play svg{width:38%;height:38%}.scene-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:78% 30%}.scene-photo+.scene-mark:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,color-mix(in oklab,var(--color-paper) 92%,transparent) 8%,color-mix(in oklab,var(--color-paper) 35%,transparent) 42%,transparent 60%),linear-gradient(0deg,color-mix(in oklab,var(--color-paper) 60%,transparent),transparent 35%)}.scene-onair{position:absolute;left:5%;bottom:11%;z-index:1;color:var(--color-white);font-weight:700;font-size:clamp(1.75rem,5vw,4.75rem);line-height:.9;letter-spacing:-.05em}.rec-lamp{display:inline-block;width:.5em;height:.5em;margin-right:.3em;border-radius:50%;background:var(--color-rec);box-shadow:0 0 .6em var(--color-rec);vertical-align:.12em}.scene-onair .rec-lamp{width:.18em;height:.18em}.scene-corner{position:absolute;right:14px;bottom:12px;z-index:3;color:color-mix(in oklab,var(--color-white) 78%,transparent);font-size:var(--text-xs)}.scene-corner.is-mono{font-family:var(--font-outlier)}.frame{display:grid;gap:var(--space-sm);color:inherit;text-decoration:none;border-radius:var(--radius-card)}.frame:focus-visible{outline:2px solid var(--color-focus);outline-offset:6px}.brand-grid .frame:hover .scene-mark,.others-grid .frame:hover .scene-mark{transform:scale(1.05)}.frame-meta{display:flex;justify-content:space-between;gap:var(--space-sm);align-items:baseline;min-width:0}.frame-meta h3{font-weight:500;font-size:var(--text-title);letter-spacing:-.02em;line-height:1.2;min-width:0}.frame-meta span{color:var(--color-muted);font-size:var(--text-sm)}.brand{padding-block:var(--section-gap-s) 0}.reel{--slice: 200px;--open: min(46vw, 660px);--grow: calc(var(--open) - var(--slice))}.reel-track{display:flex;gap:var(--space-sm);overflow-x:auto;scrollbar-width:none;padding:var(--space-xs) max(var(--gutter),calc((100% - var(--container)) / 2 + var(--gutter))) var(--space-lg);padding-right:calc(var(--grow) + var(--gutter));overscroll-behavior-x:contain}.reel-track::-webkit-scrollbar{display:none}.reel .frame{flex:none;width:var(--open);margin-right:calc(var(--grow) * -1);position:relative;z-index:1;clip-path:inset(0 var(--grow) 0 0 round var(--radius-card));transition:transform var(--dur-long) var(--ease-out),clip-path var(--dur-long) var(--ease-out)}.reel .frame-inner{display:grid;gap:var(--space-sm)}.reel .scene{height:min(58vh,500px)}.reel .scene:before{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;transition:opacity var(--dur-long) var(--ease-out);background:radial-gradient(70% 45% at 16% 38%,color-mix(in oklab,var(--color-gold) 30%,transparent),transparent 70%),var(--color-paper-2)}.reel .is-photo:before{opacity:.6}.reel .scene-mark{transform:translate(calc(var(--grow) / -2)) scale(.42);transition:transform var(--dur-long) var(--ease-out)}.reel .scene-corner,.reel .frame-meta span{opacity:0;transition:opacity .4s var(--ease-out)}.reel .frame-meta h3{max-width:var(--slice);font-size:var(--text-md);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.reel-track .frame:hover,.reel-track:not(:hover) .frame:focus-visible{z-index:2}.reel-track .frame:hover,.reel-track:not(:hover) .frame:focus-visible{clip-path:inset(0 0 0 0 round var(--radius-card))}.reel-track .frame:hover .scene-mark,.reel-track:not(:hover) .frame:focus-visible .scene-mark{transform:none}.reel-track .frame:hover .scene:before,.reel-track:not(:hover) .frame:focus-visible .scene:before{opacity:0}.reel-track .frame:hover .scene-corner,.reel-track:not(:hover) .frame:focus-visible .scene-corner,.reel-track .frame:hover .frame-meta span,.reel-track:not(:hover) .frame:focus-visible .frame-meta span{opacity:1;transition-delay:.25s}.reel-track .frame:hover .frame-meta h3,.reel-track:not(:hover) .frame:focus-visible .frame-meta h3{max-width:none;font-size:var(--text-title)}.reel-track .frame:hover~.frame,.reel-track:not(:hover) .frame:focus-visible~.frame{transform:translate(var(--grow))}.reel .frame:focus-visible{outline:2px solid var(--color-focus);outline-offset:-2px}.brand-grid{display:none;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--gap-columns)}.brand-grid .scene{aspect-ratio:4 / 3}.brand-grid .scene-corner{display:none}.brand-grid .frame-meta h3{font-size:var(--text-md)}@media(max-width:980px){.brand-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:620px){.brand-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-sm)}.brand-grid .frame-meta h3{font-size:var(--text-sm)}}@media not all and (hover:hover),(max-width:760px){.reel{display:none}.brand-grid{display:grid}}.others{padding-block:var(--section-gap-s)}.others-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--gap-columns)}.others-grid .scene{aspect-ratio:16 / 10}.others-grid .frame-meta{flex-direction:column;align-items:flex-start;gap:var(--space-2xs)}@media(max-width:980px){.others-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.others-grid .frame:first-child{grid-column:1 / -1}}@media(max-width:760px){.others-grid{grid-template-columns:minmax(0,1fr)}}.services{padding-block:var(--section-gap-s)}.tiers{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-md)}.tier{position:relative;display:flex;flex-direction:column;gap:var(--space-md);padding:var(--space-lg);border-radius:20px;background:linear-gradient(180deg,var(--color-wash),transparent);border:1px solid var(--color-rule);overflow:hidden}.tier.is-popular{border-color:color-mix(in oklab,var(--color-accent) 50%,transparent)}.tier.is-popular:before{content:"";position:absolute;inset:-40% -40% auto auto;width:320px;height:320px;background:radial-gradient(closest-side,color-mix(in oklab,var(--color-accent) 22%,transparent),transparent);pointer-events:none}.tier h3{font-weight:500;font-size:var(--text-2xl);letter-spacing:-.03em;line-height:1.05}.tier-fit{margin-top:calc(var(--space-xs) * -1);color:var(--color-muted);font-size:var(--text-sm)}.tier.is-popular .tier-fit{color:var(--color-accent)}.tier ul{list-style:none;margin:0;padding:0;display:grid;font-size:15px;color:var(--color-ink-2)}.tier li{padding:var(--space-sm) 0;border-top:1px solid var(--color-rule)}.tier-time{margin:auto 0 0;padding-top:var(--space-md);display:flex;justify-content:space-between;align-items:baseline;color:var(--color-muted);font-size:var(--text-sm)}.tier-time dd{margin:0;color:var(--color-ink)}.tier .btn{width:100%}@media(max-width:980px){.tiers{grid-template-columns:minmax(0,1fr)}}.more{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-md);margin-top:var(--space-md)}.box{padding:var(--space-lg);border-radius:20px;border:1px solid var(--color-rule)}.box h3{font-weight:500;font-size:var(--text-xl);letter-spacing:-.02em;margin-bottom:var(--space-md)}.tags{display:flex;flex-wrap:wrap;gap:var(--space-xs);margin:0;padding:0;list-style:none}.tags li{padding:var(--space-xs) var(--space-md);border-radius:var(--radius-pill);border:1px solid var(--color-rule);font-size:var(--text-sm)}.shelf{margin:0;padding:0;list-style:none}.shelf li{display:flex;justify-content:space-between;gap:var(--space-sm);padding:var(--space-sm) 0;border-top:1px solid var(--color-rule);font-size:15px}.shelf li span{color:var(--color-muted);font-size:var(--text-sm);white-space:nowrap}@media(max-width:860px){.more{grid-template-columns:minmax(0,1fr)}}.process{margin-top:var(--space-3xl)}.process h3{font-weight:500;font-size:var(--text-xl);letter-spacing:-.02em;margin-bottom:var(--space-lg)}.steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:var(--space-md);counter-reset:step}.steps li{padding-top:var(--space-md);border-top:1px solid var(--color-rule);counter-increment:step}.steps li:first-child{border-top-color:var(--color-accent)}.steps b{display:block;font-weight:500;font-size:var(--text-lg);letter-spacing:-.02em;margin:var(--space-2xs) 0}.steps b:before{content:counter(step) ". ";color:var(--color-muted)}.steps p{font-size:var(--text-sm);color:var(--color-muted)}.steps time{color:var(--color-muted)}@media(max-width:860px){.steps{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:480px){.steps{grid-template-columns:minmax(0,1fr)}}.contact{padding-block:var(--section-gap-l) var(--space-xl)}.contact h2{font-weight:600;font-size:var(--text-end);line-height:.88;letter-spacing:-.055em}.contact-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:var(--space-xl);margin-top:var(--space-2xl);align-items:stretch}.glass{padding:var(--space-lg);border-radius:20px;background:var(--color-glass);border:1px solid var(--color-rule);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}.kv{margin:0}.kv div{display:flex;justify-content:space-between;gap:var(--space-sm);padding:var(--space-sm) 0;border-bottom:1px solid var(--color-rule);flex-wrap:wrap}.kv div:last-child{border-bottom:0}.kv dt{color:var(--color-muted);font-size:var(--text-sm)}.kv dd{margin:0;text-align:right}.kv a{text-decoration:none;border-radius:4px}.kv a:hover{color:var(--color-accent);text-decoration:underline}.kv a:focus-visible{outline:2px solid var(--color-focus);outline-offset:3px}.contact .glass:first-child{display:flex;flex-direction:column;justify-content:space-between;gap:var(--space-xl)}.kv-cta{display:grid;gap:var(--space-md)}.kv-big{font-weight:600;font-size:clamp(2rem,3.6vw,3.25rem);letter-spacing:-.04em;line-height:1;text-decoration:none;font-variant-numeric:tabular-nums;border-radius:6px}.kv-big:hover{color:var(--color-accent)}.kv-big:focus-visible{outline:2px solid var(--color-focus);outline-offset:4px}.kv-cta .btn{width:100%}.brief{display:grid;gap:var(--space-md)}.brief h3{font-weight:500;font-size:var(--text-xl);letter-spacing:-.02em}.two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-sm)}.field{display:grid;gap:var(--space-xs)}.field label{font-size:var(--text-sm);color:var(--color-muted)}.field input,.field select,.field textarea{width:100%;min-height:48px;font:400 var(--text-md)/1.4 var(--font-body);color:var(--color-ink);background:color-mix(in oklab,var(--color-paper) 55%,transparent);border:1px solid var(--color-muted);border-radius:var(--radius-inner);padding:var(--space-sm) var(--space-md);transition:border-color var(--dur-micro) var(--ease-out),background-color var(--dur-micro) var(--ease-out)}.field select{appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--color-muted) 50%),linear-gradient(135deg,var(--color-muted) 50%,transparent 50%);background-position:calc(100% - 20px) 50%,calc(100% - 15px) 50%;background-size:5px 5px;background-repeat:no-repeat;padding-right:var(--space-xl)}.field select option{background:var(--color-paper-2);color:var(--color-ink)}.field textarea{min-height:110px;resize:vertical}.field input::placeholder,.field textarea::placeholder{color:var(--color-faint)}.field input:hover,.field select:hover,.field textarea:hover{border-color:var(--color-ink)}.field :is(input,select,textarea):focus-visible{outline:2px solid var(--color-focus);outline-offset:1px;border-color:transparent;transition:none}.field :is(input,textarea)[aria-invalid=true]{border-color:var(--color-error)}.field-error{color:var(--color-error);font-size:var(--text-sm)}.preview{display:grid;gap:var(--space-sm);padding:var(--space-md);border-radius:var(--radius-inner);border:1px dashed color-mix(in oklab,var(--color-accent) 55%,transparent)}.preview-label{font-size:var(--text-sm);color:var(--color-muted)}.preview output{display:block;white-space:pre-wrap;font-size:15px;overflow-wrap:anywhere}.preview-status{min-height:1.4em;font-size:var(--text-sm);color:var(--color-success)}@media(max-width:860px){.contact-grid{grid-template-columns:minmax(0,1fr)}}@media(max-width:520px){.two{grid-template-columns:minmax(0,1fr)}}.footer{display:flex;justify-content:space-between;gap:var(--space-sm);flex-wrap:wrap;margin-top:var(--space-3xl);padding-top:var(--space-lg);border-top:1px solid var(--color-rule);color:var(--color-muted);font-size:var(--text-sm)}.case-hero{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:var(--space-xl) var(--space-2xl);align-items:center;align-content:center;min-height:min(100svh,900px);padding-top:calc(var(--space-3xl) + var(--space-sm));padding-bottom:var(--space-2xl)}.case-back{grid-column:1 / -1;justify-self:start}.case-hero h1{font-weight:600;font-size:clamp(2.5rem,5.4vw,5.25rem);line-height:.94;letter-spacing:-.05em;margin-bottom:var(--space-lg)}.case-hero .lead{color:var(--color-ink-2)}.case-hero .actions{margin-top:var(--space-lg)}.case-vis{display:block;position:relative;border-radius:20px;overflow:hidden;color:inherit}.case-vis .scene{aspect-ratio:4 / 3;border-radius:20px}.case-vis.is-video .scene{aspect-ratio:16 / 10}a.case-vis:focus-visible{outline:2px solid var(--color-focus);outline-offset:4px}.case-vis-wrap iframe{display:block;width:100%;aspect-ratio:16 / 10;border:0;border-radius:20px;background:var(--color-paper-2)}.facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(9rem,1fr));gap:var(--space-md) var(--gap-columns);margin:var(--space-xl) 0 0;padding-top:var(--space-lg);border-top:1px solid var(--color-rule)}.facts div{display:grid;gap:var(--space-2xs);align-content:start}.facts dt{color:var(--color-muted);font-size:var(--text-sm)}.facts dd{margin:0}.case-story{padding-block:var(--section-gap-s);border-top:1px solid var(--color-rule)}.case-story>h2{font-weight:600;font-size:var(--text-display);line-height:.92;letter-spacing:var(--tracking-display);margin-bottom:var(--space-2xl);max-width:14ch}.story{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--space-3xl);align-items:start}.story.is-text{grid-template-columns:minmax(0,1fr);max-width:760px}.case-story:has(.is-text){padding-bottom:0}.story-text{display:grid;gap:var(--space-xl)}.story-text h3{font-weight:500;font-size:var(--text-title);letter-spacing:-.02em;margin-bottom:var(--space-sm)}.story-text p{font-size:var(--text-lg);color:var(--color-ink-2);max-width:58ch}.story-text div:first-child p{font-family:var(--font-voice);font-size:clamp(1.5rem,2.2vw,2rem);line-height:1.2;color:var(--color-ink)}.logo-plate{border-radius:20px;padding:var(--space-2xl) var(--space-xl);display:grid;place-items:center;gap:var(--space-xl);background:var(--color-logo-plate);min-height:360px}.logo-plate.is-dark{background:var(--color-accent-ink);color:var(--color-ink)}.logo-plate img{max-width:min(100%,460px);max-height:280px;width:auto;height:auto}.case-ask{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:var(--space-lg);align-items:center;padding:var(--space-xl);border-radius:20px;border:1px solid var(--color-rule);background:radial-gradient(90% 120% at 100% 0%,color-mix(in oklab,var(--color-gold) 25%,transparent),transparent 60%),var(--color-paper-2)}.case-ask-wrap{padding-block:var(--section-gap-s) 0}.case-ask h2{font-weight:600;font-size:clamp(1.75rem,3.6vw,3rem);line-height:1;letter-spacing:-.04em}.case-ask p{color:var(--color-muted);margin-top:var(--space-xs)}.case-nav{display:flex;justify-content:space-between;gap:var(--space-md);margin-top:var(--space-2xl);padding-block:var(--space-xl) var(--space-2xl);border-top:1px solid var(--color-rule)}.case-nav a{display:grid;gap:var(--space-xs);max-width:48%;text-decoration:none;border-radius:6px}.case-nav a:last-child{text-align:right}.case-nav span{color:var(--color-muted);font-size:var(--text-sm)}.case-nav b{font-weight:500;font-size:clamp(1.375rem,3.4vw,2.5rem);letter-spacing:-.035em;line-height:1;transition:color var(--dur-micro) var(--ease-out)}.case-nav a:hover b{color:var(--color-accent)}.case-nav a:focus-visible{outline:2px solid var(--color-focus);outline-offset:4px}@media(max-width:900px){.case-hero{grid-template-columns:minmax(0,1fr);min-height:0;gap:var(--space-xl)}.story{grid-template-columns:minmax(0,1fr);gap:var(--space-xl)}.case-ask{grid-template-columns:minmax(0,1fr)}}@view-transition{navigation:auto}@media(prefers-reduced-motion:reduce){@view-transition{navigation:none}}html,body{overflow-x:clip}