@font-face{font-family:"Samarkan";src:url("../fonts/Samarkan.ttf") format("truetype");font-weight:400;font-style:normal;font-display:swap}
  /* Layout: a drawn haveli doorway (canvas) fills the screen under a dusty-rose wash; the Samarkan wordmark sits on the door like the reference, details rest at the foot. Single-theme brand look. */
  :root{
    --terracotta:#c07a63;
    --ivory:#fbf3ec;
    --ivory-dim:rgba(251,243,236,.8);
    --gold:#eacfa4;
    --font-brand:'Samarkan','Yatra One',serif;
    --font-serif:'Cormorant Garamond','Georgia',serif;
    color-scheme:light;
  }
  body{margin:0;background:var(--terracotta);color:var(--ivory);font-family:var(--font-serif);-webkit-font-smoothing:antialiased;overflow-x:hidden}
  #bg{position:fixed;inset:0;width:100%;height:100%;display:block;z-index:0}
  .scene{
    position:relative;z-index:1;min-height:100vh;min-height:100svh;box-sizing:border-box;
    display:grid;grid-template-rows:1fr auto 1fr;
    padding-block:clamp(20px,4vh,48px);
    padding-left:max(16px,env(safe-area-inset-left,0px));
    padding-right:max(16px,env(safe-area-inset-right,0px));
    text-align:center;
  }
  .brand-block{grid-row:2;align-self:center}
  .brand{
    font-family:var(--font-brand);font-weight:400;margin:0;
    font-size:clamp(52px,min(14vw,20vh),180px);line-height:1;letter-spacing:.01em;text-wrap:balance;
    text-shadow:0 2px 26px rgba(90,40,25,.3);
  }
  .by{margin:clamp(12px,2.2vh,24px) 0 0;font-size:clamp(17px,2.4vw,26px);font-weight:500;letter-spacing:.42em;text-transform:uppercase;padding-left:.42em}
  .by em{font-style:italic;text-transform:none;letter-spacing:.06em;font-weight:400;padding-right:.3em}
  .foot{grid-row:3;align-self:end;display:flex;flex-direction:column;align-items:center;gap:6px;padding-top:3vh}
  .soon{margin:0 0 6px;font-size:clamp(12px,1.5vw,14px);letter-spacing:.5em;text-transform:uppercase;padding-left:.5em;color:var(--gold)}
  .contact-label{font-size:12px;letter-spacing:.35em;text-transform:uppercase;padding-left:.35em;color:var(--ivory-dim)}
  .email-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:center;max-width:100%}
  .email{font-size:clamp(16px,2.4vw,22px);color:var(--ivory);text-decoration:none;border-bottom:1px solid rgba(251,243,236,.45);padding-bottom:2px;overflow-wrap:anywhere;user-select:all}
  .email:hover,.email:focus-visible{border-bottom-color:var(--gold);outline:none}
  .copy{font:inherit;font-size:12px;letter-spacing:.2em;text-transform:uppercase;color:var(--ivory);background:rgba(251,243,236,.12);border:1px solid rgba(251,243,236,.4);border-radius:999px;padding:6px 14px 5px 15px;cursor:pointer;transition:background .2s,border-color .2s}
  .copy:hover,.copy:focus-visible{background:rgba(251,243,236,.22);border-color:var(--gold);outline:none}
  .copy[data-done="1"]{border-color:var(--gold);color:var(--gold)}
  footer{margin-top:6px;font-size:12.5px;letter-spacing:.12em;color:var(--ivory-dim)}
  @media (prefers-reduced-motion:no-preference){
    .brand-block,.foot{animation:rise 1.2s cubic-bezier(.2,.7,.2,1) both}
    .foot{animation-delay:.25s}
    @keyframes rise{from{opacity:.001;transform:translateY(10px)}to{opacity:1;transform:none}}
  }