.nl::after,.shimmer::after{content:'';position:absolute}.nl.on::after,.nl:hover::after,.pf img{width:100%}*,body{margin:0;padding:0}.card-back-caption,.card-front-tag{left:1.4rem;right:1.4rem;z-index:1}.card-face,.cta,.pf,.photo-gallery,.shimmer{overflow:hidden}.card-flip,.cta,.gallery-item{cursor:pointer}.gallery-item img,.headline .row,.pf img{display:block}*,.gallery-image img,.preview,::after,::before{box-sizing:border-box}.gallery-header,.judul,.right-content,.title-right{text-align:center}.contact-item,.cta,.send-button,.tombol-melayang{text-decoration:none}.tombol-melayang{position:fixed;bottom:20px;right:20px;width:60px;height:60px;background-color:#f0f0f0;border-radius:50%;display:flex;justify-content:center;align-items:center;box-shadow:0 4px 8px rgba(0,0,0,.3);color:#fff;font-size:24px;z-index:1000;transition:transform .2s,background-color .2s}.layout,.topbar{z-index:2;max-width:1400px;margin:0 auto;position:relative}.tombol-melayang:hover{transform:scale(1.1);background-color:green}body,html{font-family:'DM Sans',sans-serif}h1,h2,h3,h4,h5,h6{font-family:'PT Sans',sans-serif}body::before{content:'';inset:0;pointer-events:none;opacity:.35;content:"";position:fixed;inset:0;pointer-events:none;opacity:.035;z-index:1;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#ff6b2b;border-radius:99px}.reveal{opacity:0;transform:translateY(26px);transition:opacity .6s cubic-bezier(.4, 0, .2, 1),transform .6s cubic-bezier(.4, 0, .2, 1)}.reveal.in{opacity:1;transform:none}.d1{transition-delay:.08s}.d2{transition-delay:.16s}.d3{transition-delay:.24s}.d4{transition-delay:.32s}.col-right,.nl{position:relative}.nl::after{bottom:-2px;left:0;width:0;height:1.5px;background:currentColor;transition:width .22s cubic-bezier(.4, 0, .2, 1)}.nl.on{font-weight:500}.shimmer{position:relative}.shimmer::after{top:0;left:-100%;width:60%;height:100%;background:rgba(255,255,255,.18);transform:skewX(-20deg);transition:left .4s cubic-bezier(.4, 0, .2, 1)}.shimmer:hover::after{left:160%}.pf{background:#d4d4d8}.pf img{height:100%;object-fit:cover}.card-h{transition:transform .28s cubic-bezier(.4, 0, .2, 1),border-color .18s}.card-h:hover{transform:translateY(-4px)}.stag{transition:border-color .18s}[x-cloak]{display:none!important}:root{--bg:#14100f;--bg-soft:#1b1512;--panel:#201a17;--ink:#f3ece1;--ink-muted:#a89686;--ink-faint:#6f6156;--rose-1:#fbe0ca;--rose-2:#e8b4a0;--rose-3:#c77b5e;--rose-4:#8b4a3a;--rose-line:rgba(232, 180, 160, 0.35);--shadow:0 30px 60px -20px rgba(0, 0, 0, 0.6);--page-bg:#08050a;--page-text:#f4e9e1;--page-muted:#a99ca6}html{scroll-behavior:smooth}body{background:radial-gradient(1200px 600px at 12% -10%,rgba(199,123,94,.14),transparent 60%),radial-gradient(900px 500px at 100% 20%,rgba(139,74,58,.16),transparent 55%),var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;background:var(--page-bg);color:var(--page-text);transition:background-color 1.2s cubic-bezier(.4, 0, .2, 1),color 1.2s cubic-bezier(.4, 0, .2, 1);font-family:Arial,Helvetica,sans-serif;background:#fff;color:#fff}a{color:inherit}.topbar{padding:2rem 2.5rem 0;display:flex;align-items:center;justify-content:space-between}.logotype{font-family:'JetBrains Mono',monospace;font-size:.8rem;letter-spacing:.18em;color:var(--ink-muted);text-transform:uppercase}.badge,.topbar-line{font-family:'JetBrains Mono',monospace;font-size:.72rem;letter-spacing:.14em;text-transform:uppercase}.logotype b{color:var(--rose-2);font-weight:600}.topbar-line{color:var(--ink-faint)}.layout{padding:0 2.5rem 6rem;display:grid;grid-template-columns:1.12fr 1fr;gap:4rem}.col-left{min-width:0}.hero-copy{min-height:88vh;display:flex;flex-direction:column;justify-content:center;padding:3rem 0 2rem}.badge,.cta{display:inline-flex;width:fit-content}.badge{align-items:center;gap:.55rem;padding:.5rem .9rem;border:1px solid var(--rose-line);border-radius:999px;background:rgba(232,180,160,.05);backdrop-filter:blur(6px);color:var(--rose-1);margin-bottom:1.75rem}.story p,.subhead{color:var(--ink-muted)}.badge::before{content:"";width:6px;height:6px;border-radius:50%;background:linear-gradient(135deg,var(--rose-1),var(--rose-3));box-shadow:0 0 8px rgba(232,180,160,.8);flex:none}.cta,.scroll-cue{align-items:center}.headline{font-family:'Big Shoulders Display',sans-serif;font-weight:900;text-transform:uppercase;font-size:clamp(2.8rem, 3vw + 3.2rem, 108px);line-height:.94;letter-spacing:-.01em;margin:0 0 1.6rem}.headline .grad{background:linear-gradient(90deg,var(--rose-1) 0,var(--rose-2) 35%,var(--rose-3) 70%,var(--rose-4) 100%);-webkit-background-clip:text;background-clip:text;color:transparent}.subhead{font-size:clamp(1rem, .4vw + .95rem, 1.15rem);line-height:1.6;max-width:46ch;margin:0 0 2.4rem;font-weight:400}.cta{position:relative;gap:.6rem;padding:1rem 1.6rem;border:none;border-radius:8px;font-family:Manrope,sans-serif;font-weight:700;font-size:.95rem;color:#1a120e;background:linear-gradient(100deg,var(--rose-1),var(--rose-2) 45%,var(--rose-3) 100%);box-shadow:0 16px 30px -12px rgba(199,123,94,.55);isolation:isolate;transition:transform .25s,box-shadow .25s}.card-back-caption .name,.stat-card .num,.story-title{font-weight:800;line-height:1}.cta:hover{transform:translateY(-2px);box-shadow:0 20px 36px -12px rgba(199,123,94,.7)}.cta:focus-visible{outline:2px solid var(--rose-1);outline-offset:3px}.cta .arrow{transition:transform .25s}.cta:hover .arrow{transform:translateX(4px)}.cta::after{content:"";position:absolute;inset:0;background:linear-gradient(115deg,transparent 30%,rgba(255,255,255,.55) 48%,transparent 62%);transform:translateX(-120%);z-index:-1}.cta:hover::after{transition:transform .7s;transform:translateX(120%)}.scroll-cue{display:flex;gap:.7rem;margin-top:3.4rem;font-family:'JetBrains Mono',monospace;font-size:.68rem;letter-spacing:.18em;text-transform:uppercase;color:var(--ink-faint)}.story blockquote,.story-title{font-family:'Big Shoulders Display',sans-serif}.scroll-cue .line{width:1px;height:34px;background:linear-gradient(var(--rose-2),transparent);animation:2.2s ease-in-out infinite pulseLine}@keyframes pulseLine{0%,100%{opacity:.3}50%{opacity:1}}.story{padding:4rem 0 2rem;border-top:1px solid rgba(232,180,160,.12);max-width:56ch}.story-title{text-transform:uppercase;font-size:clamp(1.8rem, 1.4vw + 1.6rem, 3rem);margin:0 0 1.6rem;color:var(--ink)}.story p{line-height:1.75;font-size:1rem;margin:0 0 1.3rem}.card-back-caption .role,.story blockquote{color:var(--rose-1);text-transform:uppercase}.story blockquote{margin:2rem 0;padding-left:1.3rem;border-left:2px solid var(--rose-3);font-weight:700;font-size:clamp(1.1rem, .6vw + 1rem, 1.5rem);line-height:1.25}.gallery-header h2,.gallery-header p{font-family:Georgia,"Times New Roman",serif}.story-foot{font-family:'JetBrains Mono',monospace;font-size:.7rem;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-faint);margin-top:2rem}.card-back-caption .name,.card-monogram{font-family:'Big Shoulders Display',sans-serif}.sticky-wrap{position:sticky;top:7vh;padding-top:3rem}.card-flip,.card-stage{position:relative;width:100%}.card-stage{max-width:420px;margin:0 auto;aspect-ratio:4/5;perspective:1800px}.card-flip{height:100%;transform-style:preserve-3d;transition:transform 1.1s cubic-bezier(.4, .05, .2, 1);border-radius:20px}.card-back,.card-flip.is-flipped{transform:rotateY(180deg)}.card-flip:focus-visible{outline:2px solid var(--rose-1);outline-offset:6px}.card-face{position:absolute;inset:0;border-radius:20px;backface-visibility:hidden;box-shadow:var(--shadow);border:1px solid rgba(255,255,255,.12)}.card-front{background:linear-gradient(120deg,var(--rose-1) 0,var(--rose-2) 22%,var(--rose-3) 45%,var(--rose-4) 58%,var(--rose-3) 72%,var(--rose-1) 100%);background-size:260% 260%;animation:9s ease-in-out infinite metalShift;display:flex;align-items:center;justify-content:center}@keyframes metalShift{0%,100%{background-position:0 30%}50%{background-position:100% 70%}}.card-front::before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(115deg,rgba(255,255,255,.06) 0 1px,transparent 1px 4px);mix-blend-mode:overlay}.card-front::after{content:"";position:absolute;top:-40%;left:-60%;width:60%;height:180%;background:linear-gradient(100deg,transparent 20%,rgba(255,255,255,.65) 48%,transparent 76%);transform:rotate(8deg);animation:4.2s ease-in-out infinite shimmerSweep;mix-blend-mode:soft-light}@keyframes shimmerSweep{0%{left:-60%}100%,55%{left:120%}}.card-monogram{position:relative;z-index:1;font-weight:900;font-size:clamp(3.5rem, 8vw, 6rem);color:rgba(20,16,15,.28);letter-spacing:.02em;text-shadow:0 1px 0 rgba(255,255,255,.35);user-select:none}.card-front-tag{position:absolute;bottom:1.4rem;display:flex;justify-content:space-between;align-items:flex-end;font-family:'JetBrains Mono',monospace;font-size:.66rem;letter-spacing:.14em;text-transform:uppercase;color:rgba(20,16,15,.55)}.card-back{background:var(--panel)}.card-back-media{position:absolute;inset:0;overflow:hidden}.card-back-media .screen-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.card-back svg{position:absolute;inset:0;width:100%;height:100%}.card-back-overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(10,7,6,.85) 0,rgba(10,7,6,.15) 45%,transparent 65%)}.card-back-caption{position:absolute;bottom:1.3rem}.card-back-caption .name{text-transform:uppercase;font-size:1.5rem;margin-bottom:.3rem}.card-back-caption .role{font-family:'JetBrains Mono',monospace;font-size:.68rem;letter-spacing:.12em}.stat-card{position:absolute;z-index:3;padding:.85rem 1.1rem;border-radius:12px;background:rgba(20,16,15,.72);border:1px solid var(--rose-line);backdrop-filter:blur(14px);box-shadow:0 14px 30px -14px rgba(0,0,0,.7);min-width:128px}.stat-card .num{font-family:'Big Shoulders Display',sans-serif;font-size:1.7rem;background:linear-gradient(90deg,var(--rose-1),var(--rose-3));-webkit-background-clip:text;background-clip:text;color:transparent}.stat-card .lbl{margin-top:.3rem;font-family:'JetBrains Mono',monospace;font-size:.62rem;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-muted)}.stat-tl{top:-1.2rem;left:-1.4rem}.stat-br{bottom:-1.2rem;right:-1.4rem}@media (max-width:1000px){.layout{grid-template-columns:1fr;gap:0;padding:0 1.4rem 4rem}.topbar{padding:1.6rem 1.4rem 0}.hero-copy{min-height:auto;padding:2.4rem 0 1rem}.sticky-wrap{position:static;padding-top:2.5rem;padding-bottom:1rem}.card-stage{max-width:340px}.stat-tl{top:-.9rem;left:-.8rem}.stat-br{bottom:-.9rem;right:-.8rem}.story{max-width:none}}@media (max-width:480px){.stat-card{min-width:104px;padding:.65rem .8rem}.stat-card .num{font-size:1.3rem}.stat-tl{left:-.4rem;top:-.7rem}.stat-br{right:-.4rem;bottom:-.7rem}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.card-front,.card-front::after,.scroll-cue .line{animation:none}.card-flip{transition:transform .4s linear}.cta::after{display:none}}.photo-gallery{position:relative;min-height:100vh;padding:150px 7vw 180px;transition:background-color 1.2s cubic-bezier(.4, 0, .2, 1),color 1.2s cubic-bezier(.4, 0, .2, 1)}.gallery-header{width:min(9050px,100%);margin:0 auto 40px}.gallery-tag{display:inline-block;padding:8px 17px;border:1px solid rgba(255,120,140,.45);border-radius:100px;font-size:10px;letter-spacing:4px;font-weight:600;color:orange;background:linear-gradient(120deg,rgba(255,110,130,.12),rgba(255,150,100,.08));margin-bottom:24px}.gallery-card,.gallery-image{position:relative;border-radius:26px;overflow:hidden}.gallery-header h2{font-size:clamp(48px, 7vw, 90px);line-height:.95;font-weight:400;letter-spacing:-3px;margin-bottom:25px;color:green}.gallery-header p{font-size:clamp(20px, 2.2vw, 30px);line-height:1.5;color:#000}.gallery-header p em{background:linear-gradient(90deg,#ff6f91,#ff8b73);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;font-weight:400}.gallery-grid{width:min(1250px,100%);margin:auto;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(20px,3vw,45px)}.gallery-card{background:0 0}.gallery-image{width:100%;aspect-ratio:1/1;background:#19131b}.gallery-image img{border:3px solid #ff8c00;overflow:hidden;width:100%;height:100%;display:block;object-fit:cover;transform:scale(1);transition:transform 1.1s cubic-bezier(.2, .65, .2, 1),filter .8s}.gallery-card:hover .gallery-image img{transform:scale(1.075);filter:saturate(1.08) contrast(1.03)}.gallery-caption{position:absolute;left:20px;bottom:20px;z-index:5;padding:10px 17px;border-radius:100px;color:#fff;background:rgba(20,15,22,.65);border:1px solid rgba(255,255,255,.25);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);font-size:12px;letter-spacing:1.5px;font-weight:500;transition:transform .4s,background .4s}.close-button,.judul,.title{font-weight:700}.gallery-card:hover .gallery-caption{transform:translateY(-5px);background:linear-gradient(90deg,rgba(255,105,145,.9),rgba(255,125,105,.9));border-color:transparent}body.gallery-light{--page-bg:#fdf1e3;--page-text:#3d2924;--page-muted:#806c64}@media (max-width:700px){.photo-gallery{padding:100px 20px 120px}.gallery-header{margin-bottom:50px}.gallery-header h2{letter-spacing:-2px}.gallery-grid{grid-template-columns:1fr;gap:25px}.gallery-image{border-radius:20px}.gallery-caption{left:15px;bottom:15px}}.judul{font-size:50px;line-height:1.2;margin:40px 0;color:#181818}.judul .orange{color:#ff812f}.gallery-container{width:100%;overflow:hidden;padding:40px 0}.gallery-track{display:flex;width:max-content;animation:35s linear infinite bergerak}.gallery-container:hover .gallery-track{animation-play-state:paused}@keyframes bergerak{from{transform:translateX(0)}to{transform:translateX(-50%)}}.gallery-item{width:450px;height:300px;margin-right:30px;flex-shrink:0;border-radius:20px;overflow:hidden;box-shadow:0 3px 15px rgba(0,0,0,.1)}.gallery-item img{width:100%;height:100%;object-fit:cover;transition:transform .4s}.gallery-item:hover img{transform:scale(1.05)}.preview{display:none;position:fixed;z-index:99999;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,.9);justify-content:center;align-items:center;padding:20px}.close-button,.preview-button{position:absolute;cursor:pointer}.preview img{max-width:90%;max-height:90%;object-fit:contain;border-radius:10px;box-shadow:0 10px 40px rgba(0,0,0,.5)}.close-button{top:20px;right:35px;color:#fff;font-size:45px;line-height:1}.close-button:hover{color:#ccc}.preview-button{top:50%;transform:translateY(-50%);width:55px;height:55px;border:none;border-radius:50%;background:rgba(255,255,255,.85);color:#222;font-size:30px}.preview-button:hover{background:#fff}.prev{left:25px}.next{right:25px}@media (max-width:768px){.gallery-container{padding:25px 0}.gallery-item{width:280px;height:190px;margin-right:15px;border-radius:15px}.gallery-track{animation-duration:25s}.preview img{max-width:95%;max-height:80%}.preview-button{width:45px;height:45px;font-size:24px}.prev{left:10px}.next{right:10px}}.contact-section{width:94%;max-width:1500px;min-height:720px;margin:18px auto;padding:55px 85px;background:radial-gradient(circle at 85% 25%,rgba(90,45,25,.25),transparent 30%),radial-gradient(circle at 10% 90%,rgba(70,35,20,.2),transparent 30%),#17171a;border-radius:32px;overflow:hidden}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;height:100%}.label{color:#ff642b;font-size:18px;letter-spacing:1.5px;margin-bottom:18px}.title,.title-right{line-height:1.1;margin-bottom:25px}.title{font-size:62px}.title-right{font-size:50px}.description{color:#aeb5c2;font-size:21px;line-height:1.7;max-width:650px;margin-bottom:40px}.contact-list{display:flex;flex-direction:column;gap:18px}.contact-item{display:flex;align-items:center;gap:16px;color:#aeb5c2;font-size:18px;line-height:1.5;transition:.3s}.contact-item:hover{color:#ff642b;transform:translateX(5px)}.icon{width:48px;height:48px;min-width:48px;border-radius:10px;background:#242428;display:flex;justify-content:center;align-items:center;font-size:25px;color:#111;transition:.3s}.contact-item:hover .icon{background:#ff642b;color:#fff}.right-content{display:flex;flex-direction:column;align-items:center}.right-description{color:#aeb5c2;font-size:21px;margin-bottom:45px}.send-button{display:inline-flex;justify-content:center;align-items:center;width:237px;height:70px;border-radius:40px;background:#ff642b;color:#fff;font-size:21px;font-weight:600;margin-bottom:55px;transition:.3s}.send-button:hover{background:#ff7b4a;transform:translateY(-3px);box-shadow:0 10px 25px rgba(255,100,43,.3)}.map-container{width:100%;height:350px;overflow:hidden;border:1px solid #d0d0d0;background:#fff}.map-container iframe{width:100%;height:100%;border:0}@media(max-width:1000px){.contact-section{padding:45px 40px}.contact-grid{grid-template-columns:1fr;gap:60px}.title{font-size:48px}.title-right{font-size:40px}.right-content{align-items:center}}@media(max-width:600px){.contact-section{width:94%;padding:35px 25px;border-radius:25px}.title{font-size:40px}.title-right{font-size:32px}.description,.right-description{font-size:17px}.contact-item,.label{font-size:15px}.icon{width:42px;height:42px;min-width:42px;font-size:21px}.send-button{width:210px;height:60px;font-size:18px}.map-container{height:280px}}