:root{--ink:#2d251f;--cream:#fbf7ef;--paper:#fffdf8;--gold:#b58a4a;--line:#ddcdb5;--dark:#241a14}*{box-sizing:border-box}html{scroll-behavior:smooth}body.ofm-page{margin:0;background:var(--cream);color:var(--ink);font-family:Georgia,'Times New Roman',serif}.ofm-page button,.ofm-page input,.ofm-page textarea{font:inherit}.ofm-hero{min-height:680px;position:relative;overflow:hidden;background:#211813}.ofm-hero>img{position:absolute;inset:0;width:58%;height:100%;object-fit:cover;object-position:center}.ofm-heroShade{position:absolute;inset:0;background:linear-gradient(90deg,transparent 28%,rgba(32,22,16,.48) 54%,rgba(28,19,14,.97) 78%)}.ofm-heroText{position:absolute;z-index:2;right:7%;top:50%;transform:translateY(-50%);width:42%;text-align:center;color:#fff}.ofm-date{font-size:14px;letter-spacing:5px}.ofm-hero h1,footer h2{font-size:76px;font-weight:400;margin:28px 0 16px;line-height:1}.ofm-hero h1 i,footer h2 i{color:#c7a063;font-weight:400}.ofm-rule{display:flex;align-items:center;gap:16px;color:#c7a063;justify-content:center}.ofm-rule:before,.ofm-rule:after{content:"";height:1px;width:110px;background:#806a50}.ofm-heroText p{font-size:18px;letter-spacing:4px;line-height:1.7}.ofm-heroText small{display:block;margin-top:24px;font-style:italic;font-size:20px;color:#e7d3b4}.ofm-intro{position:relative;text-align:center;padding:48px 20px 58px;background:var(--paper);font-size:20px;line-height:1.5;overflow:hidden}.ofm-intro em{font-size:27px}.ofm-heart{color:var(--gold);margin:12px}.ofm-polaroid{position:absolute;width:150px;height:175px;object-fit:cover;right:8%;top:30px;padding:9px 9px 30px;background:white;transform:rotate(7deg);box-shadow:0 10px 30px #7a5b3830}.ofm-upload{width:min(1120px,92%);margin:-18px auto 55px;background:#fffdf9;border:1px solid #e8ddcf;border-radius:20px;padding:34px;box-shadow:0 16px 45px #5f463018;text-align:center}.ofm-upload h2,.ofm-galleryHead h2,.ofm-family h2,.ofm-nasi h2{font-size:34px;font-weight:400;margin:0 0 5px}.ofm-upload>p{margin:0 0 22px;color:#796b60}.ofm-drop{display:flex;min-height:160px;border:1.5px dashed #cdbca7;border-radius:13px;align-items:center;justify-content:center;flex-direction:column;cursor:pointer;background:#fff}.ofm-cloud{font-size:46px;line-height:1;color:var(--gold)}.ofm-drop strong{font-size:20px;margin:8px}.ofm-drop small{display:block;color:#948578;margin:2px}.ofm-preview{display:grid;grid-template-columns:repeat(auto-fill,minmax(105px,1fr));gap:10px;margin:14px 0}.ofm-thumb{height:105px;position:relative;border-radius:10px;overflow:hidden;background:#eee}.ofm-thumb img{width:100%;height:100%;object-fit:cover}.ofm-thumb button{position:absolute;right:4px;top:4px;width:24px;height:24px;border:0;border-radius:50%;background:#fff;color:#333}.ofm-videoThumb{height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;font-size:26px;padding:8px}.ofm-videoThumb small{font-size:10px;max-width:100%;overflow:hidden}.ofm-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:15px 0}.ofm-fields input,.ofm-fields textarea{border:1px solid #e2d8ca;border-radius:9px;padding:14px;background:#fff;resize:vertical;min-height:50px}.ofm-upload button[type=submit]{width:100%;border:0;border-radius:9px;padding:15px;background:linear-gradient(90deg,#a97d40,#c19759);color:#fff;font-size:17px;cursor:pointer}.ofm-upload button:disabled{opacity:.55}.ofm-hp{position:absolute!important;left:-9999px!important}.ofm-progress{height:24px;background:#eee5d9;border-radius:99px;overflow:hidden;position:relative;margin-top:15px}.ofm-progress div{height:100%;width:0;background:#b68b4d;transition:.2s}.ofm-progress span{position:absolute;inset:3px;text-align:center;font-family:Arial,sans-serif;font-size:12px}.ofm-status{min-height:22px;margin-bottom:0}.ofm-galleryWrap{width:min(1200px,94%);margin:0 auto 65px}.ofm-galleryHead{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:20px}.ofm-galleryHead button{border:0;border-radius:30px;padding:9px 15px;background:#eee7de;color:#67594e;cursor:pointer}.ofm-galleryHead button.active{background:var(--gold);color:#fff}.ofm-gallery{columns:4 240px;column-gap:10px}.ofm-card{break-inside:avoid;margin-bottom:10px;position:relative;border-radius:9px;overflow:hidden;background:#ddd;cursor:zoom-in}.ofm-card img,.ofm-card video{display:block;width:100%;height:auto}.ofm-card video{min-height:220px;object-fit:cover}.ofm-play{position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%);width:48px;height:48px;border:1px solid #fff;border-radius:50%;display:grid;place-items:center;color:#fff;background:#0005}.ofm-download{position:absolute;right:8px;bottom:8px;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#1d1815c9;color:#fff;text-decoration:none;font-size:22px}.ofm-caption{position:absolute;left:0;right:0;bottom:0;padding:35px 48px 10px 10px;background:linear-gradient(transparent,#000b);color:#fff;display:flex;flex-direction:column;font-family:Arial,sans-serif;font-size:12px;pointer-events:none}.ofm-empty{column-span:all;text-align:center;padding:60px;border:1px dashed #d6c4ad;border-radius:15px}.ofm-empty span{font-size:40px;color:var(--gold)}.ofm-family,.ofm-nasi{display:grid;grid-template-columns:1.35fr 1fr;min-height:310px;background:#f5ecdf;align-items:stretch}.ofm-family img,.ofm-nasi img{width:100%;height:100%;object-fit:cover;max-height:390px}.ofm-family div,.ofm-nasi div{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:35px}.ofm-family span,.ofm-nasi span{color:var(--gold);margin:10px}.ofm-family p,.ofm-nasi h3{font-size:22px}.ofm-nasi{grid-template-columns:1fr 1.35fr;background:#fffaf2}.ofm-nasi h3{margin:6px}.ofm-nasi p{margin:0 0 6px}.ofm-nasi small{color:#8a7766}footer{background:radial-gradient(circle at 50% 20%,#5b402c,#211610 70%);color:#fff;text-align:center;padding:55px 20px}footer h2{font-size:54px;margin:0 0 16px}footer p{font-size:12px;letter-spacing:4px}footer span{color:var(--gold);display:block;margin:12px}footer small{font-size:16px}.ofm-lightbox{position:fixed;z-index:99999;inset:0;background:#0b0807ef;display:grid;place-items:center;padding:30px}.ofm-lightbox[hidden]{display:none}.ofm-lightboxInner{max-width:95vw;max-height:90vh}.ofm-lightbox img,.ofm-lightbox video{max-width:95vw;max-height:88vh;display:block}.ofm-close{position:fixed;right:18px;top:15px;border:0;background:#fff1;color:#fff;font-size:44px;cursor:pointer}
@media(max-width:760px){.ofm-hero{min-height:760px}.ofm-hero>img{width:100%;height:62%;object-position:center}.ofm-heroShade{background:linear-gradient(180deg,transparent 25%,rgba(35,24,18,.25) 46%,#281c16 64%)}.ofm-heroText{width:90%;right:5%;top:auto;bottom:45px;transform:none}.ofm-date{font-size:11px;letter-spacing:3px}.ofm-hero h1{font-size:55px;margin:18px 0 12px}.ofm-heroText p{font-size:14px;letter-spacing:2.5px}.ofm-polaroid{display:none}.ofm-intro{font-size:17px;padding:38px 24px 50px}.ofm-upload{padding:22px 15px;margin-top:-15px}.ofm-upload h2,.ofm-galleryHead h2{font-size:28px}.ofm-fields{grid-template-columns:1fr}.ofm-galleryHead{align-items:flex-start;flex-direction:column}.ofm-gallery{columns:2 145px;column-gap:7px}.ofm-card{margin-bottom:7px}.ofm-family,.ofm-nasi{grid-template-columns:1fr}.ofm-family img{height:270px}.ofm-nasi div{order:2}.ofm-nasi img{height:300px}.ofm-family h2,.ofm-nasi h2{font-size:29px}footer h2{font-size:46px}}

/* v1.0.1 mobile: show full godparents photo without cropping */
@media(max-width:760px){.ofm-nasi img{height:auto;max-height:none;object-fit:contain;object-position:center top}}
/* v1.0.2: never crop the godparents photo on mobile */
@media(max-width:760px){
  .ofm-nasi{display:flex;flex-direction:column;min-height:0}
  .ofm-nasi img{order:1!important;display:block!important;width:100%!important;height:auto!important;min-height:0!important;max-height:none!important;object-fit:contain!important;object-position:center!important;aspect-ratio:auto!important}
  .ofm-nasi div{order:2!important}
}
.ofm-thumbProgress{position:absolute;left:5px;right:5px;bottom:5px;height:18px;border-radius:20px;overflow:hidden;background:#17120fb8;color:#fff;font-family:Arial,sans-serif;font-size:9px;display:none}.ofm-thumbProgress i{position:absolute;inset:0 auto 0 0;width:0;background:#b68b4dcc;transition:width .15s}.ofm-thumbProgress span{position:absolute;inset:3px 4px;text-align:center;line-height:12px}.ofm-thumb:has(.ofm-thumbProgress i[style]) .ofm-thumbProgress{display:block}.ofm-thumb.is-done .ofm-thumbProgress i{background:#7f9b70}.ofm-thumb.is-error .ofm-thumbProgress i{background:#a65b50}
/* v1.3.0 gallery performance */
.ofm-loadMoreWrap{text-align:center;margin:24px 0 0}.ofm-loadMore{border:1px solid #c9b18e;border-radius:999px;padding:12px 26px;background:#fffaf2;color:#5d4937;cursor:pointer}.ofm-loadMore[hidden]{display:none}.ofm-lightboxActions{position:fixed;left:18px;top:18px;z-index:2}.ofm-lightboxDownload{display:inline-flex;align-items:center;gap:7px;padding:10px 14px;border-radius:999px;background:#fff;color:#2d251f;text-decoration:none;font-family:Arial,sans-serif;font-size:13px}.ofm-card img{background:#eee}