.selected-work{color:#142638;background:#f2f5f3;padding-block:100px 60px}.work-intro{justify-content:space-between;align-items:end;gap:40px;margin-bottom:65px;display:flex}.work-intro h2{letter-spacing:-.055em;font-size:clamp(50px,7vw,100px);font-weight:500;line-height:1}.work-intro>p{color:#476052;padding-bottom:10px;font-size:13px;line-height:1.85}.work-stage{color:#f2f5f3;background:#142638;flex-direction:column;height:100svh;min-height:650px;display:flex;overflow:hidden}.work-viewport{scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain;flex:1;min-height:0;overflow:auto hidden}.work-viewport::-webkit-scrollbar{display:none}.work-stage[data-pinned] .work-viewport{scroll-snap-type:none;overflow:clip}.work-track{width:100%;height:100%;display:flex}.work-stage[data-pinned] .work-track{display:block;position:relative}.cinema-edition .work-stage[data-pinned] .feature-slide{position:absolute;inset:0}.feature-pieces{display:none;position:absolute;inset:0}.feature-piece{position:absolute;inset:0}.work-stage[data-work-motion] .feature-pieces{display:block}.work-stage[data-work-motion] :is(.feature-nakula,.feature-spa) .feature-base{opacity:0}.feature-nakula .piece-0{clip-path:inset(0 66.6% 0 0)}.feature-nakula .piece-1{clip-path:inset(0 33.3%)}.feature-nakula .piece-2{clip-path:inset(0 0 0 66.6%)}.feature-spa .piece-0{clip-path:inset(0 0 80%)}.feature-spa .piece-1{clip-path:inset(20% 52.4% 0 0)}.feature-spa .piece-2{clip-path:inset(20% 0 0 47.6%)}.cinema-edition .feature-slide{scroll-snap-align:start;flex:0 0 100%;grid-template-columns:64% 36%;min-width:0;height:100%;display:grid;position:relative;overflow:hidden}.feature-visual{background:#293e40;min-width:0;height:100%;margin:0;position:relative;overflow:hidden}.feature-art{position:absolute;inset:0}.feature-art img{object-fit:cover}.feature-image-number{color:#fff;background:#142638;border-radius:100%;place-items:center;width:40px;height:40px;font-size:14px;display:grid;position:absolute;top:26px;left:35px}.feature-visual .concept-label{bottom:28px;left:35px}.feature-copy{background:#142638;align-items:center;padding:clamp(28px,4vw,64px);display:flex}.feature-category{color:#b5caca;margin-bottom:35px;font-size:11px;line-height:1.7}.feature-copy h3{letter-spacing:-.05em;overflow-wrap:normal;font-size:clamp(38px,4.5vw,70px);font-weight:500;line-height:1}.feature-story{color:#d2dfdf;max-width:310px;margin-top:30px;font-size:14px;line-height:1.9}.feature-tags{color:#a6d2c4;border-top:1px solid #526a72;flex-wrap:wrap;gap:10px 20px;margin-top:40px;padding-top:23px;font-size:10px;line-height:1.8;display:flex}.feature-nakula .feature-copy{color:#19392f;background:#d9e6da}.feature-nakula .feature-category,.feature-nakula .feature-story,.feature-nakula .feature-tags{color:#36584a}.feature-nakula .feature-tags{border-color:#a1b8a8}.feature-excava .feature-copy{color:#302d26;background:#dbc8a9}.feature-excava .feature-category,.feature-excava .feature-story,.feature-excava .feature-tags{color:#4e493d}.feature-excava .feature-tags{border-color:#a39a85}.feature-spa .feature-visual{background:#dcd3e3}.feature-spa .feature-art{aspect-ratio:16/9;inset:50% 5% auto;translate:0 -50%}.feature-spa .feature-art img{object-fit:contain}.feature-spa .feature-copy{background:#3a2345}.feature-spa .feature-category,.feature-spa .feature-story,.feature-spa .feature-tags{color:#e3d6e7}.work-controls{background:#142638;align-items:center;gap:35px;min-height:90px;padding:22px 4.2%;display:flex}.work-count{align-items:baseline;gap:10px;min-width:80px;display:flex}.work-count>span:first-child{font-size:28px}.work-count>span:nth-child(2){color:#b0c5c5;font-size:11px}.work-pagination{flex:1;gap:22px;display:flex}.work-pagination button{color:#b7cbca;text-align:left;cursor:pointer;background:0 0;border:0;flex:1;font-size:10px}.work-page-line{background:#4b626c;width:100%;height:2px;margin-bottom:10px;display:block}.work-pagination button[aria-current=true]{color:#fff}.work-pagination button[aria-current=true] .work-page-line{background:#8bcdbb}.work-arrows{gap:10px;display:flex}.work-arrows button{width:44px;height:44px;color:inherit;cursor:pointer;background:0 0;border:1px solid;border-radius:50%;place-items:center;transition:background .25s;display:grid}.work-arrows button:disabled{opacity:.35;cursor:default}.work-arrows button:not(:disabled):hover{background:#8bcdbb30}.work-controls button:focus-visible,.work-viewport:focus-visible{outline-offset:-3px;outline:3px solid #8bcdbb}.feature-inspect{grid-template-columns:1fr 1fr;align-items:start;gap:45px;padding-block:25px 35px;display:grid}.work-hint{color:#486152;padding-top:15px;font-size:11px;line-height:1.8}.feature-inspect .project-preview-body img{max-height:570px}.selected-work .work-endnote{margin-top:35px}@media (max-width:899px){.selected-work{padding-top:65px}.work-intro{margin-bottom:40px;display:block}.work-intro>p{margin-top:25px}.work-stage{height:auto;min-height:0}.work-viewport{flex:none;height:680px}.cinema-edition .feature-slide{grid-template-rows:360px 1fr;grid-template-columns:1fr}.feature-copy{padding:28px 30px}.feature-copy h3{font-size:43px}.feature-category{margin-bottom:14px}.feature-story{max-width:520px;margin-top:18px}.feature-tags{margin-top:22px;padding-top:15px}.work-controls{gap:20px;padding:18px 25px}.work-pagination button>span:last-child{display:none}.work-pagination{gap:8px}.work-page-line{margin:0}.work-count{min-width:60px}.feature-inspect{grid-template-columns:1fr;gap:15px}.work-hint{font-size:0}.work-hint:after{content:"Geser ke samping atau gunakan panah untuk memilih karya.";font-size:11px}}@media (max-width:480px){.work-viewport{height:660px}.cinema-edition .feature-slide{grid-template-rows:300px 1fr}.feature-copy{padding:26px 20px}.feature-copy h3{font-size:39px}.feature-story{font-size:13px}.feature-visual .concept-label{font-size:9px;bottom:16px;left:20px}.feature-image-number{width:32px;height:32px;font-size:11px;top:18px;left:20px}.work-count>span:first-child{font-size:23px}.work-controls{gap:15px;padding:18px 20px}.work-arrows button{width:38px;height:38px}}@media (prefers-reduced-motion:reduce){.work-arrows button{transition:none}}@media (min-width:900px){.work-controls{padding-right:180px}}.work-stage{position:relative}.feature-inspect-trigger{z-index:2;color:#fff;cursor:pointer;background:#142638;border:1px solid #73868d;border-radius:25px;align-items:center;gap:12px;padding:10px 14px;font-size:11px;display:flex;position:absolute;top:24px;right:24px}.feature-inspect-trigger:focus-visible{outline-offset:3px;outline:3px solid #8bcdbb}@media (max-width:480px){.feature-inspect-trigger{max-width:250px;font-size:10px;top:18px;right:14px}}.work-gallery{background:var(--ink);width:100%;color:var(--paper);padding:0}.gallery-rule{background:var(--mint);height:1px}.editorial-grid{background:color-mix(in srgb, var(--ink) 70%, var(--mint));grid-template-columns:repeat(12,minmax(0,1fr));gap:1px;display:grid}.gallery-heading{background:var(--ink);grid-column:1/-1;justify-content:space-between;align-items:end;gap:32px;padding:48px 4vw;display:flex}.gallery-title{letter-spacing:-.06em;font-size:clamp(54px,7vw,106px);font-weight:500;line-height:.95}.gallery-heading>p{max-width:300px;color:var(--muted);font-size:13px;line-height:1.8}.gallery-heading .landing-label{color:var(--mint);margin-bottom:22px}.gallery-card{background:var(--ink);flex-direction:column;grid-column:span 6;min-width:0;display:flex;position:relative;overflow:hidden}.gallery-card:before{content:"";background:var(--mint);z-index:2;height:1px;transform:scaleX(var(--line-progress,1));transform-origin:0;opacity:.55;position:absolute;top:0;left:0;right:0}.gallery-card:nth-of-type(4n+1){grid-column:span 8}.gallery-card:nth-of-type(4n+2){grid-column:span 4}.gallery-card:nth-of-type(4n+3){grid-column:span 5}.gallery-card:nth-of-type(4n){grid-column:span 7}.gallery-picture{background:color-mix(in srgb, var(--ink) 94%, var(--mint));height:clamp(360px,39vw,630px);margin:0;position:relative;overflow:hidden}.gallery-card:nth-of-type(2n) .gallery-picture{background:color-mix(in srgb, var(--ink) 97%, var(--mint))}.gallery-art{position:absolute;inset:5% 3% -5%}.gallery-art img{object-fit:cover;object-position:top center}.gallery-mobile .gallery-art{inset:3% 8% -18%}.gallery-mobile .gallery-art img{object-fit:contain}.gallery-lilac .gallery-art,.gallery-forest .gallery-art{inset:0}.gallery-picture figcaption{background:color-mix(in srgb, var(--ink) 94%, transparent);max-width:calc(100% - 40px);color:var(--paper);border:1px solid color-mix(in srgb, var(--ink) 55%, var(--mint));padding:6px 9px;font-size:10px;line-height:1.5;position:absolute;bottom:15px;left:20px}.gallery-caption{border-top:1px solid color-mix(in srgb, var(--ink) 70%, var(--mint));flex:1;padding:26px clamp(22px,3vw,48px) 30px}.gallery-category{color:var(--muted);margin-bottom:9px;font-size:11px}.gallery-caption h4{letter-spacing:-.04em;font-size:clamp(27px,3vw,43px);font-weight:500;line-height:1.15}.gallery-description{color:var(--muted);max-width:540px;margin-top:12px;font-size:13px;line-height:1.8}.gallery-tags{color:var(--muted);flex-wrap:wrap;gap:8px 18px;margin-top:18px;padding:0;font-size:10px;list-style:none;display:flex}.gallery-tags li+li:before{content:"/";color:#778d85;margin-right:18px}.gallery-colophon{border-top:1px solid color-mix(in srgb, var(--ink) 70%, var(--mint));color:var(--muted);background:var(--ink);margin:0;padding:30px 4vw;font-size:11px;line-height:1.8}@media (hover:hover) and (prefers-reduced-motion:no-preference){[data-motion=on] .gallery-art img{transition:transform .65s cubic-bezier(.2,.7,.2,1)}[data-motion=on] .gallery-card:hover .gallery-art img{transform:scale(1.025)}.gallery-card:hover h4{color:var(--mint)}}@media (min-width:600px) and (max-width:899px){.editorial-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.editorial-grid .gallery-card{grid-column:span 1}.gallery-picture{height:360px}}@media (max-width:599px){.editorial-grid{grid-template-columns:minmax(0,1fr)}.editorial-grid .gallery-card{grid-column:1}.gallery-heading{padding:35px 22px;display:block}.gallery-heading>p{margin-top:22px}.gallery-picture{height:340px}.gallery-mobile .gallery-picture{height:440px}.gallery-caption{padding:24px 22px 28px}.gallery-colophon{padding:26px 22px 45px}}
.floating-navigation{--nav-width:190px;z-index:49;opacity:0;visibility:hidden;pointer-events:none;width:0;transition:opacity .28s,visibility .28s;position:fixed;inset:0 0 0 auto}.floating-navigation[data-visible=true]{opacity:1;visibility:visible}.floating-nav-toggle{color:#f2f5f3;cursor:pointer;pointer-events:auto;z-index:2;background:0 0;border:0;place-items:center;width:44px;height:56px;margin-top:-28px;transition:transform .32s cubic-bezier(.2,.7,.2,1);display:grid;position:absolute;top:50%;right:0}.floating-nav-toggle svg{filter:drop-shadow(0 0 1px #142638)drop-shadow(0 0 1px #142638);transition:translate .2s}.floating-nav-toggle:hover svg{translate:-3px}.floating-navigation[data-open=true] .floating-nav-toggle{transform:translateX(calc(-1 * var(--nav-width)))}.floating-navigation[data-open=true] .floating-nav-toggle:hover svg{translate:3px}.floating-nav-panel{width:var(--nav-width);height:100dvh;padding:calc(24px + env(safe-area-inset-top)) 16px calc(82px + env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:#f2f5f3;opacity:0;visibility:hidden;pointer-events:none;background:#142638fa;border-left:1px solid #45625d;flex-direction:column;gap:20px;display:flex;position:absolute;top:0;right:0;transform:translate(100%)}.floating-navigation[data-open=true] .floating-nav-panel{pointer-events:auto}.floating-nav-brand{color:#f2f5f3;flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;min-height:44px;text-decoration:none;display:flex}.floating-nav-panel nav{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#57756c transparent;flex:1;grid-template-rows:repeat(5,minmax(112px,1fr));grid-template-columns:1fr 1fr;gap:9px;min-height:0;padding:0 0 14px;display:grid;overflow-y:auto}.floating-nav-panel nav a{color:#d3dfda;border:1px solid #50665f;justify-content:center;align-items:center;min-width:0;padding:12px 8px;font-size:12px;line-height:1.5;text-decoration:none;transition:background .2s,color .2s,border-color .2s;display:flex;position:relative}.floating-nav-panel nav a:nth-child(2n){translate:0 12px}.floating-nav-label{writing-mode:vertical-rl;text-orientation:mixed;white-space:nowrap}.floating-nav-panel nav a:hover{color:#fff;background:#ffffff08;border-color:#8db7a7}.floating-nav-panel nav a[aria-current=location]{color:#b4ead6;background:#8bcdbb14;border-color:#8bcdbb}.floating-nav-dot{opacity:0;background:currentColor;border-radius:50%;width:3px;height:3px;position:absolute;top:8px;right:6px}.floating-nav-panel a[aria-current=location] .floating-nav-dot{opacity:1}.floating-nav-toggle:focus-visible{outline-offset:-3px;outline:2px solid #6b9c8c}.floating-nav-panel a:focus-visible{outline-offset:-3px;outline:2px solid #a6d2c4}@media (max-width:599px),(max-height:759px){.floating-navigation{--nav-width:190px}.floating-nav-panel{padding-top:calc(18px + env(safe-area-inset-top));gap:16px}.floating-nav-panel nav{flex-direction:column;gap:6px;padding-bottom:0;display:flex}.floating-nav-panel nav a{flex:1 0 38px;justify-content:flex-end;min-height:38px;margin-right:12px;padding:9px 12px;font-size:11px}.floating-nav-panel nav a:nth-child(2n){margin-left:12px;margin-right:0;translate:none}.floating-nav-label{writing-mode:horizontal-tb}}@media (prefers-reduced-motion:reduce){.floating-navigation,.floating-nav-toggle,.floating-nav-toggle svg,.floating-nav-panel a{transition:none}}[data-motion=off] .floating-navigation,[data-motion=off] .floating-nav-toggle,[data-motion=off] .floating-nav-toggle svg,[data-motion=off] .floating-nav-panel a{transition:none}