.section_featured-work{position:relative;background-color:var(--background-color--background-secondary, #1b1a18);padding-bottom:var(--_spacing-size---main--space-lg, 4rem)}.section_see-all{background-color:var(--background-color--background-secondary, #1b1a18);padding-bottom:var(--_spacing-size---main--space-xl, 8rem)}.section_see-all_content{height:48vh}.section_about{padding-top:12vh}.fw-title-wrapper{padding:var(--_spacing-size---main--space-xl, 8rem) 0 0;text-align:center}.fw-giant-title{font-size:42vw;line-height:var(--_typography---line-height--regular, 1);letter-spacing:var(--_typography---letter-spacing--tight, -.02em);text-transform:uppercase;white-space:nowrap;overflow:hidden;width:100%;margin:0;color:var(--text-color--text-alternate, #fff)}.fw-intro__meta{display:block;text-transform:uppercase;color:var(--text-color--text-alternate, #fff);opacity:.6}.fw-receipts-note{display:flex;align-items:flex-start;justify-content:flex-end;gap:.5em;padding:0 8vw;margin-top:-1.5vw;position:relative;z-index:2;font-family:var(--_typography---font--font-accent, "Tentang Nanti One", "Palatino Linotype", sans-serif);font-size:clamp(1.05rem,1.5vw,1.5rem);letter-spacing:.02em;text-transform:uppercase;color:var(--base-color-brand--brand, #D72323);transform:rotate(-2deg);pointer-events:none}.fw-receipts-note svg{width:2.6em;flex:none;margin-top:.5em;transform:rotate(58deg)}.fw-card-wrapper{position:sticky;top:0;height:100vh;display:flex;align-items:center;justify-content:center;will-change:transform,opacity;perspective:1200px}.fw-card{width:calc(min(100%,120rem) - 2 * var(--_spacing-size---main--space-md, 2rem));height:min(85vh,860px);background:var(--base-color-neutral--white, #fff);border-radius:1em;overflow:hidden;display:flex;box-shadow:0 16px 40px #0006;transform-origin:top center;will-change:transform;position:relative}.fw-card__dim{position:absolute;top:0;right:0;bottom:0;left:0;background:#000;opacity:0;pointer-events:none;z-index:11}.fw-card__content{width:42%;padding:var(--_spacing-size---base--spacing-8, 4rem);display:flex;flex-direction:column;justify-content:space-between;z-index:2;position:relative}.fw-card__top{display:flex;flex-direction:column;gap:20px}.fw-card__company{text-transform:uppercase;color:var(--text-color--text-secondary, #747474)}.fw-card__title{font-size:var(--_typography---font-size--h3, 2.25rem);font-weight:var(--_typography---font-weight--extra-bold, 800);line-height:1.06;letter-spacing:var(--_typography---letter-spacing--tight, -.02em);color:var(--text-color--text-primary, #000)}.fw-card__vision{font-size:var(--_typography---font-size--text-main, 1rem);color:var(--text-color--text-secondary, #747474);line-height:var(--_typography---line-height--body, 1.4);max-width:95%}.fw-card__bottom{display:flex;flex-direction:column;gap:24px}.fw-card__metrics{display:flex;gap:36px}.fw-metric{display:flex;flex-direction:column;gap:6px}.fw-metric__val{font-size:clamp(1.4rem,2.2vw,2rem);font-weight:700;color:var(--base-color-brand--brand, #D72323);line-height:1;letter-spacing:var(--_typography---letter-spacing--tight, -.02em)}.fw-metric__lbl{font-size:11px;color:var(--text-color--text-secondary, #747474);text-transform:uppercase;letter-spacing:.06em;max-width:22ch}.fw-card__cta{display:inline-flex;align-items:center;gap:10px;font-size:12px;font-weight:600;color:var(--text-color--text-primary, #000);text-decoration:none;text-transform:uppercase;letter-spacing:.06em;padding-top:14px;transition:color .3s cubic-bezier(.34,1.56,.64,1);width:fit-content}.fw-card__cta svg{transition:transform .3s cubic-bezier(.34,1.56,.64,1)}.fw-card__cta:hover{color:var(--base-color-brand--brand, #D72323)}.fw-card__cta:hover svg{transform:translate(4px)}.fw-card__visual{width:58%;height:100%;position:relative;overflow:hidden}.fw-cinema-frame{position:absolute;inset:var(--_spacing-size---base--spacing-6, 2rem) var(--_spacing-size---base--spacing-6, 2rem) var(--_spacing-size---base--spacing-6, 2rem) 0;border-radius:.5em;overflow:hidden;background:var(--background-color--background-secondary, #1b1a18)}.fw-cinema-frame:before{content:"";position:absolute;top:0;left:0;right:0;height:2.25em;background:var(--background-color--background-secondary, #1b1a18);z-index:3}.fw-cinema-frame:after{content:"";position:absolute;top:1.125em;left:1.15em;width:.5em;height:.5em;border-radius:50%;transform:translateY(-50%);background:currentColor;color:#ffffff59;box-shadow:.95em 0 0 currentColor,1.9em 0 0 currentColor;z-index:4}.fw-cinema-img{width:100%;height:calc(100% - 2.25em);position:absolute;top:2.25em;left:0;will-change:transform}.fw-cinema-img img{width:100%;height:100%;object-fit:cover;object-position:top left;display:block}.fw-progress{position:fixed;right:clamp(20px,3vw,40px);top:50%;transform:translateY(-50%);z-index:100;display:flex;flex-direction:column;align-items:center;gap:12px;opacity:0;transition:opacity .4s cubic-bezier(.22,1,.36,1);pointer-events:none}.fw-progress--visible{opacity:1}.fw-pip{width:2px;height:32px;background:#ffffff1a;border-radius:1px;transition:background .4s cubic-bezier(.22,1,.36,1),height .4s cubic-bezier(.22,1,.36,1)}.fw-pip--active{background:var(--base-color-brand--brand, #D72323);height:48px}@media screen and (max-width:767px){.fw-title-wrapper{padding:var(--_spacing-size---base--spacing-5, 1.5rem) 0 0}.fw-card-wrapper{position:static;height:auto;min-height:0;padding:var(--_spacing-size---base--spacing-3, .75rem) 0;perspective:none}.fw-card{flex-direction:column;height:auto;min-height:0;border-radius:.75em}.fw-card__content{width:100%;padding:var(--_spacing-size---base--spacing-5, 1.5rem) var(--_spacing-size---base--spacing-4, 1rem);gap:16px}.fw-card__visual{width:100%;height:260px;order:-1}.fw-cinema-frame{inset:var(--_spacing-size---base--spacing-4, 1rem) var(--_spacing-size---base--spacing-4, 1rem) 0}.fw-receipts-note{padding:0 var(--_spacing-size---base--spacing-4, 1rem);margin-top:.25rem}.fw-metric__val{font-size:1.4rem}.fw-progress{display:none}}.text-style-accent.is-fw{text-transform:uppercase;letter-spacing:.02em;font-size:1.05em;position:relative;top:.05em;margin-left:.18em}
