:root{
    --ink: #1B1B1D;
    --ink-soft: #232326;
    --ink-line: #33343799;
    --gold: #C9A227;
    --gold-deep: #9A7A25;
    --silver: #DBDCDE;
    --silver-dim: #8D9096;
    --paper: #F5F5F6;
    --radius: 2px;
    --ease: cubic-bezier(.22,.68,.32,1);
  }

  *{ box-sizing:border-box; }
  html{ scroll-behavior:smooth; }
  @media (prefers-reduced-motion: reduce){
    html{ scroll-behavior:auto; }
    *{ animation-duration:0.001ms !important; animation-iteration-count:1 !important; transition-duration:0.001ms !important; }
  }

  body{
    margin:0;
    background:var(--ink);
    color:var(--paper);
    font-family:'Work Sans', sans-serif;
    font-weight:300;
    -webkit-font-smoothing:antialiased;
    overflow-x:hidden;
  }

  h1,h2,h3, .display{
    font-family:'Fraunces', serif;
    font-style:italic;
    font-weight:500;
    letter-spacing:0.01em;
    margin:0;
  }

  a{ color:inherit; }

  .eyebrow{
    font-family:'Work Sans', sans-serif;
    text-transform:uppercase;
    letter-spacing:0.22em;
    font-size:0.72rem;
    color:var(--gold);
    font-weight:500;
  }

  .wrap{
    max-width:1180px;
    margin:0 auto;
    padding:0 6vw;
  }

  /* ---------- Reveal on scroll ---------- */
  .reveal{
    opacity:0;
    transform:translateY(22px);
    transition:opacity 0.9s var(--ease), transform 0.9s var(--ease);
  }
  .reveal.in{
    opacity:1;
    transform:translateY(0);
  }

  /* ---------- Nav ---------- */
  header.nav{
    position:fixed;
    top:0; left:0; right:0;
    z-index:100;
    display:flex;
    align-items:center;
    justify-content:space-between;
    padding:22px 6vw;
    background:linear-gradient(to bottom, rgba(27,27,29,0.92), rgba(27,27,29,0));
    transition:padding 0.4s var(--ease), background 0.4s var(--ease);
  }
  header.nav.scrolled{
    padding:14px 6vw;
    background:rgba(27,27,29,0.86);
    backdrop-filter:blur(10px);
    border-bottom:1px solid var(--ink-line);
  }
  .nav-brand{
    font-family:'Fraunces', serif;
    font-style:italic;
    font-weight:500;
    font-size:1.15rem;
    letter-spacing:0.01em;
    color:var(--paper);
    text-decoration:none;
  }
  .nav-brand em{ color:var(--gold); font-style:italic; }
  .nav-links{
    display:flex;
    gap:2.4rem;
    list-style:none;
    margin:0; padding:0;
    font-size:0.82rem;
    letter-spacing:0.04em;
  }
  .nav-links a{
    text-decoration:none;
    color:var(--silver);
    position:relative;
    padding-bottom:4px;
    transition:color 0.3s;
  }
  .nav-links a::after{
    content:'';
    position:absolute; left:0; bottom:0;
    width:0; height:1px;
    background:var(--gold);
    transition:width 0.35s var(--ease);
  }
  .nav-links a:hover{ color:var(--paper); }
  .nav-links a:hover::after{ width:100%; }
  .nav-links a.lang-toggle{
    border:1px solid var(--line);
    border-radius:20px;
    padding:3px 12px 5px;
    font-size:0.72rem;
    letter-spacing:0.08em;
  }
  .nav-links a.lang-toggle::after{ display:none; }
  .nav-links a.lang-toggle:hover{
    border-color:var(--gold);
    color:var(--gold);
  }
  .nav-cta{
    font-size:0.78rem;
    letter-spacing:0.06em;
    padding:10px 20px;
    border:1px solid var(--gold-deep);
    color:var(--gold);
    text-decoration:none;
    transition:all 0.3s var(--ease);
  }
  .nav-cta:hover{ background:var(--gold); color:var(--ink); }
  .lang-standalone{
    border:1px solid var(--line);
    border-radius:20px;
    padding:3px 12px 5px;
    font-size:0.72rem;
    letter-spacing:0.08em;
    text-decoration:none;
    color:var(--silver);
    margin-right:1rem;
    transition:all 0.3s var(--ease);
  }
  .lang-standalone:hover{
    border-color:var(--gold);
    color:var(--gold);
  }
  .nav-toggle{
    display:none;
    flex-direction:column;
    justify-content:center;
    align-items:center;
    gap:5px;
    width:38px; height:38px;
    background:none;
    border:1px solid var(--line);
    border-radius:8px;
    cursor:pointer;
    padding:0;
  }
  .nav-toggle span{
    display:block;
    width:18px; height:1.5px;
    background:var(--paper);
    transition:transform 0.3s var(--ease), opacity 0.3s var(--ease);
  }
  .nav-toggle.open span:nth-child(1){ transform:translateY(6.5px) rotate(45deg); }
  .nav-toggle.open span:nth-child(2){ opacity:0; }
  .nav-toggle.open span:nth-child(3){ transform:translateY(-6.5px) rotate(-45deg); }
  .drawer-overlay{
    position:fixed; inset:0;
    background:rgba(10,10,11,0.6);
    z-index:150;
    opacity:0;
    pointer-events:none;
    transition:opacity 0.3s var(--ease);
  }
  .drawer-overlay.open{ opacity:1; pointer-events:auto; }
  .mobile-drawer{
    position:fixed;
    top:0; right:0;
    height:100vh;
    width:min(78vw, 320px);
    background:var(--ink, #1b1b1d);
    z-index:200;
    padding:88px 32px 32px;
    transform:translateX(100%);
    transition:transform 0.4s var(--ease);
    box-shadow:-8px 0 30px rgba(0,0,0,0.3);
  }
  .mobile-drawer.open{ transform:translateX(0); }
  .mobile-drawer ul{
    list-style:none;
    margin:0; padding:0;
    display:flex;
    flex-direction:column;
    gap:1.6rem;
  }
  .mobile-drawer a{
    text-decoration:none;
    color:var(--silver);
    font-size:1.05rem;
    letter-spacing:0.02em;
    transition:color 0.3s;
  }
  .mobile-drawer a:hover{ color:var(--paper); }
  .mobile-drawer a.drawer-lang{
    display:inline-block;
    border:1px solid var(--line);
    border-radius:20px;
    padding:5px 16px 7px;
    font-size:0.85rem;
    letter-spacing:0.08em;
    margin-top:0.4rem;
  }
  .mobile-drawer a.drawer-lang:hover{ border-color:var(--gold); color:var(--gold); }

  /* ---------- Hero ---------- */
  .hero{
    position:relative;
    min-height:100vh;
    display:flex;
    align-items:center;
    padding-top:90px;
    overflow:hidden;
  }

  .hero-layers{
    position:absolute;
    inset:0;
    z-index:0;
    pointer-events:none;
  }
  .hero-layers .strip{
    position:absolute;
    left:0; right:0;
    height:3px;
    background:linear-gradient(90deg, transparent, var(--gold-deep) 35%, var(--gold) 60%, transparent 92%);
    opacity:0;
    transform:scaleX(0.3);
    transform-origin:left;
    animation:layer-build 1.4s var(--ease) forwards;
  }

  @keyframes layer-build{
    to{ opacity:0.55; transform:scaleX(1); }
  }

  .hero-inner{
    position:relative;
    z-index:2;
    width:100%;
  }

  .hero-content{
    max-width:760px;
  }

  .hero-eyebrow{
    display:flex;
    align-items:center;
    gap:14px;
    margin-bottom:28px;
    opacity:0;
    animation:fade-up 0.9s var(--ease) 0.15s forwards;
  }
  .hero-eyebrow .rule{ width:36px; height:1px; background:var(--gold); }

  h1.brand-title{
    font-size:clamp(3rem, 8vw, 6rem);
    line-height:1.02;
    color:var(--paper);
    opacity:0;
    animation:fade-up 1s var(--ease) 0.3s forwards;
  }
  h1.brand-title .amp{ color:var(--gold); }

  .hero-motto{
    margin-top:18px;
    font-family:'Fraunces', serif;
    font-style:italic;
    font-weight:500;
    font-size:clamp(1rem, 1.6vw, 1.25rem);
    color:var(--gold);
    opacity:0;
    animation:fade-up 0.9s var(--ease) 0.42s forwards;
  }

  .hero-tagline{
    margin-top:22px;
    font-family:'Work Sans', sans-serif;
    font-style:normal;
    letter-spacing:0.18em;
    text-transform:uppercase;
    font-size:0.82rem;
    color:var(--silver-dim);
    opacity:0;
    animation:fade-up 0.9s var(--ease) 0.5s forwards;
  }
  .hero-tagline .dot{ color:var(--gold); margin:0 10px; }

  .hero-value{
    margin-top:26px;
    font-size:1.15rem;
    line-height:1.6;
    color:var(--silver);
    max-width:520px;
    font-weight:300;
    opacity:0;
    animation:fade-up 0.9s var(--ease) 0.65s forwards;
  }

  .hero-actions{
    margin-top:44px;
    display:flex;
    align-items:center;
    gap:28px;
    opacity:0;
    animation:fade-up 0.9s var(--ease) 0.8s forwards;
  }

  @keyframes fade-up{
    from{ opacity:0; transform:translateY(16px); }
    to{ opacity:1; transform:translateY(0); }
  }

  .btn-primary{
    display:inline-flex;
    align-items:center;
    gap:12px;
    padding:16px 30px;
    background:var(--gold);
    color:var(--ink);
    text-decoration:none;
    font-family:'Work Sans', sans-serif;
    font-weight:500;
    font-size:0.85rem;
    letter-spacing:0.04em;
    text-transform:uppercase;
    transition:transform 0.35s var(--ease), background 0.35s var(--ease), box-shadow .35s var(--ease);
    box-shadow:0 0 0 0 rgba(201,162,39,0);
  }
  .btn-primary:hover{
    background:var(--paper);
    transform:translateY(-2px);
    box-shadow:0 10px 24px -8px rgba(201,162,39,0.35);
  }
  .btn-primary svg{ width:14px; height:14px; transition:transform 0.35s var(--ease); }
  .btn-primary:hover svg{ transform:translateX(4px); }

  .link-ghost{
    font-size:0.85rem;
    letter-spacing:0.03em;
    color:var(--silver);
    text-decoration:none;
    border-bottom:1px solid var(--ink-line);
    padding-bottom:3px;
    transition:color 0.3s, border-color 0.3s;
  }
  .link-ghost:hover{ color:var(--gold); border-color:var(--gold); }

  .hero-mark{
    position:absolute;
    right:6vw;
    bottom:10vh;
    z-index:1;
    opacity:0.9;
  }
  @media (max-width:900px){ .hero-mark{ display:none; } }

  /* ---------- Section shell ---------- */
  section{
    position:relative;
    padding:120px 0;
  }
  .section-head{
    max-width:640px;
    margin-bottom:70px;
  }
  .section-head .eyebrow{ margin-bottom:16px; display:block; }
  .section-head h2{
    font-size:clamp(2rem, 4vw, 2.9rem);
    color:var(--paper);
    line-height:1.15;
  }
  .section-head p{
    margin-top:18px;
    color:var(--silver-dim);
    font-size:1.02rem;
    line-height:1.6;
    max-width:520px;
  }

  hr.divider{
    border:none;
    height:1px;
    background:var(--ink-line);
    margin:0;
  }

  /* ---------- What we do ---------- */
  .services{
    background:var(--ink-soft);
  }
  .service-grid{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:0;
    border:1px solid var(--ink-line);
  }
  .service-col{
    padding:56px 48px;
    position:relative;
  }
  .service-col + .service-col{
    border-left:1px solid var(--ink-line);
  }
  .service-col .icon{
    width:46px; height:46px;
    margin-bottom:28px;
  }
  .service-col h3{
    font-size:1.7rem;
    color:var(--paper);
    margin-bottom:10px;
  }
  .service-col .service-sub{
    font-size:0.78rem;
    letter-spacing:0.14em;
    text-transform:uppercase;
    color:var(--gold);
    margin-bottom:26px;
    display:block;
  }
  .service-list{
    list-style:none;
    margin:0; padding:0;
  }
  .service-list li{
    display:flex;
    align-items:baseline;
    gap:14px;
    padding:14px 0;
    border-top:1px solid var(--ink-line);
    color:var(--silver);
    font-size:0.98rem;
  }
  .service-list li:first-child{ border-top:none; }
  .service-list li .mark{
    color:var(--gold);
    font-family:'Fraunces', serif;
    font-style:italic;
    font-size:0.95rem;
    width:18px;
    flex-shrink:0;
  }
  @media (max-width:800px){
    .service-grid{ grid-template-columns:1fr; }
    .service-col + .service-col{ border-left:none; border-top:1px solid var(--ink-line); }
  }

  /* ---------- Process ---------- */
  .process-row{
    display:grid;
    grid-template-columns:repeat(4, 1fr);
    gap:0;
    position:relative;
  }
  .process-row::before{
    content:'';
    position:absolute;
    top:15px; left:0; right:0;
    height:1px;
    background:var(--ink-line);
  }
  .process-step{
    padding-right:32px;
    position:relative;
  }
  .process-step .step-mark{
    width:30px; height:30px;
    border-radius:50%;
    background:var(--ink);
    border:1px solid var(--gold-deep);
    display:flex; align-items:center; justify-content:center;
    font-family:'Fraunces', serif;
    font-style:italic;
    color:var(--gold);
    font-size:0.85rem;
    margin-bottom:26px;
    position:relative;
    z-index:1;
  }
  .process-step h3{
    font-size:1.25rem;
    color:var(--paper);
    margin-bottom:10px;
  }
  .process-step p{
    color:var(--silver-dim);
    font-size:0.92rem;
    line-height:1.55;
    margin:0;
  }
  @media (max-width:900px){
    .process-row{ grid-template-columns:1fr; gap:44px; }
    .process-row::before{ display:none; }
  }

  /* ---------- Portfolio ---------- */
  .portfolio{ background:var(--ink-soft); }
  .gallery-grid{
    display:grid;
    grid-template-columns:repeat(4, 1fr);
    grid-auto-rows:180px;
    gap:2px;
  }
  .gallery-cell{
    background:
      linear-gradient(135deg, rgba(201,162,39,0.06), rgba(219,220,222,0.03)),
      var(--ink);
    border:1px solid var(--ink-line);
    position:relative;
    overflow:hidden;
    display:flex;
    align-items:flex-end;
    padding:16px;
  }
  .gallery-cell::before{
    content:'';
    position:absolute;
    inset:0;
    background:repeating-linear-gradient(
      0deg,
      transparent,
      transparent 8px,
      rgba(201,162,39,0.045) 8px,
      rgba(201,162,39,0.045) 9px
    );
    opacity:0;
    transition:opacity 0.5s var(--ease);
  }
  .gallery-cell:hover::before{ opacity:1; }
  .gallery-cell:hover{ border-color:var(--gold-deep); }
  .gallery-cell span{
    font-size:0.72rem;
    letter-spacing:0.1em;
    text-transform:uppercase;
    color:var(--silver-dim);
    transition:color 0.4s;
  }
  .gallery-cell:hover span{ color:var(--gold); }
  .gallery-cell.big{ grid-column:span 2; grid-row:span 2; }
  .gallery-cell img{
    position:absolute;
    inset:0;
    width:100%;
    height:100%;
    object-fit:cover;
    z-index:0;
  }
  .gallery-cell.has-photo::after{
    content:'';
    position:absolute;
    inset:0;
    background:linear-gradient(to top, rgba(11,11,12,0.82), rgba(11,11,12,0.05) 55%);
    z-index:1;
  }
  .gallery-cell span{ position:relative; z-index:2; }
  .gallery-empty{
    grid-column:1 / -1;
    padding:40px 16px;
    text-align:center;
    color:var(--silver-dim);
    font-size:0.85rem;
    letter-spacing:0.04em;
  }
  @media (max-width:800px){
    .gallery-grid{ grid-template-columns:repeat(2, 1fr); }
    .gallery-cell.big{ grid-column:span 2; grid-row:span 1; }
  }

  /* ---------- Reviews ---------- */
  .reviews-head-row{
    display:flex;
    align-items:flex-end;
    justify-content:space-between;
    gap:24px;
    flex-wrap:wrap;
  }
  .reviews-summary{
    display:flex;
    align-items:center;
    gap:14px;
    margin-bottom:70px;
    padding-bottom:2px;
  }
  .reviews-summary .stars{
    color:var(--gold);
    font-size:1.3rem;
    letter-spacing:0.06em;
    white-space:nowrap;
  }
  .reviews-summary .avg-num{
    font-family:'Fraunces', serif;
    font-style:italic;
    font-weight:500;
    font-size:1.4rem;
    color:var(--paper);
  }
  .reviews-summary .avg-count{
    font-size:0.8rem;
    letter-spacing:0.04em;
    color:var(--silver-dim);
  }
  .reviews-track{
    display:flex;
    gap:2px;
    overflow-x:auto;
    scroll-snap-type:x proximity;
    padding-bottom:8px;
    margin:0 -6vw;
    padding-left:6vw;
    padding-right:6vw;
  }
  .reviews-track::-webkit-scrollbar{ height:5px; }
  .reviews-track::-webkit-scrollbar-track{ background:transparent; }
  .reviews-track::-webkit-scrollbar-thumb{ background:var(--ink-line); }
  .review-card{
    scroll-snap-align:start;
    flex:0 0 340px;
    background:linear-gradient(135deg, rgba(201,162,39,0.05), rgba(219,220,222,0.02)), var(--ink-soft);
    border:1px solid var(--ink-line);
    padding:32px 30px;
    display:flex;
    flex-direction:column;
    transition:border-color 0.35s var(--ease);
  }
  .review-card:hover{ border-color:var(--gold-deep); }
  .review-card-top{
    display:flex;
    align-items:center;
    justify-content:space-between;
    margin-bottom:20px;
  }
  .review-card-stars{
    color:var(--gold);
    font-size:0.95rem;
    letter-spacing:0.08em;
  }
  .review-card-badge{
    font-family:'Work Sans', sans-serif;
    text-transform:uppercase;
    letter-spacing:0.14em;
    font-size:0.62rem;
    color:var(--silver-dim);
    border:1px solid var(--ink-line);
    padding:4px 9px;
    white-space:nowrap;
  }
  .review-card-quote{
    font-family:'Fraunces', serif;
    font-style:italic;
    font-weight:400;
    font-size:1.08rem;
    line-height:1.55;
    color:var(--silver);
    flex-grow:1;
  }
  .review-card-quote::before{ content:'\201C'; color:var(--gold); }
  .review-card-quote::after{ content:'\201D'; color:var(--gold); }
  .review-card-name{
    margin-top:24px;
    font-size:0.8rem;
    letter-spacing:0.06em;
    color:var(--paper);
    font-weight:500;
  }
  .review-card-name span{
    display:block;
    margin-top:2px;
    font-weight:300;
    letter-spacing:0.02em;
    color:var(--silver-dim);
    font-size:0.76rem;
  }
  .reviews-empty{
    padding:40px 16px;
    text-align:center;
    color:var(--silver-dim);
    font-size:0.85rem;
    letter-spacing:0.04em;
    border:1px solid var(--ink-line);
  }
  @media (max-width:600px){
    .review-card{ flex-basis:82vw; }
  }

  /* ---------- Site announcement banner ---------- */
  .site-announce{
    display:none;
    position:relative;
    z-index:90;
    background:var(--gold);
    color:#1B1B1D;
  }
  .site-announce.show{ display:block; }
  .site-announce .wrap{
    padding:10px 6vw;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:10px;
    text-align:center;
  }
  .site-announce p{
    margin:0;
    font-family:'Work Sans', sans-serif;
    font-weight:500;
    font-size:0.88rem;
    letter-spacing:0.01em;
  }

  /* ---------- Track Order ---------- */
  .track-box{
    max-width:640px;
    border:1px solid var(--ink-line);
    padding:40px 44px;
  }
  .rate-us-box{
    max-width:420px;
    border:1px solid var(--ink-line);
    padding:44px;
    display:flex;
    flex-direction:column;
    align-items:center;
    gap:28px;
    text-align:center;
  }
  .rate-us-qr{
    width:100%;
    max-width:260px;
    height:auto;
    border:1px solid var(--ink-line);
    padding:16px;
    background:var(--paper);
  }
  .rate-us-btn{
    display:inline-block;
    padding:14px 32px;
    border:1px solid var(--gold-deep);
    color:var(--gold);
    text-decoration:none;
    font-size:0.85rem;
    letter-spacing:0.08em;
    text-transform:uppercase;
    transition:all 0.3s var(--ease);
  }
  .rate-us-btn:hover{ background:var(--gold); color:var(--ink); }
  .track-form{
    display:flex;
    gap:12px;
    flex-wrap:wrap;
  }
  .track-form input{
    flex:1;
    min-width:220px;
    background:transparent;
    border:none;
    border-bottom:1px solid var(--ink-line);
    padding:12px 2px;
    color:var(--paper);
    font-family:'JetBrains Mono', 'Work Sans', monospace;
    font-size:1rem;
    letter-spacing:0.04em;
    outline:none;
    transition:border-color 0.3s;
  }
  .track-form input:focus{ border-bottom-color:var(--gold); }
  .track-form input::placeholder{ color:var(--silver-dim); opacity:0.6; }
  .track-submit{
    padding:12px 28px;
    background:transparent;
    border:1px solid var(--gold);
    color:var(--gold);
    font-family:'Work Sans', sans-serif;
    font-size:0.82rem;
    letter-spacing:0.06em;
    text-transform:uppercase;
    cursor:pointer;
    transition:all 0.35s var(--ease);
    flex-shrink:0;
  }
  .track-submit:hover{ background:var(--gold); color:var(--ink); }
  .track-submit:disabled{ opacity:0.5; cursor:default; }
  .track-note{
    margin-top:14px;
    font-size:0.85rem;
    color:var(--silver-dim);
    min-height:1.2em;
  }
  .track-result{ margin-top:8px; }
  .track-card{
    margin-top:22px;
    padding-top:26px;
    border-top:1px solid var(--ink-line);
  }
  .track-head{
    display:flex;
    justify-content:space-between;
    align-items:flex-start;
    gap:16px;
    flex-wrap:wrap;
    margin-bottom:8px;
  }
  .track-head .t-name{
    font-family:'Fraunces', serif;
    font-style:italic;
    font-weight:500;
    font-size:1.3rem;
    color:var(--paper);
  }
  .track-head .t-num{
    font-family:'JetBrains Mono', monospace;
    font-size:0.78rem;
    letter-spacing:0.04em;
    color:var(--gold);
    background:rgba(201,162,39,0.1);
    border:1px solid var(--gold-deep);
    padding:4px 10px;
  }
  .track-service{
    color:var(--silver-dim);
    font-size:0.92rem;
    margin-bottom:28px;
  }
  .track-progress{
    display:flex;
    align-items:flex-start;
    margin-bottom:30px;
  }
  .track-stage{
    flex:1;
    text-align:center;
    position:relative;
  }
  .track-stage .t-line{
    position:absolute;
    top:14px;
    left:-50%;
    width:100%;
    height:1px;
    background:var(--ink-line);
    z-index:0;
  }
  .track-stage:first-child .t-line{ display:none; }
  .track-stage.reached .t-line{ background:var(--gold); }
  .track-stage .t-dot{
    position:relative;
    z-index:1;
    width:28px; height:28px;
    margin:0 auto 12px;
    border-radius:50%;
    background:var(--ink);
    border:1px solid var(--ink-line);
    display:flex; align-items:center; justify-content:center;
    font-size:0.78rem;
    color:var(--silver-dim);
    transition:border-color 0.4s, background 0.4s, color 0.4s;
  }
  .track-stage.reached .t-dot{
    background:var(--gold);
    border-color:var(--gold);
    color:var(--ink);
  }
  .track-stage.current .t-dot{
    box-shadow:0 0 0 4px rgba(201,162,39,0.18);
  }
  .track-stage .t-label{
    font-size:0.74rem;
    letter-spacing:0.04em;
    color:var(--silver-dim);
    line-height:1.3;
  }
  .track-stage.reached .t-label{ color:var(--paper); }
  .track-stage .t-time{
    margin-top:4px;
    font-size:0.68rem;
    color:var(--silver-dim);
    opacity:0.75;
  }
  @media (max-width:640px){
    .track-progress{ flex-direction:column; gap:18px; }
    .track-stage{ display:flex; align-items:center; text-align:left; gap:14px; }
    .track-stage .t-line{ display:none; }
    .track-stage .t-dot{ margin:0; flex-shrink:0; }
  }
  .track-history{
    border-top:1px dashed var(--ink-line);
    padding-top:18px;
  }
  .track-history .h-eyebrow{
    font-size:0.7rem;
    letter-spacing:0.12em;
    text-transform:uppercase;
    color:var(--gold);
    margin-bottom:12px;
    display:block;
  }
  .track-history .h-row{
    display:flex;
    justify-content:space-between;
    gap:14px;
    padding:7px 0;
    font-size:0.86rem;
    border-top:1px solid var(--ink-line);
  }
  .track-history .h-row:first-of-type{ border-top:none; }
  .track-history .h-row .h-stage{ color:var(--silver); }
  .track-history .h-row .h-time{ color:var(--silver-dim); font-family:'JetBrains Mono', monospace; font-size:0.78rem; }

  /* ---------- Gift Card Balance ---------- */
  .gc-balance{
    text-align:center;
    padding:20px 0 26px;
  }
  .gc-balance .gc-amount{
    font-family:'Fraunces', serif;
    font-style:italic;
    font-weight:500;
    font-size:2.6rem;
    color:var(--gold);
    line-height:1.1;
  }
  .gc-balance .gc-of{
    margin-top:4px;
    font-size:0.85rem;
    color:var(--silver-dim);
  }
  .gc-balance .gc-status{
    display:inline-block;
    margin-top:14px;
    padding:4px 12px;
    font-size:0.72rem;
    letter-spacing:0.08em;
    text-transform:uppercase;
    border:1px solid var(--gold-deep);
    color:var(--gold);
  }
  .gc-balance .gc-status.redeemed{
    border-color:var(--ink-line);
    color:var(--silver-dim);
  }

  /* ---------- Contact ---------- */
  .contact-grid{
    display:grid;
    grid-template-columns:1fr 1.15fr;
    gap:80px;
  }
  @media (max-width:900px){
    .contact-grid{ grid-template-columns:1fr; gap:56px; }
  }
  .contact-info h2{
    font-size:clamp(2rem, 4vw, 2.7rem);
    color:var(--paper);
    margin-bottom:20px;
  }
  .contact-info p{
    color:var(--silver-dim);
    line-height:1.65;
    font-size:1rem;
    max-width:400px;
  }
  .contact-detail{
    margin-top:40px;
    display:flex;
    flex-direction:column;
    gap:18px;
  }
  .contact-detail .row{
    display:flex;
    gap:16px;
    align-items:flex-start;
  }
  .contact-detail .row .label{
    font-size:0.72rem;
    letter-spacing:0.12em;
    text-transform:uppercase;
    color:var(--gold);
    width:88px;
    flex-shrink:0;
    padding-top:2px;
  }
  .contact-detail .row .val{
    color:var(--silver);
    font-size:0.98rem;
  }
  .contact-detail a{ text-decoration:none; color:var(--silver); border-bottom:1px solid var(--ink-line); }
  .contact-detail a:hover{ color:var(--gold); border-color:var(--gold); }

  form.booking{
    border:1px solid var(--ink-line);
    padding:44px;
  }
  .field{ margin-bottom:26px; }
  .field label{
    display:block;
    font-size:0.72rem;
    letter-spacing:0.12em;
    text-transform:uppercase;
    color:var(--silver-dim);
    margin-bottom:10px;
  }
  .field input,
  .field select,
  .field textarea{
    width:100%;
    background:transparent;
    border:none;
    border-bottom:1px solid var(--ink-line);
    padding:10px 2px;
    color:var(--paper);
    font-family:'Work Sans', sans-serif;
    font-size:0.98rem;
    font-weight:300;
    outline:none;
    transition:border-color 0.3s;
    appearance:none;
  }
  .field select{
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M0 0l5 6 5-6z' fill='%23C9A227'/%3E%3C/svg%3E");
    background-repeat:no-repeat;
    background-position:right 4px center;
  }
  .field select option{ background:var(--ink); color:var(--paper); }
  .field input:focus,
  .field select:focus,
  .field textarea:focus{
    border-bottom-color:var(--gold);
  }
  .field textarea{ resize:vertical; min-height:90px; font-family:'Work Sans', sans-serif; }
  .field ::placeholder{ color:var(--silver-dim); opacity:0.6; }

  .form-submit{
    width:100%;
    padding:16px;
    background:transparent;
    border:1px solid var(--gold);
    color:var(--gold);
    font-family:'Work Sans', sans-serif;
    font-size:0.85rem;
    letter-spacing:0.06em;
    text-transform:uppercase;
    cursor:pointer;
    transition:all 0.35s var(--ease);
  }
  .form-submit:hover{ background:var(--gold); color:var(--ink); }
  .form-submit:disabled{ opacity:0.55; cursor:default; }
  .form-note{
    margin-top:14px;
    font-size:0.78rem;
    color:var(--silver-dim);
    text-align:center;
    min-height:1em;
  }

  /* ---------- Order Now ---------- */
  .order-wrap{ max-width:640px; }
  .order-confirm{
    border:1px solid var(--gold-deep);
    padding:40px 44px;
    background:rgba(201,162,39,0.04);
  }
  .order-confirm .oc-title{
    font-size:0.72rem;
    letter-spacing:0.12em;
    text-transform:uppercase;
    color:var(--gold);
    margin-bottom:14px;
    display:block;
  }
  .order-confirm h3{
    font-size:1.4rem;
    color:var(--paper);
    margin-bottom:18px;
  }
  .order-confirm .oc-row{
    display:flex;
    justify-content:space-between;
    gap:14px;
    padding:10px 0;
    border-top:1px dashed var(--ink-line);
    font-size:0.9rem;
  }
  .order-confirm .oc-row:first-of-type{ border-top:none; }
  .order-confirm .oc-row .oc-label{
    color:var(--silver-dim);
    font-size:0.72rem;
    letter-spacing:0.1em;
    text-transform:uppercase;
    padding-top:2px;
  }
  .order-confirm .oc-row .oc-val{
    color:var(--paper);
    font-family:'JetBrains Mono', monospace;
    font-weight:500;
    text-align:right;
  }
  .order-confirm p.oc-note{
    margin:20px 0 0;
    font-size:0.82rem;
    color:var(--silver-dim);
    line-height:1.6;
  }
  .order-confirm .oc-again{
    display:inline-block;
    margin-top:18px;
    font-size:0.78rem;
    letter-spacing:0.04em;
    color:var(--gold);
    text-decoration:none;
    border-bottom:1px solid var(--gold-deep);
    cursor:pointer;
    background:none;
    border-top:none; border-left:none; border-right:none;
    font-family:'Work Sans', sans-serif;
    padding:0 0 2px;
  }

  /* ---------- Footer ---------- */
  footer{
    padding:56px 0 40px;
    border-top:1px solid var(--ink-line);
  }
  .footer-row{
    display:flex;
    justify-content:space-between;
    align-items:flex-end;
    flex-wrap:wrap;
    gap:24px;
  }
  .footer-brand{
    font-family:'Fraunces', serif;
    font-style:italic;
    font-size:1.3rem;
    color:var(--paper);
  }
  .footer-brand em{ color:var(--gold); }
  .footer-meta{
    color:var(--silver-dim);
    font-size:0.82rem;
    line-height:1.7;
    text-align:right;
  }
  @media (max-width:600px){
    .footer-row{ flex-direction:column; align-items:flex-start; }
    .footer-meta{ text-align:left; }
  }

  @media (max-width:800px){
    .nav-links{ display:none; }
    .nav-toggle{ display:flex; }
    .nav-cta{ display:none; }
    .lang-standalone{ display:none; }
  }
  @media (min-width:801px){
    .mobile-drawer, .drawer-overlay{ display:none; }
  }