.hero-overlay{position:absolute;inset:0;background:linear-gradient(to bottom,#1c100459,#1c10041f 40%,#1c1004a6);z-index:1}.hero-overlay-side{position:absolute;inset:0;background:linear-gradient(to right,rgba(28,16,4,.55) 0%,transparent 55%);z-index:1}#beranda:after{content:"";position:absolute;inset:0;z-index:1;background-image:var(--batik-parang);background-size:90px 90px;opacity:.07;pointer-events:none;mix-blend-mode:screen}[data-theme=dark] #beranda:after{opacity:.05}.hero-particles{position:absolute;inset:0;z-index:2;pointer-events:none;overflow:hidden}.hero-particles .gold-particle{width:4px;height:4px;animation-duration:var(--dur, 6s);animation-delay:var(--delay, 0s);bottom:10%;left:var(--x, 50%);--drift: var(--d, 20px)}.hero-content{position:relative;z-index:3;text-align:left;max-width:720px;padding:0 var(--space-xl);transform:translateY(0)}.hero-badge{display:inline-flex;align-items:center;gap:var(--space-sm);font-family:var(--font-sans);font-size:.7rem;font-weight:600;letter-spacing:.22em;text-transform:uppercase;color:var(--color-primary-light);margin-bottom:var(--space-lg);opacity:0;animation:heroFadeUp .8s var(--ease-jawa) .2s forwards}.hero-badge-line{display:inline-block;width:36px;height:1px;background:linear-gradient(to right,transparent,var(--color-primary))}.hero-heading{font-family:var(--font-display);font-size:clamp(2.4rem,6vw,4.8rem);font-weight:700;color:#fff;line-height:1.15;margin-bottom:var(--space-lg);opacity:0;animation:heroFadeUp .9s var(--ease-jawa) .4s forwards;letter-spacing:.03em}.hero-heading-line{display:block;position:relative;cursor:default;transition:transform .35s var(--ease-spring),text-shadow .35s ease}.hero-heading-line:hover{transform:translate(8px) skew(-1.5deg);text-shadow:0 0 40px rgba(192,154,42,.65),2px 2px 0 rgba(122,51,36,.45)}.hero-heading .highlight{color:var(--color-primary-light);font-style:italic}.hero-heading-shimmer{background:linear-gradient(90deg,#fff 0%,var(--color-primary-light) 30%,#fff 50%,var(--color-primary-light) 70%,#fff 100%);background-size:200% auto;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:heroTextShimmer 5s linear infinite}@keyframes heroTextShimmer{0%{background-position:200% center}to{background-position:-200% center}}.hero-sub{font-family:var(--font-serif);font-size:clamp(.95rem,2vw,1.15rem);color:#ffffffd1;line-height:1.8;max-width:540px;margin-bottom:var(--space-2xl);font-style:italic;opacity:0;animation:heroFadeUp .9s var(--ease-jawa) .65s forwards}.hero-cta-wrap{display:flex;align-items:center;gap:var(--space-lg);flex-wrap:wrap;opacity:0;animation:heroFadeUp .9s var(--ease-jawa) .88s forwards}.hero-cta{display:inline-flex;align-items:center;gap:var(--space-sm);padding:.9rem 2.4rem;border-radius:var(--radius-full);font-family:var(--font-sans);font-size:.82rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;background:linear-gradient(135deg,var(--color-primary-dark),var(--color-primary));color:#fff;box-shadow:0 6px 28px #c09a2a73,0 2px 8px #00000040,inset 0 1px #ffffff26;transition:transform .3s var(--ease-spring),box-shadow .3s ease;text-decoration:none;position:relative;overflow:hidden}.hero-cta:after{content:"";position:absolute;top:0;left:-80%;width:55%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}.hero-cta:hover:after{left:140%}.hero-cta:hover{transform:translateY(-3px) scale(1.02);box-shadow:0 12px 36px #c09a2a94,0 4px 12px #00000047}.hero-cta-arrow{display:inline-block;transition:transform .3s var(--ease-spring);font-size:1.1em}.hero-cta:hover .hero-cta-arrow{transform:translateY(4px)}.hero-scroll-hint{position:absolute;bottom:2.5rem;left:50%;transform:translate(-50%);z-index:3;display:flex;flex-direction:column;align-items:center;gap:8px;color:#ffffff8c;font-family:var(--font-sans);font-size:.65rem;letter-spacing:.15em;text-transform:uppercase;opacity:0;animation:heroFadeUp 1s var(--ease-jawa) 1.3s forwards}.hero-scroll-mouse{width:24px;height:36px;border:1.5px solid rgba(255,255,255,.45);border-radius:12px;display:flex;justify-content:center;padding-top:6px}.hero-scroll-dot{width:3px;height:6px;background:var(--color-primary-light);border-radius:2px;animation:scrollBounce 1.8s ease infinite}.hero-deco{position:absolute;z-index:3;pointer-events:none}.hero-deco-tl{top:5rem;left:3rem;width:80px;height:80px;background-image:var(--batik-truntum);background-size:contain;background-repeat:no-repeat;opacity:.35;animation:decoPulse 4s ease-in-out infinite}.hero-deco-br{bottom:4rem;right:4rem;width:100px;height:100px;border:1.5px solid rgba(192,154,42,.35);border-radius:var(--radius-lg);transform:rotate(15deg);animation:floatDeco 6s ease-in-out infinite}.hero-deco-bl{bottom:3.5rem;left:3rem;width:60px;height:60px;background-image:var(--batik-kawung);background-size:contain;background-repeat:no-repeat;opacity:.28;animation:kawungSpin 12s linear infinite,decoPulse 5s ease-in-out infinite}@media(min-width:1024px){.hero-deco-tl,.hero-deco-br,.hero-deco-bl{display:block}}@media(max-width:1023px){.hero-deco-tl,.hero-deco-bl{display:none}}@keyframes heroFadeUp{0%{opacity:0;transform:translateY(28px)}to{opacity:1;transform:translateY(0)}}@keyframes scrollBounce{0%,to{transform:translateY(0);opacity:1}60%{transform:translateY(8px);opacity:.3}}@keyframes floatDeco{0%,to{transform:rotate(15deg) translateY(0)}50%{transform:rotate(15deg) translateY(-14px)}}@keyframes decoPulse{0%,to{opacity:.28}50%{opacity:.5}}@media(max-width:768px){.hero-content{text-align:center;padding:0 var(--space-lg);max-width:100%}.hero-cta-wrap{justify-content:center}.hero-overlay-side{display:none}}#beranda{position:relative;height:100vh;min-height:600px;display:flex;align-items:center;justify-content:center;overflow:hidden}.hero-bg{position:absolute;inset:-10% 0;background-size:cover;background-position:center center;background-repeat:no-repeat;background-attachment:fixed;z-index:0;transform:scale(1.08);transition:transform .1s linear}@media(max-width:768px){.hero-bg{background-attachment:scroll}}.hero-overlay{position:absolute;inset:0;background:linear-gradient(to bottom,#1a11184d,#1a11181a 40%,#1a111899);z-index:1}.hero-overlay-side{position:absolute;inset:0;background:linear-gradient(to right,rgba(26,17,24,.5) 0%,transparent 60%);z-index:1}.hero-content{position:relative;z-index:2;text-align:left;max-width:720px;padding:0 var(--space-xl);transform:translateY(0)}.hero-badge{display:inline-flex;align-items:center;gap:var(--space-sm);font-family:var(--font-sans);font-size:.72rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--color-primary-light);margin-bottom:var(--space-lg);opacity:0;animation:heroFadeUp .8s var(--ease-smooth) .2s forwards}.hero-badge-line{display:inline-block;width:32px;height:1px;background:var(--color-primary)}.hero-heading{font-family:var(--font-display);font-size:clamp(2.5rem,6vw,5rem);font-weight:700;color:#fff;line-height:1.15;margin-bottom:var(--space-lg);opacity:0;animation:heroFadeUp .9s var(--ease-smooth) .4s forwards}.hero-heading-line{display:block;position:relative;cursor:default;transition:transform .3s var(--ease-spring),text-shadow .3s ease}.hero-heading-line:hover{transform:translate(6px) skew(-2deg);text-shadow:0 0 30px rgba(201,169,110,.6),2px 2px 0 rgba(139,94,125,.4)}.hero-heading .highlight{color:var(--color-primary);font-style:italic}.hero-sub{font-family:var(--font-sans);font-size:clamp(.95rem,2vw,1.15rem);color:#ffffffd1;line-height:1.75;max-width:540px;margin-bottom:var(--space-2xl);font-weight:300;opacity:0;animation:heroFadeUp .9s var(--ease-smooth) .6s forwards}.hero-cta-wrap{display:flex;align-items:center;gap:var(--space-lg);flex-wrap:wrap;opacity:0;animation:heroFadeUp .9s var(--ease-smooth) .8s forwards}.hero-cta{display:inline-flex;align-items:center;gap:var(--space-sm);padding:.85rem 2.25rem;border-radius:var(--radius-full);font-family:var(--font-sans);font-size:.9rem;font-weight:700;letter-spacing:.05em;background:linear-gradient(135deg,var(--color-primary),var(--color-primary-dark));color:#fff;box-shadow:0 6px 28px #c9a96e66,0 2px 8px #0003;transition:transform .3s var(--ease-spring),box-shadow .3s ease;text-decoration:none}.hero-cta:hover{transform:translateY(-3px) scale(1.02);box-shadow:0 12px 36px #c9a96e8c,0 4px 12px #00000040}.hero-cta-arrow{display:inline-block;transition:transform .3s var(--ease-spring)}.hero-cta:hover .hero-cta-arrow{transform:translateY(3px)}.hero-scroll-hint{position:absolute;bottom:2.5rem;left:50%;transform:translate(-50%);z-index:2;display:flex;flex-direction:column;align-items:center;gap:8px;color:#fff9;font-size:.7rem;letter-spacing:.12em;text-transform:uppercase;opacity:0;animation:heroFadeUp 1s ease 1.2s forwards}.hero-scroll-mouse{width:24px;height:36px;border:1.5px solid rgba(255,255,255,.5);border-radius:12px;display:flex;justify-content:center;padding-top:6px}.hero-scroll-dot{width:3px;height:6px;background:#ffffffb3;border-radius:2px;animation:scrollBounce 1.8s ease infinite}.hero-deco{position:absolute;z-index:2;pointer-events:none}.hero-deco-br{bottom:3rem;right:3rem;width:120px;height:120px;border:1px solid rgba(201,169,110,.3);border-radius:var(--radius-lg);transform:rotate(15deg);animation:floatDeco 6s ease-in-out infinite;display:none}@media(min-width:1024px){.hero-deco-br{display:block}}@keyframes heroFadeUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes scrollBounce{0%,to{transform:translateY(0);opacity:1}60%{transform:translateY(6px);opacity:.3}}@keyframes floatDeco{0%,to{transform:rotate(15deg) translateY(0)}50%{transform:rotate(15deg) translateY(-12px)}}.works-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.4rem;margin-bottom:var(--space-2xl)}@media(max-width:900px){.works-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:560px){.works-grid{grid-template-columns:1fr}}.work-card{position:relative;border-radius:var(--radius-xl);overflow:hidden;cursor:pointer;aspect-ratio:4 / 5;background:var(--color-bg-card);border:1px solid var(--color-border);box-shadow:0 4px 18px var(--color-shadow),0 0 0 0 transparent;transform:translateY(0);transition:transform .35s var(--ease-spring),box-shadow .35s ease,border-color .35s ease}.work-card:hover{transform:translateY(-7px);box-shadow:0 18px 44px var(--color-shadow-hover),0 0 0 3px var(--color-primary),0 0 0 5px #c09a2a1f;border-color:transparent}.work-card img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .5s var(--ease-smooth)}.work-card:hover img{transform:scale(1.06)}.work-card-overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(26,17,24,.78) 0%,rgba(26,17,24,.1) 50%,transparent 70%);opacity:1;transition:background .35s ease;display:flex;flex-direction:column;justify-content:flex-end;padding:1.25rem}.work-card:hover .work-card-overlay{background:linear-gradient(to top,rgba(26,17,24,.92) 0%,rgba(26,17,24,.2) 55%,transparent 75%)}.work-card:after{content:"";position:absolute;top:0;left:-80%;width:55%;height:100%;background:linear-gradient(105deg,transparent 35%,rgba(229,200,119,.12) 50%,transparent 65%);z-index:3;pointer-events:none;transition:left .55s ease}.work-card:hover:after{left:160%}.work-card-title{font-family:var(--font-display);font-size:1rem;color:#fff;margin-bottom:.3rem;letter-spacing:.03em;transition:color .3s ease}.work-card:hover .work-card-title{color:var(--color-primary-light)}.work-card-tag{display:inline-block;font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--color-primary-light);background:#c9a96e2e;border:1px solid rgba(201,169,110,.35);padding:2px 10px;border-radius:var(--radius-full);transform:translateY(0);transition:background .3s ease,border-color .3s ease}.work-card:hover .work-card-tag{background:#c9a96e47;border-color:#c9a96e99}.work-card-zoom-icon{position:absolute;top:1rem;right:1rem;width:34px;height:34px;border-radius:var(--radius-full);background:#ffffff26;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;opacity:0;transform:scale(.8);transition:opacity .3s ease,transform .3s var(--ease-spring)}.work-card:hover .work-card-zoom-icon{opacity:1;transform:scale(1)}.work-card-zoom-icon svg{width:16px;height:16px;stroke:#fff;fill:none;stroke-width:2}.works-pagination{text-align:center;margin-top:var(--space-xl)}.work-card{display:block;text-decoration:none}.glightbox-clean .goverlay{background:#0a050ae0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.glightbox-clean .gslide,.glightbox-clean .gslide-inner-content,.glightbox-clean .gslide-image,.glightbox-clean .gslide-media,.glightbox-clean .gvideo-wrapper{background:transparent!important;box-shadow:none!important;border:none!important;overflow:visible!important}.glightbox-clean .gslide-inner-content{margin:0 auto;width:100%;max-width:840px;padding:0!important}.glightbox-clean .gslide-image{display:flex;align-items:center;justify-content:center}.glightbox-clean .gslide-image img{border-radius:20px;max-height:88vh;-o-object-fit:contain;object-fit:contain;display:block;margin:0 auto;box-shadow:0 12px 48px #0000008c}.glightbox-clean .gslide-description,.glightbox-clean .gdesc-inner{display:none!important}.glightbox-clean .gnext,.glightbox-clean .gprev{background:#ffffffeb!important;border-radius:50%!important;width:52px!important;height:52px!important;box-shadow:0 4px 20px #00000080!important;border:none!important;display:flex!important;align-items:center!important;justify-content:center!important;transition:background .2s ease,transform .2s ease!important}.glightbox-clean .gnext:hover,.glightbox-clean .gprev:hover{background:#fff!important;transform:scale(1.1)!important}.glightbox-clean .gprev .garrow,.glightbox-clean .gnext .garrow,.glightbox-clean .gprev polyline,.glightbox-clean .gnext polyline,.glightbox-clean .gprev line,.glightbox-clean .gnext line,.glightbox-clean .gprev path,.glightbox-clean .gnext path{stroke:#c09a2a!important;fill:none!important}.glightbox-clean .gnext svg,.glightbox-clean .gprev svg{width:22px!important;height:22px!important}.glightbox-clean .gclose{background:#ffffffeb!important;border-radius:50%!important;width:44px!important;height:44px!important;box-shadow:0 4px 20px #00000080!important;border:none!important;display:flex!important;align-items:center!important;justify-content:center!important;opacity:1!important;transition:background .2s ease,transform .2s ease!important}.glightbox-clean .gclose:hover{background:#fff!important;transform:scale(1.1)!important}.glightbox-clean .gclose .garrow,.glightbox-clean .gclose polyline,.glightbox-clean .gclose line,.glightbox-clean .gclose path{stroke:#c09a2a!important;fill:none!important}.glightbox-clean .gclose svg{width:18px!important;height:18px!important}@media(min-width:769px){.glightbox-clean .gprev,.glightbox-clean .gnext,.glightbox-clean .gclose{background-color:#ffffffeb!important}.glightbox-clean .gprev:hover,.glightbox-clean .gnext:hover,.glightbox-clean .gclose:hover{background-color:#fff!important}}@media(min-width:992px){.glightbox-clean .gclose{opacity:1!important}}@media(max-width:560px){.glightbox-clean .gslide-image img{max-height:80vh}}.services-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}@media(max-width:900px){.services-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:560px){.services-grid{grid-template-columns:1fr}}.service-card{background:var(--color-bg-card);border-radius:var(--radius-xl);overflow:hidden;cursor:pointer;border:1px solid var(--color-border);transition:transform .35s var(--ease-spring),box-shadow .35s ease,border-color .35s ease;box-shadow:0 4px 22px var(--color-shadow);position:relative}.service-card:hover{transform:translateY(-8px);box-shadow:0 22px 55px var(--color-shadow-hover),0 0 0 3px var(--color-primary),0 0 0 5px #c09a2a1a;border-color:transparent}.service-card:before{content:"";position:absolute;top:0;left:-80%;width:55%;height:100%;background:linear-gradient(105deg,transparent 35%,rgba(229,200,119,.1) 50%,transparent 65%);z-index:3;pointer-events:none;transition:left .55s ease}.service-card:hover:before{left:160%}.service-card-img{position:relative;aspect-ratio:16 / 10;overflow:hidden}.service-card-img img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .5s var(--ease-smooth)}.service-card:hover .service-card-img img{transform:scale(1.06)}.service-card-img-overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(26,17,24,.5),transparent 60%);opacity:0;transition:opacity .3s ease}.service-card:hover .service-card-img-overlay{opacity:1}.service-card-body{padding:1.5rem}.service-card-title{font-family:var(--font-display);font-size:1.1rem;color:var(--color-text);margin-bottom:var(--space-sm);letter-spacing:.03em;transition:color var(--transition-fast)}.service-card:hover .service-card-title{color:var(--color-primary)}.service-card-desc{font-family:var(--font-serif);font-size:.9rem;color:var(--color-text-muted);line-height:1.75;margin-bottom:var(--space-lg);font-style:italic}.service-card-cta{display:inline-flex;align-items:center;gap:6px;font-size:.82rem;font-weight:700;color:var(--color-primary);transition:gap var(--transition)}.service-card-cta svg{width:14px;height:14px;stroke:currentColor;fill:none;stroke-width:2.5;transition:transform var(--transition)}.service-card:hover .service-card-cta svg{transform:translate(4px)}.service-modal{position:fixed;inset:0;z-index:var(--z-modal);display:flex;align-items:center;justify-content:center;padding:var(--space-lg);opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease}.service-modal.is-open{opacity:1;visibility:visible}.service-modal-backdrop{position:absolute;inset:0;background:#0a050abf;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);cursor:pointer}.service-modal-box{position:relative;z-index:1;background:var(--color-bg-card);border-radius:var(--radius-xl);max-width:640px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 30px 80px #0006;transform:scale(.95) translateY(20px);transition:transform .35s var(--ease-spring);scrollbar-width:thin;scrollbar-color:var(--color-border) transparent}.service-modal.is-open .service-modal-box{transform:scale(1) translateY(0)}.service-modal-img{aspect-ratio:16 / 7;overflow:hidden}.service-modal-img img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.service-modal-content{padding:2rem}.service-modal-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:var(--space-lg)}.service-modal-title{font-family:var(--font-display);font-size:1.6rem;color:var(--color-text);line-height:1.2}.service-modal-close{flex-shrink:0;width:36px;height:36px;border-radius:var(--radius-full);border:1.5px solid var(--color-border);background:transparent;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--color-text-muted);transition:var(--transition);margin-left:var(--space-md)}.service-modal-close:hover{border-color:var(--color-primary);color:var(--color-primary)}.service-modal-close svg{width:16px;height:16px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round}.service-modal-desc{font-size:.92rem;color:var(--color-text-muted);line-height:1.8;margin-bottom:var(--space-xl)}.service-modal-benefits-label{font-family:var(--font-display);font-size:1rem;color:var(--color-text);margin-bottom:var(--space-md);display:flex;align-items:center;gap:var(--space-sm)}.service-modal-benefits-label:before{content:"";display:inline-block;width:20px;height:2px;background:var(--color-primary);border-radius:2px}.service-modal-benefits{display:flex;flex-direction:column;gap:var(--space-sm);margin-bottom:var(--space-xl)}.service-modal-benefit-item{display:flex;align-items:flex-start;gap:var(--space-sm);font-size:.88rem;color:var(--color-text-muted);line-height:1.6}.benefit-check{flex-shrink:0;width:20px;height:20px;border-radius:var(--radius-full);background:#c9a96e1a;border:1px solid var(--color-border-hover);display:flex;align-items:center;justify-content:center;margin-top:1px}.benefit-check svg{width:10px;height:10px;stroke:var(--color-primary);fill:none;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}.service-modal-footer{border-top:1px solid var(--color-border);padding-top:var(--space-lg)}@media(max-width:480px){.service-modal-content{padding:1.25rem}.service-modal-title{font-size:1.3rem}}.about-layout{display:grid;grid-template-columns:1fr 1fr;gap:5rem;align-items:center}@media(max-width:900px){.about-layout{grid-template-columns:1fr;gap:3rem}}.about-photo-wrap{position:relative}.about-photo-frame{position:relative;border-radius:var(--radius-xl);overflow:hidden;aspect-ratio:4 / 5;box-shadow:0 20px 60px var(--color-shadow-hover);outline:2px solid rgba(192,154,42,.25);outline-offset:6px}.about-photo-frame img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .6s var(--ease-jawa)}.about-photo-frame:hover img{transform:scale(1.04)}.about-photo-accent{position:absolute;bottom:-1.5rem;left:-1.5rem;right:2rem;height:60%;border:1.5px solid var(--color-primary);border-radius:var(--radius-xl);z-index:-1;opacity:.35;background-image:var(--batik-sidomukti);background-size:20px 20px;background-repeat:repeat;background-color:transparent}.about-photo-wrap:before{content:"";position:absolute;top:-1.5rem;right:-1rem;width:50px;height:50px;background-image:var(--batik-kawung);background-size:contain;background-repeat:no-repeat;opacity:.4;animation:kawungSpin 12s linear infinite;z-index:1}.about-photo-badge{position:absolute;bottom:1.5rem;right:-1.5rem;background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:1rem 1.25rem;box-shadow:0 8px 32px var(--color-shadow-hover);text-align:center;min-width:110px}.about-badge-num{font-family:var(--font-display);font-size:2rem;color:var(--color-primary);font-weight:700;line-height:1}.about-badge-text{font-size:.72rem;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.08em;font-weight:700;margin-top:4px}@media(max-width:900px){.about-photo-badge{right:1rem}}.about-role{display:inline-block;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.15em;color:var(--color-primary);margin-bottom:var(--space-md)}.about-name{font-family:var(--font-display);font-size:clamp(1.8rem,3.5vw,2.5rem);color:var(--color-text);margin-bottom:var(--space-md);font-style:italic;letter-spacing:.03em}.about-divider{width:60px;height:2px;background:linear-gradient(to right,var(--color-primary),var(--color-accent));border-radius:2px;margin-bottom:var(--space-xl);position:relative}.about-divider:after{content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) rotate(45deg);width:8px;height:8px;background:var(--color-primary);border-radius:1px}.about-bio{font-family:var(--font-serif);font-size:.98rem;color:var(--color-text-muted);line-height:1.95;white-space:pre-line;margin-bottom:var(--space-2xl);font-style:italic}.about-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:1.25rem;padding:1.5rem;background:var(--color-bg-alt);border-radius:var(--radius-xl);border:1px solid var(--color-border)}.about-stat{text-align:center;padding:var(--space-md)}.about-stat-value{font-family:var(--font-display);font-size:2rem;color:var(--color-primary);font-weight:700;line-height:1;margin-bottom:var(--space-xs)}.about-stat-label{font-size:.75rem;color:var(--color-text-muted);font-weight:700;text-transform:uppercase;letter-spacing:.08em}.about-stat+.about-stat{border-left:1px solid var(--color-border)}.about-stats>.about-stat:nth-child(3){border-top:1px solid var(--color-border)}.about-stats>.about-stat:nth-child(4){border-top:1px solid var(--color-border);border-left:1px solid var(--color-border)}#lokasi{padding:var(--space-3xl) 0;scroll-margin-top:1.5rem}.maps-wrapper{display:flex;flex-direction:column;gap:var(--space-md);max-width:900px;margin:0 auto}.maps-frame-container{position:relative;border:2px solid var(--color-primary);border-radius:12px;overflow:hidden;box-shadow:0 0 0 5px #c09a2a1a,0 20px 60px #0003}.maps-frame-container:before{content:"";position:absolute;top:-1px;left:-1px;width:28px;height:28px;border-top:3px solid var(--color-primary);border-left:3px solid var(--color-primary);border-radius:12px 0 0;z-index:2;pointer-events:none}.maps-frame-container:after{content:"";position:absolute;bottom:-1px;right:-1px;width:28px;height:28px;border-bottom:3px solid var(--color-primary);border-right:3px solid var(--color-primary);border-radius:0 0 12px;z-index:2;pointer-events:none}.maps-frame-container iframe{display:block;width:100%;height:440px;border:none;filter:saturate(.85) contrast(1.05)}[data-theme=dark] .maps-frame-container iframe{filter:invert(.92) hue-rotate(180deg) saturate(.65) contrast(.9)}.maps-address-bar{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);background:#c09a2a0f;border:1px solid rgba(192,154,42,.22);border-radius:8px;flex-wrap:wrap}.maps-address-icon{flex-shrink:0;width:18px;height:18px;fill:var(--color-primary);opacity:.85}.maps-address-text{flex:1;font-family:var(--font-sans);font-size:.875rem;color:var(--color-text-secondary);line-height:1.5;min-width:0}.maps-open-btn{display:inline-flex;align-items:center;gap:6px;padding:7px 16px;background:var(--color-primary);color:#1c1008;font-family:var(--font-sans);font-size:.78rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;border-radius:4px;text-decoration:none;white-space:nowrap;transition:background var(--transition-base),transform var(--transition-base),box-shadow var(--transition-base)}.maps-open-btn:hover{background:var(--color-primary-light);transform:translateY(-2px);box-shadow:0 6px 20px #c09a2a59}@media(max-width:640px){.maps-frame-container iframe{height:300px}.maps-address-bar{flex-direction:column;align-items:flex-start}.maps-open-btn{align-self:stretch;justify-content:center}}.faq-section{position:relative;min-height:100vh;display:flex;align-items:center;justify-content:center;padding:var(--space-2xl) var(--space-md);overflow:hidden;background-color:var(--color-bg-alt);border-top:1px solid var(--color-border)}.faq-bg-parallax{position:absolute;top:0;left:0;width:100%;height:120%;-o-object-fit:cover;object-fit:cover;z-index:0;opacity:.15;filter:grayscale(80%) sepia(20%);transform:translateY(0);will-change:transform}[data-theme=dark] .faq-bg-parallax{opacity:.08}.faq-overlay{position:absolute;inset:0;background:linear-gradient(to bottom,var(--color-bg-alt) 0%,transparent 20%,transparent 80%,var(--color-bg-alt) 100%);z-index:1}.faq-container{position:relative;z-index:2;width:100%;max-width:800px;display:flex;flex-direction:column;gap:var(--space-xl)}.faq-header{text-align:center}.faq-title{font-family:var(--font-display);font-size:clamp(2.2rem,5vw,3.8rem);font-weight:400;color:var(--color-primary);margin-bottom:var(--space-xs);letter-spacing:.04em}.faq-subtitle{font-family:var(--font-serif);font-size:1rem;color:var(--color-text-muted);max-width:600px;margin:0 auto;font-style:italic}.faq-list{display:flex;flex-direction:column;gap:var(--space-md)}.faq-item{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden;transition:border-color var(--transition),box-shadow var(--transition)}.faq-item:hover{border-color:var(--color-primary);box-shadow:0 4px 20px var(--color-shadow)}.faq-item.active{border-color:var(--color-primary);box-shadow:0 6px 24px var(--color-shadow),0 0 0 2px #c09a2a1f}.faq-question{width:100%;text-align:left;background:none;border:none;padding:1.3rem 1.5rem;font-family:var(--font-display);font-size:1rem;font-weight:600;color:var(--color-text);cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:1rem;transition:color var(--transition-fast);letter-spacing:.02em}.faq-question:hover{color:var(--color-primary)}.faq-icon{width:24px;height:24px;fill:var(--color-primary);transition:transform var(--transition);flex-shrink:0}.faq-item.active .faq-icon{transform:rotate(180deg)}.faq-item.active .faq-question{color:var(--color-primary)}.faq-answer-wrapper{max-height:0;overflow:hidden;transition:max-height var(--transition) cubic-bezier(.4,0,.2,1)}.faq-answer{padding:0 1.5rem 1.5rem;font-family:var(--font-serif);color:var(--color-text-muted);line-height:1.8;font-style:italic}.legal-buttons{display:flex;justify-content:center;gap:var(--space-md);margin-top:var(--space-lg);flex-wrap:wrap}.legal-btn{background:transparent;border:1px solid var(--color-primary);color:var(--color-primary);padding:.75rem 1.5rem;border-radius:50px;font-family:var(--font-body);font-size:.9rem;font-weight:500;cursor:pointer;transition:all var(--transition-fast)}.legal-btn:hover{background:var(--color-primary);color:#fff}.legal-modal{position:fixed;inset:0;z-index:9999;display:flex;align-items:center;justify-content:center;padding:var(--space-md);opacity:0;pointer-events:none;transition:opacity var(--transition)}.legal-modal.active{opacity:1;pointer-events:auto}.legal-modal-overlay{position:absolute;inset:0;background:#0a050ad9;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.legal-modal-content{position:relative;z-index:1;background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);width:100%;max-width:800px;max-height:85vh;display:flex;flex-direction:column;transform:translateY(20px) scale(.98);transition:transform var(--transition);box-shadow:var(--shadow-xl)}.legal-modal.active .legal-modal-content{transform:translateY(0) scale(1)}.legal-modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 2rem;border-bottom:1px solid var(--color-border)}.legal-modal-title{font-family:var(--font-display);font-size:1.5rem;font-weight:600;color:var(--color-primary);margin:0}.legal-modal-close{background:none;border:none;cursor:pointer;color:var(--color-text-muted);transition:color var(--transition-fast);display:flex;align-items:center;justify-content:center;padding:.5rem}.legal-modal-close:hover{color:var(--color-primary)}.legal-modal-close svg{width:24px;height:24px;fill:currentColor}.legal-modal-body{padding:2rem;overflow-y:auto;color:var(--color-text-muted);line-height:1.7}.legal-modal-body h3{color:var(--color-text);font-family:var(--font-display);font-size:1.2rem;margin-top:1.5rem;margin-bottom:.75rem}.legal-modal-body h3:first-child{margin-top:0}.legal-modal-body p{margin-bottom:1rem}.legal-modal-body ul{padding-left:1.5rem;margin-bottom:1rem}.legal-modal-body li{margin-bottom:.5rem}@media(max-width:768px){.legal-modal-body{padding:1.5rem}.legal-modal-header{padding:1.25rem 1.5rem}}.contact-layout{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center}@media(max-width:900px){.contact-layout{grid-template-columns:1fr;gap:3rem}}.contact-info{display:flex;flex-direction:column;align-items:center;text-align:center;height:100%;justify-content:center}.contact-info-title{font-family:var(--font-display);font-size:clamp(1.8rem,3.5vw,2.5rem);color:var(--color-text);margin-bottom:var(--space-md);font-style:italic;letter-spacing:.03em}.contact-info-desc{font-family:var(--font-serif);font-size:.98rem;color:var(--color-text-muted);line-height:1.85;margin-bottom:var(--space-2xl);max-width:380px;font-style:italic}.contact-follow-label{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.12em;color:var(--color-text-light);margin-bottom:var(--space-md)}.contact-socials{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:var(--space-md)}.social-btn{position:relative;width:50px;height:50px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;text-decoration:none;transition:transform .3s var(--ease-spring),box-shadow .3s ease;overflow:hidden;background:var(--color-bg-card);border:1.5px solid var(--color-border)}.social-btn:before{content:"";position:absolute;inset:0;opacity:0;transition:opacity .25s ease}.social-btn:hover{transform:translateY(-4px);border-color:transparent}.social-btn:hover:before{opacity:1}.social-btn svg{width:20px;height:20px;position:relative;z-index:1;fill:var(--color-text-muted);transition:fill .25s ease}.social-btn:hover svg{fill:#fff}.social-instagram:before{background:linear-gradient(135deg,#f09433,#e6683c,#dc2743,#cc2366,#bc1888)}.social-twitter:before{background:linear-gradient(135deg,#1da1f2,#0d8fd9)}.social-facebook:before{background:linear-gradient(135deg,#1877f2,#0a5fc6)}.social-threads:before{background:linear-gradient(135deg,#101010,#3a3a3a)}.social-github:before{background:linear-gradient(135deg,#24292e,#4a4f55)}.social-linkedin:before{background:linear-gradient(135deg,#0a66c2,#0051a0)}.social-default:before{background:linear-gradient(135deg,var(--color-primary),var(--color-accent))}.social-btn:after{content:attr(title);position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%) translateY(4px);background:var(--color-text);color:var(--color-bg);font-size:.65rem;font-weight:700;padding:4px 8px;border-radius:4px;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .2s ease,transform .2s ease}.social-btn:hover:after{opacity:1;transform:translate(-50%) translateY(0)}.contact-form-wrap{background:var(--color-bg-card);border-radius:var(--radius-xl);padding:2.5rem;border:1px solid var(--color-border);box-shadow:0 8px 40px var(--color-shadow);position:relative;overflow:hidden}.contact-form-wrap:after{content:"";position:absolute;bottom:0;right:0;width:80px;height:80px;background-image:var(--batik-truntum);background-size:22px 22px;opacity:.1;pointer-events:none}.contact-form{display:flex;flex-direction:column;gap:var(--space-md)}.form-group{display:flex;flex-direction:column;gap:var(--space-xs)}.form-label{font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-muted)}.form-input,.form-textarea{width:100%;padding:.8rem 1rem;background:var(--color-bg-alt);border:1.5px solid var(--color-border);border-radius:var(--radius-md);font-family:var(--font-sans);font-size:.9rem;color:var(--color-text);transition:border-color var(--transition),box-shadow var(--transition);outline:none}.form-input::-moz-placeholder,.form-textarea::-moz-placeholder{color:var(--color-text-light)}.form-input::placeholder,.form-textarea::placeholder{color:var(--color-text-light)}.form-input:focus,.form-textarea:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #c9a96e26}.form-textarea{resize:vertical;min-height:130px}.form-submit{margin-top:var(--space-sm);justify-content:center;width:100%}@media(max-width:480px){.contact-form-wrap{padding:1.5rem}}.form-input.is-error,.form-textarea.is-error{border-color:#e05252;box-shadow:0 0 0 3px #e0525226;animation:fieldErrorShake .3s ease}.form-input.is-error:focus,.form-textarea.is-error:focus{border-color:#e05252;box-shadow:0 0 0 3px #e0525233}.form-error-msg{font-size:.72rem;font-weight:600;color:#e05252;padding-left:2px;display:flex;align-items:center;gap:4px}.form-error-msg:before{content:"⚠";font-size:.7rem}@keyframes formShake{0%,to{transform:translate(0)}15%{transform:translate(-6px)}30%{transform:translate(6px)}45%{transform:translate(-4px)}60%{transform:translate(4px)}75%{transform:translate(-2px)}90%{transform:translate(2px)}}.form-shake{animation:formShake .4s ease}@keyframes fieldErrorShake{0%,to{transform:translate(0)}25%{transform:translate(-4px)}75%{transform:translate(4px)}}#snap-nav-dots{position:fixed;right:1.75rem;top:50%;transform:translateY(-50%);z-index:calc(var(--z-nav) + 5);display:flex;flex-direction:column;gap:10px;align-items:center}.snap-dot{display:block;width:8px;height:8px;border-radius:var(--radius-full);background:#ffffff59;border:1.5px solid rgba(255,255,255,.55);cursor:pointer;transition:background .35s var(--ease-smooth),transform .35s var(--ease-spring),border-color .35s var(--ease-smooth),height .35s var(--ease-spring),border-radius .35s var(--ease-spring);position:relative;padding:0;outline:none}.snap-dot:hover{transform:scale(1.35);background:#ffffffb3}.snap-dot.active{background:var(--color-primary);border-color:var(--color-primary);height:24px;border-radius:4px}.snap-dot:before{content:attr(data-label);position:absolute;right:calc(100% + 10px);top:50%;transform:translateY(-50%) translate(4px);background:#1a1118d9;color:#fff;font-family:var(--font-sans);font-size:.65rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;white-space:nowrap;padding:4px 8px;border-radius:var(--radius-sm);opacity:0;pointer-events:none;transition:opacity .2s ease,transform .2s ease}.snap-dot:hover:before{opacity:1;transform:translateY(-50%) translate(0)}body.snap-on-light .snap-dot{background:#2d1f2640;border-color:#2d1f2673}body.snap-on-light .snap-dot:hover{background:#2d1f268c}body.snap-on-light .snap-dot.active{background:var(--color-primary);border-color:var(--color-primary)}body.snap-on-light .snap-dot:before{background:#2d1f26e6}body.snap-not-first #scroll-top{opacity:1;visibility:visible;transform:translateY(0)}@media(max-width:768px){#snap-nav-dots{right:.6rem}.snap-dot{width:6px;height:6px}.snap-dot.active{height:18px}.snap-dot:before{display:none}}