:root{--bg:#f2ecdf;--bg-soft:#f7f3ea;--surface:#fffaf2;--surface-2:#fff;--surface-hero:#fff8ecc2;--card-border:#a0784233;--shadow:0 28px 80px #37230c1f;--text:#41362d;--muted:#7a6755;--accent:#b18345;--accent-2:#d5b27a;--accent-3:#5d4021;--meta-bg:#ffffffb8;--meta-border:#b1834538;--hero-overlay:linear-gradient(90deg, #1c1108c7 0%, #26170961 48%, #2617091a 100%);--hero-min-height:540px;--title-size:clamp(34px, 5vw, 70px);--content-font:clamp(21px, 2.2vw, 29px);--corner:34px;--maxw:1200px;--ring:#ffffff73;--pattern:radial-gradient(circle at 20% 20%, #ffffff57, transparent 26%), radial-gradient(circle at 85% 0%, #ffffff2e, transparent 22%)}.karya-pamer *{box-sizing:border-box}.karya-pamer{color:var(--text);background:radial-gradient(circle at top left, #ffffff8c, transparent 26%), radial-gradient(circle at bottom right, #d5b27a2e, transparent 25%), var(--bg);min-height:100vh;margin:0;padding:0;font-family:Inter,Segoe UI,Arial,sans-serif}.karya-pamer a{color:inherit}.preview-ribbon{z-index:20;color:#fff;letter-spacing:.03em;background:#221910d1;border-radius:999px;padding:10px 16px;font-size:13px;font-weight:700;position:fixed;top:16px;right:16px;box-shadow:0 16px 40px #00000038}.page-shell{width:min(calc(100% - 24px), var(--maxw));margin:0 auto;padding:24px 0 72px}.hero{min-height:var(--hero-min-height);box-shadow:var(--shadow);background:linear-gradient(#5a38182e,#5a381814);border:1px solid #ffffff52;border-radius:38px;position:relative;overflow:hidden}.hero:before{content:"";background:var(--pattern);mix-blend-mode:screen;pointer-events:none;position:absolute;inset:0}.hero-backdrop,.hero-backdrop:after{position:absolute;inset:0}.hero-backdrop{background:linear-gradient(135deg,#d7c2a2,#c59f63);overflow:hidden}.hero-backdrop img{object-fit:cover;filter:saturate(1.08)contrast(1.04)brightness(.82);width:100%;height:100%;display:block}.hero-backdrop:after{content:"";background:var(--hero-overlay)}.hero-inner{z-index:2;grid-template-columns:minmax(0,1.08fr) minmax(340px,.92fr);align-items:stretch;gap:28px;padding:30px;display:grid;position:relative}.hero-copy{min-height:calc(var(--hero-min-height) - 60px);background:var(--surface-hero);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border:1px solid #ffffff61;border-radius:30px;flex-direction:column;justify-content:space-between;padding:28px;display:flex}.brand-row{justify-content:space-between;align-items:center;gap:16px;margin-bottom:22px;display:flex}.brand-mark{align-items:center;gap:14px;display:flex}.brand-flower{background:linear-gradient(135deg,var(--accent),var(--accent-2));color:#fff;border-radius:50%;place-items:center;width:54px;height:54px;font-size:22px;display:grid;box-shadow:0 10px 30px #b1834547}.brand-copy strong{letter-spacing:.04em;color:var(--accent-3);font-family:Georgia,serif;font-size:36px;line-height:.96;display:block}.brand-copy small{color:var(--accent);letter-spacing:.18em;text-transform:uppercase;margin-top:8px;font-size:12px;font-weight:700;display:block}.template-pill{border:1px solid var(--meta-border);letter-spacing:.08em;text-transform:uppercase;color:var(--accent-3);background:#ffffff9e;border-radius:999px;padding:10px 14px;font-size:12px;font-weight:800}.hero-text{max-width:760px}.hero-title{font-family:Georgia,serif;font-size:var(--title-size);color:var(--accent-3);letter-spacing:.01em;word-break:break-word;margin:0 0 18px;line-height:1.05}.hero-subtitle{color:var(--muted);max-width:54ch;margin:0 0 26px;font-size:18px;line-height:1.75}.meta-row{flex-wrap:wrap;gap:12px;display:flex}.meta-chip{border:1px solid var(--meta-border);background:var(--meta-bg);color:var(--accent-3);border-radius:999px;align-items:center;gap:9px;padding:11px 16px;font-size:14px;font-weight:600;display:inline-flex}.meta-icon{width:22px;height:22px;color:var(--accent);background:#b1834524;border-radius:50%;flex:none;place-items:center;font-size:12px;display:grid}.hero-visual{justify-content:flex-end;align-items:flex-end;min-height:100%;display:flex;position:relative}.hero-visual:before{content:"";pointer-events:none;background:radial-gradient(circle,#ffffff3d 0%,#fff0 66%);width:min(38vw,460px);height:min(38vw,460px);position:absolute;bottom:-40px;right:-40px}.cover-frame,.cover-placeholder{z-index:2;aspect-ratio:4/5;border:1px solid #ffffff6b;border-radius:32px;width:min(100%,470px);display:block;position:relative;overflow:hidden;box-shadow:0 24px 70px #150c0447}.cover-frame{object-fit:cover;background:#eadcca}.cover-placeholder{text-align:center;color:#ffffffeb;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:linear-gradient(145deg,#ffffff42,#fffaf214);border-style:dashed;place-items:center;padding:30px;font-size:22px;font-weight:700;display:grid}.visual-ornament{z-index:3;background:linear-gradient(#efd4a63d,#b183451f);border:1px solid #ffffff52;border-radius:24px 24px 80px;width:142px;height:204px;position:absolute;bottom:16px;right:10px;box-shadow:inset 0 0 0 1px #ffffff38}.visual-ornament:before,.visual-ornament:after{content:"";border:1px solid #ffffff5c;border-radius:18px 18px 68px;position:absolute;inset:16px}.visual-ornament:after{opacity:.54;border-style:dashed;inset:34px}.content-card{background:var(--surface-2);border:1px solid var(--card-border);border-radius:30px;width:min(100% - 30px,1000px);margin:-22px auto 0;padding:34px;position:relative;box-shadow:0 24px 54px #4f34141a}.content-card:before,.content-card:after{content:"";background:linear-gradient(90deg,#0000,#b183456b,#0000);height:1px;position:absolute;left:24px;right:24px}.content-card:before{top:28px}.content-card:after{bottom:28px}.card-ornament{color:var(--accent);justify-content:center;align-items:center;gap:14px;margin-bottom:26px;display:flex}.card-ornament:before,.card-ornament:after{content:"";background:#b183456b;flex:0 120px;height:1px}.card-ornament span{font-size:24px;line-height:1}.manuscript{font-size:var(--content-font);color:var(--text);gap:26px;line-height:2.05;display:grid}.manuscript p{white-space:normal;word-break:break-word;margin:0}.page-footer{text-align:center;color:var(--muted);margin-top:22px;font-size:14px}.template-classic{--bg:#efe6d6;--surface:#fff7ec;--surface-2:#fffdf8;--surface-hero:#1b120a75;--text:#4b3928;--muted:#eadbc9;--accent:#d7b06d;--accent-2:#f1d8a7;--accent-3:#fff7e8;--meta-bg:#120a0457;--meta-border:#ffffff2e;--hero-overlay:linear-gradient(90deg, #09080ad1 0%, #1b110894 48%, #1b11082e 100%);--pattern:none}.template-classic .hero-copy{-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border-color:#ffffff1a}.template-classic .brand-copy strong,.template-classic .hero-title,.template-classic .template-pill,.template-classic .meta-chip{color:#fff7eb}.template-classic .brand-copy small,.template-classic .hero-subtitle{color:#e7d4b6}.template-classic .content-card{background:#fffdf8;margin-top:18px}.template-editorial{--bg:#f3efe6;--surface:#fff;--surface-2:#fffdf9;--surface-hero:#ffffffdb;--text:#4f4032;--muted:#736253;--accent:#b98846;--accent-2:#e3c188;--accent-3:#3f3123;--meta-bg:#ffffffd6;--meta-border:#b988462e;--hero-overlay:linear-gradient(90deg, #ffffff47 0%, #ffffff1a 55%, #fff0 100%)}.template-editorial .hero{border-radius:0 0 42px 42px}.template-editorial .hero-inner{grid-template-columns:minmax(0,1.1fr) minmax(300px,.9fr)}.template-editorial .hero-title{color:#3f2f23}.template-storybook{--bg:#efe8db;--surface:#fff6e9;--surface-2:#fdfbf7;--surface-hero:#fff7e9e0;--text:#5a4436;--muted:#7a6856;--accent:#ca9551;--accent-2:#f3c98b;--accent-3:#5a3d23;--meta-bg:#ffffffbf}.template-storybook .hero{border-radius:42px}.template-storybook .hero-backdrop:after{background:linear-gradient(90deg,#fff7e94d,#fff7e91f 58%,#fff7e900 100%)}.template-storybook .cover-frame,.template-storybook .cover-placeholder{border-radius:40px}.template-storybook .content-card{border-radius:34px}.template-minimal{--bg:#f7f5f1;--surface:#fff;--surface-2:#fff;--surface-hero:#fffffff0;--text:#3b3731;--muted:#67615c;--accent:#9a7746;--accent-2:#d9c39f;--accent-3:#2f2a23;--meta-bg:#fff;--meta-border:#00000014;--shadow:0 24px 70px #00000014;--hero-overlay:linear-gradient(90deg, #ffffff8a 0%, #ffffff1f 52%, #fff0 100%)}.template-minimal .hero{box-shadow:none;background:#fff;border-color:#ece7de}.template-minimal .hero-inner{grid-template-columns:minmax(0,1.25fr) minmax(280px,.75fr)}.template-minimal .visual-ornament{display:none}.template-minimal .content-card{box-shadow:none;border-color:#ece6db}.template-minimal .brand-flower{width:46px;height:46px}.template-gallery{--bg:#ece4d5;--surface:#1e1710;--surface-2:#fffdf8;--surface-hero:transparent;--text:#463526;--muted:#f0dfca;--accent:#f0c67f;--accent-2:#f8ddb1;--accent-3:#fff7ec;--meta-bg:#0e0a076b;--meta-border:#ffffff29;--hero-overlay:linear-gradient(0deg, #090604c7 0%, #100b075c 38%, #0906040f 100%);--hero-min-height:680px}.template-gallery .hero{background:#1d140c;border-radius:44px}.template-gallery .hero-inner{min-height:var(--hero-min-height);padding:0;display:block}.template-gallery .hero-copy{background:#0c090657;border-color:#ffffff1f;max-width:760px;min-height:auto;padding:32px;position:absolute;bottom:34px;left:34px;right:34px}.template-gallery .hero-visual{justify-content:stretch;align-items:stretch;position:absolute;inset:0}.template-gallery .cover-frame,.template-gallery .cover-placeholder,.template-gallery .visual-ornament{display:none}.template-gallery .brand-copy strong,.template-gallery .hero-title,.template-gallery .template-pill,.template-gallery .meta-chip{color:#fff7eb}.template-gallery .brand-copy small,.template-gallery .hero-subtitle{color:#efd6ad}.template-gallery .content-card{margin-top:18px}.template-cultural-magazine{--bg:#efe7d9;--surface:#fff8ee;--surface-2:#fffdf9;--surface-hero:#fff8ebeb;--text:#47372a;--muted:#705b4b;--accent:#cb8346;--accent-2:#f2c18f;--accent-3:#5a3215;--meta-bg:#fffc;--hero-overlay:linear-gradient(90deg, #fff8eb2e, #fff8eb00 64%)}.template-cultural-magazine .hero-inner{grid-template-columns:minmax(320px,.82fr) minmax(0,1.18fr)}.template-cultural-magazine .hero-copy{order:2}.template-cultural-magazine .hero-visual{order:1;justify-content:flex-start}.template-cultural-magazine .visual-ornament{background:linear-gradient(#cb834633,#ffffff24);border-radius:28px;left:16px;right:auto}.template-cultural-magazine .content-card{margin-top:0}.template-lontar{--bg:#e5d4b7;--surface:#d1ae72;--surface-2:#f7ebd0;--surface-hero:#6e491c33;--text:#5c4225;--muted:#7b6245;--accent:#8f5f2a;--accent-2:#d9b377;--accent-3:#553515;--meta-bg:#fff3d9a6;--meta-border:#8f5f2a2e;--hero-overlay:linear-gradient(90deg, #67482361, #6748231a 58%, #67482300 100%)}.karya-pamer.template-lontar{background:#e5d4b7}.template-lontar .hero{background:linear-gradient(#6a4a241a,#6a4a240f);border-radius:24px;box-shadow:0 20px 56px #5c42251f}.template-lontar .cover-frame,.template-lontar .cover-placeholder{border-radius:20px;box-shadow:0 16px 36px #5c42252e}.template-lontar .content-card{background:linear-gradient(#f8edd5,#f2e3bf);border:1px solid #78562b42;border-radius:22px;box-shadow:0 18px 40px #5c42251f}.template-lontar .content-card:before,.template-lontar .content-card:after{background:#8f5f2a3d;left:40px;right:40px}.template-story-stage{--bg:#efe6dc;--surface:#140f15;--surface-2:#fbf7f1;--surface-hero:#120c156b;--text:#352a31;--muted:#ded2df;--accent:#c59456;--accent-2:#f0c481;--accent-3:#fff6ee;--meta-bg:#0c090f57;--meta-border:#ffffff29;--hero-overlay:linear-gradient(180deg, #0e0b1157 0%, #0e0b11b8 100%);--hero-min-height:620px}.template-story-stage .hero{background:#171219}.template-story-stage .hero-inner{min-height:var(--hero-min-height);grid-template-columns:1fr;align-items:end}.template-story-stage .hero-copy{text-align:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0c091061;border-color:#ffffff1a;max-width:880px;min-height:auto;margin:0 auto}.template-story-stage .hero-visual{display:none}.template-story-stage .brand-row{flex-wrap:wrap;justify-content:center}.template-story-stage .meta-row{justify-content:center}.template-story-stage .brand-copy strong,.template-story-stage .hero-title,.template-story-stage .template-pill,.template-story-stage .meta-chip{color:#fff7ef}.template-story-stage .brand-copy small,.template-story-stage .hero-subtitle{color:#ecd7c6}.template-story-stage .content-card{border-radius:30px 30px 0 0;margin-top:-16px}.template-digital-archive{--bg:#e9edf1;--surface:#eef3f7;--surface-2:#fff;--surface-hero:#f5f8faeb;--text:#2b3a48;--muted:#5e6d79;--accent:#4e708a;--accent-2:#97adbf;--accent-3:#223748;--meta-bg:#ffffffe0;--meta-border:#4e708a2e;--hero-overlay:linear-gradient(90deg, #ffffff57, #ffffff14 52%, #fff0 100%);--pattern:none}.template-digital-archive .hero{border-color:#c9d5df;border-radius:22px;box-shadow:0 18px 46px #23364814}.template-digital-archive .hero-copy{background:#f7fafcf5;border-color:#d4dce3;border-radius:18px}.template-digital-archive .brand-copy strong{letter-spacing:.08em;font-family:Arial,sans-serif;font-size:30px}.template-digital-archive .hero-title{font-family:Arial,sans-serif;font-size:clamp(30px,4.5vw,56px)}.template-digital-archive .meta-chip{text-transform:uppercase;letter-spacing:.05em;font-size:13px}.template-digital-archive .content-card{border-color:#ccd7e0;border-radius:18px;box-shadow:0 18px 42px #23364812}.template-digital-archive .card-ornament span{font-size:18px}.template-modern-nusantara{--bg:#efe8f0;--surface:#221831;--surface-2:#fff;--surface-hero:#ffffff29;--text:#41362d;--muted:#efe8f7;--accent:#f0be66;--accent-2:#ffdf9e;--accent-3:#fff8ed;--meta-bg:#ffffff29;--meta-border:#ffffff29;--hero-overlay:linear-gradient(135deg, #0e274c8a 0%, #4f1d607a 54%, #ce67273d 100%);--shadow:0 30px 90px #1f123038}.template-modern-nusantara .hero{background:linear-gradient(135deg,#12396f,#6d2c7c 52%,#d66e35 100%)}.template-modern-nusantara .hero-copy{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff24;border-color:#ffffff2e}.template-modern-nusantara .brand-copy strong,.template-modern-nusantara .hero-title,.template-modern-nusantara .template-pill,.template-modern-nusantara .meta-chip{color:#fff}.template-modern-nusantara .brand-copy small,.template-modern-nusantara .hero-subtitle{color:#f4ebff}.template-modern-nusantara .content-card{border-radius:36px;margin-top:18px}@media (max-width:980px){.hero-inner,.template-editorial .hero-inner,.template-cultural-magazine .hero-inner,.template-minimal .hero-inner{grid-template-columns:1fr}.hero-copy{min-height:auto}.hero-visual{justify-content:center}.cover-frame,.cover-placeholder{aspect-ratio:16/10;width:min(100%,520px)}.visual-ornament{display:none}.content-card{width:min(100% - 18px,1000px);padding:28px}.template-gallery .hero-copy{bottom:18px;left:18px;right:18px}.template-story-stage .hero-copy{margin:0}}@media (max-width:760px){.page-shell{width:min(calc(100% - 12px), var(--maxw));padding-top:12px;padding-bottom:42px}.hero{border-radius:24px;min-height:auto}.hero-inner{gap:14px;padding:14px}.hero-copy{border-radius:20px;padding:18px}.brand-row{flex-direction:column;align-items:flex-start}.brand-copy strong{font-size:30px}.brand-copy small{letter-spacing:.14em}.hero-title{font-size:clamp(30px,9vw,48px)}.hero-subtitle{font-size:16px;line-height:1.7}.meta-row{gap:9px}.meta-chip{justify-content:flex-start;width:100%}.content-card{border-radius:22px;margin-top:14px;padding:20px}.card-ornament{margin-bottom:18px}.manuscript{gap:18px;font-size:clamp(19px,5vw,24px);line-height:1.9}.template-gallery .hero-inner{min-height:560px}.template-story-stage .hero-inner{min-height:520px}.template-gallery .hero-copy{padding:18px}.template-gallery .brand-row,.template-story-stage .brand-row{flex-direction:column}.preview-ribbon{padding:8px 12px;font-size:12px;top:10px;right:10px}}.palette-warm{--bg:#f2ebdd;--bg-soft:#f8f3e9;--surface:#fffaf1;--surface-2:#fffdf8;--card-border:#9e743e38;--shadow:0 28px 80px #38230c21;--accent:#ad7f42;--accent-2:#d9b57c;--meta-bg:#ffffffbd;--meta-border:#ad7f423d;--ring:#ffffff73}.palette-cool{--bg:#e9eef4;--bg-soft:#f2f6fa;--surface:#fbfdff;--surface-2:#fff;--card-border:#345a8a33;--shadow:0 28px 80px #0e233e21;--accent:#2f6ea8;--accent-2:#8fb9dc;--meta-bg:#ffffffc7;--meta-border:#2f6ea838;--ring:#ffffff7a}.palette-forest{--bg:#e8eee6;--bg-soft:#f1f6ef;--surface:#fbfdfa;--surface-2:#fff;--card-border:#3a664033;--shadow:0 28px 80px #122a1621;--accent:#3f7a4a;--accent-2:#9cc4a2;--meta-bg:#ffffffc7;--meta-border:#3f7a4a38;--ring:#ffffff7a}.palette-dusk{--bg:#ece8f2;--bg-soft:#f4f1f8;--surface:#fdfbff;--surface-2:#fff;--card-border:#58408333;--shadow:0 28px 80px #22143a21;--accent:#6b4d9e;--accent-2:#b39ed6;--meta-bg:#ffffffc7;--meta-border:#6b4d9e38;--ring:#ffffff7a}.palette-mono{--bg:#eeeeef;--bg-soft:#f5f5f6;--surface:#fcfcfc;--surface-2:#fff;--card-border:#1e1e202e;--shadow:0 28px 80px #0a0a0c24;--accent:#3d3d42;--accent-2:#b4b4ba;--meta-bg:#ffffffd1;--meta-border:#23232633;--ring:#ffffff80}