/* OMJOOMSUH shared skin — extracted from the NEEV site so every page is a sibling, not a lookalike. */
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{background:#f3ece0;color:#23190f;font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","Helvetica Neue",Arial,sans-serif;-webkit-font-smoothing:antialiased}
h1,h2,h3{font-weight:600;letter-spacing:-.022em;line-height:1.08}
a{text-decoration:none;color:inherit}
:focus-visible{outline:2px solid #8B3E1D;outline-offset:3px;border-radius:3px}
.scene :focus-visible,.dark :focus-visible,footer :focus-visible{outline-color:#D97845}

/* header */
header{position:absolute;top:0;left:0;right:0;z-index:60;display:flex;align-items:center;justify-content:space-between;padding:20px 30px;padding-left:max(30px,env(safe-area-inset-left));padding-right:max(30px,env(safe-area-inset-right));transition:.4s}
header.solid{background:rgba(243,236,224,.9);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid rgba(120,100,70,.14)}
header img{height:28px}
header .brand-d{display:none}
header.solid .brand-w{display:none}
header.solid .brand-d{display:inline}
.back{font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:#fff;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.55);padding:10px 20px;border-radius:40px;transition:.3s}
header.solid .back{color:#23190f;border-color:rgba(35,25,15,.35);background:transparent}
.back:hover{background:#8B3E1D;color:#fff;border-color:#8B3E1D}

/* hero scene (full-bleed photo + scrim + white text) */
.scene{min-height:100svh;position:relative;display:flex;align-items:flex-end;justify-content:center;text-align:center;color:#fff;overflow:hidden}
.scene .bg{position:absolute;inset:0;background-size:cover;background-position:center}
.scene .sc{position:absolute;inset:0;background:linear-gradient(180deg,rgba(20,14,8,.30),rgba(20,14,8,.10) 42%,rgba(20,14,8,.80))}
.scene .in{position:relative;z-index:2;padding:0 28px 13vh;max-width:820px}
.ey{font-size:13px;letter-spacing:.3em;text-transform:uppercase;margin-bottom:18px;opacity:1;font-weight:600}
.scene .ey{color:#f4e7d2}
.scene h1{font-size:clamp(42px,7.2vw,84px)}
.scene h2{font-size:clamp(30px,5vw,56px)}
.scene .sub{font-size:clamp(15px,2vw,18px);font-weight:400;opacity:1;max-width:540px;margin:22px auto 0;line-height:1.5}

/* calm mid scene, text can sit lower */
.lab{position:relative;z-index:2;text-align:center;color:#fff;padding:0 24px 13vh}
.lab .k{font-size:12.5px;letter-spacing:.28em;text-transform:uppercase;opacity:1;font-weight:600;color:#f4e7d2;margin-bottom:12px}
.lab h2{font-size:clamp(28px,4.6vw,52px)}
.lab .s{margin-top:12px;font-size:clamp(13px,1.8vw,16px);font-weight:300;color:rgba(243,236,224,.82);max-width:520px;margin-left:auto;margin-right:auto;line-height:1.5}

/* cream text panel */
.say{min-height:78svh;display:flex;align-items:center;justify-content:center;text-align:center;padding:14vh 28px}
.say .w{max-width:720px}
.say h2{font-size:clamp(32px,5.2vw,58px);color:#23190f}
.say p{font-size:clamp(16px,2.1vw,20px);color:#5f5340;font-weight:300;margin-top:24px;max-width:620px;margin-left:auto;margin-right:auto;line-height:1.55}
.say .lbl{font-size:13.5px;letter-spacing:.28em;text-transform:uppercase;color:#8B3E1D;font-weight:600;margin-bottom:22px}
.dark{background:#1b150d}
.dark h2{color:#f3ece0}.dark p{color:rgba(243,236,224,.82)}.dark .lbl{color:#D97845}
.soft{background:#efe7d8}

/* full-bleed image band */
.shot{width:100%;display:block}

/* tiles (three pillars / parts) */
.tiles{display:flex;gap:22px;justify-content:center;flex-wrap:wrap;margin-top:48px}
.tile{flex:1 1 240px;max-width:320px;text-align:left;background:#efe7d8;border-radius:16px;padding:26px 24px}
.dark .tile{background:#241d13}
.tile h3{font-size:20px;font-weight:600;margin-bottom:10px;color:#23190f}
.dark .tile h3{color:#f3ece0}
.tile p{font-size:15px;color:#5f5340;font-weight:300;line-height:1.6;margin:0}
.dark .tile p{color:rgba(243,236,224,.75)}
.tile em{font-style:normal;font-size:11.5px;letter-spacing:.2em;text-transform:uppercase;color:#8B3E1D;font-weight:500;display:block;margin-bottom:8px}

/* facts list (grid rows) */
.facts{list-style:none;max-width:560px;margin:44px auto 0;text-align:left}
.facts li{display:grid;grid-template-columns:150px 1fr;gap:24px;padding:16px 0;border-bottom:1px solid rgba(120,100,70,.22);font-size:15.5px;color:#3b2f1e;font-weight:300;line-height:1.5;align-items:baseline}
.facts li:last-child{border-bottom:0}
.facts em{font-style:normal;font-size:11.5px;letter-spacing:.2em;text-transform:uppercase;color:#8B3E1D;font-weight:500}
@media(max-width:520px){.facts li{grid-template-columns:1fr;gap:6px;padding:14px 0}}

/* pills / CTA */
.cta-row{display:flex;gap:14px;justify-content:center;flex-wrap:wrap;margin-top:38px}
.pill{display:inline-block;font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:#fff;border:1px solid rgba(255,255,255,.75);padding:15px 32px;border-radius:40px;transition:.3s}
.pill:hover{background:#fff;color:#23190f}
.pill.solid{background:#fff;color:#23190f}
.say .pill{color:#23190f;border-color:rgba(35,25,15,.4)}
.say .pill.solid{background:#8B3E1D;color:#fff;border-color:#8B3E1D}
.say .pill:hover{background:#8B3E1D;color:#fff;border-color:#8B3E1D}

/* footer */
footer{background:#1b150d;color:rgba(243,236,224,.66);text-align:center;padding:84px 28px 60px}
footer .fl{height:30px;margin:0 auto 22px;opacity:.9}
footer .e{font-style:italic;font-size:17px;color:rgba(243,236,224,.78);margin-top:10px}
footer .t{font-size:11px;letter-spacing:.22em;text-transform:uppercase;margin-top:20px;color:rgba(243,236,224,.55)}

@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important;animation:none!important}}

/* --- rich components (added for the four concept pages) --- */

/* landscape device (Niranjan) */
.device-land{max-width:520px;margin:44px auto 0;background:#1c140b;border-radius:26px;padding:10px;box-shadow:0 34px 60px -24px rgba(40,26,10,.55)}
.device-land .screen-l{background:#f9f4ec;border-radius:18px;padding:14px 16px}
.readouts{display:flex;justify-content:center;gap:34px;margin-top:26px}
.readout{text-align:center;max-width:180px}
.readout .rn{font-size:28px;font-weight:600;color:#23190f;line-height:1}
.readout .rl{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:#8B3E1D;margin-top:4px;font-weight:600}
.readout .rd{font-size:12.5px;color:#7a6a4f;font-weight:300;margin-top:6px;line-height:1.4}

/* HBSC paper + phone duo */
.duo{display:flex;gap:40px;justify-content:center;flex-wrap:wrap;margin-top:52px;align-items:flex-end}
.duo .unit{text-align:center}
.duo .cap{font-size:11.5px;letter-spacing:.2em;text-transform:uppercase;color:#8B3E1D;margin-top:18px;font-weight:600}
.paper{width:270px;background:#fff;box-shadow:0 26px 54px -18px rgba(40,28,12,.4);border:1px solid rgba(120,100,70,.12)}
.paper img{width:100%;display:block}
.pf{width:212px;background:#1c140b;border-radius:30px;padding:8px;box-shadow:0 26px 54px -18px rgba(40,28,12,.45)}
.pf img{width:100%;display:block;border-radius:22px}

/* video */
.videowrap{position:relative;max-width:720px;margin:46px auto 0;aspect-ratio:16/9;border-radius:16px;overflow:hidden;background:#1b150d;box-shadow:0 26px 54px -20px rgba(20,14,8,.55)}
.videowrap iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.videowrap.poster{display:block;cursor:pointer;text-decoration:none}
.videowrap.poster img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.9;transition:.25s}
.videowrap.poster:hover img{opacity:1;transform:scale(1.015)}
.videowrap .vplay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:2;width:78px;height:78px;border-radius:50%;background:rgba(243,236,224,.94);color:#1b150d;display:flex;align-items:center;justify-content:center;font-size:26px;padding-left:6px;transition:.2s}
.videowrap.poster:hover .vplay{background:#fff;transform:translate(-50%,-50%) scale(1.06)}

/* image cards (SK three parts) */
.imgcards{display:flex;gap:22px;justify-content:center;flex-wrap:wrap;margin-top:50px}
.imgcard{flex:1 1 240px;max-width:300px;background:#fff;border-radius:14px;overflow:hidden;box-shadow:0 16px 36px -18px rgba(40,28,12,.32);text-align:left}
.imgcard img{width:100%;height:190px;object-fit:cover;display:block}
.imgcard .ic{padding:20px 22px 22px}
.imgcard em{font-style:normal;font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:#8B3E1D;font-weight:600}
.imgcard h3{font-size:19px;margin:6px 0 8px;color:#23190f}
.imgcard p{font-size:14px;color:#5f5340;font-weight:300;line-height:1.55;margin:0}

/* V1 / V2 panels (Annamaya) */
.v12{display:flex;gap:22px;justify-content:center;flex-wrap:wrap;margin-top:46px;text-align:left}
.v12 .vp{flex:1 1 300px;max-width:360px;background:#efe7d8;border-radius:16px;padding:28px 26px}
.v12 .vp .vt{font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:#8B3E1D;font-weight:600;margin-bottom:12px}
.v12 .vp h3{font-size:22px;margin-bottom:12px;color:#23190f}
.v12 .vp p{font-size:14.5px;color:#5f5340;font-weight:300;line-height:1.6;margin:0}
.v12 .vp.soon{background:transparent;border:1px dashed rgba(139,62,29,.45)}

/* dark hero with a floating object (HBSC) */
.objhero{min-height:90svh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:16vh 28px 12vh;position:relative;color:#fff}
.objhero .bg{position:absolute;inset:0;background:linear-gradient(165deg,#3a2c1c,#241a10 60%,#1b150d)}
.objhero .in2{position:relative;z-index:2;max-width:640px}
.objhero .paper{margin:36px auto 0}

/* --- legal / document pages --- */
.doc-hero{background:#1b150d;color:#f3ece0;padding:132px 28px 50px;text-align:center}
.doc-hero .ey{color:#e6b877;margin-bottom:14px}
.doc-hero h1{font-size:clamp(30px,5vw,48px);font-weight:700;letter-spacing:-.022em;line-height:1.06;color:#fff}
.doc-hero .upd{font-size:11.5px;letter-spacing:.18em;text-transform:uppercase;color:rgba(243,236,224,.58);margin-top:18px}
.doc{max-width:760px;margin:0 auto;padding:56px 28px 24px;text-align:left}
.doc .lead{font-size:17.5px;line-height:1.7;color:#5f5340;font-weight:300;margin:0 0 8px}
.doc h2{font-size:20px;font-weight:700;color:#23190f;margin:46px 0 14px;letter-spacing:-.01em;line-height:1.25}
.doc h3{font-size:15.5px;font-weight:600;color:#23190f;margin:26px 0 10px}
.doc p{font-size:16px;line-height:1.72;color:#3b2f1e;font-weight:300;margin:0 0 16px}
.doc ul{margin:0 0 18px;padding-left:22px}
.doc li{font-size:16px;line-height:1.66;color:#3b2f1e;font-weight:300;margin-bottom:9px}
.doc strong{font-weight:600;color:#23190f}
.doc a{color:#8B3E1D;text-decoration:underline}
.doc .box{background:#efe7d8;border-radius:14px;padding:22px 24px;margin:24px 0}
.doc .box.warn{background:#f4e7dc;border:1px solid rgba(139,62,29,.28)}
.doc .box p:last-child{margin-bottom:0}
.doc hr{border:0;border-top:1px solid rgba(120,100,70,.2);margin:44px 0}
.doc .muted{font-size:13.5px;color:#7a6a4f;line-height:1.6}
.doc-nav{max-width:760px;margin:0 auto;padding:8px 28px 70px;border-top:1px solid rgba(120,100,70,.16)}
.doc-nav .l{padding-top:26px}
.doc-nav a{display:inline-block;font-size:11.5px;letter-spacing:.14em;text-transform:uppercase;color:#8B3E1D;margin:0 22px 10px 0;text-decoration:none}
.doc-nav a:hover{color:#D97845}