:root{
    --void:#0B0B0C;
    --charcoal:#161616;
    --bone:#EDEAE4;
    --bone-dim:#A9A49A;
    --gold:#B69463;
    --line: rgba(237,234,228,0.12);
  }
  *{margin:0;padding:0;box-sizing:border-box;}
  html{scroll-behavior:smooth;}
  body{
    background:var(--void);
    color:var(--bone);
    font-family:'Jost', sans-serif;
    font-weight:300;
    overflow-x:hidden;
  }
  @media (prefers-reduced-motion: reduce){
    html{scroll-behavior:auto;}
    *{animation-duration:0.01ms !important; transition-duration:0.01ms !important;}
    #preloader{display:none;}
    .hero .eyebrow, .hero h1, .hero p, .hero .btn{opacity:1; transform:none;}
  }
  a{color:inherit; text-decoration:none;}
  img{display:block; width:100%; height:100%; object-fit:cover;}

  .eyebrow{
    font-family:'Jost', sans-serif; font-size:0.68rem; letter-spacing:0.32em;
    text-transform:uppercase; color:var(--gold); font-weight:400;
  }
  h1,h2,h3{font-family:'Cormorant Garamond', serif; font-weight:400; line-height:1.08;}
  em{font-style:italic; color:var(--gold);}

  /* ---------- NAV ---------- */
  header{
    position:fixed; top:0; left:0; right:0; z-index:100;
    display:flex; justify-content:space-between; align-items:center;
    padding:1.6rem 3.5rem;
    background:linear-gradient(to bottom, rgba(11,11,12,0.85), transparent);
    transition:padding 0.3s ease, background 0.3s ease;
  }
  header.scrolled{padding:1rem 3.5rem; background:rgba(11,11,12,0.92); backdrop-filter:blur(6px); border-bottom:1px solid var(--line);}
  .logo{
    font-family:'Cormorant Garamond', serif; font-size:1.5rem; letter-spacing:0.06em;
    display:inline-block; transition:opacity 0.3s ease;
  }
  .logo:hover{opacity:0.8;}
  .logo-svg{width:auto; height:42px; display:block;}
  @media (max-width:860px){ .logo-svg{height:32px;} }
  .logo-shine{
    animation: logoShine 5s ease-in-out infinite;
    pointer-events:none;
  }
  @keyframes logoShine{
    0%{ transform:translateX(0); }
    28%{ transform:translateX(680px); }
    100%{ transform:translateX(680px); }
  }
  nav ul{list-style:none; display:flex; gap:2.6rem;}
  nav a{
    font-size:0.7rem; letter-spacing:0.16em; text-transform:uppercase;
    opacity:0.8; position:relative; padding-bottom:5px;
  }
  nav a::after{content:''; position:absolute; left:0; bottom:0; width:0; height:1px; background:var(--gold); transition:width 0.35s ease;}
  nav a:hover::after{width:100%;}
  .nav-toggle{
    display:none; background:none; border:none; color:var(--bone); font-size:1.4rem; cursor:pointer;
    padding:0.4rem; margin:0; line-height:1; -webkit-tap-highlight-color:transparent;
  }
  @media (max-width:860px){
    header{padding:1.4rem 1.4rem;}
    nav ul{
      position:fixed; top:0; right:-100%; width:72%; height:100vh; background:var(--charcoal);
      flex-direction:column; justify-content:center; align-items:flex-start; padding:2rem 2.4rem;
      gap:2rem; transition:right 0.4s ease; z-index:99;
    }
    nav ul.open{right:0;}
    .nav-toggle{display:block; z-index:101; margin-left:auto;}
  }

  /* ---------- HERO ---------- */
  .hero{
    min-height:100vh; position:relative; display:flex; align-items:flex-end;
    padding:0 3.5rem 5rem;
    overflow:hidden;
    background:var(--void);
  }
  .hero-slideshow{position:absolute; inset:0; z-index:0;}
  .hero-slide{
    position:absolute; inset:0; opacity:0;
    background-size:cover; background-position:center;
    transition:opacity 1s ease;
  }
  .hero-slide.active{opacity:1;}
  .hero-overlay{
    position:absolute; inset:0; z-index:1;
    background:
      linear-gradient(180deg, rgba(11,11,12,0.35) 0%, rgba(11,11,12,0.6) 60%, var(--void) 100%),
      radial-gradient(ellipse 90% 60% at 50% 20%, rgba(182,148,99,0.10), transparent 60%);
  }
  .hero-inner{max-width:920px; z-index:2; position:relative;}
  .hero-dots{
    position:absolute; left:50%; bottom:1.8rem; transform:translateX(-50%);
    z-index:3; display:flex; gap:0.55rem; align-items:center;
  }
  .hero-dot{
    width:7px; height:7px; border-radius:50%; background:rgba(237,234,228,0.35);
    border:none; padding:0; cursor:pointer; transition:all 0.35s ease;
  }
  .hero-dot:hover{background:rgba(237,234,228,0.6);}
  .hero-dot.active{width:22px; border-radius:4px; background:var(--gold);}
  @media (max-width:600px){ .hero-dots{bottom:1.3rem;} }
  .hero .eyebrow{margin-bottom:1.4rem; display:block;}
  .hero h1{
    font-size:clamp(2.2rem, 5vw, 4.4rem); font-weight:300; max-width:820px;
  }
  .hero p{
    max-width:460px; color:var(--bone-dim); font-size:0.98rem; line-height:1.8;
    margin:1.8rem 0 2.2rem;
  }
  .btn{
    display:inline-block; font-size:0.7rem; letter-spacing:0.18em; text-transform:uppercase;
    padding:1rem 2.2rem; border:1px solid var(--gold); transition:all 0.35s ease;
  }
  .btn-fill{background:var(--gold); color:var(--void);}
  .btn-fill:hover{background:transparent; color:var(--gold);}
  .scroll-cue{
    position:absolute; right:3.5rem; bottom:2.4rem; writing-mode:vertical-rl;
    font-size:0.65rem; letter-spacing:0.2em; text-transform:uppercase; color:var(--bone-dim);
    display:flex; align-items:center; gap:0.7rem;
  }
  .scroll-cue::after{content:''; width:1px; height:44px; background:var(--gold);}

  /* ---------- SECTION SHARED ---------- */
  section{padding:5rem 3.5rem; position:relative;}
  .section-head{max-width:600px; margin:0 auto 4rem; text-align:center;}
  .section-head h2{font-size:clamp(2rem,3.6vw,3rem); margin-top:0.8rem; font-weight:300;}

  /* ---------- ABOUT ---------- */
  #about{background:var(--charcoal);}
  .about-grid{
    max-width:1100px; margin:0 auto; display:grid; grid-template-columns:0.85fr 1fr;
    gap:4.5rem; align-items:center;
  }
  .about-photo{aspect-ratio:4/5; overflow:hidden; position:relative; border:1px solid var(--line);}
  .about-text p{color:var(--bone-dim); line-height:1.9; font-size:0.98rem; margin-bottom:1.3rem;}
  .signature{font-family:'Cormorant Garamond', serif; font-style:italic; font-size:1.4rem; color:var(--gold); margin-top:1.6rem;}
  @media (max-width:840px){ .about-grid{grid-template-columns:1fr;} }

  /* ---------- SERVICES ---------- */
  .service-grid{
    max-width:1000px; margin:0 auto; display:grid; grid-template-columns:1fr 1fr; gap:1px;
    background:var(--line); border:1px solid var(--line);
  }
  .service-card{background:var(--void); padding:3rem 2.6rem; text-align:center;}
  .service-card .eyebrow{display:block; margin-bottom:1rem;}
  .service-card h3{font-size:1.7rem; font-weight:400; margin-bottom:1rem;}
  .service-card p{color:var(--bone-dim); line-height:1.85; font-size:0.94rem;}
  @media (max-width:700px){ .service-grid{grid-template-columns:1fr;} }

  /* ---------- TESTIMONIALS ---------- */
  #testimonials{background:var(--charcoal); text-align:center;}
  .quote-mark{font-family:'Cormorant Garamond', serif; font-size:4rem; color:var(--gold); line-height:1; opacity:0.6;}
  .testimonial-track{max-width:720px; margin:0 auto;}
  .testimonial{display:none;}
  .testimonial.active{display:block; animation:fadeQuote 0.6s ease;}
  @keyframes fadeQuote{from{opacity:0; transform:translateY(8px);} to{opacity:1; transform:translateY(0);}}
  .testimonial p{font-family:'Cormorant Garamond', serif; font-size:1.5rem; font-style:italic; line-height:1.6; color:var(--bone); margin:1rem 0 1.6rem;}
  .testimonial .client{font-size:0.72rem; letter-spacing:0.15em; text-transform:uppercase; color:var(--gold);}
  .dots{display:flex; justify-content:center; gap:0.6rem; margin-top:2.2rem;}
  .review-btn{margin-top:2.6rem; border-color:var(--line); color:var(--bone-dim); font-size:0.68rem;}
  .review-btn:hover{border-color:var(--gold); color:var(--gold);}
  .dot{width:6px; height:6px; border-radius:50%; background:var(--line); cursor:pointer; transition:background 0.3s ease;}
  .dot.active{background:var(--gold);}

  /* ---------- PORTFOLIO ---------- */
  .work-grid{
    max-width:1200px; margin:0 auto; display:grid; grid-template-columns:repeat(3,1fr); gap:1.5rem;
  }
  .work-item{position:relative; aspect-ratio:3/4; overflow:hidden; cursor:pointer;}
  .work-item .surface{
    position:absolute; inset:0;
    background:linear-gradient(150deg, #1d1a17, #0c0c0c 75%);
  }
  .work-item:nth-child(1) .surface{background:radial-gradient(ellipse at 30% 20%, rgba(182,148,99,0.28), transparent 60%), linear-gradient(150deg,#1d1a17,#0b0b0b);}
  .work-item:nth-child(2) .surface{background:radial-gradient(ellipse at 70% 70%, rgba(182,148,99,0.18), transparent 60%), linear-gradient(200deg,#171717,#0b0b0b);}
  .work-item:nth-child(3) .surface{background:radial-gradient(ellipse at 50% 30%, rgba(182,148,99,0.24), transparent 55%), linear-gradient(160deg,#1a1a1a,#0a0a0a);}
  .work-item::after{content:''; position:absolute; inset:0; background:linear-gradient(to top, rgba(0,0,0,0.75), transparent 55%); z-index:1;}
  .work-item .surface{transition:transform 0.6s cubic-bezier(.2,.8,.2,1), filter 0.6s ease;}
  .work-item:hover .surface{transform:scale(1.15); filter:brightness(1.1) saturate(1.15);}
  .work-item{transition:box-shadow 0.4s ease;}
  .work-item:hover{box-shadow:0 0 0 1px var(--gold);}
  .work-label{position:absolute; left:1.6rem; bottom:1.5rem; z-index:2;}
  .work-label .eyebrow{margin-bottom:0.3rem; display:block;}
  .work-label h4{font-size:1.4rem; font-weight:400;}
  .work-cta{text-align:center; margin-top:3.5rem;}
  @media (max-width:900px){ .work-grid{grid-template-columns:repeat(2,1fr);} }
  @media (max-width:560px){ .work-grid{grid-template-columns:1fr;} }

  /* ---------- CONTACT ---------- */
  #contact{
    text-align:center;
    background:
      linear-gradient(180deg, var(--void) 0%, rgba(11,11,12,0.7) 100%),
      radial-gradient(ellipse 70% 60% at 50% 30%, rgba(182,148,99,0.10), transparent 60%);
  }
  #contact .section-head p{color:var(--bone-dim); line-height:1.85; margin-top:1rem; font-size:0.98rem;}
  .contact-form{max-width:560px; margin:3rem auto 0; text-align:left;}
  .field{margin-bottom:1.7rem;}
  .field label{display:block; font-size:0.68rem; letter-spacing:0.14em; text-transform:uppercase; color:var(--bone-dim); margin-bottom:0.6rem;}
  .field input, .field textarea, .field select{
    width:100%; background:transparent; border:none; border-bottom:1px solid var(--line);
    color:var(--bone); font-family:'Jost', sans-serif; font-weight:300; font-size:1rem;
    padding:0.65rem 0.1rem; outline:none; transition:border-color 0.3s ease;
  }
  .field select option{background:var(--charcoal);}
  .field input:focus, .field textarea:focus, .field select:focus{border-color:var(--gold);}
  .field-row{display:grid; grid-template-columns:1fr 1fr; gap:1.6rem;}
  @media (max-width:600px){ .field-row{grid-template-columns:1fr;} }
  .submit-row{text-align:center; margin-top:2.2rem;}
  .form-note{display:block; margin-top:1rem; color:var(--gold); font-size:0.85rem;}

  .info-card{
    max-width:560px; margin:3.5rem auto 0; border:1px solid var(--line);
    background:var(--charcoal); padding:2.4rem 2.6rem;
  }
  .info-card h3{font-size:1.5rem; font-weight:400; margin-bottom:1.8rem;}
  .info-card .info-intro{color:var(--bone-dim); font-size:0.92rem; line-height:1.7; margin-bottom:1.8rem;}
  .info-row{display:flex; align-items:center; gap:1rem; margin-bottom:1.3rem;}
  .info-row:last-of-type{margin-bottom:0;}
  .info-icon{
    flex-shrink:0; width:38px; height:38px; border-radius:50%;
    background:rgba(182,148,99,0.12); display:flex; align-items:center; justify-content:center;
  }
  .info-icon svg{width:16px; height:16px; stroke:var(--gold); fill:none; stroke-width:1.8;}
  .info-row a, .info-row span.info-text{
    font-size:0.95rem; color:var(--bone); letter-spacing:0.01em;
  }
  .info-row a{transition:color 0.3s ease;}
  .info-row a:hover{color:var(--gold);}
  .map-block{
    max-width:900px; margin:4.5rem auto 0; border:1px solid var(--line);
  }
  .contact-columns{
    max-width:1100px; margin:4.5rem auto 0; display:grid; grid-template-columns:1fr 1fr 1fr;
    gap:3rem; text-align:left; border-top:1px solid var(--line); padding-top:3.2rem;
  }
  .contact-columns .map-block, .contact-columns .quicklinks-block, .contact-columns .info-card{
    max-width:none; margin:0; border:none; background:transparent; padding:0;
  }
  .contact-columns .col-heading{
    font-family:'Cormorant Garamond', serif; font-size:1.35rem; font-weight:400;
    color:var(--bone); display:block; margin-bottom:1.5rem; letter-spacing:0.01em;
  }
  .contact-columns .quicklinks-block{display:flex; flex-direction:column;}
  .contact-columns .quicklinks-list{
    display:grid; grid-template-columns:repeat(2, auto); grid-template-rows:repeat(3, auto);
    grid-auto-flow:column; align-items:start; column-gap:2.2rem; row-gap:0.95rem;
  }
  .contact-columns .quicklinks-list a{
    font-size:0.92rem; letter-spacing:0.01em; text-transform:none; color:var(--bone-dim);
  }
  .contact-columns .info-card{display:flex; flex-direction:column;}
  .contact-columns .info-card h3{font-size:1.35rem; margin-bottom:1.5rem;}
  .contact-columns .info-row{gap:0.9rem; margin-bottom:0.95rem;}
  .contact-columns .info-icon{width:32px; height:32px;}
  .contact-columns .info-icon svg{width:14px; height:14px;}
  .contact-columns .info-row a, .contact-columns .info-row span.info-text{font-size:0.92rem;}
  .contact-columns .map-address{text-align:left; padding:0; border-bottom:none;}
  .contact-columns .map-address p{font-size:0.92rem; margin-bottom:0.3rem;}
  .contact-columns .gbp-link{margin-top:1rem;}
  @media (max-width:900px){ .contact-columns{grid-template-columns:1fr; gap:3rem;} }
  .map-address{padding:1.8rem 2rem; text-align:center; border-bottom:1px solid var(--line);}
  .map-address .eyebrow{display:block; margin-bottom:0.6rem;}
  .map-address p{color:var(--bone-dim); font-size:0.95rem; letter-spacing:0.02em;}
  .gbp-link{display:inline-block; margin-top:0.8rem; font-size:0.7rem; letter-spacing:0.12em; text-transform:uppercase; color:var(--gold); border-bottom:1px solid transparent; transition:border-color 0.3s ease;}
  .gbp-link:hover{border-color:var(--gold);}
  .quicklinks-block{
    max-width:900px; margin:2.4rem auto 0; border:1px solid var(--line); padding:1.8rem 2rem; text-align:center;
  }
  .quicklinks-block .eyebrow{display:block; margin-bottom:1.2rem;}
  .quicklinks-list{list-style:none; display:flex; flex-wrap:wrap; justify-content:center; gap:1.8rem 2.4rem;}
  .quicklinks-list a{
    font-size:0.7rem; letter-spacing:0.14em; text-transform:uppercase; color:var(--bone-dim);
    position:relative; padding-bottom:5px; transition:color 0.3s ease;
  }
  .quicklinks-list a::after{content:''; position:absolute; left:0; bottom:0; width:0; height:1px; background:var(--gold); transition:width 0.35s ease;}
  .quicklinks-list a:hover{color:var(--gold);}
  .quicklinks-list a:hover::after{width:100%;}
  .map-frame{
    width:100%; aspect-ratio:16/7; position:relative; overflow:hidden;
    background:
      radial-gradient(ellipse 60% 80% at 30% 40%, rgba(182,148,99,0.10), transparent 60%),
      repeating-linear-gradient(115deg, #141414 0px, #141414 2px, #101010 2px, #101010 4px);
  }
  @media (max-width:700px){ .map-frame{aspect-ratio:4/3;} }
  .map-visual{width:100%; height:100%; display:block;}
  .map-grid line{stroke:var(--line); stroke-width:1;}
  .map-pin-pulse{transform-origin:center; animation:mapPulse 2.6s ease-out infinite;}
  .map-pin-pulse.delay{animation-delay:1.3s;}
  @keyframes mapPulse{
    0%{ r:4; opacity:0.55; }
    100%{ r:34; opacity:0; }
  }
  .map-label{
    font-family:'Jost', sans-serif; font-size:0.62rem; letter-spacing:0.18em; text-transform:uppercase;
    fill:var(--bone-dim);
  }
  .btn-submit{background:transparent; color:var(--gold); border:1px solid var(--gold); cursor:pointer; font-family:'Jost',sans-serif;}
  .btn-submit:hover{background:var(--gold); color:var(--void);}

  footer{
    padding:3rem 3.5rem; border-top:1px solid var(--line); text-align:center;
  }
  footer .insta{font-size:0.68rem; letter-spacing:0.16em; text-transform:uppercase; color:var(--bone-dim); margin-bottom:0.5rem;}
  footer .insta a{color:var(--gold);}
  footer .copyright{font-size:0.68rem; letter-spacing:0.1em; color:var(--bone-dim); margin-top:1.6rem; text-transform:uppercase;}

  .fade-in{opacity:0; transform:translateY(26px); transition:opacity 0.9s ease, transform 0.9s ease;}
  .fade-in.visible{opacity:1; transform:translateY(0);}
  :focus-visible{outline:2px solid var(--gold); outline-offset:3px;}

  /* ---------- TOAST ---------- */
  .toast{
    position:fixed; left:50%; bottom:2.2rem; transform:translateX(-50%) translateY(20px);
    background:var(--charcoal); border:1px solid var(--gold); color:var(--bone);
    padding:0.9rem 1.6rem; border-radius:3px; font-family:'Jost', sans-serif; font-size:0.9rem;
    display:flex; align-items:center; gap:0.7rem; z-index:1200;
    opacity:0; pointer-events:none; transition:opacity 0.4s ease, transform 0.4s ease;
    box-shadow:0 10px 30px rgba(0,0,0,0.4); max-width:90vw; text-align:center;
  }
  .toast.show{opacity:1; transform:translateX(-50%) translateY(0); pointer-events:auto;}
  .toast .toast-icon{color:var(--gold); font-size:1.1rem; flex-shrink:0;}
  html[dir="rtl"] .toast{flex-direction:row-reverse;}
  @media (max-width:600px){ .toast{bottom:5.5rem; font-size:0.82rem; padding:0.8rem 1.2rem;} }

  /* ---------- LANGUAGE SWITCHER ---------- */
  .lang-switch{display:inline-flex; gap:0.3rem; border:1px solid var(--line); padding:0.25rem; border-radius:2px;}
  .lang-btn{
    background:transparent; border:none; color:var(--bone-dim); cursor:pointer;
    font-family:'Jost', sans-serif; font-size:0.65rem; letter-spacing:0.08em;
    padding:0.35rem 0.6rem; border-radius:2px; transition:all 0.25s ease;
  }
  .lang-btn:hover{color:var(--bone);}
  .lang-btn.active{background:var(--gold); color:var(--void);}
  @media (max-width:860px){ .lang-switch{margin-top:0.4rem;} }

  /* ---------- RTL (Arabic) ---------- */
  html[dir="rtl"] body{font-family:'Jost', 'Tahoma', sans-serif;}
  html[dir="rtl"] nav ul{flex-direction:row-reverse;}
  html[dir="rtl"] .scroll-cue{right:auto; left:3.5rem;}
  html[dir="rtl"] .about-grid{direction:rtl;}
  html[dir="rtl"] .service-row, html[dir="rtl"] .stats-row{direction:rtl;}
  html[dir="rtl"] .work-label{left:auto; right:1.6rem; text-align:right;}
  html[dir="rtl"] .map-address{direction:rtl;}
  html[dir="rtl"] .field-row{direction:rtl;}
  html[dir="rtl"] .submit-row{direction:rtl;}
  html[dir="rtl"] .insta{direction:rtl;}
  @media (max-width:860px){
    html[dir="rtl"] nav ul{right:auto; left:-100%; align-items:flex-end;}
    html[dir="rtl"] nav ul.open{left:0; right:auto;}
  }

  /* ---------- WHATSAPP FLOAT ---------- */
  .whatsapp-float{
    position:fixed; bottom:1.8rem; right:1.8rem; z-index:998;
    width:56px; height:56px; border-radius:50%;
    background:var(--gold);
    display:flex; align-items:center; justify-content:center;
    box-shadow:0 6px 20px rgba(0,0,0,0.35);
    transition:transform 0.3s ease, box-shadow 0.3s ease;
    animation:wa-pulse 2.6s ease-in-out infinite;
  }
  .whatsapp-float:hover{transform:scale(1.08); box-shadow:0 8px 26px rgba(0,0,0,0.45);}
  @keyframes wa-pulse{
    0%, 100%{box-shadow:0 6px 20px rgba(0,0,0,0.35), 0 0 0 0 rgba(182,148,99,0.4);}
    50%{box-shadow:0 6px 20px rgba(0,0,0,0.35), 0 0 0 10px rgba(182,148,99,0);}
  }
  @media (max-width:600px){
    .whatsapp-float{width:50px; height:50px; bottom:1.2rem; right:1.2rem;}
    .whatsapp-float svg{width:24px; height:24px;}
  }
  @media (prefers-reduced-motion: reduce){
    .whatsapp-float{animation:none;}
  }

  /* ---------- PRELOADER ---------- */
  #preloader{
    position:fixed; inset:0; z-index:9999; background:var(--void);
    display:flex; flex-direction:column; align-items:center; justify-content:center; gap:1.2rem;
    transition:opacity 0.7s ease, visibility 0.7s ease;
  }
  #preloader.hidden{opacity:0; visibility:hidden; pointer-events:none;}
  .preloader-line{width:120px; height:1px; background:var(--line); overflow:hidden;}
  .preloader-line span{display:block; width:100%; height:100%; background:var(--gold); transform:translateX(-100%); animation:loadBar 1.4s ease forwards;}
  @keyframes loadBar{to{transform:translateX(0);}}

  body.loaded{overflow-x:hidden;}
  body:not(.loaded){overflow:hidden;}

  /* ---------- HERO ENTRANCE ---------- */
  .hero .eyebrow, .hero h1, .hero p, .hero .btn{
    opacity:0; transform:translateY(22px);
  }
  body.loaded .hero .eyebrow{animation:heroUp 0.9s ease forwards 0.15s;}
  body.loaded .hero h1{animation:heroUp 1s ease forwards 0.35s;}
  body.loaded .hero p{animation:heroUp 1s ease forwards 0.6s;}
  body.loaded .hero .btn{animation:heroUp 1s ease forwards 0.8s;}
  @keyframes heroUp{to{opacity:1; transform:translateY(0);}}

  /* ---------- STATS ---------- */
  .stats-row{
    max-width:820px; margin:3.5rem auto 0; display:flex; justify-content:space-between;
    border-top:1px solid var(--line); padding-top:2.4rem; flex-wrap:wrap; gap:1.5rem;
  }
  .stat{text-align:center; flex:1; min-width:130px;}
  .stat .num{font-family:'Cormorant Garamond', serif; font-size:2.6rem; color:var(--gold); font-weight:400;}
  .stat .label{font-size:0.68rem; letter-spacing:0.14em; text-transform:uppercase; color:var(--bone-dim); margin-top:0.4rem;}