/* A4 biodata sheet: 794 x 1123 px @ 96dpi */

.paper{width:794px;height:1123px;background:#fff;box-shadow:0 24px 60px -22px rgba(60,32,15,.45);position:relative;overflow:hidden;border-radius:2px}

.sheet{
  width:794px;height:1123px;position:relative;overflow:hidden;
  background:var(--bg);color:var(--ink);
  font-family:'Inter',system-ui,sans-serif;
}
.sheet{--sc:1}
.sheet *{box-sizing:border-box}

/* ---------- shared type ---------- */
.sheet .deity{
  font-family:'Tiro Devanagari Hindi',serif;font-size:calc(19px * var(--sc));color:var(--accent);
  text-align:center;letter-spacing:.06em;line-height:1.5;
}
.sheet .eyebrow{
  font-size:10.5px;letter-spacing:.28em;text-transform:uppercase;color:var(--accent2);font-weight:600;
}
.sheet .nm{
  font-family:'Cormorant Garamond',serif;font-weight:600;font-size:calc(40px * var(--sc));line-height:1.12;
  color:var(--accent);letter-spacing:.005em;
}
.sheet .nm-rule{height:2px;width:110px;background:linear-gradient(90deg,var(--accent),var(--accent2),transparent);margin:10px 0 0}
.sheet .lay-card .nm-rule,.sheet .lay-classic .nm-rule{margin-left:auto;margin-right:auto;background:linear-gradient(90deg,transparent,var(--accent2),transparent)}

.sheet .blk{margin-top:calc(19px * var(--sc))}
/* real element, so fitSheet actually counts it and content clears the watermark */
.sheet .foot{height:26px;flex:none;width:100%}
.sheet .blk-h{
  font-family:'Marcellus',serif;font-size:calc(14.5px * var(--sc));letter-spacing:.13em;text-transform:uppercase;
  color:var(--accent);display:flex;align-items:center;gap:calc(12px * var(--sc));margin-bottom:calc(9px * var(--sc));font-weight:400;
}
.sheet .blk-h:after{content:"";flex:1;height:1px;background:linear-gradient(90deg,var(--accent2),transparent);opacity:.55}
.sheet .blk-h span{white-space:nowrap}

.sheet .r{display:flex;align-items:baseline;gap:8px;padding:calc(4.5px * var(--sc)) 0;font-size:calc(13.6px * var(--sc));line-height:1.42}
.sheet .rk{color:var(--ink);opacity:.62;flex:none;min-width:calc(132px * var(--sc));font-weight:500}
.sheet .rd{flex:1;border-bottom:1px dotted var(--accent2);opacity:.35;transform:translateY(-3px)}
.sheet .rv{font-weight:600;text-align:right;max-width:56%}

/* ---------- photo ---------- */
.sheet .ph{overflow:hidden;background:var(--soft);flex:none;display:grid;place-items:center}
.sheet .ph img{width:100%;height:100%;object-fit:cover;display:block}
.sheet .ph-empty span{font-family:'Tiro Devanagari Hindi',serif;font-size:13px;color:var(--accent2);opacity:.7}
.sheet .ph-frame{width:calc(150px * var(--sc));height:calc(188px * var(--sc));border:3px double var(--accent2);border-radius:4px;padding:3px}
.sheet .ph-frame img{border-radius:2px}
.sheet .ph-circle{width:calc(150px * var(--sc));height:calc(150px * var(--sc));border-radius:50%;border:4px solid var(--bg);box-shadow:0 0 0 2px var(--accent2)}
.sheet .ph-circle.center{margin:calc(14px * var(--sc)) auto calc(12px * var(--sc))}
.sheet .ph-square{width:calc(150px * var(--sc));height:calc(180px * var(--sc));border-radius:6px;border:2px solid var(--accent2)}
.sheet .ph-square.sm{width:118px;height:142px}

/* ================= LAYOUT: classic ================= */
.sheet .lay-classic{padding:calc(56px * var(--sc)) 62px calc(50px * var(--sc));height:100%;display:flex;flex-direction:column}
.sheet .lay-classic .head-row{display:flex;gap:26px;align-items:center;margin:calc(16px * var(--sc)) 0 calc(8px * var(--sc))}
.sheet .lay-classic .head-txt{flex:1;text-align:center}
.sheet .lay-classic .nm{font-size:calc(42px * var(--sc));margin-top:6px}

/* ================= LAYOUT: banner ================= */
.sheet .lay-banner{height:100%;display:flex;flex-direction:column}
.sheet .bn{
  background:linear-gradient(150deg,var(--accent),var(--accentB));
  color:#fff;padding:calc(38px * var(--sc)) 62px calc(66px * var(--sc));text-align:center;position:relative;
}
.sheet .bn .nm{color:#fff;font-size:calc(44px * var(--sc));margin-top:6px}
.sheet .bn:after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;background:var(--accent2)}
.sheet .bn-deity{font-family:'Tiro Devanagari Hindi',serif;font-size:18px;opacity:.94;letter-spacing:.06em}
.sheet .bn-sub{font-size:10.5px;letter-spacing:.28em;text-transform:uppercase;opacity:.92;margin-top:8px}
.sheet .bn .ph-circle{position:absolute;left:calc((794px - 150px * var(--sc)) / 2);bottom:-64px;border-color:var(--bg);box-shadow:0 0 0 3px var(--accent2),0 10px 26px -8px rgba(0,0,0,.4)}
.sheet .bn-body{padding:calc(84px * var(--sc)) 62px calc(46px * var(--sc));flex:1}

/* ================= LAYOUT: card ================= */
.sheet .lay-card{padding:calc(38px * var(--sc));height:100%}
.sheet .cardin{
  background:rgba(255,255,255,.82);border:1px solid var(--accent2);border-radius:8px;
  height:100%;padding:calc(34px * var(--sc)) 46px calc(40px * var(--sc));text-align:center;position:relative;z-index:3;
  box-shadow:0 2px 0 var(--soft);overflow:hidden;
}
.sheet .cardin .blk{text-align:left}
.sheet .cardin .nm{font-size:calc(38px * var(--sc))}

/* ================= LAYOUT: sidebar ================= */
.sheet .lay-sidebar{display:flex;height:100%}
.sheet .sb{
  width:264px;flex:none;background:linear-gradient(180deg,var(--accent),var(--accentS));
  color:#fff;padding:44px 28px;text-align:center;position:relative;z-index:3;
}
.sheet .sb .ph{margin:0 auto 18px;border-color:rgba(255,255,255,.55)}
.sheet .sb .nm{color:#fff;font-size:calc(31px * var(--sc));line-height:1.18}
.sheet .sb-deity{font-family:'Tiro Devanagari Hindi',serif;font-size:15px;opacity:.9;margin-bottom:8px}
.sheet .sb-rule{height:1px;background:rgba(255,255,255,.4);margin:16px 0 20px}
.sheet .sb-blk h4{font-family:'Marcellus',serif;font-size:12px;letter-spacing:.18em;text-transform:uppercase;opacity:.85;margin-bottom:10px;font-weight:400}
.sheet .sb-r{text-align:left;margin-bottom:11px;font-size:12.6px}
.sheet .sb-r span{display:block;opacity:.72;font-size:10.5px;letter-spacing:.06em;text-transform:uppercase}
.sheet .sb-r b{font-weight:600;line-height:1.4}
.sheet .sb-main{flex:1;padding:calc(52px * var(--sc)) 46px;position:relative;z-index:3}
.sheet .sb-main .rk{min-width:120px}

/* ================= LAYOUT: modern ================= */
.sheet .lay-modern{padding:calc(64px * var(--sc)) 68px;height:100%}
.sheet .md-head{display:flex;justify-content:space-between;align-items:flex-start;gap:30px;padding-bottom:26px;border-bottom:2px solid var(--ink)}
.sheet .md-head .nm{font-family:'Inter',sans-serif;font-weight:700;font-size:38px;letter-spacing:-.02em;color:var(--ink);margin:8px 0 8px}
.sheet .md-head .deity{text-align:left;font-size:15px}
.sheet .md-cols{columns:2;column-gap:42px;margin-top:24px}
.sheet .md-cols .blk{break-inside:avoid;margin-top:0;margin-bottom:calc(22px * var(--sc))}
.sheet .lay-modern .blk-h{color:var(--ink)}
.sheet .lay-modern .rk{min-width:105px}

/* ================= decorative layers ================= */
.sheet .d-border-ornate{position:absolute;inset:20px;border:2px solid var(--a);border-radius:3px;pointer-events:none;z-index:1}
.sheet .d-border-ornate:after{content:"";position:absolute;inset:7px;border:1px solid var(--b);opacity:.65;border-radius:2px}
.sheet .d-border-thin{position:absolute;inset:24px;border:1px solid var(--a);opacity:.85;pointer-events:none;z-index:1}
.sheet .d-border-thin:after{content:"";position:absolute;inset:6px;border:3px double var(--a);opacity:.5}
.sheet .d-border-geo{position:absolute;inset:20px;border:3px double var(--a);pointer-events:none;z-index:1}
.sheet .d-rule-top{position:absolute;top:0;left:0;right:0;height:7px;background:linear-gradient(90deg,var(--a),transparent);z-index:4}

.sheet .d-ganesha{position:absolute;top:30px;left:349px;width:96px;height:96px;opacity:.95;z-index:6}
.sheet .d-ganesha ~ .lay-classic{padding-top:132px}
.sheet .d-arch{position:absolute;top:24px;left:217px;width:360px;height:108px;opacity:.75;z-index:6}
.sheet .d-arch ~ .lay-classic{padding-top:104px}

.sheet .d-corner{position:absolute;width:78px;height:78px;opacity:.9;z-index:6}
.sheet .d-corner.big{width:118px;height:118px}
.sheet .d-corner.tl{top:26px;left:26px}
.sheet .d-corner.tr{top:26px;left:690px}
.sheet .d-corner.bl{top:1019px;left:26px}
.sheet .d-corner.br{top:1019px;left:690px}

.sheet .d-band{position:absolute;top:0;left:0;right:0;height:8px;background:linear-gradient(90deg,var(--b),var(--a),var(--b));z-index:5}
.sheet .d-damask{position:absolute;inset:0;opacity:.5;z-index:0;background-repeat:repeat}
.sheet .d-grain{position:absolute;inset:0;z-index:0;background-repeat:repeat}
.sheet .d-petals{position:absolute;inset:0;z-index:6;pointer-events:none;opacity:.75}
.sheet .d-petals svg{position:absolute;width:22px;height:22px}
.sheet .d-lotus{position:absolute;top:955px;left:272px;width:250px;height:150px;z-index:6;opacity:.85}
.sheet .d-mandala{position:absolute;top:231px;left:67px;width:660px;height:660px;z-index:6;opacity:.11}
.sheet .d-feather{position:absolute;left:662px;top:857px;width:118px;height:256px;z-index:6;opacity:.4}
.sheet .d-rays{position:absolute;top:0;left:0;width:100%;height:270px;z-index:1}
.sheet .d-garland{position:absolute;top:0;left:0;right:0;height:34px;display:flex;justify-content:space-around;z-index:6;pointer-events:none}
.sheet .d-garland span{width:11px;height:11px;border-radius:50%;background:var(--c);
  box-shadow:0 1px 0 rgba(0,0,0,.12);margin-top:8px}

/* watermark + premium lock */
.sheet .wm{
  position:absolute;bottom:13px;left:0;right:0;text-align:center;font-size:9.5px;
  letter-spacing:.22em;text-transform:uppercase;color:var(--accent2);opacity:.55;z-index:9;
  font-family:'Tiro Devanagari Hindi',sans-serif;
}
.sheet .lock{position:absolute;inset:0;z-index:20;background:rgba(252,249,243,.86);display:grid;place-items:center}
.sheet .lock-in{background:#fff;border:2px solid var(--accent2);border-radius:16px;padding:26px 40px;text-align:center;box-shadow:0 20px 50px -18px rgba(0,0,0,.4)}
.sheet .lock-in b{display:block;font-size:19px;letter-spacing:.16em;color:var(--accent2);margin-bottom:6px}
.sheet .lock-in span{font-family:'Tiro Devanagari Hindi',serif;font-size:16px;color:var(--accent)}

/* thumbnails in the grid */
.grid-thumb .paper-scale{position:absolute;top:0;left:0;width:794px;height:1123px;
  transform-origin:top left;transform:scale(var(--k))}

@media print{
  body{background:#fff}
  .screen,.orb-mini,.toast{display:none!important}
  #s-download{display:block!important;padding:0}
  .dl-side,.sec-h,.sec-p{display:none!important}
  .paper-scale{transform:none!important;width:794px;height:1123px}
  .paper{box-shadow:none}
  @page{size:A4;margin:0}
}

/* deity motif — top centre of every sheet */
.sheet .motif{margin:0 auto calc(8px * var(--sc));flex:none}
.sheet .motif.m-lg{width:calc(96px * var(--sc));height:calc(96px * var(--sc))}
.sheet .motif.m-md{width:calc(78px * var(--sc));height:calc(78px * var(--sc))}
.sheet .motif.m-sm{width:calc(56px * var(--sc));height:calc(56px * var(--sc))}
.sheet .lay-modern .motif{margin-left:0}