/* UMRKHN.com — portfolio front page. Generated from supplied indexv2.html with complete class namespacing. */
:root{
    --black:#0a0a0a;
    --ink:#111111;
    --paper:#f6f4ef;
    --paper-2:#ece8df;
    --gray:#6b6b6b;
    --line:rgba(10,10,10,0.14);
    /* BOLD DISPLAY FONT — switched to Archivo Black (heavier, more architectural than Anton) */
    --display:'Archivo Black', 'Anton', sans-serif;
  }
  *{margin:0;padding:0;box-sizing:border-box}
  html{scroll-behavior:smooth}
  body{
    background:var(--paper);
    color:var(--black);
    font-family:'Inter',sans-serif;
    -webkit-font-smoothing:antialiased;
    overflow-x:hidden;
    line-height:1.5;
  }
  a{color:inherit;text-decoration:none}
  img{max-width:100%;display:block}

  /* ---------- NAV ---------- */
  .umrkhn-nav{
    position:fixed;
    top:0;
    left:50%;
    transform:translateX(-50%);
    width:100%;
    max-width:100%;
    z-index:100;
    display:flex;
    align-items:center;
    justify-content:space-between;
    padding:22px 40px;
    mix-blend-mode:difference;
    color:#fff;
    border-radius:0;
    background:transparent;
    border:1px solid transparent;
    box-shadow:none;
    backdrop-filter:none;
    -webkit-backdrop-filter:none;
    transition:top .35s cubic-bezier(0.16,1,0.3,1),
               width .35s cubic-bezier(0.16,1,0.3,1),
               padding .35s cubic-bezier(0.16,1,0.3,1),
               border-radius .35s cubic-bezier(0.16,1,0.3,1),
               background .3s ease,
               border-color .3s ease,
               box-shadow .35s ease,
               color .25s ease;
  }
  .umrkhn-nav .umrkhn-brand{
    font-family:'Archivo Black',sans-serif;font-size:20px;letter-spacing:-.01em;
    color:inherit;
    transition:color .25s ease;
  }
  .umrkhn-nav .umrkhn-brand span{font-family:'Instrument Serif',serif;font-style:italic;font-weight:400;letter-spacing:0}
  .umrkhn-nav-links{display:flex;gap:34px;align-items:center}
  .umrkhn-nav-links a{
    font-size:13px;font-weight:500;letter-spacing:.02em;text-transform:uppercase;
    opacity:.85;transition:opacity .2s, color .25s ease;
    color:inherit;
  }
  .umrkhn-nav-links a:hover{opacity:1}
  .umrkhn-nav-cta{
    border:1px solid #fff;padding:9px 18px;border-radius:40px;
    font-size:12px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;
    color:inherit;
    transition:all .25s cubic-bezier(0.16,1,0.3,1);
  }

  /* Scrolled floating blurred pill state */
  .umrkhn-nav.is-scrolled{
    top:16px;
    width:calc(100% - 12vw);
    border-radius:999px;
    padding:11px 26px;
    mix-blend-mode:normal;
    color:#0a0a0a;
    background:rgba(255, 255, 255, 0.78);
    backdrop-filter:blur(24px) saturate(180%);
    -webkit-backdrop-filter:blur(24px) saturate(180%);
    border:1px solid rgba(255, 255, 255, 0.65);
    box-shadow:0 16px 42px -10px rgba(0,0,0,0.12), 0 2px 6px rgba(0,0,0,0.04), 0 0 0 1px rgba(0,0,0,0.04);
  }
  .umrkhn-nav.is-scrolled .umrkhn-brand{
    color:#0a0a0a;
  }
  .umrkhn-nav.is-scrolled .umrkhn-nav-links a{
    color:#262626;
    opacity:.85;
  }
  .umrkhn-nav.is-scrolled .umrkhn-nav-links a:hover{
    color:#000;
    opacity:1;
  }
  .umrkhn-nav.is-scrolled .umrkhn-nav-cta{
    background:#0a0a0a;
    color:#fff;
    border-color:#0a0a0a;
    border-radius:999px;
    padding:9px 20px;
  }
  .umrkhn-nav.is-scrolled .umrkhn-nav-cta:hover{
    background:#262626;
    border-color:#262626;
    transform:translateY(-1px);
    box-shadow:0 6px 18px rgba(0,0,0,0.2);
  }
  body.admin-bar .umrkhn-nav.is-scrolled{
    top:48px;
  }
  @media (max-width:1100px){
    .umrkhn-nav.is-scrolled{
      top:12px;
      width:calc(100% - 48px);
      padding:10px 18px;
    }
  }

  /* ---------- HERO ---------- */
  .umrkhn-hero{
    position:relative;
    min-height:100vh;
    padding:140px 40px 60px;
    background:
      radial-gradient(ellipse 70% 60% at 50% 50%, #ffffff 0%, var(--paper) 60%, var(--paper-2) 100%);
    overflow:hidden;
    isolation:isolate;
    display:flex;flex-direction:column;align-items:center;justify-content:center;
  }
  .umrkhn-hero::before{
    content:"";position:absolute;inset:0;z-index:0;
    background-image:radial-gradient(circle at 1px 1px, rgba(10,10,10,0.05) 1px, transparent 0);
    background-size:24px 24px;opacity:.5;pointer-events:none;
  }

  /* MASSIVE BACKGROUND TEXT — sits behind the portrait */
  .umrkhn-bg-text{
    position:absolute;
    left:0;right:0;top:50%;
    transform:translateY(-50%);
    z-index:1;
    pointer-events:none;user-select:none;
    line-height:.88;letter-spacing:-.02em;
    text-align:center;
  }
  .umrkhn-bg-text .umrkhn-line{
    font-family:var(--display);
    font-size:clamp(60px, 13.5vw, 220px);
    color:transparent;
    -webkit-text-stroke:2px rgba(10,10,10,0.55);
    text-transform:uppercase;
    display:block;
  }
  .umrkhn-bg-text .umrkhn-line.umrkhn-solid{
    color:var(--black);
    -webkit-text-stroke:0;
  }
  .umrkhn-bg-text .umrkhn-line em{
    font-family:'Instrument Serif',serif;
    font-style:italic;font-weight:400;
    text-transform:none;letter-spacing:-.04em;
    -webkit-text-stroke:0;color:var(--black);
    font-size:.92em;display:inline-block;transform:translateY(-.04em);
  }

  /* decorative sparkle */
  .umrkhn-sparkle{
    position:absolute;
    font-family:'Instrument Serif',serif;font-style:italic;
    font-size:clamp(50px,7vw,120px);
    color:var(--black);
    z-index:2;pointer-events:none;line-height:1;
  }
  .umrkhn-sparkle.umrkhn-tl{top:18%;left:8%}
  .umrkhn-sparkle.umrkhn-br{bottom:30%;right:8%}

  /* portrait — centered, breaking through the background text */
  .umrkhn-portrait-wrap{
    position:relative;z-index:3;
    width:clamp(260px, 26vw, 380px);
    margin:0 auto;
    perspective:1200px;
  }
  .umrkhn-portrait{
    width:100%;
    aspect-ratio:3/4;
    border-radius:18px;
    background:#161616;
    position:relative;overflow:hidden;
    box-shadow:
      0 40px 80px -25px rgba(0,0,0,0.55),
      0 0 0 1px rgba(0,0,0,0.1);
  }
  /* clean dummy portrait — swap with real photo later */
  .umrkhn-portrait .umrkhn-silhouette{
    position:absolute;inset:0;
    background:linear-gradient(180deg,#1c1c1c 0%, #050505 100%);
  }
  /* head */
  .umrkhn-portrait .umrkhn-silhouette::after{
    content:"";position:absolute;left:50%;top:24%;
    width:34%;aspect-ratio:1;border-radius:50%;
    transform:translateX(-50%);
    background:radial-gradient(circle at 50% 40%, #555 0%, #2a2a2a 60%, transparent 80%);
  }
  /* shoulders */
  .umrkhn-portrait .umrkhn-silhouette::before{
    content:"";position:absolute;left:50%;top:55%;
    width:80%;height:60%;transform:translateX(-50%);
    background:radial-gradient(ellipse at 50% 30%, #3a3a3a 0 50%, transparent 80%);
  }
  /* big "UK" watermark */
  .umrkhn-portrait .umrkhn-watermark{
    position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);
    font-family:var(--display);
    font-size:140px;color:rgba(255,255,255,0.05);
    letter-spacing:-.05em;line-height:1;z-index:1;
  }
  .umrkhn-portrait .umrkhn-tag-ume{
    position:absolute;bottom:14px;left:14px;z-index:3;
    background:#fff;color:#0a0a0a;
    font-size:10px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;
    padding:6px 10px;border-radius:30px;
  }

  /* tagline under portrait */
  .umrkhn-tagline{
    position:relative;z-index:4;
    text-align:center;margin-top:36px;
    font-family:var(--display);
    font-size:clamp(22px, 3vw, 44px);
    text-transform:uppercase;
    letter-spacing:-.01em;
    display:flex;align-items:center;justify-content:center;gap:18px;
    flex-wrap:wrap;
  }
  .umrkhn-tagline .umrkhn-rocket{
    display:inline-flex;align-items:center;justify-content:center;
    width:clamp(46px, 4.5vw, 72px);height:clamp(46px, 4.5vw, 72px);
    background:var(--black);color:#fff;
    border-radius:50%;
    transform:rotate(-20deg);
  }
  .umrkhn-tagline .umrkhn-rocket svg{width:55%;height:55%}

  /* CTA circle — sits naturally below tagline, centered */
  .umrkhn-contact-cta{
    position:relative;z-index:5;
    margin-top:50px;
    width:118px;height:118px;border-radius:50%;
    background:var(--black);color:#fff;
    display:flex;align-items:center;justify-content:center;
    box-shadow:0 18px 40px -10px rgba(0,0,0,0.5);
    animation:spin 14s linear infinite;
  }
  .umrkhn-contact-cta svg{position:absolute;width:100%;height:100%;top:0;left:0}
  .umrkhn-contact-cta span{position:relative;z-index:2;font-size:22px;animation:spinr 14s linear infinite}
  @keyframes spin{to{transform:rotate(360deg)}}
  @keyframes spinr{to{transform:rotate(-360deg)}}
  .umrkhn-contact-cta:hover{animation-play-state:paused}

  /* hero bottom strip */
  .umrkhn-hero-strip{
    margin-top:auto;padding-top:30px;
    width:100%;
    display:flex;align-items:center;justify-content:space-between;
    font-size:11px;letter-spacing:.12em;text-transform:uppercase;
    position:relative;z-index:5;
  }
  .umrkhn-hero-strip .umrkhn-scroll{display:flex;align-items:center;gap:10px;color:var(--gray)}
  .umrkhn-scroll-line{width:60px;height:1px;background:var(--black);position:relative;overflow:hidden}
  .umrkhn-scroll-line::after{content:"";position:absolute;inset:0;background:#fff;animation:slide 2.4s infinite linear}
  @keyframes slide{0%{transform:translateX(-100%)}100%{transform:translateX(100%)}}
  .umrkhn-hero-strip .umrkhn-availability{display:flex;align-items:center;gap:8px;font-weight:600}
  .umrkhn-pulse{width:8px;height:8px;border-radius:50%;background:#16a34a;box-shadow:0 0 0 0 rgba(22,163,74,.6);animation:pulse 2s infinite}
  @keyframes pulse{0%{box-shadow:0 0 0 0 rgba(22,163,74,.5)}70%{box-shadow:0 0 0 10px rgba(22,163,74,0)}100%{box-shadow:0 0 0 0 rgba(22,163,74,0)}}

  /* ---------- HERO META ROW (services + track record) ---------- */
  .umrkhn-hero-meta{
    background:var(--paper);
    padding:90px 40px 110px;
    border-top:1px solid var(--line);
  }
  .umrkhn-hero-meta-grid{
    max-width:1280px;margin:0 auto;
    display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:start;
  }
  .umrkhn-meta-col h4{
    font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--gray);font-weight:700;
    margin-bottom:26px;
  }
  .umrkhn-svc{display:flex;align-items:flex-start;gap:14px;margin-bottom:14px;font-size:19px;font-weight:500;line-height:1.75}
  .umrkhn-svc .umrkhn-num{
    font-family:'Instrument Serif',serif;font-style:italic;
    font-size:18px;color:var(--gray);min-width:22px;
  }
  .umrkhn-svc .umrkhn-text b{font-weight:700}

  .umrkhn-rec-card{
    background:var(--black);color:#fff;
    border-radius:20px;padding:28px 30px;
    box-shadow:0 30px 70px -25px rgba(0,0,0,0.6);
  }
  .umrkhn-rec-head{display:flex;justify-content:space-between;align-items:flex-start}
  .umrkhn-rec-head .umrkhn-label{font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:#bdbdbd;font-weight:600}
  .umrkhn-rec-score{
    font-family:var(--display);
    font-size:60px;line-height:.9;letter-spacing:-.03em;
    margin-top:8px;color:#fff;
  }
  .umrkhn-rec-score small{font-size:24px;color:#888;font-family:'Archivo Black',sans-serif}
  .umrkhn-rec-sub{font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:#bdbdbd;margin-top:10px}
  .umrkhn-stars{display:flex;gap:3px;color:#fff;margin-top:14px}
  .umrkhn-stars svg{width:14px;height:14px}
  .umrkhn-reviews{display:flex;flex-direction:column;gap:14px;margin-top:20px;padding-top:20px;border:0}
  .umrkhn-review{display:flex;gap:12px;align-items:flex-start;font-size:19px;color:#d4d4d4;line-height:1.75}
  .umrkhn-review .umrkhn-av{
    width:26px;height:26px;border-radius:50%;
    background:#1f1f1f;color:#fff;flex-shrink:0;
    display:flex;align-items:center;justify-content:center;
    font-size:9px;font-weight:700;letter-spacing:.04em;
    border:1px solid #2a2a2a;
  }

  /* ---------- MARQUEE ---------- */
  .umrkhn-marquee{background:var(--black);color:#fff;overflow:hidden;padding:18px 0;border-top:1px solid #222;border-bottom:1px solid #222}
  .umrkhn-marquee-track{display:flex;gap:72px;width:max-content;animation:marquee 32s linear infinite}
  .umrkhn-marquee-item{
    font-family:var(--display);font-size:36px;letter-spacing:-.01em;text-transform:uppercase;
    display:flex;align-items:center;gap:12px;white-space:nowrap;flex-shrink:0;
  }
  .umrkhn-marquee-item em{font-family:'Instrument Serif',serif;font-style:italic;font-weight:400;color:#888}
  .umrkhn-marquee-star{color:#fff;font-size:24px}
  @keyframes marquee{to{transform:translateX(-50%)}}

  /* ---------- SECTION COMMON ---------- */
  section{padding:120px 40px}
  .umrkhn-eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:11px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--gray);margin-bottom:24px}
  .umrkhn-eyebrow .umrkhn-ln{width:30px;height:1px;background:var(--black)}
  .umrkhn-section-title{
    font-family:var(--display);
    font-size:clamp(44px,6vw,96px);line-height:.92;letter-spacing:-.02em;
    text-transform:uppercase;
  }
  .umrkhn-section-title em{font-family:'Instrument Serif',serif;font-style:italic;font-weight:400;text-transform:none}

  /* ---------- TIKTOK SHOP TITLE HOVER FLIP ---------- */
  #about{
    --tts-icon-size: 220px;
    --tts-icon-x: 4px;
    --tts-icon-y: -39px;
    --tts-gap-left: -86px;
    --tts-gap-right: -99px;
    --tts-speed: 0.38s;
  }
  .umrkhn-tts-flip{
    display:inline-block;
    position:relative;
    cursor:pointer;
    vertical-align:baseline;
    margin-left:0px;
    margin-right:0px;
    transition:margin var(--tts-speed, 0.38s) cubic-bezier(0.16,1,0.3,1);
  }
  .umrkhn-tts-suffix{
    display:inline-block;
    vertical-align:baseline;
    white-space:pre;
  }
  .umrkhn-tts-text{
    display:inline-block;
    opacity:1;
    transform:scale(1);
    transition:opacity .25s ease, transform .25s cubic-bezier(0.16,1,0.3,1);
  }
  .umrkhn-tts-media{
    position:absolute;
    left:50%;
    top:50%;
    transform:translate(-50%, calc(-50% + 4px)) scale(0.7);
    opacity:0;
    pointer-events:auto;
    transition:opacity .25s ease, transform .25s cubic-bezier(0.16,1,0.3,1);
    z-index:2;
    display:flex;
    align-items:center;
    justify-content:center;
    white-space:nowrap;
  }
  .umrkhn-tts-media img{
    height:var(--tts-icon-size, 220px);
    width:var(--tts-icon-size, 220px);
    max-width:none !important;
    max-height:none !important;
    object-fit:contain;
    display:block;
    transform:translate(var(--tts-icon-x, 4px), var(--tts-icon-y, -39px));
    filter:drop-shadow(0 6px 18px rgba(0,0,0,0.22));
    transition:transform .12s ease;
  }

  /* 1. When hovering over the About section (or preview active): text fades, icon shows, margins glide inward */
  .umrkhn-about:hover .umrkhn-tts-flip,
  .umrkhn-about.is-section-hovered .umrkhn-tts-flip,
  .umrkhn-about.is-preview-active .umrkhn-tts-flip{
    margin-left:var(--tts-gap-left, 0px);
    margin-right:var(--tts-gap-right, 0px);
  }
  .umrkhn-about:hover .umrkhn-tts-text,
  .umrkhn-about.is-section-hovered .umrkhn-tts-text,
  .umrkhn-about.is-preview-active .umrkhn-tts-text{
    opacity:0;
    transform:scale(0.88);
  }
  .umrkhn-about:hover .umrkhn-tts-media,
  .umrkhn-about.is-section-hovered .umrkhn-tts-media,
  .umrkhn-about.is-preview-active .umrkhn-tts-media{
    opacity:1;
    transform:translate(-50%, -50%) scale(1);
  }

  /* 2. When hovering directly on the icon/text: flip back to text, margins smoothly expand back */
  .umrkhn-about:not(.is-preview-active):hover .umrkhn-tts-flip:hover,
  .umrkhn-about:not(.is-preview-active).is-section-hovered .umrkhn-tts-flip:hover,
  .umrkhn-about:not(.is-preview-active) .umrkhn-tts-flip.is-element-hovered{
    margin-left:0px !important;
    margin-right:0px !important;
  }
  .umrkhn-about:not(.is-preview-active):hover .umrkhn-tts-flip:hover .umrkhn-tts-text,
  .umrkhn-about:not(.is-preview-active).is-section-hovered .umrkhn-tts-flip:hover .umrkhn-tts-text,
  .umrkhn-about:not(.is-preview-active) .umrkhn-tts-flip.is-element-hovered .umrkhn-tts-text{
    opacity:1 !important;
    transform:scale(1) !important;
  }
  .umrkhn-about:not(.is-preview-active):hover .umrkhn-tts-flip:hover .umrkhn-tts-media,
  .umrkhn-about:not(.is-preview-active).is-section-hovered .umrkhn-tts-flip:hover .umrkhn-tts-media,
  .umrkhn-about:not(.is-preview-active) .umrkhn-tts-flip.is-element-hovered .umrkhn-tts-media{
    opacity:0 !important;
    transform:translate(-50%, calc(-50% + 4px)) scale(0.7) !important;
  }

  /* ---------- ABOUT ---------- */
  .umrkhn-about{background:var(--paper)}
  .umrkhn-about-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:start;margin-top:60px}
  .umrkhn-about-lead{
    font-family:'Instrument Serif',serif;font-size:clamp(28px,3vw,46px);
    line-height:1.15;letter-spacing:-.01em;
  }
  .umrkhn-about-lead em{font-style:italic}

  /* ---------- ABOUT BRANDS (3 PER ROW, HOVER PUSH FLIP) ---------- */
  .umrkhn-about-brands {
    --brand-size: 115px;
    --brand-gap-x: 22px;
    --brand-gap-y: 10px;
    --brand-shift-x: -5px;
    --brand-row-align: center;
    --brand-speed: .32s;
    display: flex;
    flex-direction: column;
    gap: var(--brand-gap-y, 10px);
    margin-top: 42px;
    width: 100%;
    transform: translateX(var(--brand-shift-x, -5px));
  }
  .umrkhn-brand-row {
    display: flex;
    align-items: center;
    justify-content: var(--brand-row-align, center);
    gap: var(--brand-gap-x, 22px);
    width: 100%;
  }
  .umrkhn-brand-flip {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 var(--brand-size, 115px);
    width: var(--brand-size, 115px);
    height: var(--brand-size, 115px);
    text-decoration: none;
    cursor: pointer;
    vertical-align: middle;
    transition: flex-basis var(--brand-speed, .32s) cubic-bezier(0.16, 1, 0.3, 1),
                width var(--brand-speed, .32s) cubic-bezier(0.16, 1, 0.3, 1);
  }

  /* Specific hover widths so each brand name fits comfortably while pushing siblings */
  .umrkhn-brand-flip[data-brand="reacher"]:hover {
    flex: 0 0 148px;
    width: 148px;
  }
  .umrkhn-brand-flip[data-brand="dedcool"]:hover {
    flex: 0 0 148px;
    width: 148px;
  }
  .umrkhn-brand-flip[data-brand="amie"]:hover {
    flex: 0 0 188px;
    width: 188px;
  }
  .umrkhn-brand-flip[data-brand="creatify"]:hover {
    flex: 0 0 156px;
    width: 156px;
  }
  .umrkhn-brand-flip[data-brand="magnaware"]:hover {
    flex: 0 0 188px;
    width: 188px;
  }
  .umrkhn-brand-flip[data-brand="hardypaw"]:hover {
    flex: 0 0 166px;
    width: 166px;
  }

  .umrkhn-brand-flip-media {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%) scale(1);
    width: var(--brand-size, 115px);
    height: var(--brand-size, 115px);
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 22px;
    overflow: hidden;
    background: #fff;
    border: 1px solid rgba(0, 0, 0, 0.08);
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.06);
    opacity: 1;
    transition: opacity .25s ease, transform .25s cubic-bezier(0.16, 1, 0.3, 1), box-shadow .25s ease;
  }
  .umrkhn-brand-flip[data-brand="dedcool"] .umrkhn-brand-flip-media {
    background: #000;
    border-color: rgba(0, 0, 0, 0.2);
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.16);
  }
  .umrkhn-brand-flip-media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    border-radius: inherit;
  }
  .umrkhn-brand-flip-text {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%) scale(0.78);
    opacity: 0;
    pointer-events: none;
    font-family: 'Instrument Serif', serif;
    font-style: italic;
    font-weight: 400;
    font-size: clamp(30px, 3vw, 42px);
    line-height: 1;
    text-transform: none;
    letter-spacing: -0.01em;
    color: var(--black, #0f0f10);
    white-space: nowrap;
    text-align: center;
    transition: opacity .25s ease, transform .25s cubic-bezier(0.16, 1, 0.3, 1);
  }

  /* Hover flip: logo fades & scales out, big italic text fades & scales in */
  .umrkhn-brand-flip:hover .umrkhn-brand-flip-media {
    opacity: 0;
    transform: translate(-50%, -50%) scale(0.75);
  }
  .umrkhn-brand-flip:hover .umrkhn-brand-flip-text {
    opacity: 1;
    transform: translate(-50%, -50%) scale(1);
  }
  .umrkhn-brand-flip:focus-visible {
    outline: 2px solid var(--accent, #0f0f10);
    outline-offset: 3px;
    border-radius: 22px;
  }

  @media (max-width: 600px) {
    .umrkhn-about-brands {
      --brand-size: 72px;
      --brand-gap-x: 8px;
      --brand-gap-y: 10px;
      margin-top: 28px;
    }
    .umrkhn-brand-flip-media {
      border-radius: 16px;
    }
    .umrkhn-brand-flip[data-brand="reacher"]:hover { flex-basis: 110px; width: 110px; }
    .umrkhn-brand-flip[data-brand="dedcool"]:hover { flex-basis: 110px; width: 110px; }
    .umrkhn-brand-flip[data-brand="amie"]:hover { flex-basis: 140px; width: 140px; }
    .umrkhn-brand-flip[data-brand="creatify"]:hover { flex-basis: 115px; width: 115px; }
    .umrkhn-brand-flip[data-brand="magnaware"]:hover { flex-basis: 140px; width: 140px; }
    .umrkhn-brand-flip[data-brand="hardypaw"]:hover { flex-basis: 125px; width: 125px; }
    .umrkhn-brand-flip-text {
      font-size: clamp(22px, 5.5vw, 30px);
    }
  }

  .umrkhn-about-body{font-size:19px;line-height:1.75;color:#2a2a2a}
  .umrkhn-about-body p{margin-bottom:22px}
  .umrkhn-about-stats{
    display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:40px;
    border-top:1px solid var(--line);padding-top:30px;
  }
  .umrkhn-stat .umrkhn-v{font-family:var(--display);font-size:44px;line-height:1;letter-spacing:-.02em}
  .umrkhn-stat .umrkhn-v em{font-family:'Instrument Serif',serif;font-style:italic;font-weight:400}
  .umrkhn-stat .umrkhn-l{font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--gray);margin-top:8px}

  /* ---------- JOURNEY ---------- */
  .umrkhn-journey{
    background:var(--black);
    color:#fff;
    padding-top:100px;
    padding-bottom:100px;
  }
  .umrkhn-journey .umrkhn-eyebrow{color:#888}
  .umrkhn-journey .umrkhn-eyebrow .umrkhn-ln{background:#fff}
  .umrkhn-journey .umrkhn-section-title{
    color:#fff;
  }

  /* intro header row */
  .umrkhn-journey-header{
    margin-bottom:50px;
  }

  /* The Journey — Layout & Logo Sizes */
  #journey {
    --tl-col-identity: 546px;
    --tl-icon-shift: 0px;
    --tl-name-shift: 0px;
    --tl-icon-name-gap: 17px;
    --tl-desc-shift: 2px;
    --tl-col-gap: 51px;
    --tl-desc-max-width: 580px;
    --tl-date-shift: 0px;
    --tl-logo-size: 114px;
    --tl-logo-reacher: 114px;
    --tl-logo-dedcool: 114px;
    --tl-logo-amie: 114px;
    --tl-logo-creatify: 114px;
    --tl-logo-magnaware: 114px;
    --tl-logo-hardypaw: 114px;
  }

  /* timeline rows — 3 col: identity | desc | date */
  .umrkhn-timeline{
    display:flex;
    flex-direction:column;
  }
  .umrkhn-tl-row{
    display:grid;
    grid-template-columns:var(--tl-col-identity, 546px) 1fr auto;
    gap:40px var(--tl-col-gap, 51px);
    padding:36px 0;
    border-top:1px solid rgba(255,255,255,0.08);
    align-items:center;
    cursor:default;
    transition:background .22s ease;
    margin:0 -40px;
    padding-left:40px;
    padding-right:40px;
    border-radius:4px;
  }
  .umrkhn-tl-row:hover{background:rgba(255,255,255,0.04)}
  .umrkhn-tl-row:last-child{border-bottom:1px solid rgba(255,255,255,0.08)}

  /* COL 1 — image placeholder + brand name + role */
  .umrkhn-tl-identity{
    display:flex;
    align-items:center;
    gap:var(--tl-icon-name-gap, 17px);
  }
  .umrkhn-tl-logo{
    width:var(--tl-logo-size, 114px);
    height:var(--tl-logo-size, 114px);
    flex-shrink:0;
    border-radius:20px;
    background:rgba(255,255,255,0.06);
    border:1px solid rgba(255,255,255,0.1);
    overflow:hidden;
    transform:translateX(var(--tl-icon-shift, 0px));
  }
  .umrkhn-tl-logo img{
    width:100%;
    height:100%;
    object-fit:cover;
    display:block;
    border-radius:inherit;
  }
  .umrkhn-tl-meta{
    transform:translateX(var(--tl-name-shift, 0px));
  }
  .umrkhn-tl-brand{
    font-family:var(--display);
    font-size:clamp(20px,2vw,28px);
    letter-spacing:-.01em;
    text-transform:uppercase;
    line-height:1.05;
    color:#fff;
  }
  .umrkhn-tl-brand em{
    font-family:'Instrument Serif',serif;
    font-style:italic;
    font-weight:400;
    text-transform:none;
  }
  .umrkhn-tl-link{
    color:inherit;
    text-decoration:none;
    display:inline-flex;
    align-items:center;
    gap:8px;
    transition:color .18s ease;
  }
  .umrkhn-tl-link:hover{
    color:#fff;
  }
  .umrkhn-tl-ext{
    width:16px;
    height:16px;
    color:rgba(255,255,255,0.4);
    flex-shrink:0;
    transition:all .18s ease;
    display:inline-block;
    vertical-align:middle;
  }
  .umrkhn-tl-row:hover .umrkhn-tl-ext,
  .umrkhn-tl-link:hover .umrkhn-tl-ext{
    color:#fff;
    transform:translate(2px, -2px);
  }
  .umrkhn-tl-role{
    font-family:'Instrument Serif',serif;
    font-style:italic;
    font-weight:400;
    font-size:clamp(20px,1.9vw,25px);
    line-height:1.25;
    color:#b5b5b5;
    margin-top:6px;
    text-transform:none;
    letter-spacing:0;
  }

  /* COL 2 — description */
  .umrkhn-tl-desc{
    font-size:19px;
    line-height:1.75;
    color:#999;
    max-width:var(--tl-desc-max-width, 520px);
    transform:translateX(var(--tl-desc-shift, 0px));
  }
  .umrkhn-tl-desc strong{color:#fff;font-weight:600}

  /* COL 3 — date */
  .umrkhn-tl-when{
    font-family:var(--display);
    font-size:clamp(18px,2.2vw,32px);
    letter-spacing:-.02em;
    line-height:1;
    color:#fff;
    white-space:nowrap;
    text-align:right;
    text-transform:uppercase;
    transform:translateX(var(--tl-date-shift, 0px));
  }

  /* Per-brand logo size overrides */
  .umrkhn-tl-row[data-brand="reacher"] .umrkhn-tl-logo{
    width:var(--tl-logo-reacher, var(--tl-logo-size, 80px));
    height:var(--tl-logo-reacher, var(--tl-logo-size, 80px));
  }
  .umrkhn-tl-row[data-brand="dedcool"] .umrkhn-tl-logo{
    width:var(--tl-logo-dedcool, var(--tl-logo-size, 80px));
    height:var(--tl-logo-dedcool, var(--tl-logo-size, 80px));
  }
  .umrkhn-tl-row[data-brand="amie"] .umrkhn-tl-logo{
    width:var(--tl-logo-amie, var(--tl-logo-size, 80px));
    height:var(--tl-logo-amie, var(--tl-logo-size, 80px));
  }
  .umrkhn-tl-row[data-brand="creatify"] .umrkhn-tl-logo{
    width:var(--tl-logo-creatify, var(--tl-logo-size, 80px));
    height:var(--tl-logo-creatify, var(--tl-logo-size, 80px));
  }
  .umrkhn-tl-row[data-brand="magnaware"] .umrkhn-tl-logo{
    width:var(--tl-logo-magnaware, var(--tl-logo-size, 80px));
    height:var(--tl-logo-magnaware, var(--tl-logo-size, 80px));
  }
  .umrkhn-tl-row[data-brand="hardypaw"] .umrkhn-tl-logo{
    width:var(--tl-logo-hardypaw, var(--tl-logo-size, 80px));
    height:var(--tl-logo-hardypaw, var(--tl-logo-size, 80px));
  }

  /* hide old result block */
  .umrkhn-tl-result{display:none}

  /* responsive */
  @media (max-width:900px){
    .umrkhn-tl-row{
      grid-template-columns:1fr 1fr;
      grid-template-rows:auto auto;
    }
    .umrkhn-tl-identity{grid-column:1;grid-row:1}
    .umrkhn-tl-when{grid-column:2;grid-row:1;align-self:start}
    .umrkhn-tl-desc{grid-column:1/-1;grid-row:2}
  }
  @media (max-width:600px){
    .umrkhn-tl-row{
      grid-template-columns:1fr;
      grid-template-rows:auto;
      gap:14px;
      margin:0 -22px;
      padding-left:22px;
      padding-right:22px;
    }
    .umrkhn-tl-logo{width:64px;height:64px;border-radius:14px}
    .umrkhn-tl-identity,.umrkhn-tl-when,.umrkhn-tl-desc{grid-column:1;grid-row:auto}
    .umrkhn-tl-when{text-align:left;font-size:clamp(20px,6vw,28px)}
  }

  /* ---------- REIMEI ---------- */
  .umrkhn-reimei{background:var(--paper);position:relative;overflow:hidden}
  .umrkhn-reimei .umrkhn-section-title{
    font-size:clamp(32px,5.2vw,76px);
    line-height:.95;
    letter-spacing:-.02em;
  }
  @media (min-width:901px){
    .umrkhn-reimei .umrkhn-section-title{
      white-space:nowrap;
    }
  }
  .umrkhn-reimei-grid{
    display:grid;
    grid-template-columns:1.15fr 1fr;
    gap:64px;
    align-items:center;
    margin-top:52px;
  }
  .umrkhn-reimei-lead{
    font-family:'Instrument Serif',serif;
    font-size:clamp(30px,3.4vw,48px);
    line-height:1.24;
    letter-spacing:-.01em;
    color:#111;
    margin:0;
  }
  .umrkhn-reimei-lead em{font-style:italic}
  .umrkhn-reimei-body{
    margin-top:56px;
    padding-top:44px;
    border-top:1px solid rgba(0,0,0,0.08);
    width:100%;
    max-width:100%;
    font-size:clamp(19px,1.6vw,22px);
    line-height:1.8;
    color:#2a2a2a;
  }
  .umrkhn-reimei-body p{margin-bottom:18px}
  .umrkhn-reimei-body p:last-child{margin-bottom:0}
  .umrkhn-reimei-body strong{color:#000;font-weight:700}
  .umrkhn-reimei-card{
    background:var(--black);color:#fff;border-radius:24px;padding:48px 44px;
    position:relative;overflow:hidden;
  }
  .umrkhn-reimei-card::before{
    content:"";position:absolute;top:-40%;right:-20%;width:80%;height:140%;
    background:radial-gradient(circle, rgba(255,255,255,0.08) 0%, transparent 60%);
    pointer-events:none;
  }
  .umrkhn-reimei-logo{
    font-family:var(--display);font-size:80px;line-height:.9;letter-spacing:-.02em;
    text-transform:uppercase;
  }
  .umrkhn-reimei-logo em{font-family:'Instrument Serif',serif;font-style:italic;font-weight:400;text-transform:none}
  .umrkhn-reimei-tag{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:#aaa;margin-top:14px}
  .umrkhn-reimei-features{margin-top:36px;display:flex;flex-direction:column;gap:14px}
  .umrkhn-reimei-feat{display:flex;gap:14px;align-items:flex-start;font-size:18px;color:#d4d4d4;line-height:1.6}
  .umrkhn-reimei-feat .umrkhn-ic{
    width:26px;height:26px;border-radius:8px;border:1px solid #2a2a2a;flex-shrink:0;
    display:flex;align-items:center;justify-content:center;font-size:13px;
  }
  @media (max-width:900px){
    .umrkhn-reimei-grid{grid-template-columns:1fr;gap:40px}
    .umrkhn-reimei-body{margin-top:40px;padding-top:28px}
  }

  /* ---------- CONTACT ---------- */
  .umrkhn-contact{background:var(--black);color:#fff;text-align:center;padding:140px 40px}
  .umrkhn-contact .umrkhn-eyebrow{color:#888;justify-content:center}
  .umrkhn-contact .umrkhn-eyebrow .umrkhn-ln{background:#fff}
  .umrkhn-contact-title{
    font-family:var(--display);font-size:clamp(60px,11vw,180px);
    line-height:.86;letter-spacing:-.03em;text-transform:uppercase;
  }
  .umrkhn-contact-title em{font-family:'Instrument Serif',serif;font-style:italic;font-weight:400;text-transform:none}
  .umrkhn-contact-sub{font-size:19px;color:#aaa;max-width:560px;margin:30px auto 0;line-height:1.75}
  .umrkhn-contact-social{
    margin-top:44px;
    display:flex;
    justify-content:center;
    align-items:center;
  }
  .umrkhn-contact-linkedin{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    width:38px;
    height:38px;
    border-radius:10px;
    overflow:hidden;
    transition:transform .22s cubic-bezier(0.16, 1, 0.3, 1), box-shadow .22s ease, filter .22s ease;
  }
  .umrkhn-contact-linkedin:hover{
    transform:translateY(-3px) scale(1.08);
    filter:brightness(1.12);
    box-shadow:0 8px 22px rgba(10, 102, 194, 0.45);
  }
  .umrkhn-contact-linkedin img{
    width:100%;
    height:100%;
    object-fit:cover;
    display:block;
  }

  /* ---------- BACK TO TOP CIRCLE ---------- */
  .umrkhn-back-to-top{
    position:fixed;
    bottom:28px;
    right:28px;
    z-index:999;
    width:50px;
    height:50px;
    border-radius:50%;
    background:#111113;
    border:1px solid rgba(255,255,255,0.18);
    color:#fff;
    display:flex;
    align-items:center;
    justify-content:center;
    cursor:pointer;
    box-shadow:0 10px 30px rgba(0,0,0,0.4);
    opacity:0;
    pointer-events:none;
    transform:translateY(14px) scale(0.9);
    transition:opacity .25s cubic-bezier(0.16,1,0.3,1), transform .25s cubic-bezier(0.16,1,0.3,1), background .2s ease, border-color .2s ease, box-shadow .2s ease;
  }
  .umrkhn-back-to-top.is-visible{
    opacity:1;
    pointer-events:auto;
    transform:translateY(0) scale(1);
  }
  .umrkhn-back-to-top:hover{
    background:#1e1e22;
    border-color:rgba(255,255,255,0.38);
    transform:translateY(-3px) scale(1.06);
    box-shadow:0 14px 36px rgba(0,0,0,0.5);
    color:#fff;
  }
  .umrkhn-back-to-top svg{
    width:22px;
    height:22px;
    transition:transform .2s ease;
  }
  .umrkhn-back-to-top:hover svg{
    transform:translateY(-2px);
  }
  @media (max-width:600px){
    .umrkhn-back-to-top{
      bottom:20px;
      right:20px;
      width:44px;
      height:44px;
    }
    .umrkhn-back-to-top svg{
      width:20px;
      height:20px;
    }
  }

  /* ---------- RESPONSIVE ---------- */
  @media (max-width:1100px){
    .umrkhn-hero{padding:120px 24px 40px}
    .umrkhn-bg-text .umrkhn-line{font-size:clamp(50px,15vw,140px)}
    .umrkhn-hero-meta-grid{grid-template-columns:1fr;gap:50px}
    .umrkhn-nav{padding:18px 20px}
    .umrkhn-nav-links{display:none}
    section{padding:80px 24px}
    .umrkhn-hero-meta{padding:60px 24px 80px}
    .umrkhn-marquee-item{font-size:24px}
    .umrkhn-sparkle{display:none}
  }

  .umrkhn-reveal{opacity:0;transform:translateY(30px);transition:opacity .8s ease, transform .8s cubic-bezier(.2,.8,.2,1)}
  .umrkhn-reveal.umrkhn-in{opacity:1;transform:none}

  /* ---------- INTERACTIVE HERO PROFILE CARD ---------- */
  .umrkhn-portrait-wrap{perspective:900px}
  .umrkhn-profile-card{
    --pc-pointer-x:50%;
    --pc-pointer-y:50%;
    --pc-from-center:0;
    --pc-from-top:.5;
    --pc-from-left:.5;
    --pc-rotate-x:0deg;
    --pc-rotate-y:0deg;
    --pc-bg-x:50%;
    --pc-bg-y:50%;
    position:relative;
    width:100%;
    transform:translate3d(0,0,.1px);
    touch-action:pan-y;
  }
  .umrkhn-profile-shell{
    position:relative;
    z-index:1;
    transform-style:preserve-3d;
  }
  .umrkhn-profile-glow{
    position:absolute;
    inset:-10%;
    z-index:0;
    border-radius:30px;
    pointer-events:none;
    background:radial-gradient(
      circle at var(--pc-pointer-x) var(--pc-pointer-y),
      rgba(125,190,255,.72) 0,
      rgba(159,112,255,.32) 22%,
      transparent 58%
    );
    filter:blur(42px) saturate(1.2);
    opacity:0;
    transition:opacity .25s ease;
  }
  .umrkhn-profile-card:is(:hover,.is-active) .umrkhn-profile-glow{opacity:.9}
  .umrkhn-profile-card .umrkhn-portrait{
    isolation:isolate;
    backface-visibility:hidden;
    transform:translateZ(0) rotateX(0deg) rotateY(0deg);
    transform-style:preserve-3d;
    transition:transform .75s cubic-bezier(.2,.8,.2,1),box-shadow .35s ease;
  }
  .umrkhn-profile-card.is-active .umrkhn-portrait{
    transform:translateZ(0) rotateX(var(--pc-rotate-y)) rotateY(var(--pc-rotate-x));
    transition:none;
    box-shadow:0 46px 78px -26px rgba(0,0,0,.65),0 0 0 1px rgba(0,0,0,.1);
  }
  .umrkhn-profile-card.is-entering .umrkhn-portrait{transition:transform .18s ease-out}
  .umrkhn-profile-shine,
  .umrkhn-profile-glare{
    position:absolute;
    inset:0;
    border-radius:inherit;
    pointer-events:none;
  }
  .umrkhn-profile-shine{
    z-index:4;
    opacity:.16;
    background-image:
      repeating-linear-gradient(
        -35deg,
        hsl(2 100% 73%) 0 5%,
        hsl(53 100% 69%) 8%,
        hsl(176 100% 76%) 13%,
        hsl(228 100% 74%) 18%,
        hsl(283 100% 73%) 23%,
        hsl(2 100% 73%) 28%
      ),
      radial-gradient(
        circle at var(--pc-pointer-x) var(--pc-pointer-y),
        rgba(255,255,255,.88),
        rgba(255,255,255,.08) 30%,
        rgba(0,0,0,.38) 68%
      );
    background-size:350% 350%,100% 100%;
    background-position:var(--pc-bg-x) var(--pc-bg-y),center;
    background-blend-mode:color-dodge,soft-light;
    mix-blend-mode:color-dodge;
    filter:brightness(calc(.72 + var(--pc-from-center))) saturate(.78) contrast(1.2);
    transition:opacity .35s ease,filter .35s ease;
  }
  .umrkhn-profile-card:is(:hover,.is-active) .umrkhn-profile-shine{opacity:.42}
  .umrkhn-profile-shine::after{
    content:"";
    position:absolute;
    inset:0;
    background:
      repeating-radial-gradient(circle at 0 0,transparent 0 7px,rgba(255,255,255,.28) 8px,transparent 9px),
      linear-gradient(115deg,transparent 18%,rgba(255,255,255,.65) 38%,transparent 58%);
    background-size:24px 24px,220% 100%;
    background-position:var(--pc-bg-x) var(--pc-bg-y),var(--pc-bg-x) center;
    mix-blend-mode:overlay;
    opacity:.48;
  }
  .umrkhn-profile-glare{
    z-index:5;
    background:radial-gradient(
      farthest-corner circle at var(--pc-pointer-x) var(--pc-pointer-y),
      rgba(255,255,255,.62) 0,
      rgba(139,173,255,.18) 28%,
      transparent 68%
    );
    mix-blend-mode:screen;
    opacity:.08;
    transition:opacity .3s ease;
  }
  .umrkhn-profile-card:is(:hover,.is-active) .umrkhn-profile-glare{opacity:.42}
  .umrkhn-profile-photo{
    position:absolute;
    inset:0;
    z-index:1;
    width:100%;
    height:100%;
    max-width:none;
    object-fit:cover;
    object-position:50% 50%;
    border-radius:inherit;
  }
  .umrkhn-profile-card .umrkhn-silhouette{z-index:1}
  .umrkhn-profile-card .umrkhn-watermark{z-index:2}
  .umrkhn-profile-card .umrkhn-tag-ume{z-index:7}
  .umrkhn-profile-details{
    position:absolute;
    top:22px;
    left:0;
    right:0;
    z-index:7;
    color:#fff;
    text-align:center;
    pointer-events:none;
  }
  .umrkhn-profile-details h2{
    margin:0;
    font-family:var(--display);
    font-size:clamp(22px,2.2vw,34px);
    line-height:1;
    letter-spacing:-.025em;
    text-transform:uppercase;
    background:linear-gradient(180deg,#fff 15%,#b7c4ff 100%);
    background-clip:text;
    -webkit-background-clip:text;
    -webkit-text-fill-color:transparent;
  }
  .umrkhn-profile-details p{
    margin:8px 0 0;
    color:rgba(255,255,255,.72);
    font-size:10px;
    font-weight:700;
    letter-spacing:.14em;
    text-transform:uppercase;
  }
  @media (hover:none),(pointer:coarse){
    .umrkhn-profile-glow{opacity:.35}
    .umrkhn-profile-card .umrkhn-portrait{transform:none}
  }
  @media (prefers-reduced-motion:reduce){
    .umrkhn-profile-card,
    .umrkhn-profile-card *{animation:none!important;transition:none!important}
    .umrkhn-profile-card .umrkhn-portrait{transform:none!important}
  }

  /* Black-and-white portrait with a cursor-following full-colour reveal. */
  .umrkhn-profile-shine,
  .umrkhn-profile-glare{
    display:none;
  }
  .umrkhn-profile-photo{
    filter:grayscale(1) contrast(1.04);
  }
  .umrkhn-profile-photo-color{
    z-index:2;
    opacity:0;
    filter:none;
    pointer-events:none;
    -webkit-mask-image:
      radial-gradient(
        ellipse 78% 58% at var(--pc-pointer-x) var(--pc-pointer-y),
        #000 0,
        rgba(0,0,0,.96) 24%,
        rgba(0,0,0,.72) 48%,
        rgba(0,0,0,.34) 68%,
        rgba(0,0,0,.1) 84%,
        transparent 100%
      ),
      radial-gradient(
        ellipse 52% 74% at calc(var(--pc-pointer-x) + 42px) calc(var(--pc-pointer-y) - 28px),
        rgba(0,0,0,.72) 0,
        rgba(0,0,0,.42) 35%,
        rgba(0,0,0,.12) 66%,
        transparent 92%
      );
    mask-image:
      radial-gradient(
        ellipse 78% 58% at var(--pc-pointer-x) var(--pc-pointer-y),
        #000 0,
        rgba(0,0,0,.96) 24%,
        rgba(0,0,0,.72) 48%,
        rgba(0,0,0,.34) 68%,
        rgba(0,0,0,.1) 84%,
        transparent 100%
      ),
      radial-gradient(
        ellipse 52% 74% at calc(var(--pc-pointer-x) + 42px) calc(var(--pc-pointer-y) - 28px),
        rgba(0,0,0,.72) 0,
        rgba(0,0,0,.42) 35%,
        rgba(0,0,0,.12) 66%,
        transparent 92%
      );
    -webkit-mask-repeat:no-repeat;
    mask-repeat:no-repeat;
    transition:opacity .18s ease;
    will-change:opacity,-webkit-mask-image,mask-image;
  }
  .umrkhn-profile-card:hover .umrkhn-profile-photo-color,
  .umrkhn-profile-card:focus-within .umrkhn-profile-photo-color{
    opacity:1;
  }
  @media (hover:none),(pointer:coarse){
    .umrkhn-profile-photo{filter:none}
    .umrkhn-profile-photo-color{display:none}
  }

  /* The portrait itself stays free of all labels and badges. */
  .umrkhn-profile-card .umrkhn-tag-ume{display:none}

  /* ---------- HERO DESIGN PREVIEW SWITCHER ---------- */
  .umrkhn-hero-picker{
    position:fixed;
    left:50%;
    bottom:18px;
    z-index:999;
    display:flex;
    align-items:center;
    gap:12px;
    padding:8px 10px 8px 14px;
    border:1px solid rgba(255,255,255,.16);
    border-radius:999px;
    background:rgba(10,10,10,.9);
    color:#fff;
    box-shadow:0 18px 45px rgba(0,0,0,.28);
    backdrop-filter:blur(18px);
    transform:translateX(-50%);
  }
  .umrkhn-hero-picker__label{
    display:flex;
    align-items:center;
    gap:7px;
    font-size:9px;
    font-weight:700;
    letter-spacing:.14em;
    text-transform:uppercase;
    white-space:nowrap;
  }
  .umrkhn-hero-picker__label strong{
    font-family:var(--display);
    font-size:13px;
    letter-spacing:0;
  }
  .umrkhn-hero-picker__options{display:flex;gap:4px}
  .umrkhn-hero-picker__options a{
    width:26px;
    height:26px;
    border:1px solid rgba(255,255,255,.2);
    border-radius:50%;
    display:grid;
    place-items:center;
    font-size:9px;
    font-weight:700;
    transition:background .2s ease,color .2s ease,transform .2s ease;
  }
  .umrkhn-hero-picker__options a:hover{transform:translateY(-2px);border-color:#fff}
  .umrkhn-hero-picker__options a.is-current{background:#fff;color:#0a0a0a;border-color:#fff}

  /* Shared reset for alternate hero compositions. */
  .umrkhn-hero:is(
    .umrkhn-hero--v2,.umrkhn-hero--v3,.umrkhn-hero--v4,.umrkhn-hero--v5,.umrkhn-hero--v6,
    .umrkhn-hero--v7,.umrkhn-hero--v8,.umrkhn-hero--v9,.umrkhn-hero--v10
  ){
    min-height:100svh;
    padding:120px 6vw 92px;
    display:grid;
    grid-template-rows:1fr;
    align-items:center;
    justify-items:stretch;
  }
  .umrkhn-hero:is(
    .umrkhn-hero--v2,.umrkhn-hero--v3,.umrkhn-hero--v4,.umrkhn-hero--v5,.umrkhn-hero--v6,
    .umrkhn-hero--v7,.umrkhn-hero--v8,.umrkhn-hero--v9,.umrkhn-hero--v10
  ) .umrkhn-bg-text{
    position:relative;
    inset:auto;
    width:auto;
    transform:none;
  }
  .umrkhn-hero:is(
    .umrkhn-hero--v2,.umrkhn-hero--v3,.umrkhn-hero--v4,.umrkhn-hero--v5,.umrkhn-hero--v6,
    .umrkhn-hero--v7,.umrkhn-hero--v8,.umrkhn-hero--v9,.umrkhn-hero--v10
  ) .umrkhn-portrait-wrap{margin:0}
  .umrkhn-hero:is(
    .umrkhn-hero--v2,.umrkhn-hero--v3,.umrkhn-hero--v4,.umrkhn-hero--v5,.umrkhn-hero--v6,
    .umrkhn-hero--v7,.umrkhn-hero--v8,.umrkhn-hero--v9,.umrkhn-hero--v10
  ) .umrkhn-tagline,
  .umrkhn-hero:is(
    .umrkhn-hero--v2,.umrkhn-hero--v3,.umrkhn-hero--v4,.umrkhn-hero--v5,.umrkhn-hero--v6,
    .umrkhn-hero--v7,.umrkhn-hero--v8,.umrkhn-hero--v9,.umrkhn-hero--v10
  ) .umrkhn-contact-cta{margin:0}
  .umrkhn-hero:is(
    .umrkhn-hero--v2,.umrkhn-hero--v3,.umrkhn-hero--v4,.umrkhn-hero--v5,.umrkhn-hero--v6,
    .umrkhn-hero--v7,.umrkhn-hero--v8,.umrkhn-hero--v9,.umrkhn-hero--v10
  ) .umrkhn-hero-strip{
    position:absolute;
    left:6vw;
    right:6vw;
    bottom:30px;
    width:auto;
    margin:0;
    padding:0;
  }

  /* 02 ? Editorial split: type-led left column and portrait on the right. */
  .umrkhn-hero--v2{grid-template-columns:minmax(0,1.15fr) minmax(300px,.85fr);column-gap:6vw}
  .umrkhn-hero--v2 .umrkhn-bg-text{grid-column:1;text-align:left}
  .umrkhn-hero--v2 .umrkhn-bg-text .umrkhn-line{font-size:clamp(62px,8vw,136px)}
  .umrkhn-hero--v2 .umrkhn-portrait-wrap{grid-column:2;justify-self:end;width:clamp(310px,31vw,450px)}
  .umrkhn-hero--v2 .umrkhn-tagline{position:absolute;left:6vw;bottom:102px;justify-content:flex-start;font-size:clamp(20px,2.3vw,36px)}
  .umrkhn-hero--v2 .umrkhn-contact-cta{position:absolute;top:17%;left:48%;width:94px;height:94px}
  .umrkhn-hero--v2 .umrkhn-sparkle.umrkhn-br{right:46%;bottom:28%}

  /* 03 ? Night split: reversed composition with a cinematic dark field. */
  .umrkhn-hero--v3{
    grid-template-columns:minmax(300px,.84fr) minmax(0,1.16fr);
    column-gap:7vw;
    background:#080808;
    color:#fff;
  }
  .umrkhn-hero--v3::before{opacity:.18;filter:invert(1)}
  .umrkhn-hero--v3 .umrkhn-portrait-wrap{grid-column:1;grid-row:1;width:clamp(310px,31vw,450px)}
  .umrkhn-hero--v3 .umrkhn-bg-text{grid-column:2;grid-row:1;text-align:right}
  .umrkhn-hero--v3 .umrkhn-bg-text .umrkhn-line{font-size:clamp(62px,8vw,136px);-webkit-text-stroke-color:rgba(255,255,255,.55)}
  .umrkhn-hero--v3 .umrkhn-bg-text .umrkhn-line.umrkhn-solid,
  .umrkhn-hero--v3 .umrkhn-bg-text .umrkhn-line em{color:#fff}
  .umrkhn-hero--v3 .umrkhn-tagline{position:absolute;right:6vw;bottom:102px;color:#fff;font-size:clamp(20px,2.2vw,36px)}
  .umrkhn-hero--v3 .umrkhn-contact-cta{position:absolute;left:43%;top:18%;width:92px;height:92px;background:#fff;color:#000}
  .umrkhn-hero--v3 .umrkhn-sparkle{color:#fff}
  .umrkhn-hero--v3 .umrkhn-scroll{color:#aaa}
  .umrkhn-hero--v3 .umrkhn-scroll-line{background:#fff}

  /* 04 ? Magazine: tilted portrait crossing a two-tone editorial cover. */
  .umrkhn-hero--v4{
    display:block;
    background:linear-gradient(90deg,#f5f1e8 0 58%,#d8ff59 58% 100%);
  }
  .umrkhn-hero--v4 .umrkhn-portrait-wrap{
    position:absolute;
    left:10vw;
    top:15%;
    width:clamp(300px,31vw,440px);
    transform:rotate(-5deg);
  }
  .umrkhn-hero--v4 .umrkhn-bg-text{position:absolute;top:16%;right:5vw;width:52%;text-align:right}
  .umrkhn-hero--v4 .umrkhn-bg-text .umrkhn-line{font-size:clamp(60px,7.8vw,130px)}
  .umrkhn-hero--v4 .umrkhn-bg-text .umrkhn-line.umrkhn-solid{color:#ef3f2f}
  .umrkhn-hero--v4 .umrkhn-tagline{position:absolute;right:5vw;bottom:16%;justify-content:flex-end;max-width:48%;font-size:clamp(20px,2.6vw,40px)}
  .umrkhn-hero--v4 .umrkhn-contact-cta{position:absolute;left:47%;top:18%;width:92px;height:92px}

  /* 05 ? Brutalist: hard grid, fluorescent canvas, square card and CTA. */
  .umrkhn-hero--v5{
    grid-template-columns:minmax(300px,.8fr) minmax(0,1.2fr);
    column-gap:7vw;
    background:#e8ff2e;
    border:14px solid #0a0a0a;
  }
  .umrkhn-hero--v5::before{background-image:linear-gradient(rgba(0,0,0,.12) 1px,transparent 1px),linear-gradient(90deg,rgba(0,0,0,.12) 1px,transparent 1px);background-size:42px 42px;opacity:1}
  .umrkhn-hero--v5 .umrkhn-portrait-wrap{grid-column:1;width:clamp(300px,30vw,420px)}
  .umrkhn-hero--v5 .umrkhn-portrait{border-radius:0;box-shadow:14px 14px 0 #0a0a0a}
  .umrkhn-hero--v5 .umrkhn-bg-text{grid-column:2;text-align:left}
  .umrkhn-hero--v5 .umrkhn-bg-text .umrkhn-line{font-size:clamp(58px,7.5vw,126px);-webkit-text-stroke:3px #0a0a0a}
  .umrkhn-hero--v5 .umrkhn-tagline{position:absolute;right:6vw;bottom:94px;padding:14px 20px;background:#0a0a0a;color:#fff;font-size:clamp(18px,2.2vw,34px)}
  .umrkhn-hero--v5 .umrkhn-contact-cta{position:absolute;right:6vw;top:120px;border-radius:0;animation:none;box-shadow:10px 10px 0 #fff}
  .umrkhn-hero--v5 .umrkhn-contact-cta span{animation:none}

  /* 06 ? Cinema: widescreen black stage with an oversized portrait. */
  .umrkhn-hero--v6{
    grid-template-columns:minmax(0,.9fr) minmax(360px,1.1fr);
    column-gap:5vw;
    background:radial-gradient(circle at 75% 50%,#242424 0,#090909 52%,#000 100%);
    color:#fff;
  }
  .umrkhn-hero--v6::before{opacity:.08;filter:invert(1)}
  .umrkhn-hero--v6 .umrkhn-bg-text{grid-column:1;text-align:left}
  .umrkhn-hero--v6 .umrkhn-bg-text .umrkhn-line{font-size:clamp(58px,7vw,118px);-webkit-text-stroke-color:rgba(255,255,255,.5)}
  .umrkhn-hero--v6 .umrkhn-bg-text .umrkhn-line.umrkhn-solid,
  .umrkhn-hero--v6 .umrkhn-bg-text .umrkhn-line em{color:#fff}
  .umrkhn-hero--v6 .umrkhn-portrait-wrap{grid-column:2;justify-self:end;width:clamp(360px,40vw,540px)}
  .umrkhn-hero--v6 .umrkhn-tagline{display:none}
  .umrkhn-hero--v6 .umrkhn-contact-cta{position:absolute;left:43%;top:46%;width:98px;height:98px;background:#fff;color:#000}
  .umrkhn-hero--v6 .umrkhn-scroll{color:#aaa}
  .umrkhn-hero--v6 .umrkhn-scroll-line{background:#fff}

  /* 07 ? Type poster: one oversized running headline and a compact focal card. */
  .umrkhn-hero--v7{display:block;background:#e8e4dc}
  .umrkhn-hero--v7 .umrkhn-bg-text{position:absolute;left:3vw;right:3vw;top:17%;width:auto;text-align:center;line-height:.82}
  .umrkhn-hero--v7 .umrkhn-bg-text .umrkhn-line{display:inline;font-size:clamp(54px,8.7vw,150px);-webkit-text-stroke:0;color:#0a0a0a}
  .umrkhn-hero--v7 .umrkhn-bg-text .umrkhn-line::after{content:" "}
  .umrkhn-hero--v7 .umrkhn-bg-text .umrkhn-line.umrkhn-solid{color:#e54834}
  .umrkhn-hero--v7 .umrkhn-portrait-wrap{position:absolute;left:50%;top:43%;width:clamp(240px,22vw,320px);transform:translateX(-50%)}
  .umrkhn-hero--v7 .umrkhn-tagline{position:absolute;left:50%;top:35%;transform:translateX(-50%);white-space:nowrap;font-size:clamp(18px,2vw,30px)}
  .umrkhn-hero--v7 .umrkhn-contact-cta{position:absolute;right:10%;top:48%;width:104px;height:104px}

  /* 08 ? Framed: gallery-like forest field with a fine inset border. */
  .umrkhn-hero--v8{
    grid-template-columns:minmax(300px,.82fr) minmax(0,1.18fr);
    column-gap:7vw;
    background:#153b36;
    color:#f4efd9;
  }
  .umrkhn-hero--v8::before{inset:72px;border:1px solid rgba(244,239,217,.35);background:none;opacity:1}
  .umrkhn-hero--v8 .umrkhn-portrait-wrap{grid-column:1;width:clamp(300px,29vw,420px)}
  .umrkhn-hero--v8 .umrkhn-bg-text{grid-column:2;text-align:right}
  .umrkhn-hero--v8 .umrkhn-bg-text .umrkhn-line{font-size:clamp(58px,7.5vw,126px);-webkit-text-stroke-color:rgba(244,239,217,.55)}
  .umrkhn-hero--v8 .umrkhn-bg-text .umrkhn-line.umrkhn-solid,
  .umrkhn-hero--v8 .umrkhn-bg-text .umrkhn-line em{color:#f4efd9}
  .umrkhn-hero--v8 .umrkhn-tagline{position:absolute;right:7vw;bottom:105px;color:#f4efd9;font-size:clamp(20px,2.2vw,34px)}
  .umrkhn-hero--v8 .umrkhn-contact-cta{position:absolute;right:8vw;top:115px;background:#f4efd9;color:#153b36}
  .umrkhn-hero--v8 .umrkhn-sparkle{color:#f4efd9}
  .umrkhn-hero--v8 .umrkhn-scroll{color:#b7b29f}
  .umrkhn-hero--v8 .umrkhn-scroll-line{background:#f4efd9}

  /* 09 ? Minimal: restrained luxury composition with an arched portrait. */
  .umrkhn-hero--v9{
    grid-template-columns:minmax(0,1.1fr) minmax(300px,.9fr);
    column-gap:8vw;
    background:#fbfaf7;
  }
  .umrkhn-hero--v9::before{opacity:.18}
  .umrkhn-hero--v9 .umrkhn-bg-text{grid-column:1;text-align:left}
  .umrkhn-hero--v9 .umrkhn-bg-text .umrkhn-line{font-size:clamp(56px,6.8vw,112px);-webkit-text-stroke:1px #aaa}
  .umrkhn-hero--v9 .umrkhn-bg-text .umrkhn-line.umrkhn-solid{color:#0a0a0a}
  .umrkhn-hero--v9 .umrkhn-portrait-wrap{grid-column:2;justify-self:end;width:clamp(290px,27vw,390px)}
  .umrkhn-hero--v9 .umrkhn-portrait{border-radius:50% 50% 20px 20px / 34% 34% 20px 20px}
  .umrkhn-hero--v9 .umrkhn-tagline{position:absolute;left:6vw;bottom:112px;justify-content:flex-start;font-family:'Instrument Serif',serif;font-style:italic;font-weight:400;text-transform:none;font-size:clamp(30px,3.5vw,54px)}
  .umrkhn-hero--v9 .umrkhn-contact-cta{position:absolute;left:46%;top:18%;width:88px;height:88px}
  .umrkhn-hero--v9 .umrkhn-sparkle.umrkhn-br{right:45%;bottom:22%}

  /* 10 ? Collage: kinetic red campaign layout with scattered typography. */
  .umrkhn-hero--v10{display:block;background:#e9543f}
  .umrkhn-hero--v10::before{background-size:36px 36px;opacity:.28}
  .umrkhn-hero--v10 .umrkhn-bg-text{position:absolute;inset:0;width:100%;height:100%;text-align:left}
  .umrkhn-hero--v10 .umrkhn-bg-text .umrkhn-line{position:absolute;font-size:clamp(68px,10.5vw,176px);-webkit-text-stroke:2px #0a0a0a}
  .umrkhn-hero--v10 .umrkhn-bg-text .umrkhn-line:nth-child(1){top:14%;left:4%;transform:rotate(-3deg)}
  .umrkhn-hero--v10 .umrkhn-bg-text .umrkhn-line:nth-child(2){top:38%;right:2%;transform:rotate(2deg)}
  .umrkhn-hero--v10 .umrkhn-bg-text .umrkhn-line:nth-child(3){left:4%;bottom:10%;transform:rotate(-2deg)}
  .umrkhn-hero--v10 .umrkhn-portrait-wrap{position:absolute;right:13vw;top:17%;width:clamp(300px,29vw,420px);transform:rotate(4deg)}
  .umrkhn-hero--v10 .umrkhn-portrait{border:5px solid #f6f4ef;border-radius:4px;box-shadow:18px 18px 0 #0a0a0a}
  .umrkhn-hero--v10 .umrkhn-tagline{position:absolute;left:7vw;top:48%;max-width:380px;padding:16px 22px;background:#f6f4ef;transform:rotate(-2deg);font-size:clamp(20px,2.5vw,38px)}
  .umrkhn-hero--v10 .umrkhn-contact-cta{position:absolute;right:5vw;bottom:105px;background:#f6f4ef;color:#0a0a0a}

  @media (max-width:900px){
    .umrkhn-hero-picker{
      max-width:calc(100vw - 20px);
      bottom:10px;
      gap:8px;
      padding:7px 8px 7px 11px;
    }
    .umrkhn-hero-picker__options{overflow-x:auto;scrollbar-width:none}
    .umrkhn-hero-picker__options::-webkit-scrollbar{display:none}
    .umrkhn-hero-picker__options a{width:24px;height:24px;flex:0 0 24px}
    .umrkhn-hero:is(
      .umrkhn-hero--v2,.umrkhn-hero--v3,.umrkhn-hero--v4,.umrkhn-hero--v5,.umrkhn-hero--v6,
      .umrkhn-hero--v7,.umrkhn-hero--v8,.umrkhn-hero--v9,.umrkhn-hero--v10
    ){
      min-height:900px;
      padding:105px 20px 100px;
      display:flex;
      flex-direction:column;
      align-items:center;
      justify-content:center;
      border-width:8px;
    }
    .umrkhn-hero:is(
      .umrkhn-hero--v2,.umrkhn-hero--v3,.umrkhn-hero--v4,.umrkhn-hero--v5,.umrkhn-hero--v6,
      .umrkhn-hero--v7,.umrkhn-hero--v8,.umrkhn-hero--v9,.umrkhn-hero--v10
    ) .umrkhn-bg-text{
      position:absolute;
      left:0;
      right:0;
      top:18%;
      width:100%;
      height:auto;
      text-align:center;
      line-height:.88;
      transform:none;
    }
    .umrkhn-hero:is(
      .umrkhn-hero--v2,.umrkhn-hero--v3,.umrkhn-hero--v4,.umrkhn-hero--v5,.umrkhn-hero--v6,
      .umrkhn-hero--v7,.umrkhn-hero--v8,.umrkhn-hero--v9,.umrkhn-hero--v10
    ) .umrkhn-bg-text .umrkhn-line{
      position:static;
      display:block;
      font-size:clamp(52px,15vw,88px);
      transform:none;
    }
    .umrkhn-hero:is(
      .umrkhn-hero--v2,.umrkhn-hero--v3,.umrkhn-hero--v4,.umrkhn-hero--v5,.umrkhn-hero--v6,
      .umrkhn-hero--v7,.umrkhn-hero--v8,.umrkhn-hero--v9,.umrkhn-hero--v10
    ) .umrkhn-portrait-wrap{
      position:relative;
      inset:auto;
      width:min(70vw,310px);
      margin:80px auto 0;
      transform:none;
    }
    .umrkhn-hero:is(
      .umrkhn-hero--v2,.umrkhn-hero--v3,.umrkhn-hero--v4,.umrkhn-hero--v5,.umrkhn-hero--v6,
      .umrkhn-hero--v7,.umrkhn-hero--v8,.umrkhn-hero--v9,.umrkhn-hero--v10
    ) .umrkhn-tagline{
      position:relative;
      inset:auto;
      max-width:100%;
      margin-top:30px;
      padding:0;
      justify-content:center;
      text-align:center;
      white-space:normal;
      transform:none;
      font-family:var(--display);
      font-style:normal;
      font-size:clamp(19px,6vw,28px);
      text-transform:uppercase;
    }
    .umrkhn-hero:is(
      .umrkhn-hero--v2,.umrkhn-hero--v3,.umrkhn-hero--v4,.umrkhn-hero--v5,.umrkhn-hero--v6,
      .umrkhn-hero--v7,.umrkhn-hero--v8,.umrkhn-hero--v9,.umrkhn-hero--v10
    ) .umrkhn-contact-cta{
      position:relative;
      inset:auto;
      width:88px;
      height:88px;
      margin-top:28px;
      transform:none;
    }
    .umrkhn-hero:is(
      .umrkhn-hero--v2,.umrkhn-hero--v3,.umrkhn-hero--v4,.umrkhn-hero--v5,.umrkhn-hero--v6,
      .umrkhn-hero--v7,.umrkhn-hero--v8,.umrkhn-hero--v9,.umrkhn-hero--v10
    ) .umrkhn-hero-strip{left:20px;right:20px;bottom:48px}
    .umrkhn-hero--v5 .umrkhn-tagline{padding:10px 12px}
    .umrkhn-hero--v8::before{inset:62px 16px}
    .umrkhn-hero--v10 .umrkhn-portrait{box-shadow:10px 10px 0 #0a0a0a}
  }

  /* Floating bridge between the Cinema hero and the What I do section. */
  .umrkhn-hero-floating-bar{
    position:relative;
    inset:auto;
    z-index:20;
    width:calc(100% - 80px);
    max-width:1180px;
    margin:-28px auto 0;
    padding:18px 24px;
    border:1px solid rgba(255,255,255,.12);
    border-radius:16px;
    background:#0a0a0a;
    color:#fff;
    box-shadow:0 20px 48px -20px rgba(0,0,0,.58);
  }
  .umrkhn-hero-floating-bar .umrkhn-scroll{color:rgba(255,255,255,.66)}
  .umrkhn-hero-floating-bar .umrkhn-scroll-line{background:rgba(255,255,255,.22)}
  .umrkhn-hero-floating-bar .umrkhn-scroll-line::after{background:#fff}
  .umrkhn-hero-floating-bar .umrkhn-availability{color:#fff}

  @media (max-width:700px){
    .umrkhn-hero-floating-bar{
      width:calc(100% - 32px);
      margin-top:-22px;
      padding:15px 16px;
      border-radius:13px;
      gap:14px;
      font-size:9px;
    }
    .umrkhn-hero-floating-bar .umrkhn-scroll{gap:7px}
    .umrkhn-hero-floating-bar .umrkhn-scroll-line{width:30px}
    .umrkhn-hero-floating-bar .umrkhn-availability{justify-content:flex-end;text-align:right}
  }

  /* Align the About content grid with the Cinema hero's horizontal gutters. */
  .umrkhn-about{
    padding-inline:9.5vw;
  }

  /* Keep the Journey timeline on the same content grid as the hero. */
  .umrkhn-journey{
    padding-inline:9.5vw;
  }

  /* Align the Now building section with the Cinema hero content width. */
  .umrkhn-reimei{
    padding-inline:9.5vw;
  }

  /* Match the Contact CTA heading to the shared section-title scale. */
  .umrkhn-contact-title{
    font-size:clamp(44px,6vw,96px);
    line-height:.92;
  }

  /* Keep the marquee visible beneath the Cinema hero on desktop screens. */
  @media (min-width:901px){
    .umrkhn-hero--v6{
      min-height:calc(100svh - 76px);
      padding-top:95px;
      padding-bottom:60px;
    }
    .umrkhn-hero--v6 .umrkhn-portrait-wrap{
      width:clamp(300px,28vw,400px);
    }
  }

/* Final approved Cinema portrait size — standard 540px width on normal 100% zoom. */
@media (min-width:901px){
  .umrkhn-hero--v6 .umrkhn-portrait-wrap{
    width:min(540px, 39vw);
  }
}

/* Cinema hero: keep the marquee visible as a ribbon emerging from behind the portrait. */
.umrkhn-hero--v6 > .umrkhn-marquee{
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  z-index:2;
  width:100%;
  margin:0;
  border-color:rgba(255,255,255,.14);
  background:rgba(8,8,8,.96);
  box-shadow:0 18px 50px -22px rgba(0,0,0,.9);
}

@media (min-width:901px){
  .umrkhn-hero--v6{
    padding-top:88px;
    padding-bottom:64px;
  }

  /* Extend the approved portrait only from its bottom edge. */
  .umrkhn-hero--v6 .umrkhn-portrait-wrap{
    transform:translateY(5px);
  }

  .umrkhn-hero--v6 .umrkhn-portrait{
    height:calc(min(540px, 39vw) * 1.3333 + 10px);
  }

  .umrkhn-hero--v6 .umrkhn-bg-text{
    transform:translateY(-54px);
  }

  .umrkhn-hero--v6 .umrkhn-tagline{
    bottom:188px;
  }

  .umrkhn-hero--v6 > .umrkhn-marquee{
    right:var(--marquee-right, 18vw);
    bottom:var(--marquee-bottom, 90px);
    width:auto;
    padding-block:15px;
    border-left:0;
    border-radius:0 18px 18px 0;
  }

  .umrkhn-hero--v6 > .umrkhn-marquee .umrkhn-marquee-item{
    font-size:clamp(25px,2.35vw,34px);
  }
}

@media (max-width:900px){
  .umrkhn-hero--v6 > .umrkhn-marquee{
    padding-block:13px;
  }
}

/* Reference-inspired editorial treatment for What I do + Track record. */
.umrkhn-hero-meta{
  --umrkhn-meta-line:#d8d2c9;
  --umrkhn-meta-muted:#6f675e;
  --umrkhn-meta-accent:#a27d61;
  display:grid;
  grid-template-columns:120px minmax(0,1fr);
  min-height:710px;
  padding:0;
  border-top:1px solid var(--umrkhn-meta-line);
  background:#fbfaf7;
}

.umrkhn-meta-rail{
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:space-between;
  padding:36px 0;
  border-right:1px solid var(--umrkhn-meta-line);
}

.umrkhn-meta-rail span{
  writing-mode:vertical-rl;
  transform:rotate(180deg);
  color:var(--umrkhn-meta-muted);
  font-size:11px;
  font-weight:700;
  letter-spacing:.18em;
  text-transform:uppercase;
}

.umrkhn-hero-meta-grid{
  width:100%;
  max-width:none;
  margin:0;
  padding:70px 9.5vw 70px max(0px,calc(9.5vw - 120px));
  display:grid;
  grid-template-columns:minmax(0,1fr) max-content;
  gap:60px;
  align-items:center;
}

.umrkhn-meta-col:last-child{
  justify-self:end;
  width:fit-content;
  max-width:100%;
}

.umrkhn-meta-col h4{
  margin-bottom:24px;
  color:#665f56;
  font-size:11px;
  font-weight:700;
  letter-spacing:.19em;
  text-transform:uppercase;
}

.umrkhn-svc{
  display:grid;
  grid-template-columns:24px minmax(0,1fr);
  gap:14px;
  align-items:start;
  margin:0;
  padding:18px 0;
  border-top:1px solid #ddd7cd;
  font-size:19px;
  font-weight:700;
  line-height:1.75;
}

.umrkhn-svc .umrkhn-num{
  min-width:0;
  color:var(--umrkhn-meta-accent);
  font-family:'Instrument Serif',Georgia,serif;
  font-size:16px;
  font-style:italic;
  font-weight:400;
}

.umrkhn-svc .umrkhn-text,
.umrkhn-svc .umrkhn-text b{font-weight:700}

.umrkhn-rec-card{
  width:fit-content;
  max-width:100%;
  padding:30px 36px;
  border:1px solid #d8d0c6;
  border-radius:22px;
  background:#f1ece4;
  color:#111;
  box-shadow:none;
}

.umrkhn-rec-head{display:block}
.umrkhn-rec-head .umrkhn-label{
  color:#665f56;
  font-size:11px;
  font-weight:700;
  letter-spacing:.19em;
}
.umrkhn-rec-score{
  margin:10px 0 16px;
  color:#111;
  font-family:'Instrument Serif',Georgia,serif;
  font-size:clamp(76px,8vw,124px);
  font-weight:400;
  line-height:.95;
  letter-spacing:-.06em;
}
.umrkhn-rec-score small{color:#111;font:inherit;font-size:.42em}
.umrkhn-stars{margin:0 0 22px;color:#111}
.umrkhn-stars svg{width:14px;height:14px}
.umrkhn-reviews{border:0;border-top:0;margin:0;padding:0;gap:0}
.umrkhn-review{
  display:grid;
  grid-template-columns:28px max-content;
  gap:14px;
  align-items:center;
  padding:15px 0;
  border-top:1px solid #d2cabf;
  color:#111;
  font-size:19px;
  line-height:1.75;
  white-space:nowrap;
}
.umrkhn-review .umrkhn-av{
  width:28px;
  height:28px;
  border:0;
  background:#222;
}

/* Cinema title hierarchy. Specialty lines match the shared section-title scale. */
.umrkhn-hero--v6 .umrkhn-bg-text .umrkhn-line:not(.umrkhn-line-small){
  font-family:var(--display);
  font-size:clamp(58px,7vw,118px);
}

.umrkhn-hero--v6 .umrkhn-bg-text .umrkhn-line-small{
  font-family:var(--display);
  font-size:clamp(44px,6vw,96px);
  line-height:.92;
  letter-spacing:-.02em;
  -webkit-text-stroke-width:1px;
}

.umrkhn-hero--v6 .umrkhn-bg-text .umrkhn-line-small:nth-child(3){
  white-space:nowrap;
}

.umrkhn-hero--v6 .umrkhn-bg-text .umrkhn-line-small:nth-child(3){
  margin-top:18px;
}

/* The circular contact arrow is intentionally removed from the Cinema hero. */
.umrkhn-hero--v6 .umrkhn-contact-cta{display:none}

/* Dimensional left-side title effect adapted from the supplied reference. */
.umrkhn-hero--v6 .umrkhn-bg-text{
  --umrkhn-role-x:0px;
  --umrkhn-role-y:0px;
  pointer-events:auto;
}

.umrkhn-hero--v6 .umrkhn-bg-text > .umrkhn-line:not(.umrkhn-line-small){
  color:#f2f2f2;
  -webkit-text-stroke:0;
  font-weight:900;
  letter-spacing:-.055em;
  text-shadow:
    4px 4px 0 #555,
    8px 8px 0 #303030,
    12px 12px 0 #181818,
    16px 16px 0 #0c0c0c;
  transition:
    transform .45s cubic-bezier(.2,.8,.2,1),
    text-shadow .45s cubic-bezier(.2,.8,.2,1);
}

.umrkhn-hero--v6 .umrkhn-bg-text:hover > .umrkhn-line:not(.umrkhn-line-small){
  transform:translate(-5px,-5px);
  text-shadow:
    7px 7px 0 #686868,
    14px 14px 0 #383838,
    21px 21px 0 #1b1b1b,
    28px 28px 0 #0d0d0d;
}

.umrkhn-hero--v6 .umrkhn-hero-role{
  position:relative;
  display:inline-block;
  width:max-content;
  margin-top:34px;
  transform:translate(var(--umrkhn-role-x),var(--umrkhn-role-y));
  transition:transform .14s linear;
}

.umrkhn-hero--v6 .umrkhn-hero-role::before{
  content:"";
  position:absolute;
  left:0;
  bottom:-14px;
  width:0;
  height:1px;
  background:linear-gradient(90deg,#777,#f2f2f2 50%,#777);
  transition:width .65s cubic-bezier(.2,.8,.2,1);
}

.umrkhn-hero--v6 .umrkhn-hero-role:hover::before{width:100%}

.umrkhn-hero--v6 .umrkhn-hero-role .umrkhn-line-small{
  color:#d8d8d8;
  -webkit-text-stroke:1px #d8d8d8;
  font-family:Georgia,"Times New Roman",serif;
  font-style:italic;
  font-weight:400;
  text-transform:none;
  white-space:nowrap;
  transition:color .45s ease,-webkit-text-stroke-color .45s ease;
}

.umrkhn-hero--v6.is-image-hover .umrkhn-hero-role .umrkhn-line-small{
  color:transparent;
  -webkit-text-stroke-color:#777;
}

@media (prefers-reduced-motion:reduce){
  .umrkhn-hero--v6 .umrkhn-bg-text > .umrkhn-line,
  .umrkhn-hero--v6 .umrkhn-hero-role{
    transform:none!important;
    transition:none!important;
  }
}


/* Final approved Cinema hero gutter. */
@media (min-width:901px){
  .umrkhn-hero.umrkhn-hero--v6{
    padding-left:9.5vw;
    padding-right:9.5vw;
  }
}

.umrkhn-gutter-control{
  position:absolute;
  top:78px;
  left:6vw;
  z-index:30;
  display:flex;
  align-items:center;
  gap:11px;
  min-height:42px;
  padding:8px 12px 8px 14px;
  border:1px solid rgba(255,255,255,.2);
  border-radius:999px;
  background:rgba(5,5,5,.82);
  color:#fff;
  box-shadow:0 14px 34px rgba(0,0,0,.3);
  backdrop-filter:blur(14px);
}

.umrkhn-gutter-control label{
  font-size:9px;
  font-weight:700;
  letter-spacing:.12em;
  text-transform:uppercase;
  white-space:nowrap;
}

.umrkhn-gutter-control input[type="range"]{
  width:150px;
  accent-color:#fff;
  cursor:ew-resize;
}

.umrkhn-gutter-control output{
  display:grid;
  min-width:78px;
  line-height:1.1;
  text-align:right;
  font-variant-numeric:tabular-nums;
}

.umrkhn-gutter-control output strong{
  font-size:10px;
  font-weight:700;
}

.umrkhn-gutter-control output span{
  margin-top:3px;
  color:rgba(255,255,255,.58);
  font-size:8px;
  text-transform:uppercase;
}

@media (max-width:900px){
  .umrkhn-gutter-control{display:none}
}




/* One bold vertical rail label, switched by the Track record card hover state. */
.umrkhn-meta-rail{
  position:relative;
  justify-content:center;
  padding:0;
  overflow:hidden;
}

.umrkhn-meta-rail .umrkhn-meta-rail-label{
  position:absolute;
  top:50%;
  left:50%;
  margin-left:-44px;
  color:#111;
  font-family:var(--display);
  font-size:clamp(34px,4.2vw,60px);
  font-style:normal;
  font-weight:900;
  line-height:.92;
  letter-spacing:-.02em;
  text-transform:uppercase;
  white-space:nowrap;
  writing-mode:vertical-rl;
  transform:translate(-50%,-50%) rotate(180deg);
  transform-origin:center;
  opacity:0;
  pointer-events:none;
  transition:
    margin-left .58s cubic-bezier(.2,.8,.2,1),
    opacity .3s ease;
}

.umrkhn-meta-rail .umrkhn-meta-rail-label--services{
  margin-left:0;
  opacity:1;
}

.umrkhn-hero-meta.is-track-record-active .umrkhn-meta-rail-label--services{
  margin-left:-44px;
  opacity:0;
}

.umrkhn-hero-meta.is-track-record-active .umrkhn-meta-rail-label--record{
  margin-left:0;
  opacity:1;
}

@media (max-width:980px){
  .umrkhn-meta-rail .umrkhn-meta-rail-label{
    margin-left:-28px;
    font-size:clamp(28px,4.2vw,42px);
  }
  .umrkhn-meta-rail .umrkhn-meta-rail-label--services,
  .umrkhn-hero-meta.is-track-record-active .umrkhn-meta-rail-label--record{
    margin-left:0;
  }
}
@media (max-width:980px){
  .umrkhn-hero-meta{grid-template-columns:70px minmax(0,1fr)}
  .umrkhn-hero-meta-grid{grid-template-columns:1fr;gap:40px;padding:60px 6%}
  .umrkhn-review{white-space:normal}
}

@media (max-width:640px){
  .umrkhn-hero-meta{grid-template-columns:1fr;min-height:0}
  .umrkhn-meta-rail{display:none}
  .umrkhn-hero-meta-grid{padding:46px 22px}
  .umrkhn-rec-card{padding:24px}
  .umrkhn-rec-score{font-size:64px}
}