.demo-shell{height:100dvh;overflow:hidden;background:var(--bg-canvas)}.demo-rail{position:fixed;top:50%;left:20px;transform:translateY(-50%);width:64px;padding:10px;background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-card);box-shadow:var(--shadow-card);z-index:40;transition:width .25s}.demo-rail[data-expanded]{width:230px}.demo-rail nav{display:grid;gap:6px}.demo-rail a,.demo-rail-toggle{display:flex;width:100%;height:44px;align-items:center;gap:14px;padding:11px;color:var(--text-secondary);border-radius:var(--radius-badge);white-space:nowrap}.demo-rail a:hover,.demo-rail-toggle:hover{background:var(--bg-tile);color:var(--color-primary)}.demo-rail a[aria-current]{color:var(--text-inverted);background:var(--color-primary)}.demo-rail svg{width:22px;height:22px;flex-shrink:0}.demo-rail-toggle{margin-bottom:12px;border-bottom:1px solid var(--border-subtle);cursor:pointer}.demo-menu-label{display:none;font-size:13px;font-weight:600}[data-expanded] .demo-menu-label{display:inline}.demo-rail-count{display:block;text-align:center;color:var(--text-muted);font-size:10px;padding:18px 0 4px}.demo-rail-count b{color:var(--color-primary);font-weight:700}.demo-pages{height:100dvh;overflow-y:auto;overflow-x:hidden;scroll-snap-type:y mandatory;scrollbar-width:none;overscroll-behavior-y:contain}.demo-pages::-webkit-scrollbar,.demo-track::-webkit-scrollbar{display:none}.demo-page>picture,.demo-workshop-card>picture{display:contents}.demo-page>picture>source,.demo-workshop-card>picture>source{display:none}.demo-page{height:100dvh;scroll-snap-align:start;scroll-snap-stop:always;padding:106px 40px 78px 120px;display:flex;flex-direction:column;gap:26px;max-width:1720px;margin:0 auto}.demo-section-top{flex-shrink:0}.demo-section-top h2{font-size:clamp(1.5rem,3vw,2.6rem)}.demo-section-top>p{margin-top:10px;font-size:13px;line-height:1.5;color:var(--text-secondary)}.demo-carousel{min-height:0;flex:1;display:flex;flex-direction:column;gap:18px}.demo-track{display:flex;gap:18px;overflow-x:auto;overflow-y:hidden;min-height:0;flex:1;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;scrollbar-width:none}.demo-track>*{scroll-snap-align:start;scroll-snap-stop:always;flex-shrink:0;width:calc((100% - 36px) / 3)}.demo-carousel-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:38px;flex-shrink:0}.demo-carousel-footer p{font-size:12px;color:var(--text-secondary)}.demo-arrows{display:flex;gap:8px}.demo-arrows[hidden]{display:none}.demo-arrows button,.demo-bottom button{width:38px;height:38px;display:grid;place-items:center;border:1px solid var(--border-subtle);border-radius:var(--radius-pill);color:var(--text-primary);background:var(--bg-card);cursor:pointer}.demo-arrows button:hover,.demo-bottom button:hover{color:var(--color-primary);border-color:var(--color-primary)}.demo-arrows button:disabled,.demo-bottom button:disabled{opacity:.35;cursor:default}.demo-bottom{position:fixed;bottom:16px;right:16px;height:48px;padding:5px;display:flex;align-items:center;gap:8px;border:1px solid var(--glass-border);border-radius:var(--radius-card);font-size:11px;color:var(--text-primary);background:var(--bg-card);box-shadow:var(--glass-shadow);z-index:20}.demo-bottom>div{display:flex;align-items:center;gap:4px}.demo-bottom .demo-scroll-hint{padding-inline:12px}.demo-bottom button{width:36px;height:36px;border:none;border-radius:var(--radius-badge);background:transparent}.demo-bottom button:hover{background:var(--glass-hover)}.demo-room-background,.demo-cover-content,.demo-cover-usps{display:none}.demo-workshop-card{display:flex;flex-direction:column;min-height:0;padding:6px;border-radius:var(--radius-card);background:var(--bg-tile)}.demo-workshop-card img{width:100%;flex:1;min-height:0;object-fit:cover;border-radius:calc(var(--radius-card) - 6px)}.demo-workshop-card figcaption{padding:18px 12px;font-size:13px;font-weight:600}.demo-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.demo-shell :focus-visible{outline:2px solid var(--color-primary);outline-offset:4px}@media(max-width:1100px){.demo-workshop-track>*{width:calc((100% - 18px)/2)}}@media(max-width:767px){.demo-rail{left:8px;width:42px;padding:4px;border-radius:var(--radius-tile)}.demo-rail[data-expanded]{width:218px}.demo-rail a,.demo-rail-toggle{height:39px;padding:7px;gap:12px}.demo-rail svg{width:18px;height:18px}.demo-rail nav{gap:5px}.demo-rail-count{font-size:8px;padding-top:12px}.demo-page{padding:88px 16px 68px 66px;gap:18px}.demo-section-top>p{font-size:12px;margin-top:8px}.demo-track{gap:12px}.demo-track>*{width:100%}.demo-carousel{gap:12px}.demo-carousel-footer p{font-size:10px}.demo-bottom{right:8px;bottom:8px;height:44px;font-size:9px;gap:4px}.demo-bottom .demo-scroll-hint{padding-inline:6px}.demo-bottom button,.demo-arrows button{width:32px;height:32px}}@media(max-height:720px){.demo-page{gap:14px}}@media(min-width:768px){.demo-page{max-width:none;padding:24px 80px}.demo-rail{left:16px;width:48px;padding:5px;border-radius:var(--radius-card);background:var(--bg-card);border-color:var(--glass-border);box-shadow:var(--glass-shadow)}.demo-rail[data-expanded]{width:220px}.demo-rail nav{gap:4px}.demo-rail a,.demo-rail-toggle{height:36px;padding:9px;gap:12px;color:var(--text-primary)}.demo-rail svg{width:18px;height:18px}.demo-rail a:hover,.demo-rail-toggle:hover{background:var(--glass-hover);color:var(--color-primary)}.demo-rail a[aria-current]{color:var(--text-inverted);background:var(--color-primary)}.demo-rail-toggle{margin-bottom:8px;border-bottom-color:var(--border-subtle)}.demo-rail-count{padding:12px 0 3px;font-size:8px;color:var(--text-secondary)}@supports ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))){.demo-rail,.demo-bottom{background:var(--glass-surface);-webkit-backdrop-filter:var(--glass-filter);backdrop-filter:var(--glass-filter)}}}@media(min-width:768px)and (prefers-reduced-transparency:reduce){.demo-rail,.demo-bottom{background:var(--bg-card);-webkit-backdrop-filter:none;backdrop-filter:none}}@media(min-width:768px)and (prefers-contrast:more){.demo-rail,.demo-bottom{background:var(--bg-card);border-color:var(--text-secondary);-webkit-backdrop-filter:none;backdrop-filter:none}}@media(prefers-reduced-motion:reduce){.demo-shell *,.demo-shell *:before{scroll-behavior:auto!important;transition:none!important}}@media(min-width:768px){#pembukaan{padding:0;background:var(--bg-featured-deep)}}@media(min-width:768px){#pembukaan{position:relative}#pembukaan .demo-room-background{display:block;position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}}@media(min-width:768px){.demo-cover-content{display:block;position:absolute;top:clamp(28px,5vh,64px);left:clamp(96px,7vw,144px);width:45%;max-width:760px;color:var(--text-featured)}.demo-cover-brand{display:flex;align-items:center;gap:20px}.demo-cover-logos{display:flex;align-items:center;flex-shrink:0;gap:14px;padding:10px 14px;background:var(--bg-card);border-radius:var(--radius-tile);box-shadow:var(--shadow-card)}.demo-cover-logos img:first-child{width:60px;height:auto}.demo-cover-logos img:last-child{width:auto;height:54px}.demo-cover-logos>span{width:1px;height:34px;background:var(--border-subtle)}.demo-cover-brand>p{max-width:270px;font-size:clamp(11px,1vw,15px);line-height:1.6;font-weight:600;letter-spacing:.03em}.demo-cover-headline{margin-top:26px;letter-spacing:-.035em;line-height:1.13}.demo-cover-headline span{display:block;font-size:clamp(23px,2.45vw,44px);font-weight:400}.demo-cover-headline .demo-cover-emphasis{font-weight:800}.demo-cover-values{display:flex;flex-wrap:wrap;gap:8px 14px;margin-top:22px}.demo-cover-values li{font-size:clamp(10px,.85vw,13px);font-weight:500;opacity:.85}.demo-cover-values li+li:before{content:"·";margin-right:14px;opacity:.5}.demo-cover-usps{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));position:absolute;bottom:88px;left:clamp(96px,7vw,144px);right:32px;padding:22px 10px;border:1px solid color-mix(in srgb,var(--text-featured) 22%,transparent);border-radius:var(--radius-card);color:var(--text-featured);background:color-mix(in srgb,var(--bg-featured-deep) 86%,transparent);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.demo-cover-usps li{display:flex;align-items:center;justify-content:center;gap:10px;padding:0 10px;font-size:clamp(10px,1vw,14px);font-weight:600}.demo-cover-usps li+li{border-left:1px solid color-mix(in srgb,var(--text-featured) 18%,transparent)}.demo-cover-usps svg{width:22px;height:22px;flex-shrink:0}}@media(min-width:768px)and (max-height:760px){.demo-cover-content{top:24px}.demo-cover-logos{padding:8px 12px}.demo-cover-logos img:first-child{width:48px}.demo-cover-logos img:last-child{height:44px}.demo-cover-headline{margin-top:18px}.demo-cover-headline span{font-size:clamp(22px,2.2vw,32px)}.demo-cover-values{margin-top:16px}.demo-cover-usps{padding-block:18px}}@media(min-width:768px){#pembukaan:after{content:"";position:absolute;inset:0;background:var(--gradient-hero-overlay);pointer-events:none}.demo-cover-content{z-index:1;top:clamp(24px,4vh,48px);left:50%;transform:translate(-50%);width:min(1080px,calc(100% - 192px));max-width:none;text-align:center}.demo-cover-brand{flex-direction:column;gap:12px}.demo-cover-logos{gap:26px;padding:0;background:transparent;box-shadow:none;border-radius:0}.demo-cover-logos img:first-child{width:auto;height:44px}.demo-cover-logos img:last-child{width:auto;height:58px;filter:brightness(0) invert(1)}.demo-cover-logos>span{height:34px;background:color-mix(in srgb,var(--text-featured) 35%,transparent)}.demo-cover-brand>p{max-width:none;font-size:clamp(12px,1.1vw,17px);font-weight:700;line-height:1.4;letter-spacing:.04em}.demo-cover-headline{margin-top:18px}.demo-cover-headline span{font-size:clamp(24px,3.3vw,50px)}.demo-cover-headline>span:first-child{white-space:nowrap}.demo-cover-values{justify-content:center;margin-top:16px}.demo-cover-categories{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:24px}.demo-cover-usps{position:static;margin-top:18px;padding:16px 0;border-radius:var(--radius-tile);background:color-mix(in srgb,var(--bg-featured-deep) 78%,transparent)}.demo-cover-usps li{gap:8px;font-size:clamp(9px,.9vw,13px)}.demo-cover-usps svg{width:18px;height:18px}}@media(min-width:768px)and (max-height:760px){.demo-cover-content{top:20px}.demo-cover-brand{gap:10px}.demo-cover-logos img:first-child{height:34px}.demo-cover-logos img:last-child{height:46px}.demo-cover-headline{margin-top:12px}.demo-cover-headline span{font-size:clamp(24px,3.3vw,44px)}.demo-cover-values{margin-top:12px}.demo-cover-categories{margin-top:18px}.demo-cover-usps{margin-top:14px;padding-block:12px}}@media(min-width:768px){.demo-cover-logos img:last-child{filter:brightness(0) invert(1)}}@media(min-width:768px){#pembukaan,#kontak{--phi: 1.618;--g0: clamp(9px, min(.86vw, 1.53vh), 17px);--g-1: calc(var(--g0) / var(--phi));--g1: calc(var(--g0) * var(--phi));--g2: calc(var(--g1) * var(--phi));--g3: calc(var(--g2) * var(--phi))}.demo-cover-content{top:50%;transform:translate(-50%,-50%);width:min(calc(var(--g0) * 98),calc(100% - 192px))}.demo-cover-brand{flex-direction:row;justify-content:center;align-items:center;gap:var(--g1)}.demo-cover-logos{gap:var(--g1);padding:0}.demo-cover-logos img:first-child,.demo-cover-logos img:last-child{width:auto;height:var(--g3)}.demo-cover-logos>span{height:var(--g2)}.demo-cover-brand>p{max-width:none;font-size:var(--g1);line-height:1.3;text-align:left}.demo-cover-headline{margin-top:var(--g2)}.demo-cover-headline span{font-size:var(--g3)}.demo-cover-values{margin-top:var(--g1);gap:var(--g-1) var(--g1)}.demo-cover-values li{font-size:calc(var(--g0) * 1.272)}.demo-cover-values li+li:before{margin-right:var(--g1)}.demo-cover-categories{margin-top:var(--g2);gap:var(--g1)}.demo-cover-usps{margin-top:var(--g1);padding-block:var(--g1)}.demo-cover-usps li{gap:var(--g-1);font-size:var(--g0)}.demo-cover-usps svg{width:var(--g1);height:var(--g1)}}@media(min-width:768px){.demo-cover-tiles-label{margin-top:var(--g2);font-size:calc(var(--g0) * 1.272);font-weight:500;letter-spacing:.16em;text-transform:uppercase;opacity:.7}.demo-cover-tiles-label+.demo-cover-categories{margin-top:var(--g0)}}@media(min-width:768px){.demo-cover-categories{grid-template-columns:repeat(6,minmax(0,1fr));gap:var(--g-1);margin-inline:calc(var(--g2) * -1)}.demo-cover-category{position:relative;display:block;overflow:hidden;aspect-ratio:3 / 4;border:1.5px solid color-mix(in srgb,var(--text-featured) 55%,transparent);border-radius:var(--radius-tile);background:var(--bg-card-dark);color:var(--text-featured);box-shadow:var(--glass-shadow)}.demo-cover-category-photo{position:absolute;inset:0}.demo-cover-category-photo img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .5s}.demo-cover-category:hover .demo-cover-category-photo img{transform:scale(1.03)}.demo-cover-category-photo:after{content:"";position:absolute;inset:auto 0 0;height:55%;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);-webkit-mask-image:linear-gradient(to bottom,transparent,var(--text-primary) 55%);mask-image:linear-gradient(to bottom,transparent,var(--text-primary) 55%);pointer-events:none}.demo-cover-category h2{position:absolute;inset:auto 0 0;z-index:1;padding:var(--g1) var(--g-1);font-size:calc(var(--g0) * 1.272);white-space:nowrap;text-shadow:0 1px 8px color-mix(in srgb,var(--text-primary) 55%,transparent);font-weight:700;line-height:1.25;letter-spacing:-.02em;text-align:center}}@media(min-width:768px){.demo-bottom{top:50%;right:16px;bottom:auto;transform:translateY(-50%);flex-direction:column;width:48px;height:auto;padding:5px;gap:4px;font-size:10px;border-radius:var(--radius-card)}.demo-bottom>div{display:contents}.demo-bottom [data-page-prev]{order:1}.demo-bottom .demo-scroll-hint{display:none}.demo-bottom [data-page-next]{order:2}.demo-bottom button{width:36px;height:36px;font-size:14px}}@media(min-width:768px){.demo-rail,.demo-bottom{border-radius:var(--radius-tile)}.demo-rail a,.demo-rail-toggle,.demo-bottom button{border-radius:var(--radius-badge)}}@media(min-width:768px){.demo-rail{display:flex;flex-direction:column;gap:6px}.demo-rail nav{gap:6px}.demo-rail-toggle{margin-bottom:0;border-bottom:0}.demo-rail-count{padding:0;line-height:1}.demo-bottom{gap:6px}}@media(min-width:768px){.demo-cover-usps{border:1px solid var(--glass-border);border-radius:var(--radius-tile);background:var(--bg-card);color:var(--bg-featured-deep);box-shadow:var(--glass-shadow)}.demo-cover-usps li{font-size:calc(var(--g0) * 1.272);font-weight:700}.demo-cover-usps li+li{border-left-color:color-mix(in srgb,var(--bg-featured-deep) 18%,transparent)}@supports ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))){.demo-cover-usps{background:var(--glass-surface);-webkit-backdrop-filter:var(--glass-filter);backdrop-filter:var(--glass-filter)}}}@media(min-width:768px)and (prefers-reduced-transparency:reduce){.demo-cover-usps{background:var(--bg-card);-webkit-backdrop-filter:none;backdrop-filter:none}}@media(min-width:768px){.demo-cover-headline .demo-cover-emphasis{color:var(--color-accent)}}@media(min-width:768px){.demo-cover-usps{margin-inline:calc(var(--g2) * -1)}}@media(min-width:768px){.demo-cover-headline{margin-inline:calc(var(--g2) * -1)}.demo-cover-headline span{font-size:var(--g3);white-space:nowrap}}.demo-showcase{position:relative;overflow:hidden;justify-content:center}.demo-showcase{--showcase-window-end: calc(96px + (100% - 192px)*.4) }.demo-showcase-backdrop{position:absolute;inset:0;z-index:0;width:100%;height:100%;object-fit:cover;filter:blur(28px);transform:scale(1.1)}.demo-showcase-bg{position:absolute;inset:0 auto 0 0;z-index:0;width:calc(var(--showcase-window-end) + 96px);height:100%;object-fit:cover;-webkit-mask-image:linear-gradient(to right,var(--text-primary) 88%,transparent);mask-image:linear-gradient(to right,var(--text-primary) 88%,transparent)}.demo-showcase-card{position:relative;z-index:1;flex:1;min-height:0;display:grid;grid-template-columns:40% minmax(0,1fr);padding:16px;overflow:hidden;border-radius:var(--radius-hero);box-shadow:0 0 0 200vmax color-mix(in srgb,var(--text-primary) 35%,transparent)}.demo-showcase-window{border-radius:var(--radius-tile);box-shadow:0 0 0 200vmax var(--bg-card)}.demo-showcase-panel{position:relative;min-width:0;min-height:0;display:flex;flex-direction:column;gap:20px;padding:16px 16px 0 32px}.demo-showcase-head{flex-shrink:0}.demo-showcase-head>p{margin-top:8px;font-size:13px;line-height:1.5;color:var(--text-secondary)}.demo-showcase-track>*{width:100%}.demo-showcase-grid{--showcase-gap: 18px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr) auto auto);column-gap:var(--showcase-gap);row-gap:0}.demo-showcase-item{min-height:0;display:grid;grid-row:span 3;grid-template-rows:subgrid}.demo-showcase-item:nth-child(-n+3){margin-bottom:var(--showcase-gap)}.demo-showcase-variants{margin-top:4px;font-size:11px;line-height:1.4;color:var(--text-secondary)}.demo-showcase-variants li{display:inline}.demo-showcase-variants li+li:before{content:" · ";color:var(--color-primary)}.demo-showcase-photo{min-height:0;overflow:hidden;border-radius:var(--radius-tile);background:var(--bg-tile)}.demo-showcase-photo img{width:100%;height:100%;object-fit:cover}.demo-showcase .demo-carousel-footer{justify-content:flex-end}.demo-showcase .demo-arrows button,#workshop .demo-arrows button,#kontak .demo-arrows button{border-color:var(--color-primary);background:var(--color-primary);color:var(--text-inverted);transition:background .2s,border-color .2s}.demo-showcase .demo-arrows button:hover:not(:disabled),#workshop .demo-arrows button:hover:not(:disabled),#kontak .demo-arrows button:hover:not(:disabled){border-color:var(--color-primary-hover);background:var(--color-primary-hover);color:var(--text-inverted)}.demo-showcase .demo-arrows button:focus-visible,#workshop .demo-arrows button:focus-visible,#kontak .demo-arrows button:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.demo-showcase .demo-arrows svg,#workshop .demo-arrows svg,#kontak .demo-arrows svg{width:18px;height:18px;display:block}.demo-showcase-item h3{margin-top:10px;font-size:14px;font-weight:600;line-height:1.3;letter-spacing:-.01em;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2}@media(min-width:768px){.demo-showcase-panel{gap:clamp(16px,1.6vw,32px);padding:clamp(12px,1.2vw,24px) clamp(12px,1.2vw,24px) 0 clamp(24px,2.4vw,48px)}.demo-showcase-head h2{font-size:clamp(1.5rem,2.4vw,3rem)}.demo-showcase-head>p{font-size:clamp(13px,.95vw,18px)}.demo-showcase-grid{--showcase-gap: clamp(14px, 1.4vw, 28px)}.demo-showcase-variants{font-size:clamp(11px,.75vw,14px)}.demo-showcase-item h3{font-size:clamp(14px,1.05vw,20px)}}@media(max-width:767px){.demo-showcase-bg{width:100%;-webkit-mask-image:none;mask-image:none}.demo-showcase-card{grid-template-columns:1fr;grid-template-rows:22% minmax(0,1fr);padding:10px;border-radius:var(--radius-card)}.demo-showcase-panel{padding:14px 6px 0;gap:12px}.demo-showcase-grid{--showcase-gap: 10px;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(3,minmax(0,1fr) auto auto)}.demo-showcase-item:nth-child(-n+3){margin-bottom:0}.demo-showcase-item:nth-child(-n+4){margin-bottom:var(--showcase-gap)}}.demo-workshop-card{padding:0;background:none}.demo-workshop-card img{border-radius:var(--radius-card)}#workshop .demo-carousel{flex:none}#workshop .demo-carousel-footer{justify-content:flex-end}.demo-workshop-track{align-items:flex-start}.demo-workshop-card img{flex:none;aspect-ratio:4 / 3}@media(max-width:767px){.demo-workshop-card img{aspect-ratio:3 / 4}}@media(min-width:768px){#workshop{justify-content:center}}@media(min-width:768px){.demo-workshop-track{margin-inline:-80px;padding-inline:80px;scroll-padding-inline:80px}}.demo-closing{--g0: 11px;--g-1: 7px;--g1: 18px;--g2: 29px;--g3: 46px;position:relative;overflow:hidden;justify-content:center;background:var(--bg-featured-deep);color:var(--text-featured)}.demo-closing:after{content:"";position:absolute;inset:0;background:var(--gradient-hero-overlay);pointer-events:none}.demo-closing-background{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.demo-closing-content{position:relative;z-index:1;width:100%;max-width:calc(var(--g0) * 98);margin-inline:auto;text-align:center}.demo-closing-brand{display:flex;flex-direction:column;align-items:center;gap:var(--g0)}.demo-closing-logos{display:flex;align-items:center;gap:var(--g1)}.demo-closing-logos img{width:auto;height:var(--g2)}.demo-closing-logos img:last-child{filter:brightness(0) invert(1)}.demo-closing-logos>span{width:1px;height:var(--g1);background:color-mix(in srgb,var(--text-featured) 35%,transparent)}.demo-closing-brand>p{font-size:var(--g0);font-weight:700;letter-spacing:.04em}.demo-closing-headline{margin-top:var(--g2);font-size:var(--g3);font-weight:400;line-height:1.13;letter-spacing:-.035em;text-wrap:balance}.demo-closing-headline strong{font-weight:700;color:var(--color-accent)}.demo-closing-tagline{margin-top:var(--g0);font-size:calc(var(--g0) * 1.272);font-weight:500;opacity:.85}.demo-closing-label{margin-top:var(--g2);font-size:calc(var(--g0) * 1.272);font-weight:500;letter-spacing:.16em;text-transform:uppercase;opacity:.7}.demo-closing .demo-carousel{flex:none;margin-top:var(--g0);gap:var(--g0)}.demo-closing-track{gap:var(--g-1);align-items:stretch;padding-block:8px;margin-block:-8px}.demo-closing-track>*{width:calc((100% - 2 * var(--g-1)) / 3)}.demo-closing-card{display:flex;flex-direction:column;padding:var(--g1);text-align:left;border:1.5px solid color-mix(in srgb,var(--text-featured) 55%,transparent);border-radius:var(--radius-tile);background:color-mix(in srgb,var(--bg-card-dark) 55%,transparent);box-shadow:var(--glass-shadow)}.demo-closing-card h3{font-size:var(--g1);font-weight:700;letter-spacing:-.02em;line-height:1.2}.demo-closing-links{margin-top:var(--g0);margin-bottom:var(--g1)}.demo-closing-links a{display:flex;justify-content:space-between;align-items:baseline;gap:var(--g0);padding:var(--g-1) 0;border-bottom:1px solid color-mix(in srgb,var(--text-featured) 18%,transparent);font-size:calc(var(--g0) * 1.272)}.demo-closing-links li:first-child a{border-top:1px solid color-mix(in srgb,var(--text-featured) 18%,transparent)}.demo-closing-links span{opacity:.65}.demo-closing-links b{font-weight:600;overflow-wrap:anywhere;text-align:right}.demo-closing-links a:hover b{color:var(--color-accent)}.demo-closing-wa{margin-top:auto;display:flex;align-items:center;justify-content:center;gap:var(--g-1);padding:var(--g0) var(--g1);border:1px solid var(--glass-border);border-radius:var(--radius-badge);background:var(--bg-card);color:var(--bg-featured-deep);box-shadow:var(--glass-shadow);font-size:calc(var(--g0) * 1.272);font-weight:700;transition:background .2s}.demo-closing-wa:hover{background:var(--bg-card);color:var(--color-primary)}.demo-closing .demo-carousel-footer{justify-content:center}@supports ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))){.demo-closing-card{-webkit-backdrop-filter:var(--glass-filter);backdrop-filter:var(--glass-filter)}.demo-closing-wa{background:var(--glass-surface);-webkit-backdrop-filter:var(--glass-filter);backdrop-filter:var(--glass-filter)}}@media(prefers-reduced-transparency:reduce){.demo-closing-card{background:var(--bg-card-dark);-webkit-backdrop-filter:none;backdrop-filter:none}.demo-closing-wa{background:var(--bg-card);-webkit-backdrop-filter:none;backdrop-filter:none}}@media(min-width:768px){#kontak{padding-block:24px}.demo-closing-content{max-width:min(calc(var(--g0) * 98),100%)}.demo-closing-headline{white-space:nowrap}.demo-closing-logos img{height:var(--g3)}.demo-closing-logos>span{height:var(--g2)}.demo-closing-brand{flex-direction:row;justify-content:center;gap:var(--g1)}.demo-closing-brand>p{font-size:var(--g1);line-height:1.3;text-align:left}}@media(max-width:767px){.demo-closing-headline{font-size:30px}.demo-closing-track>*{width:100%}}#kontak .demo-carousel-footer:has(.demo-arrows[hidden]){display:none}.demo-shell{--ease-out: cubic-bezier(.22, 1, .36, 1)}.demo-pages[data-motion] :is(.demo-cover-brand,.demo-cover-headline span,.demo-cover-values,.demo-cover-tiles-label,.demo-cover-category,.demo-cover-usps,.demo-showcase-card,.demo-showcase-head,.demo-showcase-item,.demo-showcase .demo-carousel-footer,#workshop .demo-section-top,.demo-workshop-card,#workshop .demo-carousel-footer,.demo-closing-brand,.demo-closing-headline,.demo-closing-tagline,.demo-closing-label,.demo-closing-card,#kontak .demo-carousel-footer){opacity:0;translate:0 28px;filter:blur(8px);transition:opacity .7s var(--ease-out),translate .9s var(--ease-out),filter .7s var(--ease-out),transform .5s var(--ease-out),box-shadow .5s var(--ease-out);transition-delay:calc(var(--reveal, 0) * 70ms + .15s),calc(var(--reveal, 0) * 70ms + .15s),calc(var(--reveal, 0) * 70ms + .15s),0ms,0ms}.demo-pages[data-motion] [data-inview] :is(.demo-cover-brand,.demo-cover-headline span,.demo-cover-values,.demo-cover-tiles-label,.demo-cover-category,.demo-cover-usps,.demo-showcase-card,.demo-showcase-head,.demo-showcase-item,.demo-showcase .demo-carousel-footer,#workshop .demo-section-top,.demo-workshop-card,#workshop .demo-carousel-footer,.demo-closing-brand,.demo-closing-headline,.demo-closing-tagline,.demo-closing-label,.demo-closing-card,#kontak .demo-carousel-footer){opacity:1;translate:none;filter:none}.demo-pages[data-motion] .demo-showcase-card{translate:none;scale:.96;transition-property:opacity,scale,filter,transform,box-shadow}.demo-pages[data-motion] [data-inview] .demo-showcase-card{scale:1}.demo-cover-headline span:nth-child(1){--reveal: 1}.demo-cover-headline span:nth-child(2){--reveal: 2}.demo-cover-values{--reveal: 3}.demo-cover-tiles-label{--reveal: 4}.demo-cover-category:nth-child(1){--reveal: 5}.demo-cover-category:nth-child(2){--reveal: 6}.demo-cover-category:nth-child(3){--reveal: 7}.demo-cover-category:nth-child(4){--reveal: 8}.demo-cover-category:nth-child(5){--reveal: 9}.demo-cover-category:nth-child(6){--reveal: 10}.demo-cover-usps{--reveal: 11}.demo-showcase-head{--reveal: 2}.demo-showcase-item:nth-child(1){--reveal: 3}.demo-showcase-item:nth-child(2){--reveal: 4}.demo-showcase-item:nth-child(3){--reveal: 5}.demo-showcase-item:nth-child(4){--reveal: 6}.demo-showcase-item:nth-child(5){--reveal: 7}.demo-showcase-item:nth-child(6){--reveal: 8}.demo-showcase .demo-carousel-footer{--reveal: 9}.demo-workshop-card:nth-child(1){--reveal: 1}.demo-workshop-card:nth-child(2){--reveal: 2}.demo-workshop-card:nth-child(3){--reveal: 3}.demo-workshop-card:nth-child(n+4){--reveal: 4}#workshop .demo-carousel-footer{--reveal: 5}.demo-closing-headline{--reveal: 1}.demo-closing-tagline{--reveal: 2}.demo-closing-label{--reveal: 3}.demo-closing-card:nth-child(1){--reveal: 4}.demo-closing-card:nth-child(2){--reveal: 5}.demo-closing-card:nth-child(3){--reveal: 6}#kontak .demo-carousel-footer{--reveal: 7}@keyframes demo-settle{0%{scale:1.08}to{scale:1}}.demo-pages[data-motion] [data-inview] :is(.demo-room-background,.demo-showcase-backdrop,.demo-showcase-bg,.demo-closing-background){animation:demo-settle 1.8s var(--ease-out) both}@supports (animation-timeline: view()){@keyframes demo-slide-focus{0%{opacity:.35;scale:.94}20%,80%{opacity:1;scale:1}to{opacity:.35;scale:.94}}.demo-showcase-grid,.demo-workshop-card img{animation:demo-slide-focus linear both;animation-timeline:view(inline);animation-range:cover 0% cover 100%}}.demo-cover-category:hover{transform:translateY(-4px);box-shadow:0 16px 40px color-mix(in srgb,var(--text-primary) 35%,transparent)}.demo-showcase-photo img{transition:transform .7s var(--ease-out)}.demo-showcase-item:hover .demo-showcase-photo img{transform:scale(1.05)}.demo-closing-card:hover{transform:translateY(-4px)}.demo-closing-wa{transition:background .2s,color .2s,scale .15s var(--ease-out)}.demo-closing-wa:active{scale:.97}.demo-arrows button,.demo-bottom button{transition:background .2s,border-color .2s,color .2s,opacity .2s,scale .15s var(--ease-out)}.demo-arrows button:active:not(:disabled),.demo-bottom button:active:not(:disabled){scale:.9}.demo-arrows svg{transition:translate .25s var(--ease-out)}.demo-arrows [data-next]:hover:not(:disabled) svg{translate:2px 0}.demo-arrows [data-prev]:hover:not(:disabled) svg{translate:-2px 0}.demo-rail a,.demo-rail-toggle{transition:background .2s,color .2s}@media(prefers-reduced-motion:reduce){.demo-pages[data-motion] :is(.demo-cover-brand,.demo-cover-headline span,.demo-cover-values,.demo-cover-tiles-label,.demo-cover-category,.demo-cover-usps,.demo-showcase-card,.demo-showcase-head,.demo-showcase-item,.demo-showcase .demo-carousel-footer,#workshop .demo-section-top,.demo-workshop-card,#workshop .demo-carousel-footer,.demo-closing-brand,.demo-closing-headline,.demo-closing-tagline,.demo-closing-label,.demo-closing-card,#kontak .demo-carousel-footer){opacity:1;translate:none;scale:none;filter:none}.demo-shell *,.demo-shell *:before,.demo-shell *:after{animation:none!important}}@media(max-width:767px){.demo-bottom{display:none}.demo-rail{top:auto;bottom:calc(12px + env(safe-area-inset-bottom));left:50%;transform:translate(-50%);width:auto;padding:5px;border-color:var(--glass-border);border-radius:var(--radius-tile);box-shadow:var(--glass-shadow)}.demo-rail[data-expanded]{width:auto}.demo-rail-toggle,.demo-rail-count,.demo-menu-label,[data-expanded] .demo-menu-label{display:none}.demo-rail nav{display:flex;gap:6px}.demo-rail a{width:38px;height:38px;padding:0;justify-content:center;border-radius:var(--radius-badge);color:var(--text-primary)}.demo-rail a[aria-current]{color:var(--text-inverted);background:var(--color-primary)}.demo-page{padding:calc(16px + env(safe-area-inset-top)) 16px calc(76px + env(safe-area-inset-bottom));gap:14px;justify-content:center}#pembukaan{position:relative;overflow:hidden;background:var(--bg-featured-deep)}#pembukaan:after{content:"";position:absolute;inset:0;background:var(--gradient-hero-overlay);pointer-events:none}#pembukaan .demo-room-background{display:block;position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}.demo-cover-content{display:block;position:relative;z-index:1;color:var(--text-featured);text-align:center}.demo-cover-brand{display:flex;flex-direction:column;align-items:center;gap:8px}.demo-cover-logos{display:flex;align-items:center;gap:14px}.demo-cover-logos img{width:auto;height:34px}.demo-cover-logos img:last-child{filter:brightness(0) invert(1)}.demo-cover-logos>span{width:1px;height:22px;background:color-mix(in srgb,var(--text-featured) 35%,transparent)}.demo-cover-brand>p{font-size:11px;font-weight:700;letter-spacing:.04em}.demo-cover-headline{margin-top:18px;line-height:1.13;letter-spacing:-.035em}.demo-cover-headline span{display:block;font-size:clamp(24px,7.2vw,30px);font-weight:400;text-wrap:balance}.demo-cover-headline .demo-cover-emphasis{font-weight:800;color:var(--color-accent)}.demo-cover-values{display:flex;flex-wrap:wrap;justify-content:center;gap:4px 10px;margin-top:12px}.demo-cover-values li{font-size:11px;font-weight:500;opacity:.85}.demo-cover-values li+li:before{content:"·";margin-right:10px;opacity:.5}.demo-cover-tiles-label{margin-top:18px;font-size:11px;font-weight:500;letter-spacing:.16em;text-transform:uppercase;opacity:.7}.demo-cover-categories{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin-top:8px}.demo-cover-category{position:relative;display:block;overflow:hidden;aspect-ratio:4 / 5;border:1.5px solid color-mix(in srgb,var(--text-featured) 55%,transparent);border-radius:var(--radius-badge);background:var(--bg-card-dark);color:var(--text-featured)}.demo-cover-category-photo{position:absolute;inset:0}.demo-cover-category-photo img{display:block;width:100%;height:100%;object-fit:cover}.demo-cover-category-photo:after{content:"";position:absolute;inset:auto 0 0;height:55%;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);-webkit-mask-image:linear-gradient(to bottom,transparent,var(--text-primary) 55%);mask-image:linear-gradient(to bottom,transparent,var(--text-primary) 55%);pointer-events:none}.demo-cover-category h2{position:absolute;inset:auto 0 0;z-index:1;padding:8px 4px;font-size:11px;font-weight:700;line-height:1.2;text-align:center;text-shadow:0 1px 6px color-mix(in srgb,var(--text-primary) 55%,transparent)}.demo-cover-usps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:10px;padding:4px;border:1px solid var(--glass-border);border-radius:var(--radius-tile);background:var(--bg-card);color:var(--bg-featured-deep);box-shadow:var(--glass-shadow)}.demo-cover-usps li{display:flex;align-items:center;justify-content:center;gap:5px;padding:8px 2px;font-size:10px;font-weight:700;line-height:1.2}.demo-cover-usps svg{width:14px;height:14px;flex-shrink:0}.demo-showcase-card{grid-template-rows:46% minmax(0,1fr);padding:8px;border-radius:var(--radius-card)}.demo-showcase-window{border-radius:calc(var(--radius-card) - 8px)}.demo-showcase-bg{inset:0 0 auto;height:54%;object-position:center;-webkit-mask-image:linear-gradient(to bottom,var(--text-primary) 88%,transparent);mask-image:linear-gradient(to bottom,var(--text-primary) 88%,transparent)}.demo-showcase-panel{padding:12px 6px 0;gap:10px}.demo-showcase-head h2{font-size:22px}.demo-showcase-head>p{margin-top:4px;font-size:12px;line-height:1.4}.demo-showcase-grid{--showcase-gap: 10px;grid-template-rows:minmax(0,1fr) auto auto}.demo-showcase-item:nth-child(-n+4){margin-bottom:0}.demo-showcase-item h3{margin-top:6px;font-size:13px}.demo-showcase-variants{margin-top:2px;font-size:10px;line-height:1.35}.demo-showcase .demo-carousel{gap:8px}#workshop .demo-section-top h2{font-size:24px}.demo-workshop-track,.demo-closing-track{margin-inline:-16px;padding-inline:16px;scroll-padding-inline:16px}.demo-workshop-track>*{width:78%}.demo-closing-track>*{width:86%}.demo-closing-logos img{height:30px}.demo-closing-logos>span{height:20px}.demo-closing-brand>p{font-size:11px}.demo-closing-headline{margin-top:18px;font-size:clamp(26px,7.6vw,32px)}.demo-closing-tagline{font-size:13px}.demo-closing-label{margin-top:20px;font-size:11px}.demo-closing-card{padding:16px}.demo-closing-card h3{font-size:18px}.demo-closing-links a,.demo-closing-wa{font-size:13px}#kontak .demo-carousel-footer{justify-content:center}}@media(max-width:767px)and (max-height:700px){.demo-cover-values{display:none}.demo-cover-category{aspect-ratio:1}.demo-cover-headline,.demo-cover-tiles-label{margin-top:12px}.demo-closing-tagline{display:none}.demo-showcase-card{grid-template-rows:38% minmax(0,1fr)}.demo-showcase-head>p{display:none}}@media(max-width:767px){@supports ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))){.demo-rail,.demo-cover-usps{background:var(--glass-surface);-webkit-backdrop-filter:var(--glass-filter);backdrop-filter:var(--glass-filter)}}}@media(max-width:767px)and (prefers-reduced-transparency:reduce){.demo-rail,.demo-cover-usps{background:var(--bg-card);-webkit-backdrop-filter:none;backdrop-filter:none}}