@layer components{html.is-story,html.is-story body{overscroll-behavior:none;height:100%;overflow:hidden}html.is-story [data-story]{z-index:20;left:50%;top:var(--story-top,0px);isolation:isolate;touch-action:pan-y;width:100%;position:fixed;bottom:0;overflow:clip;translate:-50%}html.is-story [data-story][data-axis=y]{touch-action:pan-x}@media (width>=720px){html.is-story [data-story]{top:calc(var(--story-top,0px) + 2.5dvh);aspect-ratio:10/17;border-radius:var(--card-radius,18px);width:auto;max-width:calc(100% - 32px);box-shadow:var(--card-shadow,0 30px 80px #00000059);bottom:2.5dvh}}html.is-story [data-story]>.scene{overscroll-behavior:contain;scrollbar-width:none;-webkit-overflow-scrolling:touch;position:absolute;inset:0;overflow:clip auto}html.is-story [data-story]>.scene::-webkit-scrollbar{display:none}html.is-story [data-story]>.scene:not(.is-current){pointer-events:none}html.is-story .scene .in{opacity:0}html.is-story .scene.is-current .in{animation:story-in var(--dur-slow,.9s) var(--ease-out,cubic-bezier(.2,.7,.2,1)) both;animation-delay:calc(var(--d,0) * .11s + var(--scene-lag,.38s))}.d1{--d:1}.d2{--d:2}.d3{--d:3}.d4{--d:4}.d5{--d:5}.d6{--d:6}.d7{--d:7}.d8{--d:8}@keyframes story-in{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}.story-ui{display:none}html.is-story .story-ui{display:flex}[data-story-progress]{gap:4px;display:flex}[data-story-progress] i{background:var(--bar-off,#ffffff4d);border-radius:3px;flex:1 1 0;height:3px;position:relative;overflow:hidden}[data-story-progress] i:after{content:"";background:var(--bar-on,#fff);transform-origin:0;position:absolute;inset:0;transform:scaleX(0)}[data-story-progress] i.done:after,[data-story-progress] i.now:after{transform:none}.is-timed [data-story-progress] i.now:after{animation:story-bar var(--bar-dur,7s) linear forwards;transform:scaleX(0)}.is-paused [data-story-progress] i.now:after{animation-play-state:paused}@keyframes story-bar{to{transform:none}}@media (prefers-reduced-motion:reduce){html.is-story .scene .in,html.is-story .scene.is-current .in{opacity:1;animation:none}}html,body{overflow-x:clip}body{color:#000;font-family:var(--ff-body);background:#fff}.tnum{font-variant-numeric:tabular-nums}html.is-story .deck[data-story]{width:100%;left:0;right:0;top:var(--story-top,0px);background:#fff;bottom:0;translate:none}@media (width>=720px){html.is-story .deck[data-story]{aspect-ratio:auto;width:100%;max-width:none;box-shadow:none;border-radius:0}}.deck>.scene{--scene-bg:#fff;--scene-ink:#000;background:var(--scene-bg);color:var(--scene-ink);--line:color-mix(in srgb, currentColor 22%, transparent)}html.is-story .deck>.scene,.fan-edge,.fan-shadow{inset:calc(var(--bar-t) + var(--tg)) var(--tg) var(--tg) var(--tl);border-radius:var(--blade-r);transform-origin:var(--rx) calc(100% - var(--ry))}html.is-story .deck>.scene{z-index:2;box-shadow:0 0 0 1px #00000029}html.is-story .deck>.scene:not(.is-current):not(.swing):not(.under){visibility:hidden}html.is-story .deck>.scene.under{z-index:1}html.is-story .deck>.scene.swing{z-index:4;will-change:transform, opacity}html.is-story .scene .in{opacity:1;animation:none}.deck :is(h1,h2):focus{outline:none}.deck :focus-visible,.index :focus-visible{outline-offset:3px;outline:2px solid}.deck>.scene.t-kopi{--scene-bg:var(--kopi);--scene-ink:#fff}.deck>.scene.t-sambal{--scene-bg:var(--sambal);--scene-ink:#fff}.deck>.scene.t-benang{--scene-bg:var(--benang);--scene-ink:var(--benang-ink)}.deck>.scene.t-klinik{--scene-bg:var(--klinik);--scene-ink:#fff}.fan-edge,.fan-shadow,.rivet-ctl{display:none}html.is-story .fan-edge.on{z-index:0;rotate:calc(var(--n,1) * var(--edge-step) * -1);clip-path:inset(-2px calc(100% - 96px) -2px -2px round var(--blade-r));background:#fff;display:block;position:absolute;box-shadow:0 0 0 1px #0003}.edge-kopi{background:var(--kopi)!important}.edge-sambal{background:var(--sambal)!important}.edge-benang{background:var(--benang)!important}.edge-klinik{background:var(--klinik)!important}html.is-story .fan-shadow{z-index:3;pointer-events:none;opacity:0;display:block;position:absolute;box-shadow:0 18px 40px #00000038,0 2px 6px #0000002e}html.is-story .fan-shadow.on{will-change:transform, opacity}html.is-dragging,html.is-dragging *{user-select:none;cursor:grabbing}html.is-story .rivet-ctl{z-index:6;left:calc(var(--tl) + var(--rx) - 22px);bottom:calc(var(--tg) + var(--ry) - 22px);align-items:center;gap:4px;display:flex;position:absolute}.rivet{cursor:pointer;border-radius:50%;place-items:center;width:44px;height:44px;display:grid}.rivet svg{width:18px;height:18px;transition:scale var(--dur-quick) var(--ease-out);overflow:visible}@media (width>=720px){.rivet svg{width:22px;height:22px}}.rivet:hover svg{scale:1.08}.rivet:active svg{scale:.94}.rivet:disabled{cursor:default}.rivet:disabled svg{scale:1}.nudge{color:#000;background:#fff;place-items:center;width:44px;height:44px;display:grid;box-shadow:inset 0 0 0 1px #000}.nudge svg{fill:none;stroke:currentColor;stroke-width:1.5px;width:16px;height:16px}.nudge:hover{color:#fff;background:#000}.nudge:disabled{opacity:.3;color:#000;background:#fff}@media (width>=720px) and (pointer:fine){.nudge{width:34px;height:34px}}html.is-story .bar{z-index:10;height:var(--bar-t);padding:0 var(--tg) 0 var(--tl);color:#000;background:#fff;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;font-size:.875rem;display:grid;position:absolute;top:0;left:0;right:0}.bar-brand{letter-spacing:-.02em;white-space:nowrap;justify-self:start;align-items:center;min-height:44px;font-weight:700;display:inline-flex}.bar-where{letter-spacing:-.01em;white-space:nowrap;text-overflow:ellipsis;max-width:46vw;font-weight:500;overflow:hidden}.bar-index{text-underline-offset:5px;justify-self:end;min-height:44px;padding:0 2px;font-weight:500;text-decoration:underline 1px}.bar-index:hover{text-decoration-thickness:2px}.scene .more{display:none}html.is-story .scene.can-scroll .more{height:76px;padding:0 var(--m) 10px;pointer-events:none;background:linear-gradient(to bottom, transparent, var(--scene-bg) 55%);justify-content:flex-end;align-items:end;margin:-76px 0 0;font-size:.75rem;font-weight:500;display:flex;position:sticky;bottom:0}.frame{isolation:isolate;column-gap:var(--g);box-sizing:border-box;min-height:100%;padding:var(--pad) var(--m) calc(var(--ry) + 44px);grid-template-columns:repeat(12,minmax(0,1fr));align-content:start;row-gap:22px;display:grid;position:relative}.frame>*{grid-column:1/-1;min-width:0}.grid-lines{z-index:-1;pointer-events:none;column-gap:var(--g);padding:0 var(--m);grid-template-columns:repeat(12,minmax(0,1fr));display:grid;position:absolute;inset:0}.grid-lines i{position:relative}.grid-lines i:before,.grid-lines i:after{content:"";opacity:.07;transform-origin:50% 0;background:currentColor;width:1px;position:absolute;top:0;bottom:0}.grid-lines i:before{left:0}.grid-lines i:after{right:0}.grid-lines i:first-child{--i:0}.grid-lines i:nth-child(2){--i:1}.grid-lines i:nth-child(3){--i:2}.grid-lines i:nth-child(4){--i:3}.grid-lines i:nth-child(5){--i:4}.grid-lines i:nth-child(6){--i:5}.grid-lines i:nth-child(7){--i:6}.grid-lines i:nth-child(8){--i:7}.grid-lines i:nth-child(9){--i:8}.grid-lines i:nth-child(10){--i:9}.grid-lines i:nth-child(11){--i:10}.grid-lines i:nth-child(12){--i:11}@media (width<=719px){.grid-lines i:nth-child(odd):after,.grid-lines i:nth-child(2n):before{display:none}}.t-kopi .grid-lines i:before,.t-kopi .grid-lines i:after,.t-sambal .grid-lines i:before,.t-sambal .grid-lines i:after,.t-klinik .grid-lines i:before,.t-klinik .grid-lines i:after{opacity:.12}@keyframes guide-draw{0%{scale:1 0}to{scale:1}}@keyframes guide-draw-x{0%{scale:0 1}to{scale:1}}.label{opacity:.66;letter-spacing:-.005em;font-size:.875rem;font-weight:500}.deck h2{font-family:var(--ff-display);letter-spacing:var(--track);font-weight:500;line-height:.94;font-size:var(--t-h2)}.deck h3{border-top:1px solid;margin-bottom:12px;padding-top:8px;font-size:.8125rem;font-weight:500}.body{letter-spacing:-.005em;max-width:34em;font-size:1.0625rem;line-height:1.45}@media (width>=960px){.body{font-size:1.125rem}}.btn{min-height:48px;transition:background-color var(--dur-quick) var(--ease-out), color var(--dur-quick) var(--ease-out);border-radius:0;justify-content:center;align-items:center;padding:0 22px;font-weight:500;display:inline-flex}.btn-ink{color:#fff;background:#000}.btn-ink:hover{background:#2a2a2a}.s-open .frame{align-content:space-between;row-gap:28px}.s-open .grid-lines i:before,.s-open .grid-lines i:after{opacity:.12}@media (prefers-reduced-motion:no-preference){html.is-story .s-open.is-current .grid-lines i:before,html.is-story .s-open.is-current .grid-lines i:after{animation:guide-draw var(--dur-draw) var(--ease-inout) both;animation-delay:calc(var(--i) * var(--stagger) / 2)}}.colnums{grid-template-columns:subgrid;opacity:.5;font-size:.75rem;display:grid}.colnums li{padding-left:6px}.colnums li:nth-child(2n){visibility:hidden}@media (width>=720px){.colnums li:nth-child(2n){visibility:visible}}.open-mark{align-self:end;position:relative}.wordmark{font-family:var(--ff-display);letter-spacing:-.055em;text-box:trim-both cap alphabetic;margin-left:-.04em;font-size:26vw;font-weight:700;line-height:.82}.wordmark span{display:block}.tline{opacity:.32;transform-origin:0;background:currentColor;height:1px;font-size:26vw;position:absolute;left:0;right:0}.tl-base{bottom:0}.tl-x{bottom:1ex}.tl-cap{bottom:1cap}@media (prefers-reduced-motion:no-preference){html.is-story .s-open.is-current .tline{animation:guide-draw-x var(--dur-draw) var(--ease-inout) both}html.is-story .s-open.is-current .tl-x{animation-delay:.16s}html.is-story .s-open.is-current .tl-cap{animation-delay:.32s}}.open-lede{text-wrap:pretty;letter-spacing:-.01em;max-width:30em;font-size:1.125rem;line-height:1.4}.open-go{flex-wrap:wrap;align-items:center;gap:12px 20px;display:flex}.open-hint{opacity:.6;font-size:.875rem}html:not(.is-story) .open-hint,html:not(.is-story) .open-go .btn{display:none}@media (width>=720px){.wordmark,.tline{font-size:min(calc((100vw - var(--tl) - var(--tg) - 2 * var(--m)) / 4.74), 36dvh)}.wordmark{white-space:nowrap}.wordmark span{display:inline}}@media (width>=960px){.open-lede{grid-column:1/6;font-size:1.375rem}.open-go{grid-column:9/-1;justify-content:end;align-self:end}}.s-statement .frame{align-content:space-between}.deck .statement{font-size:var(--t-hero);letter-spacing:-.05em;font-weight:500;line-height:.9}.facts{display:grid}.facts div{border-top:1px solid;grid-template-columns:7rem minmax(0,1fr);align-items:baseline;gap:12px;padding:12px 0 16px;display:grid}.facts dt{font-family:var(--ff-display);letter-spacing:-.05em;white-space:nowrap;font-size:2.25rem;font-weight:500;line-height:.9}.facts dd{font-size:.9375rem;line-height:1.4}@media (width>=960px){.s-statement .label{grid-column:1/4}.deck .statement{grid-column:1/12}.s-statement .body{grid-column:7/11}.facts{grid-template-columns:subgrid}.facts div{grid-column:span 4;padding-top:14px;display:block}.facts div:nth-child(2){grid-column:5/8}.facts div:nth-child(3){grid-column:9/13}.facts dt{font-size:clamp(3.5rem,6vw,6.5rem)}.facts dd{max-width:20em;margin-top:14px}}.s-cover .frame{align-content:space-between}.cover-n{align-items:baseline;gap:10px;font-size:.875rem;font-weight:500;display:flex}.cover-of{opacity:.62}.cover-brand{flex-direction:column;align-items:flex-start;gap:18px;font-size:clamp(3rem,15vw,4.6rem);display:flex}.cover-mark{flex:none;width:.95em;height:.95em}.deck .client-word{font-family:var(--ff-display);letter-spacing:-.05em;overflow-wrap:anywhere;font-size:1em;font-weight:700;line-height:.88}.cw-kopi{text-transform:lowercase}.deck .cw-sambal{text-transform:uppercase;letter-spacing:-.02em}.deck .cw-benang{letter-spacing:-.04em;font-weight:500}.deck .cw-klinik{letter-spacing:-.045em;font-weight:500}.cover-meta{display:grid}.cover-meta div{border-top:1px solid var(--line);grid-template-columns:5.5rem minmax(0,1fr);gap:12px;padding:10px 0 12px;display:grid}.cover-meta dt{opacity:.75;padding-top:2px;font-size:.8125rem}.cover-meta dd{font-size:.9375rem;font-weight:500;line-height:1.4}.cover-out dd{font-weight:700}@media (width>=720px){.cover-brand{flex-direction:row;align-items:center;gap:.24em;font-size:clamp(3.5rem,10vw,10rem)}.cover-mark{width:.8em;height:.8em}}@media (width>=960px){.cover-meta{grid-template-columns:subgrid}.cover-meta div{grid-column:span 3;padding-top:12px;display:block}.cover-meta dd{max-width:18em;margin-top:8px;font-size:1.0625rem}.cover-out dd{letter-spacing:-.02em;font-size:1.375rem;line-height:1.15}}.mark{display:block;overflow:visible}.mark .cut{fill:var(--scene-bg,#fff)}.mark .cut-stroke{stroke:var(--scene-bg,#fff)}.mgrid path{fill:none;stroke:currentColor;stroke-opacity:.16;stroke-width:.35px}.mguide path{fill:none;stroke:currentColor;stroke-opacity:.6;stroke-width:.4px}@media (prefers-reduced-motion:no-preference){html.is-story .scene:not(.is-current):not(.swing):not(.under) .mguide path{stroke-dasharray:1;stroke-dashoffset:1px}html.is-story .scene.is-current .mguide path{stroke-dasharray:1;animation:draw var(--dur-draw) var(--ease-inout) .65s both}html.is-story .scene.is-current .mguide path:nth-child(2){animation-delay:.77s}html.is-story .scene.is-current .mguide path:nth-child(3){animation-delay:.89s}html.is-story .scene.is-current .mguide path:nth-child(4){animation-delay:1.01s}html.is-story .scene.is-current .mguide path:nth-child(n+5){animation-delay:1.13s}}@keyframes draw{0%{stroke-dashoffset:1px}to{stroke-dashoffset:0}}.s-system .frame{row-gap:28px}.sys-logo{max-width:360px;margin:0}.sys-logo svg{width:100%;height:auto}.sys-logo figcaption{opacity:.7;margin-top:10px;font-size:.8125rem;line-height:1.35}.sys-note .body{margin-bottom:22px}.sys-palette ul{display:grid}.sys-palette li{border-bottom:1px solid var(--line);grid-template-columns:30px minmax(0,1fr) auto;align-items:center;column-gap:10px;padding:6px 0;display:grid}.chip{width:30px;height:30px;box-shadow:inset 0 0 0 1px color-mix(in srgb, currentColor 35%, transparent);grid-row:span 2}.c-name{font-size:.9375rem;font-weight:500}.c-hex{font-size:.8125rem}.c-use{opacity:.7;grid-column:2/-1;font-size:.8125rem}.chip-0e4b3b{background:#0e4b3b}.chip-f3ecdf{background:#f3ecdf}.chip-4a2e1f{background:#4a2e1f}.chip-7daa5b{background:#7daa5b}.chip-c8281e{background:#c8281e}.chip-5e3324{background:#5e3324}.chip-e9a23b{background:#e9a23b}.chip-f4f1ec{background:#f4f1ec}.chip-d9a21b{background:#d9a21b}.chip-23305a{background:#23305a}.chip-efe8da{background:#efe8da}.chip-9e3b2a{background:#9e3b2a}.chip-2e64a6{background:#2e64a6}.chip-dce8f5{background:#dce8f5}.chip-4e7d5b{background:#4e7d5b}.chip-2b2f36{background:#2b2f36}.spec-big{font-family:var(--ff-display);letter-spacing:-.04em;text-wrap:balance;font-size:clamp(1.5rem,6vw,2rem);font-weight:700;line-height:1}.spec-small{margin-top:10px;font-size:.9375rem;line-height:1.45}.sys-apps ul{display:grid}.sys-apps li{border-bottom:1px solid var(--line);padding:5px 0;font-size:.9375rem}@media (width>=720px) and (width<=959px){.sys-logo{grid-column:1/6}.sys-note{grid-column:7/-1}.sys-palette{grid-column:1/7}.sys-apps{grid-column:7/-1}}@media (width>=960px){.s-system .frame{grid-template-rows:auto 1fr;row-gap:36px}.sys-head{grid-column:1/10}.sys-logo{grid-column:1/4;align-self:end}.sys-note{grid-column:4/7;align-self:end}.sys-palette{grid-column:7/10;align-self:end}.sys-apps{grid-column:10/-1;align-self:end}}.s-world .frame{row-gap:22px}.photo{background:color-mix(in srgb, currentColor 10%, transparent);overflow:clip}.photo picture,.photo img{object-fit:cover;width:100%;height:100%;display:block}.wp-main{aspect-ratio:3/2}.w-kopi .wp-main,.w-benang .wp-main{aspect-ratio:2/3;max-height:62dvh}.w-klinik .wp-main{aspect-ratio:1;max-height:56dvh}.wp-second{aspect-ratio:1}.w-kopi .wp-main{grid-column:1/9}.w-kopi .wp-second{grid-column:9/-1;align-self:end}.world-cap{max-width:30em;font-size:1rem;line-height:1.45}.results{display:grid}.results div{border-top:1px solid;padding:10px 0 14px}.results dt{font-family:var(--ff-display);letter-spacing:-.05em;font-size:clamp(2.6rem,12vw,3.4rem);font-weight:500;line-height:.9}.results dd{max-width:24em;margin-top:8px;font-size:.9375rem;line-height:1.4}.measured{opacity:.7;margin-top:6px;font-size:.8125rem}@media (width>=960px){.s-world .frame{grid-template-rows:auto minmax(0,1fr);row-gap:30px}.s-world .photo{contain:size;aspect-ratio:auto;max-height:none}.s-world .frame>*{grid-row:2}.s-world .world-head{grid-row:1}.world-cap{align-self:start;font-size:1.0625rem}.world-res{align-self:end}.results dt{font-size:clamp(3rem,4.6vw,5rem)}.w-kopi .world-head{grid-column:1/10}.w-kopi .wp-main{grid-column:1/5}.w-kopi .wp-second{aspect-ratio:1;contain:none;grid-column:5/8;align-self:end;height:auto}.w-kopi .world-cap,.w-kopi .world-res{grid-column:9/-1}.w-sambal .world-head{grid-column:1/10}.w-sambal .world-cap,.w-sambal .world-res{grid-column:1/5}.w-sambal .wp-main{grid-column:5/-1}.w-benang .world-head{grid-column:1/7}.w-benang .wp-main{grid-area:1/8/3/12}.w-benang .world-cap{grid-column:1/5}.w-benang .world-res{grid-column:1/7}.w-klinik .world-head{grid-column:1/10}.w-klinik .world-cap{grid-column:1/4}.w-klinik .wp-main{grid-column:4/9}.w-klinik .world-res{grid-column:10/-1}}.s-process .frame{row-gap:28px}.steps{gap:26px var(--g);grid-template-columns:1fr 1fr;display:grid}.step .photo{aspect-ratio:3/2}.step-n{border-top:1px solid;margin-top:12px;padding-top:8px;font-size:.8125rem;font-weight:500}.deck .step h3{font-family:var(--ff-display);letter-spacing:-.035em;border-top:0;margin:0;padding-top:4px;font-size:1.5rem;font-weight:500}.step-w{opacity:.66;margin-top:2px;font-size:.8125rem}.step-p{margin-top:10px;font-size:.9375rem;line-height:1.42}@media (width>=960px){.s-process .frame{grid-template-rows:auto 1fr;align-content:stretch}.proc-head{grid-column:1/9}.s-process .proc-head .body{max-width:26em}.steps{grid-template-columns:subgrid;align-self:end}.step{grid-column:span 3}.step:first-child .photo,.step:nth-child(3) .photo{aspect-ratio:1}.steps{align-items:end}.deck .step h3{font-size:2rem}}.s-services .frame{row-gap:26px}.s-services h2{font-size:var(--t-hero)}.svc-list{border-bottom:1px solid;display:grid}.svc{border-top:1px solid;grid-template-columns:minmax(0,1fr) auto;gap:4px 16px;padding:14px 0 16px;display:grid}.deck .svc h3{font-family:var(--ff-display);letter-spacing:-.03em;border:0;margin:0;padding:0;font-size:1.375rem;font-weight:500}.svc-price{text-align:right;white-space:nowrap;letter-spacing:-.02em;font-size:1.125rem;font-weight:500}.svc-price .from{opacity:.66;font-size:.8125rem;font-weight:400}.svc-w{opacity:.66;grid-column:1/-1;font-size:.8125rem}.svc-d{grid-column:1/-1;margin-top:4px;font-size:.9375rem;line-height:1.42}.svc-audit{max-width:34em;font-size:.9375rem;line-height:1.42}@media (width>=960px){.svc-head{grid-column:1/-1}.s-services .svc-head .body{max-width:26em;margin-top:18px}.svc-list{grid-column:1/-1;grid-template-columns:subgrid}.svc{grid-column:1/-1;grid-template-columns:subgrid;align-items:baseline;padding:16px 0 18px}.deck .svc h3{grid-column:1/5;font-size:2rem}.svc-price{text-align:left;grid-column:5/8;font-size:2rem}.svc-w{grid-column:8/9;font-size:.875rem}.svc-d{grid-column:9/-1;margin-top:0}.svc-audit{grid-column:9/-1}}.s-contact .frame{row-gap:28px}.ct-lines{margin-top:24px;display:grid}.ct-lines div{border-top:1px solid;grid-template-columns:5rem minmax(0,1fr);gap:12px;padding:10px 0;font-size:.9375rem;line-height:1.42;display:grid}.ct-lines dt{opacity:.66}.ct-lines a{text-underline-offset:4px;min-height:24px;text-decoration:underline 1px;display:inline-flex}.form{gap:14px var(--g);align-content:start;display:grid}.field{gap:6px;min-width:0;display:grid}.field label{font-size:.875rem;font-weight:500}.field input,.field select,.field textarea{color:#000;width:100%;min-width:0;min-height:48px;font:inherit;background:#fff;border:1px solid #000;border-radius:0;padding:10px 12px;font-size:1rem}.field textarea{resize:vertical;min-height:96px}.field :is(input,select,textarea):focus-visible{outline-offset:0;outline:2px solid #000}@media (width>=720px){.form{grid-template-columns:1fr 1fr}.f-wide{grid-column:1/-1}}@media (width>=960px){.s-contact h2{font-size:var(--t-hero)}.s-contact .frame{grid-template-rows:auto 1fr}.ct-head{grid-column:1/11}.ct-text{grid-column:1/5;align-self:end}.form{grid-column:6/-1;align-self:end}}.deck>.scene--footer{background:#fff}html.is-story .scene--footer footer{padding-top:var(--pad);padding-bottom:calc(var(--ry) + 40px);box-sizing:border-box;flex-direction:column;justify-content:space-between;min-height:100%;display:flex}.studio-foot{padding:0 var(--m) 32px;gap:8px;display:grid}.sf-word{font-family:var(--ff-display);letter-spacing:-.055em;margin-bottom:14px;font-size:clamp(3.4rem,16vw,11rem);font-weight:700;line-height:.86}.sf-line{font-size:1rem}.sf-line a{text-underline-offset:4px;text-decoration:underline 1px}.scene--footer [data-demo-footer]{font-weight:500}.index{color:#000;--line:#00000029;background:#fff;border:0;width:100%;max-width:none;height:100dvh;max-height:none;margin:0;padding:0;overflow-y:auto}.index::backdrop{background:#0006}.index[open]{animation:fade var(--dur-quick) var(--ease-out) both}@keyframes fade{0%{opacity:0}to{opacity:1}}.ix-head{z-index:1;height:var(--bar-t);padding:0 var(--m);background:#fff;border-bottom:1px solid #000;justify-content:space-between;align-items:center;display:flex;position:sticky;top:0}.ix-head h2{letter-spacing:-.02em;font-size:.875rem;font-weight:700}.ix-close{text-underline-offset:5px;min-height:44px;padding:0 2px;font-size:.875rem;font-weight:500;text-decoration:underline 1px}.ix-list{padding:8px var(--m) 40px}.ix-row{border-bottom:1px solid var(--line);grid-template-columns:minmax(0,1fr);display:grid}.ix-main{grid-template-rows:auto auto;grid-template-columns:88px minmax(0,1fr);align-items:center;column-gap:16px;min-height:64px;padding:12px 0;display:grid}.ix-thumb{background:#ededed;grid-row:span 2;width:88px;height:58px;overflow:clip}.ix-thumb img{object-fit:cover;width:100%;height:100%;display:block}.ix-grid{box-shadow:inset 0 0 0 1px var(--line);background:#fff;grid-template-columns:repeat(12,1fr);gap:2px;padding:0 6px;display:grid}.ix-grid i{background:#00000014}.ix-name{font-family:var(--ff-display);letter-spacing:-.035em;align-self:end;font-size:1.375rem;font-weight:500;line-height:1.1}.ix-n{opacity:.62;letter-spacing:0;margin-right:4px;font-size:.875rem;font-weight:500}.ix-meta{opacity:.62;align-self:start;font-size:.8125rem;line-height:1.35}.ix-sub{gap:6px 18px;padding:0 0 12px 104px;font-size:.875rem;display:flex}.ix-sub a{text-underline-offset:4px;align-items:center;min-height:32px;text-decoration:underline 1px;display:inline-flex}.ix-main:hover .ix-name{text-underline-offset:5px;text-decoration:underline 1px}.index [aria-current=true] .ix-name,.ix-sub a[aria-current=true]{font-weight:700}.ix-main[aria-current=true]{padding-left:12px;box-shadow:inset 3px 0 #000}@media (width>=960px){.ix-list{column-gap:var(--g);grid-template-columns:repeat(12,minmax(0,1fr));padding-top:20px;display:grid}.ix-row{grid-column:1/-1;grid-template-columns:subgrid;align-items:center}.ix-main{grid-column:1/9;grid-template-columns:120px minmax(0,1fr);column-gap:24px}.ix-thumb{width:120px;height:72px}.ix-name{font-size:1.75rem}.ix-sub{grid-column:9/-1;justify-content:end;padding:0;font-size:.9375rem}.ix-sub a{min-height:44px}}html:not(.is-story) .deck>.scene{position:relative}html:not(.is-story) .frame{padding:56px var(--m);min-height:0}html:not(.is-story) .s-open .frame{min-height:80vh}html:not(.is-story) .s-cover .frame{min-height:70vh}html:not(.is-story) .s-world .photo{contain:none;aspect-ratio:3/2}html:not(.is-story) .w-kopi .wp-main,html:not(.is-story) .w-benang .wp-main{aspect-ratio:2/3}html:not(.is-story) .w-klinik .wp-main,html:not(.is-story) .wp-second{aspect-ratio:1}@media (scripting:none){.index{display:none}}}[data-style=garit]{--ease-out:cubic-bezier(.2,.7,.2,1);--ease-inout:cubic-bezier(.4,0,.2,1);--ease-in:cubic-bezier(.55,0,1,.45);--dur-quick:.2s;--dur-base:.6s;--dur-slow:.9s;--dur-draw:1.6s;--stagger:80ms;--m:20px;--g:10px;--pad:22px;--bar-t:44px;--tg:8px;--tl:20px;--rx:22px;--ry:22px;--blade-r:6px;--edge-step:.3deg;--t-hero:clamp(2.6rem, 11vw, 3.4rem);--t-h2:clamp(2.1rem, 9.4vw, 2.8rem);--track:-.045em;--kopi:#0e4b3b;--sambal:#c8281e;--benang:#d9a21b;--benang-ink:#17150f;--klinik:#2e64a6}@media (width>=720px){[data-style=garit]{--m:40px;--g:20px;--pad:30px;--tg:12px;--tl:44px;--rx:26px;--ry:26px;--blade-r:8px;--edge-step:.45deg;--t-hero:clamp(3.4rem, 7vw, 8rem);--t-h2:clamp(2.6rem, 5.2vw, 6rem)}}@media (width>=1200px){[data-style=garit]{--m:52px;--g:24px}}