/* ==================================================
   RDESIGNR — brand override stylesheet
   ==================================================
   This file is ADDITIVE ONLY. It does not modify, remove, or duplicate
   layout, structure, animation, or interaction rules from the original
   "The One" stylesheets (css/style.css, css/plugins.css). It is loaded
   AFTER both of those files and only re-declares color-related properties
   on the exact same selectors, so the cascade wins without needing
   !important in most cases. Where the original rule already carries
   higher specificity (id selectors, chained classes), !important is used
   deliberately and called out with a comment.

   Brand direction (first pass, restrained):
   - Background: near-black / charcoal / warm technical dark
   - Main text: warm white / off-white
   - Secondary text: muted grey
   - Accent: burnt/technical orange (replaces the template's original red accent)

   Do not add layout, spacing, or animation rules here — color/skin only.
   ================================================== */

:root{
  --rd-bg: #0b0a09;            /* near-black page background */
  --rd-bg-panel: #131110;      /* slightly lifted charcoal for lifting panels */
  --rd-text: #f2ece4;          /* warm white / off-white */
  --rd-text-muted: #948d85;    /* muted grey secondary text */
  --rd-accent: #c86a2c;        /* burnt/technical orange */
  --rd-accent-soft: rgba(200, 106, 44, 0.35);
  --rd-border: rgba(242, 236, 228, 0.12);
}


/* --------------------------------------------------
   1. Hero fallback (placeholder/fallback system)
   -------------------------------------------------- */
/* If the Vide.js video + poster (video/rdesignr-hero.*) fail to load for
   any reason, this keeps the hero on-brand instead of flashing white/blank. */
#video-bg,
.hero-bg{
  background-color: var(--rd-bg);
}


/* --------------------------------------------------
   2. Lifting panels (News / About / Services / Works)
   -------------------------------------------------- */
/* Original template: these panels are white with black text (a light
   panel sliding up over the dark hero). RDESIGNR direction calls for a
   near-black page throughout, so this section re-skins those 4 panels
   (and their HTML5-video-hero counterparts) to charcoal + warm white,
   without touching size, position, or slide animation. */
#news-video-lifting-video,
#about-video-lifting-video,
#services-video-lifting-video,
#works-video-lifting-video{
  background: var(--rd-bg-panel);
}#news-lifting,
#about-lifting,
#services-lifting,
#works-lifting{
  background: var(--rd-bg-panel);
}


#news-lifting .all-lifting-inner,
#about-lifting .all-lifting-inner,
#services-lifting .all-lifting-inner,
#works-lifting .all-lifting-inner,
#news-video-lifting-video .all-lifting-inner,
#about-video-lifting-video .all-lifting-inner,
#services-video-lifting-video .all-lifting-inner,
#works-video-lifting-video .all-lifting-inner{
  background: var(--rd-bg-panel);
}

#news-lifting h1.post-title,
#about-lifting h1.post-title,
#services-lifting h1.post-title,
#works-lifting h1.post-title,
#news-lifting .post-heading,
#about-lifting .post-heading,
#services-lifting .post-heading,
#works-lifting .post-heading,
#news-lifting h2,
#about-lifting h2,
#services-lifting h2,
#works-lifting h2,
#news-lifting .post-box-photo-about-heading,
#news-lifting .post-box-photo-works-heading,
#about-lifting .post-box-photo-about-heading,
#about-lifting .post-box-photo-works-heading,
#services-lifting .post-box-photo-about-heading,
#services-lifting .post-box-photo-works-heading,
#works-lifting .post-box-photo-about-heading,
#works-lifting .post-box-photo-works-heading{
  color: var(--rd-text);
}

#news-lifting .post-text,
#about-lifting .post-text,
#services-lifting .post-text,
#works-lifting .post-text,
#news-lifting h3,
#about-lifting h3,
#services-lifting h3,
#works-lifting h3,
#news-lifting p,
#about-lifting p,
#services-lifting p,
#works-lifting p,
#news-lifting .date,
#about-lifting .date,
#services-lifting .date,
#works-lifting .date{
  color: #b2aba4;
}

#news-lifting p a,
#about-lifting p a,
#services-lifting p a,
#works-lifting p a,
#news-lifting .link-underline,
#about-lifting .link-underline,
#services-lifting .link-underline,
#works-lifting .link-underline{
  color: var(--rd-text);
}

#news-lifting .link-underline::before,
#about-lifting .link-underline::before,
#services-lifting .link-underline::before,
#works-lifting .link-underline::before{
  background: var(--rd-accent);
}

/* ghost background numbers (#1, #2, #3, #4 in Services) */
#news-lifting .post-number,
#about-lifting .post-number,
#services-lifting .post-number,
#works-lifting .post-number{
  color: rgba(242, 236, 228, 0.06);
}

#news-lifting .post-number-span,
#about-lifting .post-number-span,
#services-lifting .post-number-span,
#works-lifting .post-number-span{
  color: var(--rd-accent);
  opacity: 0.35;
}

/* carousel prev/next arrows: originally black-on-white, needs to read on charcoal */
#news-lifting .owl-prev,
#news-lifting .owl-next,
#about-lifting .owl-prev,
#about-lifting .owl-next,
#services-lifting .owl-prev,
#services-lifting .owl-next,
#works-lifting .owl-prev,
#works-lifting .owl-next{
  color: var(--rd-text);
}

#news-lifting .owl-prev:before,
#news-lifting .owl-next:before,
#about-lifting .owl-prev:before,
#about-lifting .owl-next:before,
#services-lifting .owl-prev:before,
#services-lifting .owl-next:before,
#works-lifting .owl-prev:before,
#works-lifting .owl-next:before{
  border-color: var(--rd-border);
}


/* --------------------------------------------------
   3. Accent color swap (template red -> RDESIGNR orange)
   -------------------------------------------------- */
/* The original template's single accent color is #db0018 / rgba(219,0,24,*),
   used for credit/instagram-feed links, form errors, and filled buttons.
   Every selector below is copied verbatim from style.css so the override
   lands on exactly the same rule with no side effects. "Do not overuse
   the orange" — this keeps the accent to the same handful of small,
   already-accented spots the original template used for red. */
.link-underline-credits::before{
  background: var(--rd-accent);
}

#form .error{
  color: var(--rd-accent);
}

.credits-content a,
.credits-content a:hover,
.instagram-feed-content a,
.instagram-feed-content a:hover{
  color: var(--rd-accent);
}

.c-btn.fullwidth,
.c-btn.fullwidth-liquid,
.c-btn.c-btn-inverse-light{
  background: var(--rd-accent);
}

.c-btn-inverse::before,
.c-btn-inverse-dark::before,
.c-btn.c-btn-inverse-light::before{
  background: var(--rd-accent);
}

#subscribe input:hover{
  border-color: var(--rd-accent-soft);
}


/* --------------------------------------------------
   4. Bottom bar (.border-bottom) — copyright / mobile menu / newsletter
   -------------------------------------------------- */
/* This bar defaults to white-with-black-text in the original template.
   The other three bars (.border-top, .border-bottom-menu, and the
   modals/side-panels) are already black-with-white-text out of the box,
   so this is the one remaining spot that needs flipping for a fully
   dark, consistent chrome. */
.border-bottom{
  background: var(--rd-bg);
}

.copyright{
  color: var(--rd-text-muted);
}

.copyright a{
  color: var(--rd-text-muted);
}

.menu-mobile a.menu-trigger,
.menu-mobile a.menu-trigger:hover{
  color: var(--rd-text);
}

.newsletter{
  color: var(--rd-text);
}

#subscribe input{
  color: var(--rd-text);
  border-color: var(--rd-border);
}

input[type="text"].subscribe-email::-webkit-input-placeholder{ color: var(--rd-text-muted); }
     input[type="text"].subscribe-email:-ms-input-placeholder{ color: var(--rd-text-muted); }
         input[type="text"].subscribe-email::-moz-placeholder{ color: var(--rd-text-muted); }

.subscribe-success{
  color: var(--rd-text);
}


/* --------------------------------------------------
   5. (removed) Nav-hidden helper
   -------------------------------------------------- */
/* This section used to hide News from the nav via .rdesignr-nav-hidden.
   News has been restored (frontend integration pass) — the class is no
   longer referenced anywhere in src/template/*.html, so the rule was
   removed rather than left as dead CSS. Section number kept as a gap
   (not renumbering 6-8 below) to keep this file's diff history clean. */


/* --------------------------------------------------
   6. HOME V2 hero content
   -------------------------------------------------- */


/* readability gradient overlay — kept in CSS, not baked into the poster,
   so it keeps working once the image/video is swapped for real footage */
.rdesignr-hero-overlay{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  pointer-events: none;
  background:
    linear-gradient(90deg, rgba(8, 7, 6, 0.80) 0%, rgba(8, 7, 6, 0.48) 30%, rgba(8, 7, 6, 0.12) 58%, rgba(8, 7, 6, 0.03) 78%, rgba(8, 7, 6, 0) 100%),
    linear-gradient(180deg, rgba(8, 7, 6, 0.28) 0%, rgba(8, 7, 6, 0.03) 26%, rgba(8, 7, 6, 0.03) 70%, rgba(8, 7, 6, 0.46) 100%);
}

.rdesignr-hero-content{
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  z-index: 3;
  width: min(700px, 100%);
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  padding: clamp(132px, 16vh, 184px) 24px 0;
  pointer-events: none;
}


.rdesignr-hero-headline{
  font-family: "Barlow Condensed", sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 62px;
  line-height: 1;
  letter-spacing: 0;
  margin: 0 0 20px 0;
  text-transform: none;
}

.rdesignr-hero-headline-main,
.rdesignr-hero-headline-accent{
  display: block;
}

.rdesignr-hero-headline-main{ color: var(--rd-text); }
.rdesignr-hero-headline-accent{ color: var(--rd-accent); }

.rdesignr-hero-support{
  font-family: "Barlow Semi Condensed", sans-serif;
  font-size: 18px;
  font-weight: 500;
  line-height: 1.55;
  color: #c3bdb7;
  max-width: 540px;
  margin: 0;
}

/* Desktop/tablet hero copy stays entirely in the clear area above the
   lower The One lifting panel. Mobile panels intentionally take over the
   screen, so the hero does not compete with active panel content there. */
@media only screen and (max-width: 880px) and (min-width: 641px){
  .rdesignr-hero-content{
    width: min(600px, 100%);
    padding: calc(var(--rdx-header-h) + 34px) 24px 0;
  }
  .rdesignr-hero-headline{
    font-size: 56px;
    margin-bottom: 16px;
  }
  .rdesignr-hero-support{
    font-size: 16px;
    line-height: 1.45;
    max-width: 500px;
  }
}


@media only screen and (max-width: 640px){
  .rdesignr-hero-content{
    width: 100%;
    padding: calc(var(--rdx-header-h) + 44px) 20px 0;
  }
  .rdesignr-hero-headline{
    font-size: 38px;
    margin-bottom: 14px;
  }
  .rdesignr-hero-support{
    font-size: 15px;
    line-height: 1.45;
    max-width: 420px;
  }
}

/* --------------------------------------------------
   8. Project detail page (standalone) — Phase 2
   -------------------------------------------------- */


.rdesignr-project-detail{
  position: relative;
  display: block;
  width: 100%;
  min-height: 100vh;
  box-sizing: border-box;
  background: var(--rd-bg-panel);
  /* clear the fixed top bar (75px) and bottom bars (40px + 50px = 90px),
     same clearances used by the hero content on the home page, plus
     breathing room */
  padding: 150px 0 130px 0;
}

.rdesignr-project-detail .container{
  box-sizing: border-box;
}

.rdesignr-project-back{
  margin: 0 0 18px 0;
}

.rdesignr-project-back .link-underline{
  font-family: "Barlow Semi Condensed", sans-serif;
  font-size: 12px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.12em;
}

.rdesignr-project-support{
  max-width: 640px;
}

.rdesignr-project-cover{
  height: 420px;
  margin-bottom: 1px;
}

@media only screen and (max-width: 640px) {
  .rdesignr-project-cover{
    height: 260px;
  }
  .rdesignr-project-detail{
    padding: 130px 0 150px 0;
  }
}

.rdesignr-project-metadata{
  list-style: none;
  margin: 0;
  padding: 0;
}

.rdesignr-project-metadata li{
  margin: 0 0 10px 0;
}

.rdesignr-project-metadata strong{
  color: #b8b1aa;
  font-weight: 700;
}

/* typography colors — copies of section 2's rules, re-scoped */
.rdesignr-project-detail h1.post-title,
.rdesignr-project-detail .post-heading,
.rdesignr-project-detail .post-box-photo-works-heading,
.rdesignr-project-detail h2{
  color: var(--rd-text);
}

.rdesignr-project-detail .post-text,
.rdesignr-project-detail h3,
.rdesignr-project-detail p,
.rdesignr-project-detail .date{
  color: var(--rd-text-muted);
}

.rdesignr-project-detail p a,
.rdesignr-project-detail .link-underline{
  color: var(--rd-text);
}

.rdesignr-project-detail .link-underline::before{
  background: var(--rd-accent);
}


/* --------------------------------------------------
   9. Header / top navigation — final pass
   -------------------------------------------------- */
/* Final header cleanup: remove the byline under the RDESIGNR wordmark,
   restore a slimmer top bar, make the top-left social icons visually
   consistent, and keep LOCATION / CONTACT on the same typographic level. */

.border-top{
  height: 82px;
}

.template-title{
  top: 50%;
  left: 50%;
  margin: 0;
  width: auto;
  max-width: 80%;
  text-align: center;
  transform: translate(-50%, -50%);
}

.social-icons-wrapper{
  top: 10px;
  left: 10px;
}

.social-icons-wrapper ul{
  display: flex;
  align-items: center;
  gap: 6px;
}

.social-icons-wrapper ul li{
  padding: 0;
}

.social-icons-wrapper .social-icon a{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 18px;
  height: 18px;
  border: 0;
  color: #fff;
  font-size: 15px;
  line-height: 1;
  transition: color .25s ease, opacity .25s ease;
  opacity: 0.92;
}

.social-icons-wrapper .social-icon a:hover{
  color: var(--rd-accent);
  opacity: 1;
  background: transparent;
}

.location-launcher,
.contact-launcher{
  font-family: "Barlow Condensed", sans-serif;
  font-size: 12px;
  line-height: 1;
  font-style: normal;
  text-transform: uppercase;
  text-align: center;
  font-weight: 300;
  letter-spacing: 1px;
}

.location-launcher{
  left: 10px;
  bottom: 10px;
  max-width: none;
  text-align: left;
}

.contact-launcher{
  right: 10px;
  bottom: 10px;
}

.languages{
  top: 10px;
  right: 10px;
  width: 70px;
}

@media only screen and (max-width: 880px) {
  .border-top{
    height: 78px;
  }

  .template-title{
    max-width: 70%;
  }
}

@media only screen and (max-width: 640px) {
  .border-top{
    height: 72px;
  }

  .social-icons-wrapper{
    top: 8px;
    left: 8px;
  }

  .social-icons-wrapper ul{
    gap: 5px;
  }

  .social-icons-wrapper .social-icon a{
    width: 20px;
    height: 20px;
    font-size: 10px;
  }

  .languages{
    top: 8px;
    right: 8px;
    width: 64px;
  }

  .location-launcher,
.contact-launcher{
    font-size: 11px;
    bottom: 8px;
  }

  .template-title{
    max-width: 64%;
  }
}

@media only screen and (max-width: 480px) {
  .template-title{
    max-width: 58%;
  }

  .location-launcher,
.contact-launcher{
    font-size: 10px;
  }
}

/* --------------------------------------------------
   10. Lifting panels — desktop sizing/overflow fix
   -------------------------------------------------- */


@media only screen and (min-width: 881px) {
  

  #news-lifting .all-lifting-inner,
#about-lifting .all-lifting-inner,
#services-lifting .all-lifting-inner,
#works-lifting .all-lifting-inner{
    height: auto;
    min-height: 250px;
    overflow-y: visible;
  }
}


/* --------------------------------------------------
   11. Hero CTA + footer legal links — small additive styling
   -------------------------------------------------- */

.rdesignr-hero-cta-group{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 14px;
  margin-top: 20px;
}

.rdesignr-hero-cta{
  box-sizing: border-box;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 148px;
  min-width: 148px;
  height: 40px;
  margin: 0;
  padding: 0 18px !important;
  white-space: nowrap;
  pointer-events: auto;
}

/* Secondary CTA (Contact / Beszéljünk): keep it as a restrained dark
   button in both normal and hover states; only the label shifts slightly
   to the right on hover. */
.rdesignr-hero-cta-secondary{
  pointer-events: auto;
  background: #141210 !important;
  color: #fff !important;
}

.rdesignr-hero-cta-secondary::before{
  background: #141210 !important;
}

.rdesignr-hero-cta-secondary:hover{
  color: #fff !important;
}

.rdesignr-hero-cta-secondary span{
  transition: transform 0.25s ease;
}

.rdesignr-hero-cta-secondary:hover span{
  transform: translateX(4px);
}


/* HOME CTA final: both hero actions use the original The One left-to-right
   sweep interaction, recoloured to RDESIGNR. Base = technical orange;
   hover sweep = charcoal, with white text. Pointer events are explicitly
   restored because the hero content layer itself is non-interactive. */
.rdesignr-hero-cta:not(.rdesignr-hero-cta-secondary){
  pointer-events: auto;
  background: var(--rd-accent) !important;
  color: #fff !important;
}

.rdesignr-hero-cta:not(.rdesignr-hero-cta-secondary)::before{
  background: #1b1917 !important;
}

.rdesignr-hero-cta:not(.rdesignr-hero-cta-secondary):hover{
  color: #fff !important;
}

@media only screen and (max-width: 640px) {
  .rdesignr-hero-cta-group{
    margin-top: 18px;
    flex-wrap: nowrap;
    gap: 10px;
  }
  .rdesignr-hero-cta{
    width: 138px;
    min-width: 138px;
  }
}


/* --------------------------------------------------
   12. Hero process strip — restrained 5-stage visual (desktop only)
   -------------------------------------------------- */
/* Decorative-only overlay near the lower hero area, restoring the
   "01 REALITY / 02 CAPTURE / 03 POINT CLOUD / 04 PROCESSING /
   05 DELIVERABLE" process concept from the earlier approved RDESIGNR
   direction. Explicitly NOT a second navigation: aria-hidden, no links,
   no click handlers, no active/current-step state, pointer-events:none
   so it can never intercept a click meant for anything else. Shown only
   at generous desktop widths (≥1200px) — hidden everywhere else rather
   than trying to cram 5 labels into less space, since it's a nice-to-have
   atmosphere layer, not essential content. Sits above the hero-bg video/
   poster and its gradient overlay (z-index 2, matching .rdesignr-hero-
   overlay) — the HTML5 video capability underneath is completely
   unaffected; this is just one more thin layer on top of it, same as the
   gradient overlay already is. */
.rdesignr-hero-process{
  display: none;
}

@media only screen and (min-width: 1200px) {
  .rdesignr-hero-process{
    position: absolute;
    left: 90px;
    right: 90px;
    bottom: 120px;
    z-index: 2;
    height: 42px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    pointer-events: none;
  }
}

.rdesignr-hero-process-line{
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  height: 1px;
  background: var(--rd-border);
  /* very subtle "alive" pulse — CSS-only, no JS/WebGL/animation library */
  animation: rdesignr-hero-process-pulse 6s ease-in-out infinite;
}

@keyframes rdesignr-hero-process-pulse {
  0%, 100% { opacity: 0.4; }
  50% { opacity: 1; }
}


.rdesignr-hero-process-step{
  position: relative;
  z-index: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
  gap: 6px;
  padding: 0 12px;
  background: var(--rd-bg);
}

.rdesignr-hero-process-step:first-child{
  padding-left: 0;
}

.rdesignr-hero-process-step:last-child{
  padding-right: 0;
}

.rdesignr-hero-process-index{
  font-family: "Barlow Condensed", sans-serif;
  font-size: 10px;
  font-weight: 700;
  color: var(--rd-accent);
}

.rdesignr-hero-process-label{
  font-family: "Barlow Semi Condensed", sans-serif;
  font-size: 9px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.14em;
  color: var(--rd-text-muted);
  white-space: nowrap;
}


/* Privacy / Cookie / Legal Notice links next to the footer copyright.
   Reuses .copyright's own font-size/color and .copyright a's existing
   (already muted-grey) link color from section 4 above — this just adds
   spacing between the inline links, no new colors/typography. */
.rdesignr-legal-links{
  margin-left: 10px;
}

.rdesignr-legal-links a{
  margin-left: 8px;
}

@media only screen and (max-width: 880px) {
  /* .copyright itself is already display:none below 640px (original
     style.css rule) — below 880px there's less room next to the
     newsletter button, so drop the legal links first and keep just the

     copyright line legible for the 640-880px range. */
  .rdesignr-legal-links{
    display: none;
  }
}


/* --------------------------------------------------
   13. Location panel — h4/h5 heading fix
   -------------------------------------------------- */

.location-modal h4{
  font-family: "Barlow Condensed", sans-serif;
  font-size: 45px;
  font-weight: 700;
  line-height: 1;
  letter-spacing: normal;
  color: #fff;
  text-align: center;
  text-transform: uppercase;
  margin: 0 0 40px 0;
  padding: 0;
}

.location-modal h5{
  font-family: "Barlow Condensed", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  text-align: center;
  text-transform: uppercase;
  letter-spacing: 1px;
  color: #fff;
  margin: 0;
  padding: 0;
}


/* --------------------------------------------------
   14. Hero visual sequence — animated 5-state backdrop
   -------------------------------------------------- */
/* Lightweight animated replacement for the single static point-cloud
   poster as the hero's ambient backdrop, synchronized with the existing
   01-05 process strip (section 12). Pure CSS opacity keyframes animating
   inline SVG groups — no WebGL, no JS, no animation library. All 5
   stages share one <svg> coordinate space (same vanishing points as
   video/rdesignr-hero.jpg), so it reads as one continuous viewpoint
   evolving through the 5 stages, not five different scenes.

   This is an ADDITIONAL layer sitting on top of the existing .hero-bg
   (HTML5 video / poster) — that architecture is completely untouched,
   still fully capable of hosting Roland's real footage later. This SVG
   layer sits at the same z-index as the template's own dot-texture
   overlay (.cover-all-video:before, z-index:1), below the gradient
   overlay (z-index:2) and hero text (z-index:3).

   Timing: 15s loop, 5 roughly-equal segments (~3s each) with a short
   crossfade at each boundary. The exact same 0%/16%/20%/36%/40%.../100%
   breakpoints are reused for the process-strip highlight animation
   below, so the two are always in sync without any JS coordinating
   them — they're just two CSS animations sharing one timeline. */

.rdesignr-hero-sequence{
  display: none;
}

@media (prefers-reduced-motion: no-preference) {
  .rdesignr-hero-sequence{
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    overflow: hidden;
    pointer-events: none;
  }
}

.rdesignr-hero-sequence-svg{
  display: block;
  width: 100%;
  height: 100%;
}

@media only screen and (min-width: 881px){
  .rdesignr-hero-sequence{
    opacity: 1;
  }
}

/* ---- base architectural skeleton (all 5 stages) ---- */
.rdesignr-seq-base{
  fill: none;
  stroke: rgba(242, 236, 228, 0.24);
  stroke-width: 1;
  animation: rdesignr-seq-base-fade 15s infinite;
}

@keyframes rdesignr-seq-base-fade {
  0%, 16% { opacity: 0.42; }
  20%, 96% { opacity: 0.22; }
  100% { opacity: 0.35; }
}

.rdesignr-seq-stage{
  opacity: 0;
  fill: none;
}

.rdesignr-seq-1{ animation: rdesignr-seq-1-fade 15s infinite; }
.rdesignr-seq-2{ animation: rdesignr-seq-2-fade 15s infinite; }
.rdesignr-seq-3{ animation: rdesignr-seq-3-fade 15s infinite; }
.rdesignr-seq-4{ animation: rdesignr-seq-4-fade 15s infinite; }
.rdesignr-seq-5{ animation: rdesignr-seq-5-fade 15s infinite; }

@keyframes rdesignr-seq-1-fade { 0%, 2% { opacity: 1; } 18%, 100% { opacity: 0; } }
@keyframes rdesignr-seq-2-fade { 0%, 16% { opacity: 0; } 20%, 34% { opacity: 1; } 38%, 100% { opacity: 0; } }
@keyframes rdesignr-seq-3-fade { 0%, 36% { opacity: 0; } 40%, 54% { opacity: 1; } 58%, 100% { opacity: 0; } }
@keyframes rdesignr-seq-4-fade { 0%, 56% { opacity: 0; } 60%, 74% { opacity: 1; } 78%, 100% { opacity: 0; } }
@keyframes rdesignr-seq-5-fade { 0%, 76% { opacity: 0; } 80%, 96% { opacity: 1; } 100% { opacity: 0; } }

/* ---- stage 2: CAPTURE — scan rays / axis / ticks / pulsing origin ---- */
.rdesignr-seq-2-rays,
.rdesignr-seq-2-axis,
.rdesignr-seq-2-ticks{
  stroke: rgba(200, 106, 44, 0.56);
  stroke-width: 1;
}

.rdesignr-seq-2-origin{
  fill: var(--rd-accent);
  animation: rdesignr-seq-pulse 2s ease-in-out infinite;
}

@keyframes rdesignr-seq-pulse {
  0%, 100% { opacity: 0.5; }
  50% { opacity: 1; }
}

/* ---- stage 3: POINT CLOUD — dense organic scatter ---- */
.rdesignr-seq-3 circle.w{ fill: rgba(232, 226, 216, 0.68); }
.rdesignr-seq-3 circle.o{ fill: rgba(220, 140, 80, 0.82); }

/* ---- stage 4: PROCESSING — structured grid + bounding boxes ---- */
.rdesignr-seq-4-dots circle.w{ fill: rgba(232, 226, 216, 0.56); }
.rdesignr-seq-4-rects{
  display: none;
}

/* ---- stage 5: DELIVERABLE — resolved scan rays + sparse point field ---- */
.rdesignr-seq-5-rays line{
  stroke: rgba(200, 106, 44, 0.58);
  stroke-width: 1;
}
.rdesignr-seq-5-points circle.w{ fill: rgba(232, 226, 216, 0.68); }
.rdesignr-seq-5-points circle.o{ fill: rgba(220, 140, 80, 0.84); }
.rdesignr-seq-5-mark{
  fill: var(--rd-accent);
}

/* ---- synchronize the 01-05 process strip with the active visual stage ----
   Same 15s timeline, same %-breakpoints as the visual stages above — kept
   in sync by sharing a clock, not by any JS coordinating the two. Only
   runs alongside the visual sequence (same prefers-reduced-motion guard);
   otherwise the process strip stays at its normal static opacity. */
@media (prefers-reduced-motion: no-preference) and (min-width: 1200px) {
  .rdesignr-hero-process-step{
    opacity: 0.45;
  }
  .rdesignr-hero-process-step:nth-child(2){ animation: rdesignr-seq-label-1 15s infinite; }
  .rdesignr-hero-process-step:nth-child(3){ animation: rdesignr-seq-label-2 15s infinite; }
  .rdesignr-hero-process-step:nth-child(4){ animation: rdesignr-seq-label-3 15s infinite; }
  .rdesignr-hero-process-step:nth-child(5){ animation: rdesignr-seq-label-4 15s infinite; }
  .rdesignr-hero-process-step:nth-child(6){ animation: rdesignr-seq-label-5 15s infinite; }
}

@keyframes rdesignr-seq-label-1 { 0%, 16% { opacity: 1; } 20%, 100% { opacity: 0.45; } }
@keyframes rdesignr-seq-label-2 { 0%, 16% { opacity: 0.45; } 20%, 36% { opacity: 1; } 40%, 100% { opacity: 0.45; } }
@keyframes rdesignr-seq-label-3 { 0%, 36% { opacity: 0.45; } 40%, 56% { opacity: 1; } 60%, 100% { opacity: 0.45; } }
@keyframes rdesignr-seq-label-4 { 0%, 56% { opacity: 0.45; } 60%, 76% { opacity: 1; } 80%, 100% { opacity: 0.45; } }
@keyframes rdesignr-seq-label-5 { 0%, 76% { opacity: 0.45; } 80%, 96% { opacity: 1; } 100% { opacity: 0.45; } }


/* --------------------------------------------------
   15. Top UI: always-visible language switch and
       Location panel background image support
   -------------------------------------------------- */
/* Keep EN/HU always visible. The header final pass above already restores
   the short one-word LOCATION label and its shared typography with CONTACT. */
.languages li{
  opacity: 1;
}

/* Location panel: prepared for a future CMS background image (Roland's
   own Budapest point-cloud/scan visual). Empty by default — the panel
   already works fully without one (existing .location-modal black
   background). When a background_image path is filled in, build.js
   injects a "style" attribute with it directly onto this div (see
   scripts/build.js buildLocationBgAttr()) — this rule just adds the
   necessary background-size/position and a dark readability overlay
   that only has any visible effect once an image is actually present. */
.location-modal-bg{
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 0;
  background-size: cover;
  background-position: center;
  pointer-events: none;
}

.location-modal-bg::after{
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(8, 7, 6, 0.72);
}

.location-modal .center-container-contact-modal{
  position: relative;
  z-index: 1;
}


/* --------------------------------------------------
   17. Hero progress fix — sweeping vertical line
   -------------------------------------------------- */
/* The real progress indicator for the 5-stage hero sequence, matching
   the earlier approved reference concept precisely: the line ITSELF
   stays vertical and spans most of the hero's height — it's the line's
   HORIZONTAL POSITION that sweeps left-to-right in 5 steps (Reality
   through Deliverable), not a dot travelling along a horizontal line.
   Same 15s timeline / percentage breakpoints as the hero sequence
   (section 14) and the process strip's own step-highlight animation —
   one shared clock, no JS coordinating anything.

   Positioning: a vertical corridor spanning top:210px (below the
   hero-stats row) to bottom:180px (above the process strip and bottom
   nav chrome). Horizontally, the sweep is deliberately constrained to
   the OPEN background area to the right of the 640px-wide hero-content
   text/CTA column (left:750px) through to just before the stats row
   (right:90px) — NOT the full hero width. An earlier version of this
   fix spanned left:90px/right:90px (the same bounds as the text column)
   and at its leftmost sweep position (0%) sat directly on top of the
   headline and CTA buttons — found via a rendered screenshot and
   corrected here. Desktop only (≥1200px, same breakpoint as the process
   strip); hidden on mobile/tablet. Static (parked at the start position,
   no movement) under prefers-reduced-motion. */

.rdesignr-hero-progress-line{
  display: none;
}

@media only screen and (min-width: 1200px) {
  .rdesignr-hero-progress-line{
    display: block;
    position: absolute;
    top: 210px;
    bottom: 180px;
    left: 750px;
    right: 90px;
    z-index: 2;
    pointer-events: none;
  }
}

.rdesignr-hero-progress-line::before{
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0%;
  width: 1px;
  /* soft fade at the top/bottom ends rather than a hard-edged bar */
  background: linear-gradient(
    to bottom,
    rgba(200, 106, 44, 0) 0%,
    rgba(200, 106, 44, 0.55) 10%,
    rgba(200, 106, 44, 0.55) 90%,
    rgba(200, 106, 44, 0) 100%
  );
  box-shadow: 0 0 5px rgba(200, 106, 44, 0.35);
}

@media (prefers-reduced-motion: no-preference) {
  .rdesignr-hero-progress-line::before{
    animation: rdesignr-hero-progress-sweep 15s infinite;
  }
}

/* Smooth slide between each of the 5 stops, then a brief hold — matching
   each stage's own ~3s active window. */
@keyframes rdesignr-hero-progress-sweep {
  0%, 18% { left: 0%; }
  20%, 38% { left: 25%; }
  40%, 58% { left: 50%; }
  60%, 78% { left: 75%; }
  80%, 100% { left: 100%; }
}


.rdesignr-hero-progress-line{ display: none !important; }


/* FINAL OVERRIDE — secondary hero CTA stays dark in all states */
.rdesignr-hero-cta-group .c-btn.rdesignr-hero-cta.rdesignr-hero-cta-secondary,
.rdesignr-hero-cta-group .c-btn.rdesignr-hero-cta.rdesignr-hero-cta-secondary:link,
.rdesignr-hero-cta-group .c-btn.rdesignr-hero-cta.rdesignr-hero-cta-secondary:visited,
.rdesignr-hero-cta-group .c-btn.rdesignr-hero-cta.rdesignr-hero-cta-secondary:active,
.rdesignr-hero-cta-group .c-btn.rdesignr-hero-cta.rdesignr-hero-cta-secondary:focus,
.rdesignr-hero-cta-group .c-btn.rdesignr-hero-cta.rdesignr-hero-cta-secondary:hover{
  background: #141210 !important;
  color: #fff !important;
}

.rdesignr-hero-cta-group .c-btn.rdesignr-hero-cta.rdesignr-hero-cta-secondary::before{
  display: none !important;
  content: none !important;
}

.rdesignr-hero-cta-group .c-btn.rdesignr-hero-cta.rdesignr-hero-cta-secondary span{
  transform: translateX(0);
  transition: transform 0.25s ease;
}

.rdesignr-hero-cta-group .c-btn.rdesignr-hero-cta.rdesignr-hero-cta-secondary:hover span{
  transform: translateX(4px);
}


/* --------------------------------------------------
   LOCATION panel — compact content, point-cloud background, close control
   -------------------------------------------------- */
.location-modal h4{
  display: none;
}

.location-modal .center-container-contact-modal,
.location-modal .center-block-contact-modal{
  position: relative;
  z-index: 1;
  width: 100%;
  min-height: 100%;
}

.location-modal .center-block-contact-modal{
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.location-modal .center-block-contact-modal-padding-top{
  padding-top: 0;
}

.location-modal .center-block-contact-modal-padding-bottom{
  padding-bottom: 0;
}

.location-modal h5{
  margin: 0 0 22px 0;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.18em;
  color: rgba(255,255,255,0.9);
}

.location-modal-bg{
  background-position: center center;
}

.location-modal-bg::after{
  background: rgba(8, 7, 6, 0.78);
}

.rdesignr-location-compact{
  width: 100%;
  max-width: 980px;
  margin: 0 auto;
  float: none;
}

.rdesignr-location-compact .col-sm-12{
  float: none;
  width: 100%;
}

.rdesignr-location-compact .contact-info-description{
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  gap: 18px;
  margin: 0 auto;
}

.rdesignr-location-compact .contact-info-description-img{
  display: block;
  margin: 0;
  font-size: 34px;
  color: #fff;
}

.rdesignr-location-compact .contact-info-text{
  display: block;
  max-width: 860px;
  margin: 0 auto;
  font-family: "Barlow Condensed", sans-serif;
  font-size: 38px;
  font-weight: 700;
  line-height: 1.16;
  letter-spacing: 0.01em;
  color: #fff;
  text-transform: none;
}

.rdesignr-modal-close{
  position: absolute;
  top: 24px;
  right: 28px;
  z-index: 3;
  width: 42px;
  height: 42px;
  padding: 0;
  border: 0;
  background: transparent;
  cursor: pointer;
}

.rdesignr-modal-close-icon{
  display: block;
  width: 20px;
  height: 20px;
  margin: 11px;
  background: url("../img/rdesignr/ui/close-symbol-white.png") center center / contain no-repeat;
  opacity: 0.9;
  transition: transform 0.25s ease, opacity 0.25s ease;
}

.rdesignr-modal-close:hover .rdesignr-modal-close-icon{
  opacity: 1;
  transform: scale(1.06);
}

@media only screen and (max-width: 880px) {
  .rdesignr-location-compact .contact-info-text{
    font-size: 28px;
    max-width: 620px;
  }
}

@media only screen and (max-width: 640px) {
  .rdesignr-modal-close{
    top: 16px;
    right: 16px;
    width: 40px;
    height: 40px;
  }

  .rdesignr-modal-close-icon{
    width: 18px;
    height: 18px;
    margin: 11px;
  }

  .location-modal h5{
    margin-bottom: 18px;
    font-size: 10px;
  }

  .rdesignr-location-compact .contact-info-description{
    gap: 14px;
  }

  .rdesignr-location-compact .contact-info-description-img{
    font-size: 28px;
  }

  .rdesignr-location-compact .contact-info-text{
    font-size: 20px;
    line-height: 1.25;
    max-width: 290px;
  }
}


/* --------------------------------------------------
   Contact panel — one-screen two-card layout
   -------------------------------------------------- */
.contact-modal{
  background: #000;
}

.contact-modal-bg{
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 0;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: right center;
  pointer-events: none;
}

.contact-modal-bg::after{
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg, rgba(7,6,5,0.94) 0%, rgba(7,6,5,0.84) 50%, rgba(7,6,5,0.72) 100%);
}

.contact-modal .center-container-contact-modal,
.contact-modal .center-block-contact-modal{
  position: relative;
  z-index: 1;
  width: 100%;
  min-height: 100%;
}

.contact-modal .center-block-contact-modal{
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.rdesignr-contact-layout{
  padding: 28px 0 34px;
}

.rdesignr-contact-header{
  text-align: center;
}

.contact-modal .rdesignr-contact-header h5{
  margin-bottom: 16px;
}

.contact-modal .rdesignr-contact-header h4{
  margin-bottom: 18px;
}

.rdesignr-contact-subline{
  max-width: 760px;
  margin: 0 auto;
  color: rgba(255,255,255,0.82);
  font-size: 18px;
  line-height: 1.5;
  letter-spacing: 0.05em;
}

.rdesignr-contact-cards{
  width: 100%;
  max-width: 980px;
  margin: 34px auto 0;
  display: flex;
  align-items: stretch;
  justify-content: center;
  gap: 22px;
}

.rdesignr-contact-card{
  flex: 1 1 0;
  max-width: 440px;
  padding: 34px 32px 30px;
  border: 1px solid rgba(255,255,255,0.16);
  background: rgba(0,0,0,0.28);
  text-align: center;
}

.rdesignr-contact-card-icon{
  font-size: 38px;
  line-height: 1;
  color: #fff;
  margin-bottom: 22px;
}

.rdesignr-contact-card-title{
  font-family: "Barlow Condensed", sans-serif;
  font-size: 24px;
  font-weight: 500;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: #fff;
  margin-bottom: 14px;
}

.rdesignr-contact-card-title::after{
  content: "";
  display: block;
  width: 32px;
  height: 2px;
  margin: 14px auto 0;
  background: var(--rd-accent);
}

.rdesignr-contact-card-text{
  min-height: 62px;
  max-width: 290px;
  margin: 0 auto 22px;
  color: rgba(255,255,255,0.82);
  font-size: 18px;
  line-height: 1.55;
}

.rdesignr-contact-card-button{
  width: 100%;
  max-width: 280px;
  margin-top: 0;
}

.rdesignr-contact-card-button-outline{
  background: rgba(0,0,0,0.55) !important;
  border: 1px solid rgba(255,255,255,0.28) !important;
}

.rdesignr-contact-card-button-outline::before{
  background: var(--rd-accent) !important;
}

.rdesignr-contact-card-button-outline:hover{
  color: #fff !important;
}

.rdesignr-contact-card-button-solid{
  background: var(--rd-accent) !important;
}

.rdesignr-contact-card-button-solid::before{
  background: #1b1917 !important;
}

.rdesignr-contact-card-button-solid:hover{
  color: #fff !important;
}

@media only screen and (max-width: 1180px) {
  .rdesignr-contact-subline{
    font-size: 17px;
    max-width: 680px;
  }

  .rdesignr-contact-cards{
    max-width: 860px;
  }

  .rdesignr-contact-card{
    padding: 30px 24px 26px;
  }

  .rdesignr-contact-card-title{
    font-size: 21px;
  }
}

@media only screen and (max-width: 880px) {
  .rdesignr-contact-layout{
    padding: 24px 0 28px;
  }

  .contact-modal .rdesignr-contact-header h4{
    font-size: 58px;
    margin-bottom: 14px;
  }

  .rdesignr-contact-subline{
    font-size: 16px;
    line-height: 1.45;
    max-width: 540px;
  }

  .rdesignr-contact-cards{
    flex-direction: column;
    max-width: 560px;
    gap: 18px;
    margin-top: 26px;
  }

  .rdesignr-contact-card{
    max-width: none;
  }

  .rdesignr-contact-card-text{
    min-height: 0;
    max-width: 380px;
  }
}

@media only screen and (max-width: 640px) {
  .rdesignr-contact-layout{
    padding: 18px 0 20px;
  }

  .contact-modal .rdesignr-contact-header h5{
    margin-bottom: 12px;
  }

  .contact-modal .rdesignr-contact-header h4{
    font-size: 36px;
    line-height: 1.08;
    margin-bottom: 12px;
  }

  .rdesignr-contact-subline{
    font-size: 14px;
    max-width: 290px;
    line-height: 1.5;
  }

  .rdesignr-contact-cards{
    max-width: 290px;
    gap: 14px;
    margin-top: 20px;
  }

  .rdesignr-contact-card{
    padding: 22px 16px 18px;
  }

  .rdesignr-contact-card-icon{
    font-size: 30px;
    margin-bottom: 16px;
  }

  .rdesignr-contact-card-title{
    font-size: 17px;
    margin-bottom: 10px;
  }

  .rdesignr-contact-card-title::after{
    margin-top: 10px;
  }

  .rdesignr-contact-card-text{
    margin-bottom: 14px;
    font-size: 14px;
    line-height: 1.45;
    max-width: 240px;
  }

  .rdesignr-contact-card-button{
    max-width: 100%;
    font-size: 8px;
    padding: 14px 10px;
  }
}


/* Contact card CTA width tweak for longer Hungarian labels */
.rdesignr-contact-card-button{
  max-width: 320px;
}

@media only screen and (max-width: 640px) {
  .rdesignr-contact-card-button span{
    white-space: nowrap;
  }
}


/* Contact panel text tightening: keep descriptions on one line where possible
   and reduce the empty space before the CTA buttons. */
.rdesignr-contact-card-title::after{
  margin: 18px auto 0;
}

.rdesignr-contact-card-text{
  min-height: 0;
  max-width: 320px;
  margin: 10px auto 14px;
  font-size: 16px;
  line-height: 1.35;
  white-space: nowrap;
}

.rdesignr-contact-card-button{
  margin-top: 0;
}

@media only screen and (max-width: 1180px) {
  .rdesignr-contact-card-text{
    font-size: 15px;
    max-width: 320px;
  }
}

@media only screen and (max-width: 880px) {
  .rdesignr-contact-card-text{
    font-size: 15px;
    max-width: 420px;
    margin: 10px auto 12px;
  }
}

@media only screen and (max-width: 640px) {
  .rdesignr-contact-card-text{
    font-size: 13px;
    max-width: 260px;
    margin: 8px auto 12px;
    white-space: nowrap;
  }

  .rdesignr-contact-card-title::after{
    margin-top: 12px;
  }
}


/* --------------------------------------------------
   NAVIGATION — desktop/tablet vs mobile split
   -------------------------------------------------- */
#menu .menu ul{
  display: flex;
  align-items: center;
}

#menu .rdesignr-field-notes-link[data-notes-pending="true"]{
  opacity: 1;
  color: #fff;
}

/* Mobile-only layer is hard hidden above 640px. */
.menu-mobile,
.rdesignr-mobile-nav-panel{
  display: none;
}

@media only screen and (min-width: 641px) {
  .menu-mobile,
.rdesignr-mobile-nav-panel,
.rdesignr-mobile-legal,
.rdesignr-menu-trigger{
    display: none !important;
    visibility: hidden !important;
  }
}

@media only screen and (max-width: 640px) {
  .border-bottom-menu{
    display: none !important;
    visibility: hidden !important;
  }

  .border-bottom{
    height: 50px;
    background: #000;
    overflow: visible;
  }

  .border-bottom > .copyright{
    display: none !important;
  }

  .menu-mobile{
    display: block !important;
    visibility: visible !important;
    position: absolute;
    left: 8px;
    bottom: 8px;
    z-index: 1200;
  }

  .rdesignr-menu-trigger{
    display: flex !important;
    visibility: visible !important;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 34px;
    padding: 0;
    border: 0;
    background: transparent;
    cursor: pointer;
  }

  .rdesignr-menu-trigger-mark{
    position: relative;
    display: block;
    width: 18px;
    height: 18px;
    border: 1px solid rgba(255,255,255,.8);
    border-radius: 50%;
    transition: transform .25s ease, border-color .25s ease;
  }

  .rdesignr-menu-trigger-mark::before,
.rdesignr-menu-trigger-mark::after{
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    background: #fff;
    transform: translate(-50%,-50%);
  }
  .rdesignr-menu-trigger-mark::before{ width: 22px; height: 1px; }
  .rdesignr-menu-trigger-mark::after{ width: 1px; height: 22px; }

  .rdesignr-mobile-nav-panel{
    position: absolute;
    left: 0;
    bottom: 42px;
    width: min(82vw, 300px);
    padding: 14px 16px 13px;
    background: rgba(7,6,5,.98);
    border: 1px solid rgba(255,255,255,.12);
  }


  .rdesignr-mobile-nav-list{
    display: block;
    margin: 0;
    padding: 0;
    list-style: none;
  }

  .rdesignr-mobile-nav-list li{
    display: block;
    float: none;
    height: auto;
    margin: 0;
    padding: 0;
  }

  .rdesignr-mobile-nav-list li a{
    display: block;
    float: none;
    height: auto;
    padding: 8px 2px;
    font-family: "Barlow Condensed", sans-serif;
    font-size: 15px;
    line-height: 1.1;
    font-weight: 300;
    letter-spacing: 1px;
    text-transform: uppercase;
    text-align: left;
    color: #fff;
    background: transparent;
    white-space: nowrap;
  }

  .rdesignr-mobile-nav-list li a:hover{ color: var(--rd-accent); }

  .rdesignr-mobile-legal{
    display: block;
    margin-top: 8px;
    padding-top: 10px;
    border-top: 1px solid rgba(255,255,255,.12);
    font-size: 8px;
    line-height: 1.7;
    text-transform: uppercase;
    color: var(--rd-text-muted);
  }

  .rdesignr-mobile-legal span{
    display: block;
    margin-bottom: 4px;
  }

  .rdesignr-mobile-legal a{
    display: inline-block;
    margin-right: 8px;
    color: var(--rd-text-muted);
  }
}


/* NAV pass 04 — Field Notes same visual weight; legal links visible on tablet. */
.rdesignr-field-notes-link[data-notes-pending="true"]{
  opacity: 1 !important;
  color: #fff !important;
}

@media only screen and (min-width: 641px) and (max-width: 880px) {
  .rdesignr-legal-links{
    display: inline !important;
  }

  .copyright{
    display: block !important;
    visibility: visible !important;
    font-size: 8px;
    white-space: nowrap;
  }

  .rdesignr-legal-links{
    margin-left: 6px;
  }

  .rdesignr-legal-links a{
    margin-left: 6px;
  }
}


/* ==================================================
   FINAL UI FIX PASS — nav hover, hero stats/CTA, contact alignment
   ================================================== */

/* Field Notes/Jegyzetek must behave exactly like every other desktop/tablet nav item. */
#menu .menu li a.rdesignr-field-notes-link[data-notes-pending="true"]{
  opacity: 1 !important;
  color: #fff !important;
}
#menu .menu li a.rdesignr-field-notes-link[data-notes-pending="true"]:hover{
  color: #000 !important;
  background: #fff !important;
}

/* Mobile menu keeps the same simple hover treatment as the other mobile items. */
@media only screen and (max-width: 640px) {
  .rdesignr-mobile-nav-list li a.rdesignr-field-notes-link[data-notes-pending="true"]{
    color: #fff !important;
    background: transparent !important;
  }
  .rdesignr-mobile-nav-list li a.rdesignr-field-notes-link[data-notes-pending="true"]:hover{
    color: var(--rd-accent) !important;
    background: transparent !important;
  }
}

/* Secondary home CTA is the contact link in current markup: dark at rest and on hover. */
.rdesignr-hero-cta-group .rdesignr-hero-contact-link,
.rdesignr-hero-cta-group .rdesignr-hero-contact-link:link,
.rdesignr-hero-cta-group .rdesignr-hero-contact-link:visited,
.rdesignr-hero-cta-group .rdesignr-hero-contact-link:active,
.rdesignr-hero-cta-group .rdesignr-hero-contact-link:focus,
.rdesignr-hero-cta-group .rdesignr-hero-contact-link:hover{
  background: #141210 !important;
  color: #fff !important;
}
.rdesignr-hero-cta-group .rdesignr-hero-contact-link::before{
  display: none !important;
  content: none !important;
}
.rdesignr-hero-cta-group .rdesignr-hero-contact-link span{
  transition: transform .25s ease;
}
.rdesignr-hero-cta-group .rdesignr-hero-contact-link:hover span{
  transform: translateX(4px);
}

/* Contact cards: normalize icon boxes so EMAIL / PROJECT CALL headings sit on one baseline. */
.rdesignr-contact-card-icon{
  width: 48px;
  height: 48px;
  margin: 0 auto 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 48px;
  font-size: 36px;
}
.rdesignr-contact-card-title{
  min-height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 1.15;
}

/* Tablet legal row: keep readable and visible under the nav. */
@media only screen and (min-width: 641px) and (max-width: 880px) {
  .border-bottom{ height: 54px; }
  .copyright{
    display: block !important;
    visibility: visible !important;
    bottom: 14px !important;
    font-size: 8px !important;
    color: #777 !important;
    z-index: 20;
  }
  .copyright a,
.rdesignr-legal-links a{
    color: #777 !important;
  }
  .rdesignr-legal-links{ display: inline !important; }
}


/* FINAL TIGHTENING — contact card divider alignment + mobile hero stats */
.rdesignr-contact-card-title{
  position: relative;
  min-height: 34px;
  margin-bottom: 12px;
  padding-bottom: 18px;
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 1.15;
}

.rdesignr-contact-card-title::after{
  position: absolute;
  left: 50%;
  bottom: 0;
  transform: translateX(-50%);
  margin: 0;
}

.rdesignr-contact-card-text{
  margin: 0 auto 16px;
}

@media only screen and (max-width: 880px) {
  .rdesignr-contact-card-title{
    min-height: 32px;
    padding-bottom: 16px;
    margin-bottom: 10px;
  }

  .rdesignr-contact-card-text{
    margin: 0 auto 14px;
  }
}

@media only screen and (max-width: 640px) {
  .rdesignr-contact-card-title{
    min-height: 28px;
    padding-bottom: 14px;
    margin-bottom: 8px;
  }

  .rdesignr-contact-card-text{
    margin: 0 auto 12px;
  }
}




/* --------------------------------------------------
   SIDE PROJECT PANELS — reuse The One split-panel interaction
   -------------------------------------------------- */
.rdesignr-sideproject-launcher a{ cursor: pointer; }


.rdesignr-sideproject-visual{
  background-color: #080706;
  background-size: cover;
  background-position: center;
}

.rdesignr-realestic-visual{
  background:
    linear-gradient(135deg, rgba(185,93,55,.20), transparent 50%),
    linear-gradient(90deg, rgba(25,42,56,.38), transparent 65%),
    repeating-linear-gradient(0deg, transparent 0 47px, rgba(255,255,255,.035) 48px),
    repeating-linear-gradient(90deg, transparent 0 47px, rgba(255,255,255,.035) 48px),
    #0b0a09;
}
.rdesignr-realestic-visual::after{
  content:""; position:absolute; inset:12% 10%;
  border:1px solid rgba(205,112,74,.35);
  transform:skewY(-6deg);
  box-shadow: 0 0 60px rgba(205,112,74,.08) inset;
}

.rdesignr-sideproject-02-visual{
  background:
    radial-gradient(circle at 70% 42%, rgba(200,106,44,.18) 0 2px, transparent 3px),
    repeating-radial-gradient(circle at 70% 42%, transparent 0 54px, rgba(255,255,255,.035) 55px 56px),
    linear-gradient(145deg, rgba(200,106,44,.12), transparent 45%),
    #070605;
}
.rdesignr-sideproject-02-visual::after{
  content:""; position:absolute; left:12%; right:12%; top:50%; height:1px;
  background:linear-gradient(90deg, transparent, rgba(200,106,44,.65), transparent);
  transform:rotate(-18deg);
}

.rdesignr-sideproject-content{ background:#050505 !important; }
.rdesignr-sideproject-copy{ text-align:center; padding:40px; }
.rdesignr-sideproject-eyebrow{
  font-family:"Barlow Semi Condensed",sans-serif; font-size:10px; font-weight:600;
  letter-spacing:.28em; color:#aaa29a; text-transform:uppercase; margin-bottom:18px;
}
.rdesignr-sideproject-copy h4{
  font-family:"Barlow Condensed",sans-serif; font-size:56px; font-weight:700;
  line-height:1; letter-spacing:.03em; color:#f2ece4; margin:0;
}
.rdesignr-sideproject-rule{ width:34px; height:2px; background:var(--rd-accent); margin:24px auto; }
.rdesignr-sideproject-copy p{
  font-family:"Barlow Semi Condensed",sans-serif; font-size:12px; font-weight:600;
  letter-spacing:.22em; text-transform:uppercase; color:#8f8983; margin:0;
}


/* Right-bottom order: REALESTIC first, then the unnamed project. */
.instagram-feed{ right: 122px !important; }
.credits{ right: 10px !important; }

@media only screen and (max-width: 880px) {
  .rdesignr-sideproject-copy h4{ font-size:42px; }
}
@media only screen and (max-width:640px) {
  .rdesignr-sideproject-copy{ padding:28px 24px; }
  .rdesignr-sideproject-copy h4{ font-size:38px; }
  .rdesignr-sideproject-eyebrow{ font-size:9px; }
  .rdesignr-sideproject-copy p{ font-size:10px; }
}


/* Header wordmark is always a Home link. */
.template-title .rdesignr-home-logo-link,
.template-title .rdesignr-home-logo-link:visited,
.template-title .rdesignr-home-logo-link:active,
.template-title .rdesignr-home-logo-link:focus{
  color: inherit;
  text-decoration: none;
}
.template-title .rdesignr-home-logo-link{
  cursor: pointer;
}


/* --------------------------------------------------
   SIDE PROJECTS PASS 02 — darker panels, own close icon,
   slower smoother motion without jumpiness
   -------------------------------------------------- */
.panel-left-instagram-feed.rdesignr-sideproject-visual,
.panel-left-credits.rdesignr-sideproject-visual{
  
  
  
  
  will-change: transform, opacity;
  backface-visibility: hidden;
}

.panel-right-instagram-feed.rdesignr-sideproject-content,
.panel-right-credits.rdesignr-sideproject-content{
  
  
  
  
  will-change: transform, opacity;
  backface-visibility: hidden;
}


.rdesignr-sideproject-visual{
  background-color: #020202 !important;
}

.rdesignr-sideproject-visual::before{
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg, rgba(2,2,2,.82) 0%, rgba(2,2,2,.66) 100%);
  z-index: 0;
}

.rdesignr-realestic-visual::after,
.rdesignr-sideproject-02-visual::after{
  z-index: 1;
}

.rdesignr-sideproject-content{
  background: rgba(2,2,2,.98) !important;
}

.rdesignr-sideproject-copy{
  position: relative;
  z-index: 3;
}


@media only screen and (max-width: 640px) {
  

  
}


/* --------------------------------------------------
   SIDE PROJECTS PASS 03 — visual correction
   Right side = exact footer/header black.
   Left side = restore brighter project-placeholder treatment.
   Close control = visible branded icon in absolute top-right position.
   -------------------------------------------------- */

/* Right content half: same black as .border-top / .border-bottom-menu. */
.panel-right-instagram-feed.rdesignr-sideproject-content,
.panel-right-credits.rdesignr-sideproject-content{
  background: #000 !important;
}

/* Restore the original side-project visual treatment on the left.
   The previous pass' dark overlay made this half too dim. */
.rdesignr-sideproject-visual{
  background-color: #080706 !important;
}

.rdesignr-sideproject-visual::before{
  display: none !important;
  content: none !important;
}

.rdesignr-realestic-visual{
  background:
    linear-gradient(135deg, rgba(185,93,55,.20), transparent 50%),
    linear-gradient(90deg, rgba(25,42,56,.38), transparent 65%),
    repeating-linear-gradient(0deg, transparent 0 47px, rgba(255,255,255,.035) 48px),
    repeating-linear-gradient(90deg, transparent 0 47px, rgba(255,255,255,.035) 48px),
    #0b0a09 !important;
}

.rdesignr-sideproject-02-visual{
  background:
    radial-gradient(circle at 70% 42%, rgba(200,106,44,.18) 0 2px, transparent 3px),
    repeating-radial-gradient(circle at 70% 42%, transparent 0 54px, rgba(255,255,255,.035) 55px 56px),
    linear-gradient(145deg, rgba(200,106,44,.12), transparent 45%),
    #070605 !important;
}

/* Branded close icon: absolute positioning was accidentally overridden
   by the previous pass, which is why it did not appear where expected. */


@media only screen and (max-width: 640px) {
  

  
}


/* --------------------------------------------------
   SIDE PROJECTS PASS 04 — left-aligned technical copy
   -------------------------------------------------- */
.rdesignr-sideproject-copy{
  text-align: left !important;
  width: min(72%, 520px);
  margin: 0 auto;
  padding: 40px 0 !important;
}

.rdesignr-sideproject-eyebrow,
.rdesignr-sideproject-copy h4,
.rdesignr-sideproject-copy p{
  text-align: left !important;
}

.rdesignr-sideproject-rule{
  margin: 24px 0 !important;
}

@media only screen and (max-width: 880px) {
  .rdesignr-sideproject-copy{
    width: min(76%, 460px);
    padding: 32px 0 !important;
  }
}

@media only screen and (max-width: 640px) {
  .rdesignr-sideproject-copy{
    width: min(82%, 340px);
    padding: 28px 0 !important;
  }
}


/* --------------------------------------------------
   SIDE PROJECTS PASS 05 — mobile access + guaranteed close icon
   -------------------------------------------------- */
@media only screen and (max-width: 640px) {
  .rdesignr-mobile-nav-list .rdesignr-mobile-sideprojects{
    margin-top: 10px;
    padding-top: 10px;
    border-top: 1px solid rgba(255,255,255,.12);
  }

  .rdesignr-mobile-nav-list a.toggle-instagram-feed-content,
.rdesignr-mobile-nav-list a.toggle-credits-content{
    color: #fff !important;
  }

  .rdesignr-mobile-nav-list a.toggle-instagram-feed-content:hover,
.rdesignr-mobile-nav-list a.toggle-credits-content:hover{
    color: var(--rd-accent) !important;
  }
}


.rdesignr-modal-close-img{
  display: block !important;
  width: 24px !important;
  height: auto !important;
  max-height: 24px !important;
  object-fit: contain;
  opacity: .95 !important;
  visibility: visible !important;
  pointer-events: none !important;
  transition: transform .25s ease, opacity .25s ease;
}


@media only screen and (max-width: 640px) {
  

  .rdesignr-modal-close-img{
    width: 22px !important;
    max-height: 22px !important;
  }
}


/* --------------------------------------------------
   SIDE PROJECTS PASS 06 — match original mobile behavior
   Desktop/tablet: side projects live only at bottom-right launchers.
   Mobile: side projects live only inside the expanded mobile nav.
   -------------------------------------------------- */
@media only screen and (min-width: 641px) {
  #menu .toggle-instagram-feed-content,
#menu .toggle-credits-content{
    display: none !important;
  }

  .rdesignr-mobile-sideprojects,
.rdesignr-mobile-nav-list a.toggle-instagram-feed-content,
.rdesignr-mobile-nav-list a.toggle-credits-content{
    display: none !important;
  }
}

@media only screen and (max-width: 640px) {
  .border-bottom-menu .rdesignr-sideproject-launcher{
    display: none !important;
  }

  .rdesignr-mobile-nav-list .rdesignr-mobile-sideprojects{
    display: block !important;
    margin-top: 10px !important;
    padding-top: 11px !important;
    border-top: 1px solid rgba(255,255,255,.14) !important;
  }

  .rdesignr-mobile-nav-list a.toggle-instagram-feed-content,
.rdesignr-mobile-nav-list a.toggle-credits-content{
    display: block !important;
    color: #fff !important;
  }
}

/* Guaranteed visible branded close control on side-project panels. */


@media only screen and (max-width: 640px) {
  

  
}


/* --------------------------------------------------
   RDESIGNR STUDIO — bottom signal control + future podcast panel
   -------------------------------------------------- */
.rdesignr-studio-control{
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  z-index: 45;
  display: inline-flex;
  align-items: center;
  gap: 10px;
  height: 28px;
  padding: 0 2px 0 10px;
  border: 0;
  background: transparent;
  color: #fff;
  font-family: "Barlow Condensed", sans-serif;
  font-size: 10px;
  font-weight: 300;
  letter-spacing: .16em;
  text-transform: uppercase;
  cursor: pointer;
}

.rdesignr-studio-switch{
  display: inline-flex;
  align-items: center;
  gap: 5px;
  min-width: 49px;
  height: 20px;
  padding: 0 7px;
  border: 1px solid rgba(255,255,255,.22);
  background: #050505;
  color: rgba(255,255,255,.62);
  font-size: 8px;
  letter-spacing: .12em;
}

.rdesignr-studio-dot{
  width: 6px;
  height: 6px;
  border-radius: 50%;
  border: 1px solid rgba(255,255,255,.55);
  background: transparent;
  transition: background .25s ease, border-color .25s ease, box-shadow .25s ease;
}

.rdesignr-studio-state-on{ display:none; }
body.rdesignr-studio-open .rdesignr-studio-state-off{ display:none; }
body.rdesignr-studio-open .rdesignr-studio-state-on{ display:inline; color:#fff; }
body.rdesignr-studio-open .rdesignr-studio-dot{
  background: var(--rd-accent);
  border-color: var(--rd-accent);
  box-shadow: 0 0 8px rgba(205,112,74,.55);
}

.rdesignr-studio-modal{
  position: fixed;
  top: var(--rdx-header-h, 74px);
  right: 10px;
  bottom: 52px;
  left: 10px;
  z-index: 1210;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  background:
    linear-gradient(90deg, rgba(5,5,5,.98), rgba(2,2,2,.94)),
    #000;
  border: 1px solid rgba(255,255,255,.06);
  opacity: 0;
  visibility: hidden;
  transform: scale(.985);
  pointer-events: none;
  transition: opacity .38s ease, transform .48s cubic-bezier(.22,.61,.36,1), visibility .38s ease;
}

.rdesignr-studio-modal.open{
  opacity: 1;
  visibility: visible;
  transform: none;
  pointer-events: auto;
}

.rdesignr-studio-inner{
  position: relative;
  z-index: 2;
  width: min(620px, 80%);
  text-align: left;
}

.rdesignr-studio-eyebrow{
  margin-bottom: 18px;
  font-family: "Barlow Semi Condensed",sans-serif;
  font-size: 10px;
  font-weight: 600;
  letter-spacing: .28em;
  color: #9f9892;
  text-transform: uppercase;
}

.rdesignr-studio-inner h4{
  margin: 0;
  font-family:"Barlow Condensed",sans-serif;
  font-size: 58px;
  line-height: 1;
  font-weight: 700;
  letter-spacing: .02em;
  color: #f2ece4;
}

.rdesignr-studio-rule{
  width: 38px;
  height: 2px;
  margin: 24px 0;
  background: var(--rd-accent);
}

.rdesignr-studio-inner p{
  margin: 0;
  font-family:"Barlow Semi Condensed",sans-serif;
  font-size: 12px;
  font-weight: 600;
  line-height: 1.7;
  letter-spacing: .18em;
  text-transform: uppercase;
  color: #8f8983;
}

.rdesignr-studio-signal{
  position:absolute;
  right: 8%;
  top: 50%;
  z-index:1;
  display:flex;
  align-items:center;
  gap:9px;
  width: 36%;
  height: 180px;
  opacity:.15;
  transform: translateY(-50%);
}

.rdesignr-studio-signal span{
  display:block;
  width:1px;
  background: var(--rd-accent);
}
.rdesignr-studio-signal span:nth-child(1){height:18%;}
.rdesignr-studio-signal span:nth-child(2){height:42%;}
.rdesignr-studio-signal span:nth-child(3){height:70%;}
.rdesignr-studio-signal span:nth-child(4){height:100%;}
.rdesignr-studio-signal span:nth-child(5){height:64%;}
.rdesignr-studio-signal span:nth-child(6){height:36%;}
.rdesignr-studio-signal span:nth-child(7){height:20%;}

.rdesignr-studio-close{
  position:absolute !important;
  top:20px !important;
  right:22px !important;
  z-index:4 !important;
}

@media only screen and (max-width: 880px) {
  .rdesignr-studio-control{ right: 8px; }
  .rdesignr-studio-modal{ top: var(--rdx-header-h, 72px); bottom: 54px; }
  .rdesignr-studio-inner h4{ font-size: 48px; }
  .rdesignr-studio-signal{ right: 5%; width: 38%; }
}

@media only screen and (max-width: 640px) {
  .rdesignr-studio-control{
    right: 8px;
    gap: 7px;
    font-size: 9px;
  }
  .rdesignr-studio-switch{ min-width:45px; height:19px; padding:0 6px; }
  .rdesignr-studio-modal{ top: var(--rdx-header-h, 68px); right: 5px; bottom: 48px; left: 5px; }
  .rdesignr-studio-inner{ width: 78%; }
  .rdesignr-studio-inner h4{ font-size: 38px; }
  .rdesignr-studio-inner p{ font-size: 9px; line-height: 1.65; }
  .rdesignr-studio-signal{ right: -8%; width: 48%; opacity:.10; }
  .rdesignr-studio-close{ top:14px !important; right:14px !important; }
}


/* --------------------------------------------------
   RDESIGNR STUDIO — media hub infrastructure
   Prepared now for YouTube + Substack/audio episodes.
   -------------------------------------------------- */
.rdesignr-studio-modal{
  overflow-y: auto;
}

.rdesignr-studio-hub{
  position: relative;
  z-index: 2;
  width: min(1180px, calc(100% - 80px));
  margin: auto;
  padding: 54px 0 64px;
}

.rdesignr-studio-hub-header{
  max-width: 720px;
  margin-bottom: 34px;
}

.rdesignr-studio-hub-header h4{
  margin: 0 0 16px;
  font-family: "Barlow Condensed", sans-serif;
  font-size: 52px;
  line-height: 1;
  color: #f2ece4;
}

.rdesignr-studio-hub-header p{
  color: #9f9892;
  font-size: 14px;
  line-height: 1.6;
}

.rdesignr-studio-player-shell{
  margin: 0 0 34px;
  border: 1px solid rgba(255,255,255,.12);
  background: #000;
}

.rdesignr-studio-player-shell[hidden]{
  display: none !important;
}

.rdesignr-studio-player{
  width: 100%;
}

.rdesignr-studio-video-wrap{
  position: relative;
  width: 100%;
  padding-top: 56.25%;
  background: #000;
}

.rdesignr-studio-video-wrap iframe{
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  border: 0;
}

.rdesignr-studio-audio{
  display: block;
  width: calc(100% - 40px);
  margin: 28px 20px;
}

.rdesignr-studio-player-footer{
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  padding: 14px 18px;
  border-top: 1px solid rgba(255,255,255,.1);
  font-size: 10px;
  letter-spacing: .14em;
  text-transform: uppercase;
}

.rdesignr-studio-notes-link{
  color: var(--rd-accent);
}

.rdesignr-studio-episodes{
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px;
}

.rdesignr-studio-episode-card{
  border: 1px solid rgba(255,255,255,.12);
  background: rgba(0,0,0,.34);
}

.rdesignr-studio-episode-thumb{
  position: relative;
  aspect-ratio: 16 / 9;
  background:
    linear-gradient(135deg, rgba(205,112,74,.16), transparent 55%),
    repeating-linear-gradient(90deg, transparent 0 31px, rgba(255,255,255,.025) 32px),
    #090807;
  background-size: cover;
  background-position: center;
}

.rdesignr-studio-episode-play{
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  border: 0;
  background: rgba(0,0,0,.18);
  color: #fff;
  font-family: "Barlow Condensed", sans-serif;
  font-size: 11px;
  letter-spacing: .18em;
  cursor: pointer;
  transition: background .25s ease;
}

.rdesignr-studio-episode-play:hover{
  background: rgba(0,0,0,.42);
}

.rdesignr-studio-play-icon{
  color: var(--rd-accent);
  font-size: 15px;
}

.rdesignr-studio-episode-copy{
  padding: 18px;
}

.rdesignr-studio-episode-meta{
  display: flex;
  flex-wrap: wrap;
  gap: 8px 14px;
  margin-bottom: 12px;
  color: #8f8983;
  font-size: 8px;
  letter-spacing: .16em;
  text-transform: uppercase;
}

.rdesignr-studio-episode-copy h5{
  margin: 0 0 10px;
  color: #f2ece4;
  font-family: "Barlow Condensed", sans-serif;
  font-size: 22px;
  line-height: 1.15;
}

.rdesignr-studio-episode-copy p{
  margin: 0;
  color: #aaa29a;
  font-size: 12px;
  line-height: 1.55;
}

body.rdesignr-studio-playing .rdesignr-studio-dot{
  animation: rdesignr-studio-pulse 1.2s ease-in-out infinite;
}

@keyframes rdesignr-studio-pulse {
  0%, 100% { box-shadow: 0 0 4px rgba(205,112,74,.35); }
  50% { box-shadow: 0 0 12px rgba(205,112,74,.85); }
}

@media only screen and (max-width: 880px) {
  .rdesignr-studio-hub{
    width: min(700px, calc(100% - 48px));
    padding: 44px 0 54px;
  }

  .rdesignr-studio-episodes{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media only screen and (max-width: 640px) {
  .rdesignr-studio-hub{
    width: calc(100% - 32px);
    padding: 62px 0 36px;
  }

  .rdesignr-studio-hub-header h4{
    font-size: 38px;
  }

  .rdesignr-studio-episodes{
    grid-template-columns: 1fr;
  }

  .rdesignr-studio-player-footer{
    align-items: flex-start;
    flex-direction: column;
  }
}


/* EN SIGNAL live refinements */
.rdesignr-signal-hub .rdesignr-studio-hub-header{
  max-width: 760px;
}

.rdesignr-studio-card-note{
  display: inline-block;
  margin-top: 14px;
  color: var(--rd-accent);
  font-size: 8px;
  font-weight: 600;
  letter-spacing: .14em;
  text-transform: uppercase;
}

.rdesignr-studio-card-note:hover{
  color: #fff;
}


/* SIGNAL player usability refinements */
.rdesignr-studio-player-shell{
  position: relative;
}

.rdesignr-studio-video-wrap,
.rdesignr-studio-audio-wrap{
  position: relative;
}

.rdesignr-studio-player-close{
  position: absolute;
  top: 12px;
  right: 12px;
  z-index: 5;
  width: 34px;
  height: 34px;
  border: 1px solid rgba(255,255,255,.28);
  background: rgba(0,0,0,.65);
  color: #fff;
  font-size: 24px;
  line-height: 1;
  cursor: pointer;
}

.rdesignr-studio-player-close:hover{
  background: rgba(0,0,0,.9);
  border-color: rgba(255,255,255,.45);
}

.rdesignr-studio-notes-link,
.rdesignr-studio-notes-link:visited,
.rdesignr-studio-card-note,
.rdesignr-studio-card-note:visited{
  color: var(--rd-accent);
}

.rdesignr-studio-notes-link:hover,
.rdesignr-studio-card-note:hover{
  color: #fff;
}

.rdesignr-studio-episode-card.is-active{
  border-color: rgba(205,112,74,.55);
  box-shadow: inset 0 0 0 1px rgba(205,112,74,.18);
}

.rdesignr-studio-episode-thumb{
  overflow: hidden;
}

.rdesignr-studio-hover-preview{
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;
  background: #000;
}

.rdesignr-studio-hover-preview iframe{
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  border: 0;
}

.rdesignr-studio-episode-thumb.is-previewing::after{
  content: "";
  position: absolute;
  inset: 0;
  z-index: 2;
  background: linear-gradient(to top, rgba(0,0,0,.22), rgba(0,0,0,.02));
  pointer-events: none;
}

.rdesignr-studio-episode-play{
  z-index: 3;
}

.rdesignr-studio-player-footer{
  position: relative;
  z-index: 2;
}

@media only screen and (max-width: 640px) {
  .rdesignr-studio-player-close{
    top: 8px;
    right: 8px;
    width: 32px;
    height: 32px;
  }
}


/* SIGNAL pass 03 — mobile expanded player + local preview diagnostics */
.rdesignr-studio-local-preview{
  position: relative;
  min-height: 360px;
  display: flex;
  align-items: center;
  justify-content: center;
  background:
    radial-gradient(circle at 70% 42%, rgba(92,38,116,.22), transparent 38%),
    #0a0a0a;
}
.rdesignr-studio-local-preview-inner{
  max-width: 560px;
  padding: 54px 34px;
  text-align: left;
}
.rdesignr-studio-local-preview-label{
  margin-bottom: 14px;
  color: var(--rd-accent);
  font-size: 9px;
  font-weight: 600;
  letter-spacing: .2em;
}
.rdesignr-studio-local-preview h5{
  margin: 0 0 14px;
  color: #fff;
  font-family: "Barlow Condensed", sans-serif;
  font-size: 30px;
}
.rdesignr-studio-local-preview p{
  margin: 0;
  color: #aaa29a;
  font-size: 13px;
  line-height: 1.6;
}

@media only screen and (max-width: 640px) {
  body.rdesignr-studio-playing .rdesignr-studio-player-shell{
    position: fixed;
    top: 70px;
    right: 5px;
    bottom: 48px;
    left: 5px;
    z-index: 1600;
    margin: 0;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    background: #000;
    border: 1px solid rgba(255,255,255,.14);
  }

  body.rdesignr-studio-playing .rdesignr-studio-player{
    flex: 1 1 auto;
    min-height: 0;
    display: flex;
  }

  body.rdesignr-studio-playing .rdesignr-studio-video-wrap,
body.rdesignr-studio-playing .rdesignr-studio-audio-wrap,
body.rdesignr-studio-playing .rdesignr-studio-local-preview{
    flex: 1 1 auto;
    width: 100%;
    height: auto;
    min-height: 0;
    padding-top: 0;
  }

  body.rdesignr-studio-playing .rdesignr-studio-video-wrap iframe{
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
  }

  body.rdesignr-studio-playing .rdesignr-studio-player-footer{
    flex: 0 0 auto;
    background: #000;
    padding: 12px 14px;
  }

  body.rdesignr-studio-playing .rdesignr-studio-player-close{
    position: fixed;
    top: 80px;
    right: 15px;
    z-index: 1610;
  }
}


/* SIGNAL pass 04 — mobile player fully covers Studio content */
@media only screen and (max-width: 640px) {
  .rdesignr-studio-modal{
    position: fixed;
    overflow: hidden;
  }

  body.rdesignr-studio-playing .rdesignr-studio-player-shell{
    position: absolute !important;
    inset: 0 !important;
    top: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    z-index: 1700 !important;
    border: 0 !important;
    background: #000 !important;
  }

  body.rdesignr-studio-playing .rdesignr-studio-player-close{
    position: absolute !important;
    top: 10px !important;
    right: 10px !important;
    z-index: 1710 !important;
  }

  body.rdesignr-studio-playing .rdesignr-studio-player-footer{
    border-top: 1px solid rgba(255,255,255,.1);
  }
}

/* Make the active card state actually visible. */
.rdesignr-studio-episode-card.is-active{
  border-color: var(--rd-accent) !important;
  box-shadow:
    inset 0 0 0 1px rgba(205,112,74,.35),
    0 0 0 1px rgba(205,112,74,.12) !important;
}


/* SIGNAL pass 05 — mobile inline video fills the active Studio panel. */
@media only screen and (max-width: 640px) {
  body.rdesignr-studio-playing .rdesignr-studio-player-shell{
    display: flex !important;
    flex-direction: column !important;
  }

  body.rdesignr-studio-playing .rdesignr-studio-player{
    flex: 1 1 auto !important;
    min-height: 0 !important;
    width: 100% !important;
    height: auto !important;
  }

  body.rdesignr-studio-playing .rdesignr-studio-video-wrap{
    width: 100% !important;
    height: 100% !important;
    min-height: 0 !important;
    padding-top: 0 !important;
    background: #000 !important;
  }

  body.rdesignr-studio-playing .rdesignr-studio-video-wrap iframe{
    width: 100% !important;
    height: 100% !important;
    object-fit: contain;
    background: #000;
  }

  body.rdesignr-studio-playing .rdesignr-studio-player-footer{
    flex: 0 0 auto !important;
    background: #000 !important;
  }
}


/* SIGNAL pass 06 — one close control at a time.
   While the player is open, hide the branded Studio close; player X returns to grid. */
body.rdesignr-studio-playing .rdesignr-studio-close{
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
}

.rdesignr-studio-modal.open:not(.rdesignr-studio-playing) .rdesignr-studio-close,
body.rdesignr-studio-open:not(.rdesignr-studio-playing) .rdesignr-studio-close{
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
}


/* --------------------------------------------------
   SIGNAL pass 08 — scalable player UX + mobile video fix
   -------------------------------------------------- */

/* Grid must remain scrollable on mobile when no player is open. */
@media only screen and (max-width: 640px) {
  .rdesignr-studio-modal{
    overflow-y: auto !important;
    overflow-x: hidden !important;
  }

  body.rdesignr-studio-playing .rdesignr-studio-modal{
    overflow: hidden !important;
  }
}

/* Player is an overlay inside the Studio on every viewport.
   Selecting episode 18 does NOT jump the user back to the top of the grid. */
body.rdesignr-studio-playing .rdesignr-studio-player-shell{
  position: absolute !important;
  inset: 18px !important;
  z-index: 1700 !important;
  margin: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  min-height: 0 !important;
  background: #000 !important;
  border: 1px solid rgba(255,255,255,.16) !important;
  overflow: hidden !important;
}

body.rdesignr-studio-playing .rdesignr-studio-player{
  flex: 1 1 auto !important;
  min-height: 0 !important;
  display: flex !important;
  align-items: stretch !important;
  justify-content: stretch !important;
  background: #000 !important;
}

body.rdesignr-studio-playing .rdesignr-studio-video-wrap{
  position: relative !important;
  flex: 1 1 auto !important;
  min-height: 0 !important;
  width: 100% !important;
  height: 100% !important;
  padding: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: #000 !important;
}

/* This stage fixes the mobile "sound but black video" issue caused by
   forcing the iframe itself to fill a tall portrait container. */
.rdesignr-studio-video-stage{
  position: relative !important;
  width: min(100%, 1280px) !important;
  aspect-ratio: 16 / 9;
  max-height: 100% !important;
  background: #000 !important;
}

.rdesignr-studio-video-wrap.is-short .rdesignr-studio-video-stage{
  width: auto !important;
  height: min(100%, 900px) !important;
  aspect-ratio: 9 / 16;
}

body.rdesignr-studio-playing .rdesignr-studio-video-stage iframe{
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  border: 0 !important;
  background: #000 !important;
}

/* One clear back-to-grid control. */
body.rdesignr-studio-playing .rdesignr-studio-player-close{
  position: absolute !important;
  top: 12px !important;
  right: 12px !important;
  z-index: 1720 !important;
}

.rdesignr-studio-player-footer{
  flex: 0 0 auto !important;
  background: #000 !important;
}

.rdesignr-studio-player-nav{
  display: flex;
  align-items: center;
  gap: 8px;
  margin-right: auto;
}

.rdesignr-studio-player-nav button{
  border: 1px solid rgba(255,255,255,.18);
  background: #080808;
  color: #f2ece4;
  padding: 8px 12px;
  font-family: "Barlow Condensed", sans-serif;
  font-size: 9px;
  letter-spacing: .14em;
  cursor: pointer;
}

.rdesignr-studio-player-nav button:hover{
  border-color: var(--rd-accent);
  color: var(--rd-accent);
}

/* The footer "EPISODES" button is not the floating X. */
.rdesignr-studio-player-close-label{
  position: static !important;
  width: auto !important;
  height: auto !important;
  font-size: 9px !important;
  line-height: 1 !important;
}

@media only screen and (max-width: 640px) {
  body.rdesignr-studio-playing .rdesignr-studio-player-shell{
    inset: 0 !important;
    border: 0 !important;
  }

  .rdesignr-studio-video-stage{
    width: 100% !important;
    max-width: 100% !important;
  }

  .rdesignr-studio-video-wrap.is-short .rdesignr-studio-video-stage{
    width: auto !important;
    height: min(100%, 78vh) !important;
  }

  .rdesignr-studio-player-footer{
    padding: 10px !important;
  }

  .rdesignr-studio-player-nav{
    width: 100%;
    justify-content: space-between;
    gap: 6px;
  }

  .rdesignr-studio-player-nav button{
    flex: 1 1 0;
    padding: 9px 6px;
    font-size: 8px;
  }

  .rdesignr-studio-now-playing{
    display: none;
  }
}


/* --------------------------------------------------
   SIGNAL pass 09 — player frame fits the actual video
   -------------------------------------------------- */

/* Desktop/tablet: the overlay itself should size to the media instead of
   filling most of the viewport and leaving large black bars above/below. */
@media only screen and (min-width: 641px) {
  body.rdesignr-studio-playing .rdesignr-studio-player-shell{
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    right: auto !important;
    bottom: auto !important;
    transform: translate(-50%, -50%) !important;
    width: min(1100px, calc(100% - 72px)) !important;
    height: auto !important;
    max-height: calc(100% - 48px) !important;
    overflow: visible !important;
  }

  body.rdesignr-studio-playing .rdesignr-studio-player{
    display: block !important;
    flex: none !important;
    width: 100% !important;
    height: auto !important;
  }

  body.rdesignr-studio-playing .rdesignr-studio-video-wrap.is-wide{
    display: block !important;
    width: 100% !important;
    height: auto !important;
  }

  body.rdesignr-studio-playing .rdesignr-studio-video-wrap.is-wide .rdesignr-studio-video-stage{
    width: 100% !important;
    height: auto !important;
    aspect-ratio: 16 / 9 !important;
    max-height: none !important;
  }

  body.rdesignr-studio-playing .rdesignr-studio-video-wrap.is-short{
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    height: min(72vh, 760px) !important;
  }

  body.rdesignr-studio-playing .rdesignr-studio-video-wrap.is-short .rdesignr-studio-video-stage{
    width: auto !important;
    height: 100% !important;
    aspect-ratio: 9 / 16 !important;
  }
}

/* Mobile: use normal flex geometry instead of a percentage-height absolute
   iframe inside a tall stretched wrapper. This is aimed specifically at the
   "audio plays but video area is black" issue seen in mobile emulation. */
@media only screen and (max-width: 640px) {
  body.rdesignr-studio-playing .rdesignr-studio-player-shell{
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    display: flex !important;
    flex-direction: column !important;
    background: #000 !important;
    overflow: hidden !important;
  }

  body.rdesignr-studio-playing .rdesignr-studio-player{
    flex: 1 1 auto !important;
    min-height: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    height: auto !important;
    background: #000 !important;
  }

  body.rdesignr-studio-playing .rdesignr-studio-video-wrap{
    flex: none !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    background: #000 !important;
  }

  body.rdesignr-studio-playing .rdesignr-studio-video-wrap.is-wide .rdesignr-studio-video-stage{
    position: relative !important;
    display: block !important;
    width: 100% !important;
    height: auto !important;
    aspect-ratio: 16 / 9 !important;
    max-height: none !important;
    overflow: visible !important;
  }

  body.rdesignr-studio-playing .rdesignr-studio-video-wrap.is-short .rdesignr-studio-video-stage{
    position: relative !important;
    display: block !important;
    width: auto !important;
    height: min(72vh, 720px) !important;
    aspect-ratio: 9 / 16 !important;
    overflow: visible !important;
  }

  body.rdesignr-studio-playing .rdesignr-studio-video-stage iframe{
    position: absolute !important;
    inset: 0 !important;
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    min-width: 1px !important;
    min-height: 1px !important;
    opacity: 1 !important;
    visibility: visible !important;
    z-index: 1 !important;
  }

  .rdesignr-studio-player-footer{
    flex: 0 0 auto !important;
  }
}


/* --------------------------------------------------
   SIGNAL pass 10 — fixed viewer overlay + scalable navigation
   -------------------------------------------------- */

/* Dim and blur the episode grid while a video is active. */
body.rdesignr-studio-playing .rdesignr-studio-modal::after{
  content: "";
  position: fixed;
  top: 70px;
  right: 0;
  bottom: 50px;
  left: 0;
  z-index: 1650;
  background: rgba(0,0,0,.64);
  -webkit-backdrop-filter: blur(6px);
  backdrop-filter: blur(6px);
  pointer-events: none;
}

/* The active viewer is viewport-centered rather than positioned relative
   to the grid. This prevents it drifting down the page after scrolling. */
body.rdesignr-studio-playing .rdesignr-studio-player-shell{
  position: fixed !important;
  z-index: 1700 !important;
  top: 50% !important;
  left: 50% !important;
  right: auto !important;
  bottom: auto !important;
  transform: translate(-50%, -50%) !important;
  margin: 0 !important;
  background: #000 !important;
  border: 1px solid rgba(255,255,255,.18) !important;
  overflow: hidden !important;
  display: flex !important;
  flex-direction: column !important;
  width: min(1080px, calc(100vw - 120px)) !important;
  height: auto !important;
  max-height: calc(100vh - 150px) !important;
}

body.rdesignr-studio-playing .rdesignr-studio-player-shell.is-short-player{
  width: min(560px, calc(100vw - 120px)) !important;
}

body.rdesignr-studio-playing .rdesignr-studio-player{
  flex: 0 1 auto !important;
  width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: #000 !important;
}

body.rdesignr-studio-playing .rdesignr-studio-video-wrap{
  position: relative !important;
  flex: 0 1 auto !important;
  width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  padding: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: #000 !important;
}

body.rdesignr-studio-playing .rdesignr-studio-video-wrap.is-wide .rdesignr-studio-video-stage{
  position: relative !important;
  width: 100% !important;
  height: auto !important;
  aspect-ratio: 16 / 9 !important;
  max-height: calc(100vh - 215px) !important;
  background: #000 !important;
}

body.rdesignr-studio-playing .rdesignr-studio-video-wrap.is-short{
  height: min(72vh, 720px) !important;
}

body.rdesignr-studio-playing .rdesignr-studio-video-wrap.is-short .rdesignr-studio-video-stage{
  position: relative !important;
  width: auto !important;
  height: 100% !important;
  aspect-ratio: 9 / 16 !important;
  background: #000 !important;
}

body.rdesignr-studio-playing .rdesignr-studio-video-stage iframe{
  position: absolute !important;
  inset: 0 !important;
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  border: 0 !important;
  opacity: 1 !important;
  visibility: visible !important;
  background: #000 !important;
}

/* Player footer: PREV | BACK TO EPISODES | NEXT stay together.
   Field Note stays independent on the right. */
body.rdesignr-studio-playing .rdesignr-studio-player-footer{
  position: relative !important;
  flex: 0 0 auto !important;
  min-height: 58px;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 16px !important;
  padding: 10px 14px !important;
  background: #000 !important;
  border-top: 1px solid rgba(255,255,255,.12) !important;
}

.rdesignr-studio-player-nav{
  display: flex !important;
  align-items: stretch !important;
  gap: 8px !important;
  margin: 0 !important;
}

.rdesignr-studio-player-nav button{
  position: relative;
  overflow: hidden;
  min-height: 36px;
  border: 1px solid rgba(255,255,255,.22);
  background: #080808;
  color: #fff;
  padding: 9px 13px;
  font-family: "Barlow Condensed", sans-serif;
  font-size: 9px;
  line-height: 1;
  letter-spacing: .12em;
  text-transform: uppercase;
  cursor: pointer;
}

.rdesignr-studio-player-prev:hover,
.rdesignr-studio-player-next:hover{
  border-color: rgba(205,112,74,.75);
  color: var(--rd-accent);
}

/* Primary back-to-grid CTA: orange at rest, black sweeps in from left on hover,
   matching the VIEW WORK interaction language. */
.rdesignr-studio-player-close-label{
  position: relative !important;
  top: auto !important;
  right: auto !important;
  width: auto !important;
  height: auto !important;
  min-width: 150px;
  border-color: var(--rd-accent) !important;
  background: var(--rd-accent) !important;
  color: #fff !important;
}

.rdesignr-studio-player-close-label::before{
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  background: #11100f;
  transform: scaleX(0);
  transform-origin: left center;
  transition: transform .28s ease;
}

.rdesignr-studio-player-close-label:hover::before{
  transform: scaleX(1);
}

.rdesignr-studio-player-close-label span{
  position: relative;
  z-index: 1;
}

/* Floating X remains only the quick close control for the active video. */
body.rdesignr-studio-playing .rdesignr-studio-video-wrap > .rdesignr-studio-player-close,
body.rdesignr-studio-playing .rdesignr-studio-local-preview > .rdesignr-studio-player-close{
  position: absolute !important;
  top: 10px !important;
  right: 10px !important;
  z-index: 1740 !important;
}

/* Keep the Substack link visually independent and never underneath controls. */
body.rdesignr-studio-playing .rdesignr-studio-notes-link{
  margin-left: auto !important;
  white-space: nowrap;
  flex: 0 0 auto;
}

/* Tablet */
@media only screen and (min-width: 641px) and (max-width: 1024px) {
  body.rdesignr-studio-playing .rdesignr-studio-player-shell{
    width: min(820px, calc(100vw - 64px)) !important;
    max-height: calc(100vh - 135px) !important;
  }

  body.rdesignr-studio-playing .rdesignr-studio-player-shell.is-short-player{
    width: min(500px, calc(100vw - 64px)) !important;
  }

  body.rdesignr-studio-playing .rdesignr-studio-video-wrap.is-wide .rdesignr-studio-video-stage{
    max-height: calc(100vh - 200px) !important;
  }
}

/* Mobile: use a fixed viewer area between global header and footer.
   The video stage is centered in that area regardless of episode format. */
@media only screen and (max-width: 640px) {
  body.rdesignr-studio-playing .rdesignr-studio-modal::after{
    top: 66px;
    bottom: 48px;
  }

  body.rdesignr-studio-playing .rdesignr-studio-player-shell,
body.rdesignr-studio-playing .rdesignr-studio-player-shell.is-wide-player,
body.rdesignr-studio-playing .rdesignr-studio-player-shell.is-short-player{
    position: fixed !important;
    top: 66px !important;
    right: 0 !important;
    bottom: 48px !important;
    left: 0 !important;
    transform: none !important;
    width: 100vw !important;
    height: auto !important;
    max-height: none !important;
    border: 0 !important;
  }

  body.rdesignr-studio-playing .rdesignr-studio-player{
    flex: 1 1 auto !important;
    min-height: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    overflow: hidden !important;
  }

  body.rdesignr-studio-playing .rdesignr-studio-video-wrap.is-wide{
    width: 100% !important;
    height: auto !important;
  }

  body.rdesignr-studio-playing .rdesignr-studio-video-wrap.is-wide .rdesignr-studio-video-stage{
    width: 100% !important;
    height: auto !important;
    aspect-ratio: 16 / 9 !important;
    max-height: none !important;
  }

  body.rdesignr-studio-playing .rdesignr-studio-video-wrap.is-short{
    width: 100% !important;
    height: 100% !important;
    max-height: none !important;
  }

  body.rdesignr-studio-playing .rdesignr-studio-video-wrap.is-short .rdesignr-studio-video-stage{
    width: auto !important;
    height: min(100%, 72dvh) !important;
    aspect-ratio: 9 / 16 !important;
  }

  body.rdesignr-studio-playing .rdesignr-studio-player-footer{
    min-height: 72px;
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 8px !important;
    padding: 8px 10px !important;
  }

  .rdesignr-studio-player-nav{
    width: 100% !important;
    display: grid !important;
    grid-template-columns: .8fr 1.6fr .8fr;
    gap: 6px !important;
  }

  .rdesignr-studio-player-nav button{
    min-width: 0 !important;
    width: 100% !important;
    padding: 9px 4px !important;
    font-size: 8px !important;
  }

  .rdesignr-studio-player-close-label{
    min-width: 0 !important;
  }

  body.rdesignr-studio-playing .rdesignr-studio-notes-link{
    margin: 0 !important;
    text-align: center;
    font-size: 8px;
  }
}


/* --------------------------------------------------
   SIGNAL pass 11 — blur ONLY the background, never the active player
   -------------------------------------------------- */

/* Disable the previous backdrop-filter layer that also blurred the player. */
body.rdesignr-studio-playing .rdesignr-studio-modal::after{
  content: none !important;
  display: none !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
}

/* Blur/dim only the Studio content that sits behind the viewer. */
body.rdesignr-studio-playing .rdesignr-studio-hub-header,
body.rdesignr-studio-playing .rdesignr-studio-episodes{
  filter: blur(5px) brightness(.34) !important;
  opacity: .72 !important;
  transition: filter .22s ease, opacity .22s ease;
  pointer-events: none !important;
}

/* Keep the active viewer perfectly sharp and above everything else. */
body.rdesignr-studio-playing .rdesignr-studio-player-shell{
  filter: none !important;
  opacity: 1 !important;
  z-index: 1900 !important;
  isolation: isolate;
}

/* A simple dark veil behind the player adds separation without touching it. */
body.rdesignr-studio-playing .rdesignr-studio-hub::before{
  content: "";
  position: fixed;
  top: 70px;
  right: 0;
  bottom: 50px;
  left: 0;
  z-index: 1800;
  background: rgba(0,0,0,.46);
  pointer-events: none;
}

body.rdesignr-studio-playing .rdesignr-studio-player-shell{
  position: fixed !important;
}

/* Player must sit above the dark veil. */
body.rdesignr-studio-playing .rdesignr-studio-player-shell,
body.rdesignr-studio-playing .rdesignr-studio-player-shell *{
  position: relative;
  z-index: 1901;
}

body.rdesignr-studio-playing .rdesignr-studio-video-stage iframe{
  position: absolute !important;
  z-index: 1902 !important;
}

/* Restore normal content instantly when returning to episode grid. */
body:not(.rdesignr-studio-playing) .rdesignr-studio-hub-header,
body:not(.rdesignr-studio-playing) .rdesignr-studio-episodes{
  filter: none !important;
  opacity: 1 !important;
  pointer-events: auto !important;
}

@media only screen and (max-width: 640px) {
  body.rdesignr-studio-playing .rdesignr-studio-hub::before{
    top: 66px;
    bottom: 48px;
  }
}


/* --------------------------------------------------
   SIGNAL pass 12 — close affordance + aligned viewer navigation
   -------------------------------------------------- */

/* Keep the player's own X above the YouTube iframe. */
body.rdesignr-studio-playing .rdesignr-studio-video-wrap > .rdesignr-studio-player-close,
body.rdesignr-studio-playing .rdesignr-studio-local-preview > .rdesignr-studio-player-close,
body.rdesignr-studio-playing .rdesignr-studio-audio-wrap > .rdesignr-studio-player-close{
  position: absolute !important;
  top: 12px !important;
  right: 12px !important;
  z-index: 9999 !important;
  width: 36px !important;
  height: 36px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 !important;
  margin: 0 !important;
  border: 1px solid rgba(255,255,255,.32) !important;
  background: rgba(0,0,0,.72) !important;
  color: #fff !important;
  font-size: 22px !important;
  line-height: 1 !important;
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
}

body.rdesignr-studio-playing .rdesignr-studio-video-wrap > .rdesignr-studio-player-close:hover,
body.rdesignr-studio-playing .rdesignr-studio-local-preview > .rdesignr-studio-player-close:hover,
body.rdesignr-studio-playing .rdesignr-studio-audio-wrap > .rdesignr-studio-player-close:hover{
  border-color: var(--rd-accent) !important;
}

/* PREV / BACK TO EPISODES / NEXT: same height and one aligned row. */
body.rdesignr-studio-playing .rdesignr-studio-player-nav{
  display: grid !important;
  grid-template-columns: 96px 178px 96px !important;
  gap: 8px !important;
  align-items: stretch !important;
  margin: 0 !important;
}

body.rdesignr-studio-playing .rdesignr-studio-player-nav button,
body.rdesignr-studio-playing .rdesignr-studio-player-close-label{
  position: relative !important;
  top: auto !important;
  right: auto !important;
  width: 100% !important;
  min-width: 0 !important;
  height: 38px !important;
  min-height: 38px !important;
  max-height: 38px !important;
  margin: 0 !important;
  padding: 0 12px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  box-sizing: border-box !important;
  border: 1px solid rgba(255,255,255,.22) !important;
  background: #080808 !important;
  color: #fff !important;
  font-family: "Barlow Condensed", sans-serif !important;
  font-size: 9px !important;
  line-height: 1 !important;
  letter-spacing: .12em !important;
  text-transform: uppercase !important;
  overflow: hidden !important;
}

body.rdesignr-studio-playing .rdesignr-studio-player-prev:hover,
body.rdesignr-studio-playing .rdesignr-studio-player-next:hover{
  border-color: rgba(205,112,74,.8) !important;
  color: var(--rd-accent) !important;
}

/* Back to Episodes: black at rest, orange sweep from left on hover. */
body.rdesignr-studio-playing .rdesignr-studio-player-close-label{
  border-color: rgba(255,255,255,.22) !important;
  background: #080808 !important;
  color: #fff !important;
}

body.rdesignr-studio-playing .rdesignr-studio-player-close-label::before{
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  background: var(--rd-accent);
  transform: scaleX(0);
  transform-origin: left center;
  transition: transform .28s ease;
}

body.rdesignr-studio-playing .rdesignr-studio-player-close-label:hover::before{
  transform: scaleX(1);
}

body.rdesignr-studio-playing .rdesignr-studio-player-close-label span{
  position: relative !important;
  z-index: 1 !important;
}

/* Make the dimmed background itself feel clickable as a close target. */
body.rdesignr-studio-playing .rdesignr-studio-hub-header,
body.rdesignr-studio-playing .rdesignr-studio-episodes{
  cursor: pointer;
}

@media only screen and (max-width: 640px) {
  body.rdesignr-studio-playing .rdesignr-studio-player-nav{
    width: 100% !important;
    grid-template-columns: .85fr 1.65fr .85fr !important;
    gap: 6px !important;
  }

  body.rdesignr-studio-playing .rdesignr-studio-player-nav button,
body.rdesignr-studio-playing .rdesignr-studio-player-close-label{
    height: 36px !important;
    min-height: 36px !important;
    max-height: 36px !important;
    padding: 0 5px !important;
    font-size: 8px !important;
  }

  body.rdesignr-studio-playing .rdesignr-studio-video-wrap > .rdesignr-studio-player-close,
body.rdesignr-studio-playing .rdesignr-studio-local-preview > .rdesignr-studio-player-close,
body.rdesignr-studio-playing .rdesignr-studio-audio-wrap > .rdesignr-studio-player-close{
    top: 8px !important;
    right: 8px !important;
    width: 34px !important;
    height: 34px !important;
  }
}


/* --------------------------------------------------
   SIGNAL pass 13 — final control order, close spacing,
   Field Note containment, mobile/tablet polish + landscape
   -------------------------------------------------- */

/* PREV + NEXT stay together, EPISODES comes after them. */
.rdesignr-studio-player-nav{
  display: flex !important;
  align-items: stretch !important;
  gap: 8px !important;
}

.rdesignr-studio-player-prev{ order: 1; }
.rdesignr-studio-player-next{ order: 2; }
.rdesignr-studio-player-close-label{ order: 3; }

/* All three controls use the same height. */
.rdesignr-studio-player-nav button{
  height: 38px !important;
  min-height: 38px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  box-sizing: border-box !important;
  line-height: 1 !important;
}

/* EPISODES is compact but slightly wider, black at rest,
   orange sweep from left on hover. */
.rdesignr-studio-player-close-label{
  min-width: 104px !important;
  padding-left: 14px !important;
  padding-right: 14px !important;
  background: #090909 !important;
  border-color: rgba(255,255,255,.22) !important;
  color: #fff !important;
}

.rdesignr-studio-player-close-label::before{
  background: var(--rd-accent) !important;
  transform: scaleX(0);
  transform-origin: left center;
}

.rdesignr-studio-player-close-label:hover::before{
  transform: scaleX(1);
}

.rdesignr-studio-player-close-label:hover{
  border-color: var(--rd-accent) !important;
  color: #fff !important;
}

/* Keep the close X visually outside the media edge instead of sitting
   on top of the Shorts/wide video content. */
body.rdesignr-studio-playing .rdesignr-studio-video-wrap > .rdesignr-studio-player-close{
  top: 8px !important;
  right: 8px !important;
  transform: translate(42px, -2px);
}

body.rdesignr-studio-playing .rdesignr-studio-player-shell{
  overflow: visible !important;
}

/* Keep the actual media + footer contained within the shell. */
body.rdesignr-studio-playing .rdesignr-studio-player,
body.rdesignr-studio-playing .rdesignr-studio-player-footer{
  overflow: hidden !important;
}

/* Field Note must stay inside the viewer width on tablet/desktop. */
body.rdesignr-studio-playing .rdesignr-studio-player-footer{
  flex-wrap: nowrap !important;
}

body.rdesignr-studio-playing .rdesignr-studio-notes-link{
  max-width: 42% !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  text-align: right !important;
}

/* Tablet: slightly more compact navigation/footer */
@media only screen and (min-width: 641px) and (max-width: 1024px) {
  .rdesignr-studio-player-nav{
    gap: 6px !important;
  }

  .rdesignr-studio-player-nav button{
    height: 36px !important;
    min-height: 36px !important;
    padding: 8px 10px !important;
    font-size: 8px !important;
  }

  .rdesignr-studio-player-close-label{
    min-width: 92px !important;
  }

  body.rdesignr-studio-playing .rdesignr-studio-notes-link{
    max-width: 34% !important;
    font-size: 8px !important;
  }
}

/* Mobile portrait: keep viewer centered and controls aligned. */
@media only screen and (max-width: 640px) and (orientation: portrait) {
  body.rdesignr-studio-playing .rdesignr-studio-video-wrap > .rdesignr-studio-player-close{
    top: 8px !important;
    right: 8px !important;
    transform: none !important;
  }

  .rdesignr-studio-player-nav{
    width: 100% !important;
    display: grid !important;
    grid-template-columns: .8fr .8fr 1.2fr !important;
    gap: 6px !important;
  }

  .rdesignr-studio-player-prev{ order: 1; }
  .rdesignr-studio-player-next{ order: 2; }
  .rdesignr-studio-player-close-label{ order: 3; }

  .rdesignr-studio-player-nav button{
    width: 100% !important;
    height: 36px !important;
    min-height: 36px !important;
    padding: 8px 4px !important;
    font-size: 8px !important;
  }

  .rdesignr-studio-player-close-label{
    min-width: 0 !important;
  }

  body.rdesignr-studio-playing .rdesignr-studio-notes-link{
    max-width: 100% !important;
    width: 100% !important;
    text-align: center !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }
}

/* Mobile landscape: explicit responsive mode.
   The media uses the available height; controls remain reachable. */
@media only screen and (max-width: 900px) and (orientation: landscape) {
  body.rdesignr-studio-playing .rdesignr-studio-player-shell,
body.rdesignr-studio-playing .rdesignr-studio-player-shell.is-wide-player,
body.rdesignr-studio-playing .rdesignr-studio-player-shell.is-short-player{
    position: fixed !important;
    top: 54px !important;
    right: 8px !important;
    bottom: 42px !important;
    left: 8px !important;
    width: auto !important;
    max-width: none !important;
    max-height: none !important;
    transform: none !important;
  }

  body.rdesignr-studio-playing .rdesignr-studio-player{
    flex: 1 1 auto !important;
    min-height: 0 !important;
  }

  body.rdesignr-studio-playing .rdesignr-studio-video-wrap.is-wide{
    width: 100% !important;
    height: 100% !important;
  }

  body.rdesignr-studio-playing .rdesignr-studio-video-wrap.is-wide .rdesignr-studio-video-stage{
    width: auto !important;
    height: 100% !important;
    max-width: 100% !important;
    aspect-ratio: 16 / 9 !important;
  }

  body.rdesignr-studio-playing .rdesignr-studio-video-wrap.is-short{
    width: 100% !important;
    height: 100% !important;
  }

  body.rdesignr-studio-playing .rdesignr-studio-video-wrap.is-short .rdesignr-studio-video-stage{
    width: auto !important;
    height: 100% !important;
    aspect-ratio: 9 / 16 !important;
  }

  body.rdesignr-studio-playing .rdesignr-studio-player-footer{
    min-height: 48px !important;
    padding: 6px 8px !important;
    flex-direction: row !important;
    align-items: center !important;
  }

  .rdesignr-studio-player-nav{
    display: flex !important;
    width: auto !important;
    gap: 5px !important;
  }

  .rdesignr-studio-player-nav button{
    height: 32px !important;
    min-height: 32px !important;
    padding: 6px 9px !important;
    font-size: 7px !important;
  }

  .rdesignr-studio-player-close-label{
    min-width: 86px !important;
  }

  body.rdesignr-studio-playing .rdesignr-studio-notes-link{
    max-width: 34% !important;
    width: auto !important;
    text-align: right !important;
    font-size: 7px !important;
  }

  body.rdesignr-studio-playing .rdesignr-studio-video-wrap > .rdesignr-studio-player-close{
    transform: none !important;
    top: 6px !important;
    right: 6px !important;
  }
}


/* --------------------------------------------------
   SIGNAL pass 14 — interactive grid previews with sound toggle
   -------------------------------------------------- */

.rdesignr-studio-episode-card{
  transition:
    border-color .22s ease,
    box-shadow .22s ease,
    transform .22s ease;
}

/* Orange frame on hover/preview, consistent with the active-card language. */
.rdesignr-studio-episode-card:hover,
.rdesignr-studio-episode-card:has(.rdesignr-studio-episode-thumb.is-previewing){
  border-color: var(--rd-accent) !important;
  box-shadow:
    inset 0 0 0 1px rgba(205,112,74,.28),
    0 0 0 1px rgba(205,112,74,.08) !important;
}

.rdesignr-studio-hover-preview{
  position: absolute;
  inset: 0;
  z-index: 1;
  overflow: hidden;
  background: #000;
  pointer-events: none;
}

.rdesignr-studio-hover-preview iframe{
  position: absolute;
  inset: -1%;
  width: 102%;
  height: 102%;
  border: 0;
  pointer-events: none;
}

/* Play overlay stays usable over the moving preview. */
.rdesignr-studio-episode-play{
  z-index: 3 !important;
}

/* Sound button only appears while the card is being previewed. */
.rdesignr-grid-audio-toggle{
  position: absolute;
  top: 10px;
  right: 10px;
  z-index: 5;
  width: 34px;
  height: 34px;
  display: none;
  align-items: center;
  justify-content: center;
  padding: 0;
  border: 1px solid rgba(255,255,255,.35);
  background: rgba(0,0,0,.68);
  color: #fff;
  cursor: pointer;
  transition:
    border-color .18s ease,
    background .18s ease,
    transform .18s ease;
}

.rdesignr-studio-episode-thumb.is-previewing .rdesignr-grid-audio-toggle{
  display: flex;
}

.rdesignr-grid-audio-toggle:hover{
  border-color: var(--rd-accent);
  background: rgba(0,0,0,.9);
  transform: scale(1.04);
}

.rdesignr-grid-audio-icon{
  font-size: 15px;
  line-height: 1;
}

.rdesignr-studio-episode-thumb.is-audible-preview .rdesignr-grid-audio-toggle{
  border-color: var(--rd-accent);
}

/* A small LIVE indicator appears only while sound is active. */
.rdesignr-studio-episode-thumb.is-audible-preview::before{
  content: "LIVE AUDIO";
  position: absolute;
  left: 10px;
  top: 10px;
  z-index: 5;
  padding: 7px 9px;
  background: rgba(0,0,0,.72);
  border-left: 2px solid var(--rd-accent);
  color: #fff;
  font-family: "Barlow Condensed", sans-serif;
  font-size: 8px;
  line-height: 1;
  letter-spacing: .12em;
}

/* No hover-preview sound UI on touch-only mobile; the full player remains
   the intentional interaction there. */
@media (hover: none), (pointer: coarse) {
  .rdesignr-grid-audio-toggle,
.rdesignr-studio-episode-thumb.is-audible-preview::before{
    display: none !important;
  }
}


/* --------------------------------------------------
   SIGNAL pass 15 — footer sound control + touch previews
   -------------------------------------------------- */

/* Grid action row: Field Note left, Roland-style signal control right. */
.rdesignr-card-actions{
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  min-height: 32px;
  margin-top: 14px;
}

.rdesignr-card-actions .rdesignr-studio-card-note{
  margin-top: 0 !important;
  min-width: 0;
}

.rdesignr-card-note-placeholder{
  min-width: 1px;
  min-height: 1px;
}

/* Custom RDESIGNR signal icon — no generic speaker/emoji icon. */
.rdesignr-grid-audio-toggle{
  position: relative !important;
  top: auto !important;
  right: auto !important;
  z-index: 6;
  flex: 0 0 34px;
  width: 34px;
  height: 28px;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  padding: 0;
  border: 1px solid rgba(255,255,255,.20);
  background: #080808;
  color: #fff;
  cursor: pointer;
  opacity: .72;
  transition:
    opacity .18s ease,
    border-color .18s ease,
    background .18s ease;
}

.rdesignr-grid-audio-toggle:hover,
.rdesignr-grid-audio-toggle.is-on{
  opacity: 1;
  border-color: var(--rd-accent);
}

.rdesignr-signal-audio-glyph{
  position: relative;
  width: 18px;
  height: 14px;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  gap: 2px;
}

.rdesignr-signal-audio-glyph i{
  display: block;
  width: 2px;
  background: #eee7df;
}

.rdesignr-signal-audio-glyph i:nth-child(1){ height: 5px; }
.rdesignr-signal-audio-glyph i:nth-child(2){ height: 10px; }
.rdesignr-signal-audio-glyph i:nth-child(3){ height: 7px; }

.rdesignr-grid-audio-toggle.is-on .rdesignr-signal-audio-glyph i{
  background: var(--rd-accent);
  animation: rdesignr-grid-signal-bars .65s ease-in-out infinite alternate;
}

.rdesignr-grid-audio-toggle.is-on .rdesignr-signal-audio-glyph i:nth-child(2){
  animation-delay: .12s;
}
.rdesignr-grid-audio-toggle.is-on .rdesignr-signal-audio-glyph i:nth-child(3){
  animation-delay: .24s;
}

/* OFF state = a precise diagonal cut through the signal bars. */
.rdesignr-grid-audio-toggle.is-off .rdesignr-signal-audio-glyph::after{
  content: "";
  position: absolute;
  left: 1px;
  top: 6px;
  width: 17px;
  height: 1px;
  background: var(--rd-accent);
  transform: rotate(-34deg);
  transform-origin: center;
}

@keyframes rdesignr-grid-signal-bars {
  from { transform: scaleY(.55); opacity: .7; }
  to   { transform: scaleY(1); opacity: 1; }
}

/* Preview state = persistent orange technical frame. */
.rdesignr-studio-episode-card.is-grid-active,
.rdesignr-studio-episode-card:has(.rdesignr-studio-episode-thumb.is-previewing),
.rdesignr-studio-episode-card:hover{
  border-color: var(--rd-accent) !important;
  box-shadow:
    inset 0 0 0 1px rgba(205,112,74,.30),
    0 0 0 1px rgba(205,112,74,.10) !important;
}

/* The sound control now lives in the footer, so never place it on the video. */
.rdesignr-studio-episode-thumb .rdesignr-grid-audio-toggle{
  display: none !important;
}

/* Keep preview visually clean. */
.rdesignr-studio-hover-preview iframe{
  pointer-events: none !important;
}

/* PREV and NEXT are intentionally identical widths. */
.rdesignr-studio-player-prev,
.rdesignr-studio-player-next{
  width: 74px !important;
  min-width: 74px !important;
  flex: 0 0 74px !important;
}

.rdesignr-studio-player-close-label{
  width: auto !important;
  min-width: 104px !important;
}

/* Touch/tablet/mobile: card footer sound control remains available.
   First tap on the image starts muted preview; sound button can then turn audio on.
   Second tap on the image opens the large viewer. */
@media (hover: none), (pointer: coarse) {
  .rdesignr-grid-audio-toggle{
    display: inline-flex !important;
  }

  .rdesignr-studio-episode-card:hover{
    border-color: rgba(255,255,255,.12) !important;
    box-shadow: none !important;
  }

  .rdesignr-studio-episode-card.is-grid-active{
    border-color: var(--rd-accent) !important;
    box-shadow:
      inset 0 0 0 1px rgba(205,112,74,.30),
      0 0 0 1px rgba(205,112,74,.10) !important;
  }
}

@media only screen and (max-width: 640px) {
  .rdesignr-card-actions{
    min-height: 30px;
    margin-top: 12px;
  }

  .rdesignr-grid-audio-toggle{
    flex-basis: 32px;
    width: 32px;
    height: 27px;
  }

  .rdesignr-studio-player-prev,
.rdesignr-studio-player-next{
    width: auto !important;
    min-width: 0 !important;
    flex: 1 1 0 !important;
  }
}


/* --------------------------------------------------
   SIGNAL pass 16 — fixed card footer + equal PREV/NEXT
   -------------------------------------------------- */

/* Every card uses the same vertical structure, so the action row
   always sits on the bottom edge regardless of title/description length. */
.rdesignr-studio-episode-card{
  display: flex !important;
  flex-direction: column !important;
  height: 100% !important;
}

.rdesignr-studio-episode-copy{
  display: flex !important;
  flex-direction: column !important;
  flex: 1 1 auto !important;
  min-height: 0 !important;
}

.rdesignr-card-actions{
  margin-top: auto !important;
  padding-top: 16px !important;
  min-height: 32px !important;
  width: 100% !important;
  align-items: center !important;
}

/* Field Note is always anchored to the lower-left. */
.rdesignr-card-actions .rdesignr-studio-card-note,
.rdesignr-card-note-placeholder{
  margin: 0 !important;
  align-self: center !important;
}

.rdesignr-card-actions .rdesignr-studio-card-note{
  flex: 0 1 auto !important;
}

/* Sound control is always anchored to the lower-right. */
.rdesignr-card-actions .rdesignr-grid-audio-toggle{
  margin-left: auto !important;
  flex: 0 0 34px !important;
  align-self: center !important;
}

/* Force PREV and NEXT to exactly the same width in all desktop/tablet layouts.
   This intentionally overrides older flex rules. */
.rdesignr-studio-player-nav .rdesignr-studio-player-prev,
.rdesignr-studio-player-nav .rdesignr-studio-player-next{
  box-sizing: border-box !important;
  width: 92px !important;
  min-width: 92px !important;
  max-width: 92px !important;
  flex: 0 0 92px !important;
  padding-left: 10px !important;
  padding-right: 10px !important;
}

.rdesignr-studio-player-nav .rdesignr-studio-player-close-label{
  width: auto !important;
  min-width: 104px !important;
  max-width: none !important;
  flex: 0 0 auto !important;
}

@media only screen and (min-width: 641px) and (max-width: 1024px) {
  .rdesignr-studio-player-nav .rdesignr-studio-player-prev,
.rdesignr-studio-player-nav .rdesignr-studio-player-next{
    width: 82px !important;
    min-width: 82px !important;
    max-width: 82px !important;
    flex-basis: 82px !important;
  }
}

@media only screen and (max-width: 640px) {
  .rdesignr-card-actions{
    padding-top: 14px !important;
  }

  /* Mobile can share the available row evenly, but PREV/NEXT remain identical. */
  .rdesignr-studio-player-nav .rdesignr-studio-player-prev,
.rdesignr-studio-player-nav .rdesignr-studio-player-next{
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
    flex: 1 1 0 !important;
  }
}


/* --------------------------------------------------
   SIGNAL pass 17 — compact PREV / NEXT / EPISODES group
   -------------------------------------------------- */

.rdesignr-studio-player-nav{
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 8px !important;
  width: auto !important;
  margin: 0 !important;
}

.rdesignr-studio-player-nav .rdesignr-studio-player-prev,
.rdesignr-studio-player-nav .rdesignr-studio-player-next{
  width: 92px !important;
  min-width: 92px !important;
  max-width: 92px !important;
  flex: 0 0 92px !important;
}

.rdesignr-studio-player-nav .rdesignr-studio-player-close-label{
  width: 104px !important;
  min-width: 104px !important;
  max-width: 104px !important;
  flex: 0 0 104px !important;
  margin-left: 0 !important;
}

/* Tablet keeps the same compact grouped logic, just slightly smaller. */
@media only screen and (min-width: 641px) and (max-width: 1024px) {
  .rdesignr-studio-player-nav{
    gap: 6px !important;
  }

  .rdesignr-studio-player-nav .rdesignr-studio-player-prev,
.rdesignr-studio-player-nav .rdesignr-studio-player-next{
    width: 82px !important;
    min-width: 82px !important;
    max-width: 82px !important;
    flex: 0 0 82px !important;
  }

  .rdesignr-studio-player-nav .rdesignr-studio-player-close-label{
    width: 96px !important;
    min-width: 96px !important;
    max-width: 96px !important;
    flex: 0 0 96px !important;
  }
}

/* Mobile: keep all three controls neatly adjacent on one row. */
@media only screen and (max-width: 640px) {
  .rdesignr-studio-player-nav{
    display: grid !important;
    grid-template-columns: 1fr 1fr 1.18fr !important;
    gap: 5px !important;
    width: 100% !important;
  }

  .rdesignr-studio-player-nav .rdesignr-studio-player-prev,
.rdesignr-studio-player-nav .rdesignr-studio-player-next,
.rdesignr-studio-player-nav .rdesignr-studio-player-close-label{
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    flex: none !important;
    margin: 0 !important;
  }
}


/* ==================================================
   ABOUT PASS 01
   ================================================== */

/* Fluent lifting-panel motion: final geometry exists from the start;
   only transform/opacity animate, so the panel no longer "jumps" into place. */
#about-lifting,
#services-lifting,
#works-lifting,
#news-lifting{
  
  
  
  
  
  
  will-change: transform, opacity;
}


/* ABOUT uses the same black as the navigation/footer; separation comes
   from thin technical lines, spacing and graphics rather than another dark shade. */
#about-lifting .all-lifting-inner{
  background: #000 !important;
}#about-lifting{
  background: #000 !important;
}

#about-lifting{
  border-top: 1px solid rgba(255,255,255,.09);
}


.rdesignr-profile-close img{
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
}


/* Left fixed About identity */
.rdesignr-about-intro{
  position: relative;
}

.rdesignr-about-progress{
  margin: 24px 0 16px;
  font-size: 9px;
  letter-spacing: .18em;
  color: #6f6963;
}

.rdesignr-about-current{
  color: var(--rd-accent);
}

/* 15+ scan target */
.rdesignr-years-module{
  position: relative;
  min-height: 220px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 22px;
  overflow: hidden;
}

.rdesignr-scan-target{
  position: absolute;
  inset: 4px;
  opacity: .30;
}

.rdesignr-scan-target svg{
  width: 100%;
  height: 100%;
  fill: none;
  stroke: rgba(242,236,228,.28);
  stroke-width: 1;
}

.rdesignr-scan-target .rdesignr-scan-point{
  fill: var(--rd-accent);
  stroke: var(--rd-accent);
}

.rdesignr-years-module .facts-counter-desc,
.rdesignr-years-module .facts-counter-number{
  position: relative;
  z-index: 2;
}

.rdesignr-years-module .facts-counter-number{
  color: #d6cfc7 !important;
}

.rdesignr-about-profile-copy{
  max-width: 760px;
}

.rdesignr-profile-open{
  position: relative;
  margin-top: 18px;
  padding: 12px 16px;
  border: 1px solid rgba(255,255,255,.18);
  background: #090909;
  color: #fff;
  font-family: "Barlow Condensed", sans-serif;
  font-size: 9px;
  letter-spacing: .12em;
  cursor: pointer;
  overflow: hidden;
}

.rdesignr-profile-open::before{
  content: "";
  position: absolute;
  inset: 0;
  background: var(--rd-accent);
  transform: scaleX(0);
  transform-origin: left center;
  transition: transform .28s ease;
}

.rdesignr-profile-open:hover::before{
  transform: scaleX(1);
}

.rdesignr-profile-open{
  z-index: 0;
}

.rdesignr-profile-open::after{
  content: attr(data-label);
}

.rdesignr-profile-open{
  isolation: isolate;
}

.rdesignr-profile-open::before{
  z-index: -1;
}

/* Story slides */
.rdesignr-story-slide{
  position: relative;
  min-height: 230px;
  display: grid;
  grid-template-columns: 44% 56%;
  overflow: hidden;
  background: #050505;
  border: 1px solid rgba(255,255,255,.08);
}

.rdesignr-story-visual{
  position: relative;
  min-height: 230px;
  background:
    linear-gradient(90deg, rgba(0,0,0,.04), rgba(0,0,0,.34)),
    var(--story-image) center center / cover no-repeat,
    #0a0a0a;
}

.rdesignr-story-image-placeholder{
  position: absolute;
  left: 18px;
  bottom: 16px;
  color: rgba(255,255,255,.24);
  font-size: 8px;
  letter-spacing: .18em;
}

.rdesignr-story-copy{
  position: relative;
  padding: 34px 42px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.rdesignr-story-index{
  position: absolute;
  right: 22px;
  top: 18px;
  color: rgba(255,255,255,.12);
  font-family: "Barlow Condensed", sans-serif;
  font-size: 34px;
}

.rdesignr-story-eyebrow{
  margin-bottom: 12px;
  color: #8f8881;
  font-size: 8px;
  letter-spacing: .18em;
  text-transform: uppercase;
}

.rdesignr-story-copy h2{
  max-width: 620px;
  margin: 0 !important;
  color: #f2ece4 !important;
  font-size: 34px !important;
  line-height: 1.06 !important;
}

.rdesignr-story-rule{
  width: 34px;
  height: 2px;
  margin: 18px 0;
  background: var(--rd-accent);
}

.rdesignr-story-copy p{
  max-width: 560px;
  margin: 0 !important;
}

/* Profile PDF viewer */
.rdesignr-profile-viewer{
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 2600;
  display: flex;
  flex-direction: column;
  background: #000;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transform: translate3d(0, 18px, 0);
  transition: opacity .26s ease, transform .38s ease, visibility 0s linear .38s;
}

.rdesignr-profile-viewer.open{
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  transform: translate3d(0, 0, 0);
  transition: opacity .26s ease, transform .38s ease, visibility 0s linear 0s;
}

.rdesignr-profile-viewer-bar{
  flex: 0 0 58px;
  display: flex;
  align-items: center;
  gap: 18px;
  padding: 0 70px 0 22px;
  border-bottom: 1px solid rgba(255,255,255,.10);
  color: #f2ece4;
  font-family: "Barlow Condensed", sans-serif;
  font-size: 10px;
  letter-spacing: .10em;
  text-transform: uppercase;
}

.rdesignr-profile-viewer-bar span + span{
  color: #817a73;
}

.rdesignr-profile-frame{
  flex: 1 1 auto;
  width: 100%;
  min-height: 0;
  border: 0;
  background: #111;
}

.rdesignr-profile-close{
  position: absolute;
  top: 10px;
  right: 14px;
  z-index: 4;
  width: 38px;
  height: 38px;
  padding: 8px;
  border: 1px solid rgba(255,255,255,.16);
  background: rgba(0,0,0,.74);
  cursor: pointer;
}

.rdesignr-profile-download{
  flex: 0 0 42px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-top: 1px solid rgba(255,255,255,.10);
  background: #080808;
  color: var(--rd-accent);
  font-family: "Barlow Condensed", sans-serif;
  font-size: 9px;
  letter-spacing: .12em;
  text-transform: uppercase;
}

/* Tablet */
@media only screen and (max-width: 880px) {
  

  .rdesignr-story-slide{
    grid-template-columns: 42% 58%;
    min-height: 300px;
  }

  .rdesignr-story-visual{
    min-height: 300px;
  }

  .rdesignr-story-copy{
    padding: 30px;
  }

  .rdesignr-story-copy h2{
    font-size: 28px !important;
  }
}

/* Mobile */
@media only screen and (max-width: 640px) {
  

  

  

  .rdesignr-about-progress{
    margin-top: 14px;
  }

  .rdesignr-years-module{
    min-height: 210px;
  }

  .rdesignr-story-slide{
    grid-template-columns: 1fr;
    min-height: 0;
  }

  .rdesignr-story-visual{
    min-height: 42vh;
  }

  .rdesignr-story-copy{
    padding: 28px 22px 34px;
  }

  .rdesignr-story-copy h2{
    font-size: 30px !important;
  }

  .rdesignr-profile-viewer-bar{
    min-height: 58px;
    padding-left: 14px;
    padding-right: 58px;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    gap: 2px;
  }

  .rdesignr-profile-download{
    flex-basis: 46px;
  }
}

/* ==========================================================
   ABOUT PASS 03 — preserve original THE ONE layout/drag logic
   ========================================================== */

/* Header, menu strip and legal/STUDIO strip are exactly the same black. */
.border-top,
.border-bottom-menu,
.border-bottom,
.border-YT,
.border-bottom .copyright,
.border-bottom .rdesignr-studio-control{
  background-color: #000 !important;
  background-image: none !important;
  box-shadow: none !important;
}

.border-bottom{
  border-top-color: rgba(255,255,255,.05) !important;
}
.border-bottom-menu{
  border-top: 1px solid rgba(255,255,255,.07) !important;
  box-sizing: border-box;
}

/* One-screen original panel — no vertical scrollbar. */
#about-lifting .container-fluid,
#about-lifting .all-lifting-inner,
#about-lifting .post-block-second{
  overflow-y: hidden !important;
}

#about-lifting .post-block-second{
  overflow-x: hidden !important;
}

/* Left rail: remove the descriptor completely, keep the original spacing rhythm. */
.rdesignr-about-left-rail .post-title{
  margin-bottom: 26px !important;
}

.rdesignr-about-profile-mini{
  margin-top: 0 !important;
  padding-top: 0 !important;
  border-top: 0 !important;
  max-width: 290px !important;
}

.rdesignr-about-profile-name{
  font-size: 20px !important;
  line-height: 1.1 !important;
}

.rdesignr-about-profile-role{
  margin-top: 7px !important;
  max-width: 260px;
  line-height: 1.35;
}

.rdesignr-profile-open{
  margin-top: 16px !important;
}

/* Restore the original carousel's visual geometry instead of a redesigned card strip. */
#about-carousel .owl-stage{
  display: block !important;
}

#about-carousel .owl-item{
  display: block !important;
}

.rdesignr-original-about-slide{
  height: 255px !important;
  overflow: hidden !important;
}

/* Experience block: original visual proportion, Roland-specific target. */
.rdesignr-original-years{
  position: relative;
  min-height: 220px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  overflow: hidden;
}

.rdesignr-original-scan-target{
  position: absolute;
  width: 210px;
  height: 210px;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  opacity: .34;
  pointer-events: none;
}

.rdesignr-original-scan-target svg{
  width: 100%;
  height: 100%;
  fill: none;
  stroke: rgba(242,236,228,.32);
  stroke-width: 1;
}

.rdesignr-original-scan-target .rdesignr-scan-point{
  fill: var(--rd-accent);
  stroke: var(--rd-accent);
}

.rdesignr-original-years .facts-counter-desc,
.rdesignr-original-years .facts-counter-number{
  position: relative;
  z-index: 2;
}

.rdesignr-years-display{
  display: flex !important;
  align-items: flex-start;
  justify-content: center;
}

.rdesignr-years-display .rdesignr-years-plus{
  margin-top: 7px;
  margin-left: 3px;
  color: var(--rd-accent);
  font-size: .38em;
}

.rdesignr-about-intro-copy{
  max-width: 760px;
}

/* Personal story cards use the exact original image-card pattern:
   image + label at rest, translucent overlay with title/text on hover. */
.rdesignr-original-story-card{
  height: 248px;
}

.rdesignr-original-story-image{
  position: relative;
  width: 100%;
  height: 205px;
  min-width: 250px;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  overflow: hidden;
}

.rdesignr-story-hover{
  position: absolute;
  inset: 0;
  z-index: 1;
  background: rgba(0,0,0,.10);
  transition: background .34s ease;
}

.rdesignr-story-hover-copy{
  position: absolute;
  inset: 0;
  z-index: 2;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 24px 28px;
  opacity: 0;
  transform: translateY(8px);
  transition: opacity .28s ease, transform .34s ease;
}

.rdesignr-original-story-card:hover .rdesignr-story-hover,
.rdesignr-original-story-card.is-revealed .rdesignr-story-hover{
  background: rgba(0,0,0,.64);
}

.rdesignr-original-story-card:hover .rdesignr-story-hover-copy,
.rdesignr-original-story-card.is-revealed .rdesignr-story-hover-copy{
  opacity: 1;
  transform: translateY(0);
}

.rdesignr-story-hover-eyebrow{
  color: #aaa29b;
  font-size: 8px;
  letter-spacing: .16em;
  text-transform: uppercase;
}

.rdesignr-story-hover-copy h2{
  margin: 7px 0 0 !important;
  color: #f2ece4 !important;
  font-size: 25px !important;
  line-height: 1.07 !important;
}

.rdesignr-story-hover-rule{
  width: 32px;
  height: 2px;
  margin: 13px 0;
  background: var(--rd-accent);
}

.rdesignr-story-hover-copy p{
  margin: 0 !important;
  color: #d2ccc6 !important;
  font-size: 12px !important;
  line-height: 1.42 !important;
}

/* Desktop keeps the original two-image slide. */
@media only screen and (min-width: 881px) {
  .rdesignr-original-about-slide .col-md-6{
    width: 50%;
    float: left;
  }
}

/* Original tablet/mobile behaviour: one vertical image per carousel page,
   no redesigned card grid. */
@media only screen and (max-width: 880px) {
  .rdesignr-original-about-slide{
    height: auto !important;
  }

  .rdesignr-original-about-slide .post-block-correction{
    margin-bottom: 14px;
  }

  .rdesignr-original-story-card{
    height: auto;
  }

  .rdesignr-original-story-image{
    min-width: 0;
    height: 42vw;
    min-height: 210px;
    max-height: 390px;
  }

  .rdesignr-original-scan-target{
    width: 180px;
    height: 180px;
  }
}

/* Touch devices: tap reveals exactly the hover content. */
@media (hover: none), (pointer: coarse) {
  .rdesignr-original-story-card.is-revealed .rdesignr-story-hover{
    background: rgba(0,0,0,.64);
  }

  .rdesignr-original-story-card.is-revealed .rdesignr-story-hover-copy{
    opacity: 1;
    transform: translateY(0);
  }
}


/* ==========================================================
   ABOUT PASS 03C — shared content axis with HOME hero
   Only horizontal alignment is changed.
   ========================================================== */

/* Desktop:
   HOME hero headline starts at the same visual gutter as the main content.
   ABOUT now inherits that exact left axis instead of using its old template offset. */
@media only screen and (min-width: 1025px) {
  #about-lifting .rdesignr-about-left-rail{
    padding-left: 4.65vw !important;
  }

  #about-lifting .rdesignr-about-left-rail .post-title,
#about-lifting .rdesignr-about-profile-mini,
#about-lifting .rdesignr-about-left-rail .owl-nav{
    margin-left: 0 !important;
  }
}

/* Tablet:
   Match the HOME headline gutter. */
@media only screen and (min-width: 641px) and (max-width: 1024px) {
  #about-lifting .rdesignr-about-left-rail{
    padding-left: 4.8vw !important;
    padding-right: 4.8vw !important;
  }

  #about-lifting .rdesignr-about-left-rail .post-title,
#about-lifting .rdesignr-about-profile-mini,
#about-lifting .rdesignr-about-left-rail .owl-nav{
    margin-left: 0 !important;
  }
}

/* Mobile:
   Same left edge as Millions of points. */
@media only screen and (max-width: 640px) {
  #about-lifting .rdesignr-about-left-rail{
    padding-left: 18px !important;
    padding-right: 18px !important;
  }

  #about-lifting .rdesignr-about-left-rail .post-title,
#about-lifting .rdesignr-about-profile-mini,
#about-lifting .rdesignr-about-left-rail .owl-nav{
    margin-left: 0 !important;
  }
}


/* ==========================================================
   ABOUT PASS 03E — left rail minimal, profile + 15+ together
   ========================================================== */

/* Left rail contains only ABOUT + original arrows. */
#about-lifting .rdesignr-about-left-rail{
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
}

#about-lifting .rdesignr-about-left-rail .post-title{
  margin-left: 0 !important;
  margin-right: 0 !important;
}

/* Right side uses the same visual outer gutter as the left rail. */
#about-lifting .rdesignr-about-right{
  padding-right: 4.65vw !important;
}

/* First slide: Roland profile and 15+ are one visual unit. */
.rdesignr-profile-years-slide{
  height: 255px !important;
  overflow: hidden !important;
}

.rdesignr-profile-years-inner{
  height: 100%;
  display: grid;
  grid-template-columns: minmax(320px, 1.45fr) minmax(210px, .8fr);
  gap: 28px;
  align-items: center;
}

.rdesignr-about-profile-block{
  padding-left: 0;
}

.rdesignr-about-profile-name{
  color: #f2ece4;
  font-family: "Barlow Condensed", sans-serif;
  font-size: 28px;
  font-weight: 700;
  line-height: 1.05;
  letter-spacing: .02em;
}

.rdesignr-about-profile-role{
  margin-top: 8px;
  color: #918982;
  font-family: "Barlow Condensed", sans-serif;
  font-size: 12px;
  line-height: 1.3;
  letter-spacing: .08em;
}

.rdesignr-profile-open{
  margin-top: 20px !important;
}

/* 15+ sits directly beside Roland's profile. */
.rdesignr-profile-years-slide .rdesignr-original-years{
  min-height: 205px !important;
  height: 205px !important;
  overflow: hidden !important;
  border: 0 !important;
}

.rdesignr-profile-years-slide .rdesignr-original-scan-target{
  width: 178px !important;
  height: 178px !important;
  opacity: .38 !important;
}

.rdesignr-years-label{
  position: relative;
  z-index: 2;
  margin-bottom: 12px;
  color: #bdb5ae;
  font-size: 8px;
  font-weight: 700;
  letter-spacing: .30em;
  text-transform: uppercase;
  text-align: center;
}

.rdesignr-profile-years-slide .rdesignr-years-display{
  position: relative;
  z-index: 2;
  color: #d8d1ca;
  font-family: "Barlow Condensed", sans-serif;
  font-size: 86px;
  font-weight: 700;
  line-height: .9;
}

.rdesignr-profile-years-slide .rdesignr-years-plus{
  color: var(--rd-accent);
  font-size: .38em;
  margin-left: 3px;
  margin-top: 6px;
}

/* Custom profile viewer: only RDESIGNR UI, no browser PDF chrome. */
.rdesignr-profile-viewer{
  position: fixed;
  inset: 0;
  z-index: 2800;
  display: flex;
  flex-direction: column;
  justify-content: center;
  background: #000;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: opacity .24s ease, visibility 0s linear .24s;
}

.rdesignr-profile-viewer.open{
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  transition: opacity .24s ease, visibility 0s linear 0s;
}

.rdesignr-profile-close{
  position: absolute;
  top: 16px;
  right: 18px;
  z-index: 6;
  width: 38px;
  height: 38px;
  padding: 8px;
  border: 1px solid rgba(255,255,255,.16);
  background: #000;
  cursor: pointer;
}

.rdesignr-profile-close img{
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.rdesignr-profile-stage{
  flex: 1 1 auto;
  min-height: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 28px 72px 12px;
}

.rdesignr-profile-page-wrap{
  position: relative;
  width: min(1120px, 92vw);
  height: min(75vh, 760px);
  display: flex;
  align-items: center;
  justify-content: center;
  perspective: 1500px;
}

.rdesignr-profile-page{
  position: absolute;
  max-width: 100%;
  max-height: 100%;
  width: auto;
  height: auto;
  opacity: 0;
  visibility: hidden;
  object-fit: contain;
}

.rdesignr-profile-page.is-active{
  opacity: 1;
  visibility: visible;
}

.rdesignr-profile-page.is-turning-next{
  animation: rdesignr-profile-turn-next .34s cubic-bezier(.22,.61,.36,1);
}

.rdesignr-profile-page.is-turning-prev{
  animation: rdesignr-profile-turn-prev .34s cubic-bezier(.22,.61,.36,1);
}

@keyframes rdesignr-profile-turn-next {
  0% { transform: rotateY(0); opacity: 1; }
  45% { transform: rotateY(-9deg) translateX(-7px); opacity: .6; }
  55% { transform: rotateY(9deg) translateX(7px); opacity: .6; }
  100% { transform: rotateY(0); opacity: 1; }
}

@keyframes rdesignr-profile-turn-prev {
  0% { transform: rotateY(0); opacity: 1; }
  45% { transform: rotateY(9deg) translateX(7px); opacity: .6; }
  55% { transform: rotateY(-9deg) translateX(-7px); opacity: .6; }
  100% { transform: rotateY(0); opacity: 1; }
}

.rdesignr-profile-scanline{
  position: absolute;
  left: 12%;
  right: 12%;
  top: 50%;
  height: 1px;
  opacity: 0;
  background: linear-gradient(90deg, transparent, rgba(205,112,74,.82), transparent);
}

.rdesignr-profile-viewer.is-turning .rdesignr-profile-scanline{
  animation: rdesignr-profile-scan .34s ease;
}

@keyframes rdesignr-profile-scan {
  0% { top: 18%; opacity: 0; }
  30% { opacity: .9; }
  100% { top: 82%; opacity: 0; }
}

.rdesignr-profile-controls{
  flex: 0 0 58px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 18px;
  border-top: 1px solid rgba(255,255,255,.08);
}

.rdesignr-profile-controls button{
  width: 42px;
  height: 34px;
  border: 1px solid rgba(255,255,255,.18);
  background: #080808;
  color: #f2ece4;
  cursor: pointer;
}

.rdesignr-profile-controls button:hover{
  border-color: var(--rd-accent);
  color: var(--rd-accent);
}

.rdesignr-profile-page-counter{
  min-width: 70px;
  text-align: center;
  color: #d8d1ca;
  font-family: "Barlow Condensed", sans-serif;
  font-size: 10px;
  letter-spacing: .12em;
}

/* Tablet */
@media only screen and (min-width: 641px) and (max-width: 1024px) {
  #about-lifting .rdesignr-about-right{
    padding-right: 4.8vw !important;
  }

  .rdesignr-profile-years-inner{
    grid-template-columns: minmax(250px, 1.25fr) minmax(180px, .75fr);
    gap: 18px;
  }

  .rdesignr-about-profile-name{
    font-size: 24px;
  }

  .rdesignr-profile-years-slide .rdesignr-years-display{
    font-size: 72px;
  }

  .rdesignr-profile-years-slide .rdesignr-original-scan-target{
    width: 152px !important;
    height: 152px !important;
  }
}

/* Mobile */
@media only screen and (max-width: 640px) {
  #about-lifting .rdesignr-about-right{
    padding-left: 18px !important;
    padding-right: 18px !important;
  }

  .rdesignr-profile-years-slide{
    height: auto !important;
  }

  .rdesignr-profile-years-inner{
    display: grid;
    grid-template-columns: 1fr;
    gap: 18px;
    padding-top: 4px;
  }

  .rdesignr-about-profile-name{
    font-size: 24px;
  }

  .rdesignr-profile-years-slide .rdesignr-original-years{
    min-height: 175px !important;
    height: 175px !important;
  }

  .rdesignr-profile-years-slide .rdesignr-original-scan-target{
    width: 150px !important;
    height: 150px !important;
  }

  .rdesignr-profile-years-slide .rdesignr-years-display{
    font-size: 70px;
  }

  .rdesignr-profile-stage{
    padding: 64px 10px 8px;
  }

  .rdesignr-profile-page-wrap{
    width: 100%;
    height: calc(100vh - 130px);
  }

  .rdesignr-profile-close{
    top: 76px;
    right: 12px;
  }

  .rdesignr-profile-controls{
    flex-basis: 50px;
  }
}


/* ==========================================================
   ABOUT PASS 04 — six individual panels + profile panel shell
   ========================================================== */

/* Each story is now one original The One image-card per carousel page. */
#about-carousel .rdesignr-story-slide .post-block-correction{
  width: 100% !important;
  float: none !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

#about-carousel .rdesignr-story-slide .rdesignr-original-story-card{
  width: 100%;
  max-width: none;
}

#about-carousel .rdesignr-story-slide .rdesignr-original-story-image{
  width: 100%;
  min-width: 0;
}

/* Keep a real outer gutter around the whole right-hand strip. */
@media only screen and (min-width: 1025px) {
  #about-lifting .rdesignr-about-right{
    padding-left: 10px !important;
    padding-right: 4.65vw !important;
  }
}

/* Internal Professional Profile panel: technical shell only for this pass. */
.rdesignr-profile-panel{
  position: fixed;
  inset: 0;
  z-index: 2800;
  background: #000;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transform: translateX(18px);
  transition: opacity .28s ease, transform .34s cubic-bezier(.22,.61,.36,1), visibility 0s linear .34s;
}

.rdesignr-profile-panel.open{
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  transform: translateX(0);
  transition: opacity .28s ease, transform .34s cubic-bezier(.22,.61,.36,1), visibility 0s linear 0s;
}

.rdesignr-profile-panel::before{
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background-image:
    linear-gradient(rgba(255,255,255,.025) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.025) 1px, transparent 1px);
  background-size: 42px 42px;
  mask-image: linear-gradient(to right, transparent 0%, rgba(0,0,0,.65) 35%, #000 100%);
}

.rdesignr-profile-panel .rdesignr-profile-close{
  position: absolute;
  top: 16px;
  right: 18px;
  z-index: 4;
  width: 38px;
  height: 38px;
  padding: 8px;
  border: 1px solid rgba(255,255,255,.16);
  background: #000;
  cursor: pointer;
}

.rdesignr-profile-panel-inner{
  position: relative;
  z-index: 2;
  width: min(1180px, calc(100vw - 9.3vw));
  height: 100%;
  margin: 0 auto;
  padding: 9vh 0 8vh;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.rdesignr-profile-panel-kicker{
  margin-bottom: 28px;
  color: var(--rd-accent);
  font-family: "Barlow Condensed", sans-serif;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: .18em;
}

.rdesignr-profile-panel-grid{
  min-height: 470px;
  display: grid;
  grid-template-columns: minmax(240px, .72fr) minmax(480px, 1.28fr);
  gap: 34px;
}

.rdesignr-profile-panel-content{
  display: flex;
  min-width: 0;
  flex-direction: column;
}

.rdesignr-profile-panel-name{
  color: #f2ece4;
  font-family: "Barlow Condensed", sans-serif;
  font-size: clamp(30px, 3vw, 48px);
  font-weight: 700;
  line-height: 1;
}

.rdesignr-profile-panel-role{
  margin-top: 10px;
  margin-bottom: 28px;
  color: #918982;
  font-family: "Barlow Condensed", sans-serif;
  font-size: 12px;
  letter-spacing: .1em;
}

.rdesignr-profile-slot{
  position: relative;
  min-height: 128px;
  border: 1px solid rgba(255,255,255,.10);
  background: rgba(255,255,255,.015);
}

.rdesignr-profile-slot::before,
.rdesignr-profile-slot::after{
  content: "";
  position: absolute;
  width: 12px;
  height: 12px;
  border-color: rgba(205,112,74,.65);
  pointer-events: none;
}

.rdesignr-profile-slot::before{
  top: -1px;
  left: -1px;
  border-top: 1px solid;
  border-left: 1px solid;
}

.rdesignr-profile-slot::after{
  right: -1px;
  bottom: -1px;
  border-right: 1px solid;
  border-bottom: 1px solid;
}

.rdesignr-profile-slot > span{
  position: absolute;
  left: 14px;
  bottom: 12px;
  color: rgba(242,236,228,.34);
  font-family: "Barlow Condensed", sans-serif;
  font-size: 9px;
  letter-spacing: .14em;
}

.rdesignr-profile-slot-portrait{
  min-height: 100%;
}

.rdesignr-profile-panel-subgrid{
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 18px;
  margin-top: 18px;
  flex: 1 1 auto;
}

.rdesignr-profile-panel-subgrid .rdesignr-profile-slot{
  min-height: 190px;
}

@media only screen and (min-width: 641px) and (max-width: 1024px) {
  .rdesignr-profile-panel-inner{
    width: calc(100vw - 9.6vw);
    padding-top: 11vh;
  }

  .rdesignr-profile-panel-grid{
    grid-template-columns: minmax(190px, .68fr) minmax(350px, 1.32fr);
    gap: 22px;
    min-height: 430px;
  }
}

@media only screen and (max-width: 640px) {
  #about-lifting .rdesignr-about-right{
    padding-left: 18px !important;
    padding-right: 18px !important;
  }

  #about-carousel .rdesignr-story-slide .rdesignr-original-story-image{
    height: 48vh;
    min-height: 250px;
    max-height: 420px;
  }

  .rdesignr-profile-panel{
    overflow-y: auto;
  }

  .rdesignr-profile-panel .rdesignr-profile-close{
    top: 76px;
    right: 12px;
  }

  .rdesignr-profile-panel-inner{
    width: calc(100vw - 36px);
    height: auto;
    min-height: 100%;
    padding: 104px 0 44px;
    justify-content: flex-start;
  }

  .rdesignr-profile-panel-grid{
    min-height: 0;
    grid-template-columns: 1fr;
    gap: 18px;
  }

  .rdesignr-profile-slot-portrait{
    min-height: 46vh;
  }

  .rdesignr-profile-panel-subgrid{
    grid-template-columns: 1fr;
  }

  .rdesignr-profile-panel-subgrid .rdesignr-profile-slot{
    min-height: 150px;
  }
}

/* ==========================================================
   ABOUT PASS 05 — compact left rail + unified profile/15+ unit
   Scope: ABOUT visual alignment only. Carousel behaviour unchanged.
   ========================================================== */

/* DESKTOP — keep the HOME content axis, but make the About rail quieter. */
@media only screen and (min-width: 1025px) {
  #about-lifting .rdesignr-about-left-rail{
    padding-left: 4.65vw !important;
    padding-top: 22px !important;
  }

  #about-lifting .rdesignr-about-left-rail .post-title{
    margin: 0 !important;
    font-size: 64px !important;
    line-height: .96 !important;
    letter-spacing: -.045em !important;
  }


  /* First right panel is one compact unit, anchored to the left of the right rail. */
  .rdesignr-profile-years-slide{
    padding-top: 8px !important;
  }

  .rdesignr-profile-years-inner{
    width: min(650px, 100%) !important;
    max-width: 650px !important;
    grid-template-columns: minmax(300px, 360px) 170px !important;
    gap: 30px !important;
    justify-content: start !important;
    align-items: center !important;
  }

  .rdesignr-about-profile-name{
    font-size: 25px !important;
    line-height: 1.04 !important;
  }

  .rdesignr-about-profile-role{
    margin-top: 7px !important;
    font-size: 11px !important;
  }

  .rdesignr-profile-open{
    margin-top: 18px !important;
  }

  .rdesignr-profile-years-slide .rdesignr-original-years{
    width: 170px !important;
    min-height: 174px !important;
    height: 174px !important;
  }

  .rdesignr-profile-years-slide .rdesignr-original-scan-target{
    width: 150px !important;
    height: 150px !important;
  }

  .rdesignr-years-label{
    margin-bottom: 9px !important;
    font-size: 7px !important;
    letter-spacing: .26em !important;
    white-space: nowrap !important;
  }

  .rdesignr-profile-years-slide .rdesignr-years-display{
    font-size: 70px !important;
    line-height: .88 !important;
  }
}

/* TABLET — same logic, scaled down without changing Owl behaviour. */
@media only screen and (min-width: 641px) and (max-width: 1024px) {
  #about-lifting .rdesignr-about-left-rail{
    padding-top: 14px !important;
  }

  #about-lifting .rdesignr-about-left-rail .post-title{
    margin: 0 !important;
    font-size: 50px !important;
  }

  .rdesignr-profile-years-inner{
    width: min(560px, 100%) !important;
    grid-template-columns: minmax(250px, 330px) 150px !important;
    gap: 22px !important;
  }

  .rdesignr-profile-years-slide .rdesignr-original-years{
    width: 150px !important;
    min-height: 160px !important;
    height: 160px !important;
  }

  .rdesignr-profile-years-slide .rdesignr-original-scan-target{
    width: 138px !important;
    height: 138px !important;
  }

  .rdesignr-profile-years-slide .rdesignr-years-display{
    font-size: 64px !important;
  }
}

/* MOBILE — preserve the existing stacked responsive structure. */
@media only screen and (max-width: 640px) {
  #about-lifting .rdesignr-about-left-rail .post-title{
    margin-left: 0 !important;
  }
}

/* ==================================================
   EXPERTISE PASS 06 — background only
   User-requested single change: make the Expertise / Szakterületek lifting
   panel use the exact same black as the global header and footer.
   No layout, typography, carousel, interaction or content changes.
   ================================================== */
#services-lifting .all-lifting-inner,
#services-video-lifting-video,
#services-video-lifting-video .all-lifting-inner{
  background: #000 !important;
}#services-lifting{
  background: #000 !important;
}

/* Expertise service detail bullets */
.service-detail-list{
    list-style: none;
    margin: 14px 0 0;
    padding: 0;
}
.service-detail-list li{
    position: relative;
    margin: 3px 0;
    padding-left: 11px;
    color: inherit;
    line-height: 1.35;
}
.service-detail-list li::before{
    content: "•";
    position: absolute;
    left: 0;
    color: #f27a21;
}

/* ==================================================
   EXPERTISE PASS 08 — copy/readability polish only
   ================================================== */
/* Keep the Expertise panel scrollable when content needs it, but remove the
   browser's white scrollbar chrome from the right edge. */
#services-lifting{
  scrollbar-width: none;
  -ms-overflow-style: none;
}
#services-lifting::-webkit-scrollbar{
  width: 0;
  height: 0;
  display: none;
}

/* Service detail lists must stay legible on the black panel. */
#services-lifting .service-detail-list li{
  color: #d8d2cc;
}

/* The # glyph belongs to the ghost service number, so keep both parts
   identical instead of accenting the hash separately. */
#services-lifting .post-number-span{
  color: inherit;
  opacity: 1;
}

/* ==================================================
   EXPERTISE PASS 09 — service number visibility only
   Keep #1–#4 as one unified, faint translucent orange ghost number.
   ================================================== */
#services-lifting .post-number{
  color: rgba(242, 122, 33, 0.18) !important;
}
#services-lifting .post-number-span{
  color: inherit !important;
  opacity: 1 !important;
}



@media only screen and (min-width: 641px) and (max-width: 880px) {
  /* The One keeps these lifting panels vertically scrollable on tablet.
     Preserve that behaviour, but remove the browser's white scrollbar UI. */
  #news-video-lifting-video,
#about-video-lifting-video,
#services-video-lifting-video,
#works-video-lifting-video,
.all-lifting-inner{
    -ms-overflow-style: none !important;
    scrollbar-width: none !important;
  }#news-lifting,
#about-lifting,
#services-lifting,
#works-lifting{
    -ms-overflow-style: none !important;
    scrollbar-width: none !important;
  }

  #news-lifting::-webkit-scrollbar,
#about-lifting::-webkit-scrollbar,
#services-lifting::-webkit-scrollbar,
#works-lifting::-webkit-scrollbar,
#news-video-lifting-video::-webkit-scrollbar,
#about-video-lifting-video::-webkit-scrollbar,
#services-video-lifting-video::-webkit-scrollbar,
#works-video-lifting-video::-webkit-scrollbar,
.all-lifting-inner::-webkit-scrollbar{
    width: 0 !important;
    height: 0 !important;
    display: none !important;
  }
}


/* Body / readable supporting copy */
body,
p,
li,
input,
textarea,
button,
.post-text,
.rdesignr-hero-support,
.rdesignr-hero-name,
.rdesignr-hero-role{
  font-family: "Barlow Semi Condensed", sans-serif !important;
}

/* Display / structural typography */
h1,
h2,
h3,
h4,
h5,
h6,
.post-title,
.post-heading,
.post-number,
.template-title,
.menu,
.menu-item,
.rdesignr-hero-headline,
.rdesignr-stat-value,
.rdesignr-stat-label,
.rdesignr-years-value,
.rdesignr-years-label{
  font-family: "Barlow Condensed", sans-serif !important;
}

/* Global readability baseline: slightly larger, brighter, more open. */
body{
  font-size: 14px;
  line-height: 1.55;
}

p{
  font-size: 15px;
  line-height: 1.52;
}

#news-lifting .post-text,
#about-lifting .post-text,
#services-lifting .post-text,
#works-lifting .post-text,
#news-lifting p,
#about-lifting p,
#services-lifting p,
#works-lifting p{
  color: #c7c1bb !important;
}

.post-text{
  font-size: 15px;
  line-height: 1.5;
}

.rdesignr-hero-support{
  font-size: 17px;
  line-height: 1.55;
  color: #c3bdb7 !important;
}

#services-lifting .post-heading{
  line-height: 1.08;
}

#services-lifting .post-block-services > p{
  font-size: 15px;
  line-height: 1.45;
}

#services-lifting .service-detail-list li{
  font-family: "Barlow Semi Condensed", sans-serif !important;
  font-size: 14.5px;
  line-height: 1.42;
  color: #d3cdc7 !important;
}

/* Small UI/meta copy remains compact, but no longer micro-sized. */
.rdesignr-hero-name{
  font-size: 14px;
}
.rdesignr-hero-role{
  font-size: 12px;
}

/* Tablet / phone body copy: keep comfortable reading size without forcing
   desktop-style vertical density into the narrower layouts. */
@media only screen and (max-width: 880px) {
  p,
.post-text,
#services-lifting .post-block-services > p,
#services-lifting .service-detail-list li{
    font-size: 15px;
    line-height: 1.48;
  }
  .rdesignr-hero-support{
    font-size: 16px;
    line-height: 1.5;
  }
}


/* The site is a one-screen experience: never show browser scrollbar chrome. */
html,
body{
  -ms-overflow-style: none !important;
  scrollbar-width: none !important;
}
html::-webkit-scrollbar,
body::-webkit-scrollbar{
  width: 0 !important;
  height: 0 !important;
  display: none !important;
}

/* Also suppress scrollbar chrome on every scrollable descendant of Expertise. */
#services-lifting *,
#services-video-lifting-video,
#services-video-lifting-video *{
  -ms-overflow-style: none !important;
  scrollbar-width: none !important;
}#services-lifting{
  -ms-overflow-style: none !important;
  scrollbar-width: none !important;
}
#services-lifting::-webkit-scrollbar,
#services-lifting *::-webkit-scrollbar,
#services-video-lifting-video::-webkit-scrollbar,
#services-video-lifting-video *::-webkit-scrollbar{
  width: 0 !important;
  height: 0 !important;
  display: none !important;
}

/* Desktop Expertise should fit the original The One one-screen panel. */
@media only screen and (min-width: 881px) {
  #services-video-lifting-video{
    overflow-y: hidden !important;
  }
}

/* Tighter relationship: title -> description -> bullets. */
#services-lifting .post-heading{
  margin-bottom: 24px !important;
}
#services-lifting .post-block-services > p{
  margin-bottom: 0 !important;
  padding-bottom: 5px !important;
}
#services-lifting .service-detail-list{
  margin-top: 4px !important;
}
#services-lifting .post-inner{
  margin-bottom: 10px !important;
}

@media only screen and (max-width: 880px) {
  #services-lifting .post-heading{
    margin-bottom: 18px !important;
  }
  #services-lifting .post-block-services > p{
    padding-bottom: 4px !important;
  }
  #services-lifting .service-detail-list{
    margin-top: 3px !important;
  }
}


#services-lifting .post-heading{
  margin-top: 0 !important;
  line-height: 1.12 !important;
}

@media only screen and (max-width: 880px) {
  #services-lifting .post-heading{
    margin-top: 0 !important;
    line-height: 1.1 !important;
  }
}


/* Keep description rhythm visually consistent across EN/HU cards. */
#services-lifting .post-block-services > p{
  min-height: 2.9em;
}

/* All service cards follow the same list rhythm. */
#services-lifting .service-detail-list{
  margin-top: 6px !important;
}

/* Independent Projects needed a small positioning correction on narrower layouts. */
#services-lifting .post-block-services .post-number{
  z-index: 0;
}
#services-lifting .post-block-services:last-child .post-number,
#services-lifting .post-block-services:last-of-type .post-number{
  top: 2px;
  left: 4px;
}

@media only screen and (max-width: 880px) {
  #services-lifting .post-block-services > p{
    min-height: 3.1em;
  }
  #services-lifting .post-number{
    font-size: 124px !important;
    top: -20px !important;
    left: -1px !important;
  }
  #services-lifting .post-number-span{
    font-size: 108px !important;
  }
  #services-lifting .post-block-services:last-child .post-number,
#services-lifting .post-block-services:last-of-type .post-number{
    top: -6px !important;
    left: 2px !important;
  }
}


@media only screen and (max-width: 880px) {
  html[lang="hu"] #services-lifting h1.post-title{
    margin-top: 0 !important;
    padding-top: 5px !important;
    line-height: 1.06 !important;
  }
}


#works-lifting .post-box-photo-works{
  /* intentionally no new geometry here */
}

#works-lifting .post-box-photo-works-heading,
#works-lifting .post-box-photo-works-heading a{
  font-family: "Barlow Condensed", sans-serif !important;
}


.rdesignr-project-actions .rdesignr-project-gallery{
  display: inline-block;
  vertical-align: middle;
}
.rdesignr-project-actions .rdesignr-gallery-hidden{
  display: none !important;
}
/* Keep The One's original two-icon slide-in motion: gallery from left, external from right. */
.rdesignr-project-actions .rdesignr-project-gallery .iw-slide-left{
  -webkit-transform: translate3d(-60px,0,0);
  transform: translate3d(-60px,0,0);
}
.image-works:hover .rdesignr-project-actions .rdesignr-project-gallery .iw-slide-left{
  -webkit-transform: translate3d(0,0,0) !important;
  transform: translate3d(0,0,0) !important;
}


/* FIELD NOTES CARDS — canonical owner.
   Keep the original The One fixed card geometry and the same centered
   conditional media-action pattern already approved for Projects. */
#news-lifting .rdesignr-field-note-card .post-box-photo-works{
  height: 200px !important;
  min-height: 200px !important;
  max-height: 200px !important;
  overflow: hidden !important;
  background-size: cover;
  background-position: center center;
}
#news-lifting .rdesignr-field-note-actions{
  position: absolute;
  left: 50%;
  top: 50%;
  right: auto;
  bottom: auto;
  width: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  transform: translate(-50%, -50%);
  opacity: 0;
  text-align: center;
  z-index: 3;
  transition: opacity .3s ease;
}
#news-lifting .rdesignr-field-note-card .image-works:hover .rdesignr-field-note-actions,
#news-lifting .rdesignr-field-note-card .image-works:focus-within .rdesignr-field-note-actions{
  opacity: 1;
}
#news-lifting .rdesignr-field-note-actions .rdesignr-field-note-action{
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 44px;
  width: 44px;
  height: 44px;
  margin: 0;
  padding: 0;
  border: 1px solid #fff;
  background: #fff;
  color: #000 !important;
  font-size: 18px;
  line-height: 1;
  text-decoration: none;
  transform: none !important;
  transition: background .25s ease, border-color .25s ease, color .25s ease;
}
#news-lifting .rdesignr-field-note-actions .rdesignr-field-note-action:hover,
#news-lifting .rdesignr-field-note-actions .rdesignr-field-note-action:focus-visible{
  background: #111;
  border-color: #111;
  color: #fff !important;
  outline: 0;
}
#news-lifting .rdesignr-field-note-gallery{
  display: contents;
}
#news-lifting .rdesignr-field-note-gallery-hidden{
  display: none !important;
}
#news-lifting .rdesignr-field-note-reel-glyph{
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 14px;
  height: 22px;
  border: 1px solid currentColor;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 8px;
  line-height: 1;
  padding-left: 1px;
}
@media only screen and (max-width: 1280px){
  #news-lifting .rdesignr-field-note-actions{
    gap: 4px;
  }
  #news-lifting .rdesignr-field-note-actions .rdesignr-field-note-action{
    flex: 0 0 34px;
    width: 34px;
    height: 34px;
    font-size: 15px;
  }
  #news-lifting .rdesignr-field-note-reel-glyph{
    width: 11px;
    height: 17px;
    font-size: 7px;
  }
}

@media only screen and (max-width: 880px){
  #news-lifting .rdesignr-field-note-actions{
    opacity: 1;
    gap: 4px;
  }
  #news-lifting .rdesignr-field-note-actions .rdesignr-field-note-action{
    flex: 0 0 30px;
    width: 30px;
    height: 30px;
    font-size: 14px;
  }
  #news-lifting .rdesignr-field-note-reel-glyph{
    width: 10px;
    height: 15px;
    font-size: 6px;
  }
  #news-lifting .rdesignr-field-note-card .hover-effect{
    opacity: .18 !important;
  }
}

@media (hover: none), (pointer: coarse){
  #news-lifting .rdesignr-field-note-actions{
    opacity: 1;
  }
  #news-lifting .rdesignr-field-note-card .hover-effect{
    opacity: .18 !important;
  }
}


#about-lifting.rdesignr-about-the-one-restored .all-lifting-inner{
  background: var(--rd-bg-panel) !important;
}

/* Keep the original The One one-screen geometry. */
#about-lifting.rdesignr-about-the-one-restored .post-block-second{
  height: 255px !important;
  overflow: hidden !important;
}

#about-lifting.rdesignr-about-the-one-restored .post-content-correction-about{
  top: 0 !important;
}

#about-lifting.rdesignr-about-the-one-restored .intro-years{
  margin-top: 35px;
}

#about-lifting.rdesignr-about-the-one-restored .intro-years .facts-counter-desc,
#about-lifting.rdesignr-about-the-one-restored .intro-years .facts-counter-number{
  color: var(--rd-text) !important;
}

#about-lifting.rdesignr-about-the-one-restored .borders-berlin{
  border-color: rgba(200,106,44,.22) !important;
}

#about-lifting.rdesignr-about-the-one-restored .rdesignr-about-years-plus{
  color: var(--rd-accent);
  font-size: .42em;
  vertical-align: top;
  margin-left: 2px;
}

#about-lifting.rdesignr-about-the-one-restored .rdesignr-about-restored-copy{
  padding-top: 26px;
}

#about-lifting.rdesignr-about-the-one-restored .rdesignr-about-restored-copy h2{
  margin: 0 0 5px 0 !important;
  color: var(--rd-text) !important;
  font-family: "Barlow Condensed", sans-serif !important;
  font-size: 25px !important;
  line-height: 1.05 !important;
  text-transform: uppercase;
}

#about-lifting.rdesignr-about-the-one-restored .rdesignr-about-restored-copy h3{
  margin: 0 0 24px 0 !important;
  color: #aaa29b !important;
  font-family: "Barlow Condensed", sans-serif !important;
  font-size: 12px !important;
  line-height: 1.25 !important;
  text-transform: uppercase;
  letter-spacing: .05em;
}

#about-lifting.rdesignr-about-the-one-restored .rdesignr-about-restored-copy p{
  color: #c7c1bb !important;
  font-family: "Barlow Semi Condensed", sans-serif !important;
  font-size: 15px !important;
  line-height: 1.48 !important;
}

#about-lifting.rdesignr-about-the-one-restored .post-box-photo-about{
  height: 200px !important;
  min-width: 0 !important;
  background-position: center center;
}

#about-lifting.rdesignr-about-the-one-restored h2.post-box-photo-about-heading{
  color: var(--rd-text) !important;
  margin-top: 8px !important;
  white-space: nowrap;
}

#about-lifting.rdesignr-about-the-one-restored h3.post-box-photo-about-heading{
  color: #9f9891 !important;
}

/* Tablet/mobile HU diacritic safety; desktop geometry is shared by all main panels. */
@media only screen and (max-width: 880px) {
  html[lang="hu"] #about-lifting.rdesignr-about-the-one-restored .post-title{
    padding-top: 8px !important;
    line-height: 1.08 !important;
  }
}

/* About carousel: one logical card/pane per Owl item. Owl controls the visible
   two-up desktop/tablet layout and always advances exactly one item. */
#about-lifting.rdesignr-about-the-one-restored .rdesignr-about-carousel-item > .post-block-correction{
  width: 100%;
  float: none;
}

/* Tablet/mobile use the original The One paired page: two logical blocks
   stack inside one swipe page. Desktop remains individual one-step items. */
@media only screen and (max-width: 1024px) {
  #about-carousel .rdesignr-about-responsive-page{
    width: 100%;
  }
  #about-carousel .rdesignr-about-responsive-page > .rdesignr-about-carousel-item{
    width: 100%;
    display: block;
  }
  #about-carousel .rdesignr-about-responsive-page > .rdesignr-about-carousel-item + .rdesignr-about-carousel-item{
    margin-top: 8px;
  }
}

/* Original responsive logic: content becomes vertical and scrollable naturally. */
@media only screen and (max-width: 1024px) {
  #about-lifting.rdesignr-about-the-one-restored .post-block-second{
    height: auto !important;
    overflow: visible !important;
  }

  #about-lifting.rdesignr-about-the-one-restored .intro-years{
    margin: 12px 0 20px 0;
  }

  #about-lifting.rdesignr-about-the-one-restored .rdesignr-about-restored-copy{
    padding-top: 0;
    padding-bottom: 22px;
  }

  #about-lifting.rdesignr-about-the-one-restored .post-box-photo-about{
    height: 220px !important;
  }

  #about-lifting.rdesignr-about-the-one-restored .post-block-correction{
    padding-bottom: 22px;
  }
}


.image-about{
position: relative;
z-index: 5 !important;
overflow: hidden;
}

.image-about > .hover-effect{
position: absolute;
background: #fff;
opacity: 0;
-moz-opacity: 0;
-webkit-opacity: 0;
filter: alpha(opacity=0);
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
-webkit-transition: opacity 0.35s ease-out;
-moz-transition: opacity 0.35s ease-out;
-ms-transition: opacity 0.35s ease-out;
-o-transition: opacity 0.35s ease-out;
transition: opacity 0.35s ease-out;
width: calc(100% - 20px);
height: calc(100% - 20px);
top: 10px;
left: 10px;
bottom: 10px;
right: 10px;
box-sizing: border-box;
}

.image-about:hover .hover-effect{
opacity: 0.85;
-moz-opacity: 0.85;
-webkit-opacity: 0.85;
filter: alpha(opacity=85);
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=85)";
}

.icon-about{
position: absolute;
width: 100%;
top: 50%;
text-align: center;
opacity: 0;
-moz-opacity: 0;
-webkit-opacity: 0;
filter: alpha(opacity=0);
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
-webkit-transition: all 0.35s ease-out;
-moz-transition: all 0.35s ease-out;
-ms-transition: all 0.35s ease-out;
-o-transition: all 0.35s ease-out;
transition: all 0.35s ease-out;
transform: translateY(-50%);
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
z-index: 2;
}

.icon-about a{
position: relative;
display: inline-block;
vertical-align: middle;
text-decoration: none;
width: 44px;
height: 44px;
line-height: 44px;
margin: 0 2px;
font-size: 20px;
background: #fff;
border: 1px solid #fff;
color: #000;
transition: all 0.35s ease-out;
}

.icon-about a.iw-slide-left{
transform: translate3d(-60px,0,0);
}

.icon-about a.iw-slide-right{
transform: translate3d(60px,0,0);
}

.image-about:hover .icon-about a{
transform: translate3d(0,0,0) !important;
}

.icon-about a:hover{
background: #000;
border: 1px solid #000;
color: #fff;
}

.image-about:hover .icon-about{
opacity: 1;
-moz-opacity: 1;
-webkit-opacity: 1;
filter: alpha(opacity=100);
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

.icon-about a:before{
position: relative;
z-index: 1;
}

/* About images open as simple lightbox links for now; other icon roles come later. */
.rdesignr-about-action-pending{
cursor: pointer;
}

/* Touch / smaller devices: keep the actions accessible without hover. */
@media only screen and (max-width: 1024px) {
  .image-about > .hover-effect{
    opacity: 0.68;
    -moz-opacity: 0.68;
    -webkit-opacity: 0.68;
    filter: alpha(opacity=68);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=68)";
  }
  .icon-about{
    opacity: 1;
    -moz-opacity: 1;
    -webkit-opacity: 1;
    filter: alpha(opacity=100);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  }
  .icon-about a,
.icon-about a.iw-slide-left,
.icon-about a.iw-slide-right{
    transform: translate3d(0,0,0) !important;
  }
}


#services-lifting .post-block-services > p{
  min-height: 0 !important;
  margin: 0 0 14px 0 !important;
  padding: 0 !important;
}
#services-lifting .post-block-services > p + p{
  margin-top: 0 !important;
}
#services-lifting .service-detail-list{
  display: none !important;
}


.rdesignr-projects-index-link{
  margin: 18px 0 0 23px;
  font-family: "Barlow Condensed", sans-serif;
  font-size: 14px;
  font-weight: 600;
  letter-spacing: .02em;
  color: var(--rd-text);
  cursor: default;
}
.rdesignr-projects-index-link span{
  border-bottom: 1px solid var(--rd-accent);
  padding-bottom: 2px;
}
#works-lifting .mfp-title{
  font-family: "Barlow Semi Condensed", sans-serif;
  font-size: 14px;
  line-height: 1.4;
  color: #d3cdc7;
  padding-top: 8px;
}
#works-lifting .mfp-title strong,
.mfp-title strong{
  font-family: "Barlow Condensed", sans-serif;
  font-size: 15px;
  letter-spacing: .03em;
  color: var(--rd-text);
}
@media only screen and (max-width: 880px) {
  .rdesignr-projects-index-link{
    margin-left: 9px;
    margin-top: 12px;
  }
}


.rdesignr-projects-index-link a{
  color: inherit;
  text-decoration: none;
}

/* --- Branded close controls: keep only the RDESIGNR scan-target symbol. --- */
.rdesignr-modal-close,
.rdesignr-studio-close{
  z-index: 40050 !important;
  border: 0 !important;
  background-color: transparent !important;
  box-shadow: none !important;
}

/* Feature close controls are interactive only while their owning overlay is open. */
.rdesignr-studio-close{
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
}

.rdesignr-studio-modal.open .rdesignr-studio-close{
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
}

.rdesignr-modal-close img{
  display: block !important;
  opacity: 1 !important;
  visibility: visible !important;
  filter: none !important;
  -webkit-filter: none !important;
}

.rdesignr-studio-close .rdesignr-modal-close-icon{
  display: block !important;
  opacity: 1 !important;
  visibility: visible !important;
  background: url("../img/rdesignr/ui/close-symbol-white.png") center center / contain no-repeat !important;
}


/* Main lifting panels: on phones position the branded target safely below the fixed header. */
@media only screen and (max-width: 640px) {
  .location-modal .rdesignr-modal-close,
.contact-modal .rdesignr-modal-close,
.rdesignr-studio-close{
    position: fixed !important;
    top: 76px !important;
    right: 12px !important;
    width: 42px !important;
    height: 42px !important;
  }
}

/* REALESTIC / GEODIO: branded close always visible below the header. */

@media only screen and (max-width: 640px) {
  
}

/* --- Dark hover wash ONLY on media surfaces. Never on text/panel containers. --- */
.image-works > .hover-effect,
.image-about > .hover-effect{
  background-color: #000 !important;
  opacity: 0 !important;
}
.image-works:hover > .hover-effect,
.image-about:hover > .hover-effect,
.image-works:focus-within > .hover-effect,
.image-about:focus-within > .hover-effect{
  opacity: .66 !important;
}

#news-lifting .rdesignr-news-photo-wash{
  background: #000 !important;
  opacity: 0 !important;
}
#news-lifting .rdesignr-news-photo:hover .rdesignr-news-photo-wash,
#news-lifting .rdesignr-news-photo:focus-within .rdesignr-news-photo-wash{
  opacity: .66 !important;
}

/* Explicit guardrail: lifting panel content itself must always render fully opaque and unfiltered. */
#about-lifting .all-lifting-inner,
#services-lifting .all-lifting-inner,
#works-lifting .all-lifting-inner,
#news-lifting .all-lifting-inner{
  opacity: 1 !important;
  filter: none !important;
  -webkit-filter: none !important;
}#about-lifting,
#services-lifting,
#works-lifting,
#news-lifting{
  
  filter: none !important;
  -webkit-filter: none !important;
}

/* Open/closed sideproject state is owned by rdesignr-ui.css. */

/* Never rasterise the actual text/content layer of an open lifting panel. */


/* Let the browser use its native text rasterisation rather than forcing
   grayscale smoothing on the RDESIGNR content surfaces. */
#about-lifting,
#services-lifting,
#works-lifting,
#news-lifting,
.location-modal,
.contact-modal,
.rdesignr-sideproject-content{
  -webkit-font-smoothing: auto !important;
  -moz-osx-font-smoothing: auto !important;
}


/* Projects / About card headings */
#works-lifting h2.post-box-photo-works-heading,
#works-lifting h2.post-box-photo-works-heading a,
#about-lifting h2.post-box-photo-about-heading,
#about-lifting h2.post-box-photo-works-heading{
  font-family: "Barlow Condensed", sans-serif !important;
  font-size: 16px !important;
  font-weight: 600 !important;
  line-height: 1.08 !important;
  letter-spacing: 0 !important;
  text-shadow: none !important;
  -webkit-text-stroke: 0 transparent !important;
  filter: none !important;
  opacity: 1 !important;
}

#works-lifting h3.post-box-photo-works-heading,
#about-lifting h3.post-box-photo-about-heading,
#about-lifting h3.post-box-photo-works-heading{
  font-family: "Barlow Semi Condensed", sans-serif !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  line-height: 1.22 !important;
  letter-spacing: .025em !important;
  text-shadow: none !important;
  -webkit-text-stroke: 0 transparent !important;
  filter: none !important;
  opacity: 1 !important;
}

/* Field Notes: preserve hierarchy but remove the template's compressed tracking. */
#news-lifting .post-content h2{
  font-family: "Barlow Condensed", sans-serif !important;
  font-weight: 600 !important;
  letter-spacing: 0 !important;
  line-height: 1.04 !important;
  text-shadow: none !important;
  -webkit-text-stroke: 0 transparent !important;
  filter: none !important;
  opacity: 1 !important;
}
#news-lifting .post-content h3,
#news-lifting .post-content .date{
  font-family: "Barlow Semi Condensed", sans-serif !important;
  font-weight: 500 !important;
  letter-spacing: .025em !important;
  text-shadow: none !important;
  -webkit-text-stroke: 0 transparent !important;
  filter: none !important;
  opacity: 1 !important;
}
#news-lifting .post-content h3{ font-size: 13px !important; }
#news-lifting .post-content .date{ font-size: 10px !important; }

/* General panel body copy: explicitly clean rasterisation, no decoration. */
#works-lifting p,
#news-lifting p,
#about-lifting p,
#services-lifting p,
#works-lifting .post-text,
#news-lifting .post-text,
#about-lifting .post-text,
#services-lifting .post-text{
  text-shadow: none !important;
  -webkit-text-stroke: 0 transparent !important;
  filter: none !important;
  opacity: 1 !important;
}


/* --------------------------------------------------
   PASS 45 — LOCATION + CONTACT ONLY
   Keep the stable Pass 44 site architecture. These two overlays now
   cover exactly the HOME hero viewport: below the fixed header and
   above the fixed bottom navigation/footer. No scale animation, so the
   branded close control remains visually fixed on every device.
   -------------------------------------------------- */
.location-modal,
.contact-modal{
  
  
  
  
  
  
  
  box-sizing: border-box !important;
  
  -webkit-transform: none !important;
  
  
}


/* Branded close stays anchored inside the hero overlay. */


/* Location: move the complete content group to a calmer eye-level. */
.location-modal .center-container-contact-modal{
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  display: block !important;
}

.location-modal .center-block-contact-modal{
  position: absolute !important;
  top: 54% !important;
  left: 0 !important;
  width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  display: block !important;
  transform: translateY(-50%) !important;
  padding: 0 28px !important;
  box-sizing: border-box !important;
}

.location-modal .center-block-contact-modal-padding-top,
.location-modal .center-block-contact-modal-padding-bottom{
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

/* Contact uses the same exact hero footprint; keep its content centered. */
.contact-modal .center-container-contact-modal{
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
}

.contact-modal .center-block-contact-modal{
  min-height: 100% !important;
}

@media only screen and (max-width: 880px) {
  

  .location-modal .center-block-contact-modal{
    top: 53% !important;
  }
}


/* --------------------------------------------------
   PASS 46 — LOCATION / CONTACT precision fix only
   Stable Pass 45 footprint retained. Keep both overlays locked to the
   HOME hero viewport, prevent tablet page/panel drift, and place the
   Location content in the approved upper-eye-level zone.
   -------------------------------------------------- */
.location-modal,
.contact-modal{
  
  overscroll-behavior: none !important;
}

/* Approved location content position: upper third of the hero, not centre. */
.location-modal .center-block-contact-modal{
  top: 26% !important;
  transform: translateY(-50%) !important;
}

/* Keep branded close controls above every panel layer and always clickable. */


@media only screen and (max-width: 880px) {
  .location-modal .center-block-contact-modal{
    top: 27% !important;
  }
}

@media only screen and (max-width: 640px) {
  .location-modal .center-block-contact-modal{
    top: 26% !important;
  }
}


/* --------------------------------------------------
   PASS 47 — SHARED HERO COPY BASELINE + RELIABLE LOCATION CLOSE
   One vertical rhythm for the hero-like surfaces.  The first content line
   begins 16% down from the usable hero area on HOME, LOCATION, CONTACT,
   REALESTIC and GEODIO, across desktop/tablet/mobile.
   -------------------------------------------------- */
:root{
  --rd-feature-copy-top: 16%;
}

/* LOCATION: shared baseline is the TOP of the content group, not its centre. */
.location-modal .center-container-contact-modal,
.contact-modal .center-container-contact-modal{
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  display: block !important;
}
.location-modal .center-block-contact-modal,
.contact-modal .center-block-contact-modal.rdesignr-contact-layout{
  position: absolute !important;
  top: var(--rd-feature-copy-top) !important;
  left: 0 !important;
  width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  display: block !important;
  vertical-align: top !important;
  transform: none !important;
  box-sizing: border-box !important;
}
.location-modal .center-block-contact-modal{
  padding: 0 28px !important;
}
.contact-modal .center-block-contact-modal.rdesignr-contact-layout{
  padding: 0 28px !important;
}
.contact-modal .rdesignr-contact-header,
.contact-modal .center-block-contact-modal-padding-top,
.contact-modal .center-block-contact-modal-padding-bottom,
.location-modal .center-block-contact-modal-padding-top,
.location-modal .center-block-contact-modal-padding-bottom{
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

/* REALESTIC + GEODIO: use the same hero-like vertical start instead of
   vertically centring the copy. */
.rdesignr-sideproject-content .center-container{
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  display: block !important;
}
.rdesignr-sideproject-content .center-block{
  position: absolute !important;
  top: var(--rd-feature-copy-top) !important;
  left: 0 !important;
  width: 100% !important;
  display: block !important;
  vertical-align: top !important;
}
.rdesignr-sideproject-content .rdesignr-sideproject-copy{
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

/* Location/Contact close: fixed hit target inside the hero overlay, isolated
   from all launcher/toggle classes. */


@media only screen and (max-width: 880px) {
  .location-modal .center-block-contact-modal,
.contact-modal .center-block-contact-modal.rdesignr-contact-layout{
    top: var(--rd-feature-copy-top) !important;
  }
}

@media only screen and (max-width: 640px) {
  .location-modal .center-block-contact-modal,
.contact-modal .center-block-contact-modal.rdesignr-contact-layout{
    top: var(--rd-feature-copy-top) !important;
    padding-left: 18px !important;
    padding-right: 18px !important;
  }
  .rdesignr-sideproject-content .rdesignr-sideproject-copy{
    padding-top: 0 !important;
  }
}


/* --------------------------------------------------
   PASS 48 — responsive feature alignment + mobile side-project visual +
   deterministic LOCATION close.
   -------------------------------------------------- */

@media only screen and (min-width: 641px) and (max-width: 880px) {
  /* CONTACT tablet: the complete contact stack was sitting too low. */
  .contact-modal .center-block-contact-modal.rdesignr-contact-layout{
    top: 9% !important;
  }
}

@media only screen and (max-width: 640px) {
  /* Keep mobile Location where it already tested well. */
  .location-modal .center-block-contact-modal{
    top: 16% !important;
  }

  /* REALESTIC / GEODIO: show the visual treatment beneath the copy on mobile,
     mirroring the desktop/tablet left visual half rather than dropping it. */
  .rdesignr-sideproject-mobile-visual{
    display: block !important;
    position: absolute !important;
    left: 20px !important;
    right: 20px !important;
    top: 31% !important;
    height: 46% !important;
    min-height: 260px !important;
    overflow: hidden !important;
    z-index: 1 !important;
    background-color: #080706;
    background-size: cover;
    background-position: center;
  }
  .rdesignr-sideproject-mobile-visual.rdesignr-realestic-visual{
    background:
      linear-gradient(135deg, rgba(185,93,55,.20), transparent 50%),
      linear-gradient(90deg, rgba(25,42,56,.38), transparent 65%),
      repeating-linear-gradient(0deg, transparent 0 47px, rgba(255,255,255,.035) 48px),
      repeating-linear-gradient(90deg, transparent 0 47px, rgba(255,255,255,.035) 48px),
      #0b0a09 !important;
  }
  .rdesignr-sideproject-mobile-visual.rdesignr-sideproject-02-visual{
    background:
      radial-gradient(circle at 70% 42%, rgba(200,106,44,.18) 0 2px, transparent 3px),
      repeating-radial-gradient(circle at 70% 42%, transparent 0 54px, rgba(255,255,255,.035) 55px 56px),
      linear-gradient(145deg, rgba(200,106,44,.12), transparent 45%),
      #070605 !important;
  }
  .rdesignr-sideproject-mobile-visual::after{
    z-index: 1 !important;
  }
  .rdesignr-sideproject-content .rdesignr-sideproject-copy{
    position: relative !important;
    z-index: 3 !important;
  }
}

@media only screen and (min-width: 641px) {
  .rdesignr-sideproject-mobile-visual{
    display: none !important;
  }
}


/* --------------------------------------------------
   VIEW PROCESS — single component owner
   Desktop/tablet live between the permanent header + footer.
   Mobile intentionally uses the true device viewport while the chrome stays above it.
   -------------------------------------------------- */
.rdesignr-process-panel{
  position:fixed;
  z-index:140;
  top:var(--rdx-header-h, 74px);
  right:0;
  bottom:var(--rdx-footer-h, 90px);
  left:0;
  width:auto;
  height:auto;
  margin:0;
  overflow:hidden;
  background:#030303;
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transform:translate3d(-100%,0,0);
  transition:transform .72s cubic-bezier(.22,.61,.36,1), opacity .28s ease, visibility 0s linear .72s;
}
.rdesignr-process-panel.open{
  opacity:1;
  visibility:visible;
  pointer-events:auto;
  transform:translate3d(0,0,0);
  transition:transform .72s cubic-bezier(.22,.61,.36,1), opacity .28s ease, visibility 0s;
}
.rdesignr-process-media,
.rdesignr-process-video,
.rdesignr-process-tech,
.rdesignr-process-shade{
  position:absolute;
  inset:0;
}
.rdesignr-process-media{
  background:#030303;
}
.rdesignr-process-video{
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center center;
  background:#030303;
}
.rdesignr-process-shade{
  z-index:2;
  background:
    linear-gradient(to bottom, rgba(0,0,0,.18), rgba(0,0,0,.02) 42%, rgba(0,0,0,.28)),
    linear-gradient(to right, rgba(0,0,0,.22), transparent 24%, transparent 76%, rgba(0,0,0,.12));
}
.rdesignr-process-tech{
  z-index:3;
  opacity:.36;
  background-image:
    linear-gradient(rgba(200,106,44,.045) 1px, transparent 1px),
    linear-gradient(90deg, rgba(200,106,44,.045) 1px, transparent 1px),
    radial-gradient(circle at 74% 30%, rgba(255,255,255,.11) 0 1px, transparent 1.6px),
    radial-gradient(circle at 29% 64%, rgba(255,255,255,.09) 0 1px, transparent 1.6px);
  background-size:96px 96px,96px 96px,17px 17px,23px 23px;
  mix-blend-mode:screen;
}
.rdesignr-process-scan{
  --rd-process-progress:0;
  position:absolute;
  z-index:5;
  top:0;
  bottom:0;
  left:calc(var(--rd-process-progress) * 1%);
  width:1px;
  background:linear-gradient(to bottom, transparent, rgba(190,219,225,.92) 9%, rgba(220,235,238,.96) 50%, rgba(190,219,225,.92) 91%, transparent);
  box-shadow:0 0 5px rgba(190,219,225,.65),0 0 18px rgba(190,219,225,.22);
  transform:translateX(-.5px);
}
.rdesignr-process-scan::before{
  content:"";
  position:absolute;
  top:0;
  right:0;
  bottom:0;
  width:54px;
  opacity:.72;
  background:linear-gradient(to left, rgba(193,220,225,.065), transparent);
}
.rdesignr-process-crosshair{
  position:absolute;
  width:15px;
  height:15px;
  border:1px solid rgba(225,235,236,.45);
  border-radius:50%;
}
.rdesignr-process-crosshair::before,
.rdesignr-process-crosshair::after{
  content:"";
  position:absolute;
  background:rgba(225,235,236,.45);
}
.rdesignr-process-crosshair::before{ left:6px; top:-5px; width:1px; height:23px; }
.rdesignr-process-crosshair::after{ top:6px; left:-5px; height:1px; width:23px; }
.rdesignr-process-crosshair-a{ left:14%; top:21%; }
.rdesignr-process-crosshair-b{ right:18%; top:36%; transform:scale(.72); }
.rdesignr-process-crosshair-c{ right:34%; bottom:24%; transform:scale(.55); }
.rdesignr-process-heading,
.rdesignr-process-close{ display:none !important; }

/* RDESIGNR process return control. */
.rdesignr-process-back{
  position:absolute;
  z-index:320;
  top:20px;
  left:24px;
  width:52px;
  height:44px;
  padding:0;
  overflow:visible;
  border:0;
  outline:0;
  background:transparent;
  box-shadow:none;
  cursor:pointer;
  pointer-events:auto;
  -webkit-tap-highlight-color:transparent;
}
.rdesignr-process-back span{
  position:absolute;
  left:17px;
  top:9px;
  width:24px;
  height:24px;
  display:block;
  font-size:0;
  line-height:0;
  border:1px solid rgba(242,241,237,.58);
  border-radius:50%;
  color:transparent;
  transition:border-color .18s ease, transform .18s ease;
}
.rdesignr-process-back span::before{
  content:"";
  position:absolute;
  left:-17px;
  top:11px;
  width:29px;
  height:1px;
  background:#f2f1ed;
}
.rdesignr-process-back span::after{
  content:"";
  position:absolute;
  left:-17px;
  top:7px;
  width:8px;
  height:8px;
  border-left:1px solid #f2f1ed;
  border-bottom:1px solid #f2f1ed;
  transform:rotate(45deg);
  transform-origin:center;
}
.rdesignr-process-back::before{
  content:"";
  position:absolute;
  left:28px;
  top:16px;
  width:2px;
  height:2px;
  border-radius:50%;
  background:var(--rd-accent);
  opacity:.95;
}
.rdesignr-process-back:hover span,
.rdesignr-process-back:focus-visible span{
  border-color:rgba(242,241,237,.92);
  transform:translateX(-2px);
}
.rdesignr-process-back:hover span::before,
.rdesignr-process-back:focus-visible span::before{ background:var(--rd-accent); }
.rdesignr-process-back:hover span::after,
.rdesignr-process-back:focus-visible span::after{ border-color:var(--rd-accent); }
.rdesignr-process-back:focus-visible{ outline:1px solid rgba(255,255,255,.72); outline-offset:2px; }

/* Only the current phase is shown; the dark fade keeps it readable over video. */
.rdesignr-process-status{
  position:absolute;
  z-index:320;
  left:24px;
  right:auto;
  bottom:22px;
  min-height:32px;
  height:auto;
  display:flex;
  align-items:center;
  justify-content:flex-start;
  pointer-events:none;
}
.rdesignr-process-status::before{
  content:"";
  position:absolute;
  z-index:-1;
  left:-24px;
  bottom:-22px;
  width:420px;
  height:82px;
  background:linear-gradient(90deg, rgba(0,0,0,.72) 0%, rgba(0,0,0,.58) 30%, rgba(0,0,0,.32) 56%, rgba(0,0,0,.10) 78%, rgba(0,0,0,0) 100%);
}
.rdesignr-process-status-line,
.rdesignr-process-status-fill{ display:none; }
.rdesignr-process-step{
  display:none;
  align-items:baseline;
  gap:10px;
  padding:0;
  background:transparent;
  opacity:0;
}
.rdesignr-process-step.active{
  display:flex;
  opacity:1;
}
.rdesignr-process-index{
  font-family:"Barlow Condensed",sans-serif;
  font-size:14px;
  font-weight:700;
  line-height:1;
  letter-spacing:.04em;
  color:var(--rd-accent);
}
.rdesignr-process-label{
  font-family:"Barlow Condensed",sans-serif;
  font-size:18px;
  font-weight:600;
  line-height:1;
  letter-spacing:.09em;
  color:#f0efeb;
  white-space:nowrap;
}
body.rdesignr-process-open{ overflow:hidden !important; }
body.rdesignr-process-open .border-top,
body.rdesignr-process-open .border-bottom-menu,
body.rdesignr-process-open .border-bottom{
  z-index:220 !important;
  pointer-events:auto !important;
}
body.rdesignr-process-open .rdesignr-process-panel{ z-index:140 !important; }
.rdesignr-process-media,
.rdesignr-process-video,
.rdesignr-process-tech,
.rdesignr-process-shade,
.rdesignr-process-scan,
.rdesignr-process-status{ pointer-events:none !important; }
.rdesignr-hero-process{ display:none !important; visibility:hidden !important; }

/* Tablet: fill the entire safe viewport instead of letterboxing the 16:9 film.
   The phase label stays above the permanent bottom navigation. */
@media only screen and (min-width:641px) and (max-width:880px){
  .rdesignr-process-panel{
    top:var(--rdx-header-h,72px);
    bottom:var(--rdx-footer-h,90px);
  }
  .rdesignr-process-video{
    object-fit:cover;
    object-position:center center;
  }
  .rdesignr-process-tech{
    opacity:.30;
    background-size:72px 72px,72px 72px,17px 17px,23px 23px;
  }
  .rdesignr-process-back{
    top:16px;
    left:18px;
    width:50px;
    height:42px;
  }
  .rdesignr-process-status{
    left:20px;
    bottom:26px;
  }
  .rdesignr-process-status::before{
    left:-20px;
    bottom:-26px;
    width:390px;
    height:88px;
  }
  .rdesignr-process-index{ font-size:14px; }
  .rdesignr-process-label{ font-size:18px; letter-spacing:.08em; }
}

/* Mobile keeps the approved edge-to-edge device treatment. */
@media only screen and (max-width:640px){
  .rdesignr-process-panel,
  body.rdesignr-process-open .rdesignr-process-panel{
    position:fixed !important;
    inset:0 !important;
    width:100vw !important;
    max-width:none !important;
    height:100vh !important;
    height:100dvh !important;
    min-height:100dvh !important;
    margin:0 !important;
  }
  .rdesignr-process-media{
    position:absolute !important;
    inset:0 !important;
    width:100% !important;
    height:100% !important;
  }
  .rdesignr-process-video{
    width:100% !important;
    height:100% !important;
    object-fit:cover !important;
    object-position:center center !important;
  }
  .rdesignr-process-tech{
    opacity:.27;
    background-size:64px 64px,64px 64px,17px 17px,23px 23px;
  }
  .rdesignr-process-back{
    top:82px;
    left:16px;
    width:48px;
    height:42px;
  }
  .rdesignr-process-status{
    left:16px;
    bottom:70px;
  }
  .rdesignr-process-status::before{
    left:-16px;
    bottom:-20px;
    width:340px;
    height:78px;
  }
  .rdesignr-process-index{ font-size:13px; }
  .rdesignr-process-label{ font-size:17px; letter-spacing:.075em; }
  .rdesignr-process-scan{
    top:72px;
    bottom:54px;
  }
}

@media (prefers-reduced-motion:reduce){
  .rdesignr-process-panel{
    transition:opacity .2s ease, visibility 0s;
    transform:none;
  }
}

#works-lifting.rdesignr-projects-news-layout,
#works-lifting.rdesignr-projects-news-layout .container-fluid,
#works-lifting.rdesignr-projects-news-layout .all-lifting-inner{
  background: #000 !important;
}

/* Preserve the original The One News grid: 4/8 outer split + 6/6 copy/media. */
#works-lifting.rdesignr-projects-news-layout .rdesignr-news-slide{
  height: 250px;
  overflow: hidden;
}
#works-lifting.rdesignr-projects-news-layout .rdesignr-news-slide-row{
  height: 100%;
  margin: 0;
}
#works-lifting.rdesignr-projects-news-layout .rdesignr-news-copy-col,
#works-lifting.rdesignr-projects-news-layout .rdesignr-news-image-col{
  height: 100%;
}
#works-lifting.rdesignr-projects-news-layout .rdesignr-news-copy-col .post-inner,
#works-lifting.rdesignr-projects-news-layout .rdesignr-news-copy-col .post-content{
  height: 100%;
}

/* Project copy uses the original News content box; additions stay inside it. */
#works-lifting.rdesignr-projects-news-layout .rdesignr-news-copy-col h2{
  margin-bottom: 7px !important;
}
#works-lifting.rdesignr-projects-news-layout .rdesignr-project-tech-meta{
  color: rgba(245,242,235,.60) !important;
  font-style: normal !important;
  text-transform: uppercase;
  letter-spacing: .08em !important;
  white-space: normal;
  margin: 0 0 14px 0 !important;
}
#works-lifting.rdesignr-projects-news-layout .post-more{
  margin-top: 12px;
  width: 220px;
  max-width: 100%;
}
#works-lifting.rdesignr-projects-news-layout .post-more .c-btn.fullwidth{
  margin-top: 0;
  background: var(--rd-accent);
}
#works-lifting.rdesignr-projects-news-layout .post-more .c-btn.fullwidth span{
  white-space: nowrap;
}

/* Original News media proportions + RDESIGNR hover actions. */
#works-lifting.rdesignr-projects-news-layout .rdesignr-project-news-photo{
  position: relative;
  width: 100%;
  min-width: 250px;
  height: 248px;
  margin: 1px 0 0 0;
  overflow: hidden;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  display: block !important;
}
#works-lifting.rdesignr-projects-news-layout .rdesignr-news-photo-wash{
  position: absolute;
  inset: 10px;
  background: rgba(92,92,92,.86);
  opacity: 0;
  z-index: 1;
  transition: opacity .3s ease;
}
#works-lifting.rdesignr-projects-news-layout .rdesignr-project-news-photo:hover .rdesignr-news-photo-wash,
#works-lifting.rdesignr-projects-news-layout .rdesignr-project-news-photo:focus-within .rdesignr-news-photo-wash{
  opacity: .72;
}
#works-lifting.rdesignr-projects-news-layout .rdesignr-news-media-actions{
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%,-50%);
  display: flex;
  gap: 10px;
  z-index: 2;
  opacity: 0;
  transition: opacity .3s ease;
}
#works-lifting.rdesignr-projects-news-layout .rdesignr-project-news-photo:hover .rdesignr-news-media-actions,
#works-lifting.rdesignr-projects-news-layout .rdesignr-project-news-photo:focus-within .rdesignr-news-media-actions{
  opacity: 1;
}
#works-lifting.rdesignr-projects-news-layout .rdesignr-news-media-action{
  width: 44px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #fff;
  color: #000 !important;
  font-size: 18px;
  text-decoration: none;
  transition: background .25s ease, color .25s ease;
}
#works-lifting.rdesignr-projects-news-layout .rdesignr-news-media-action:hover{
  background: #111;
  color: #fff !important;
}
#works-lifting.rdesignr-projects-news-layout .rdesignr-project-news-gallery-hidden{
  display: none !important;
}

/* Branded panel close; layout itself remains original The One. */


/* Project gallery — one canonical full-viewport viewer across desktop/tablet/mobile.
   The image always uses contain; caption/counter remain inside the viewport. */
.mfp-bg.rdesignr-project-gallery-popup{
  background: #000 !important;
  opacity: .94 !important;
}
.mfp-wrap.rdesignr-project-gallery-popup{
  position: fixed !important;
  inset: 0 !important;
  width: 100vw !important;
  height: 100dvh !important;
  overflow: hidden !important;
}
.mfp-wrap.rdesignr-project-gallery-popup .mfp-container{
  width: 100% !important;
  height: 100% !important;
  padding: 24px 64px !important;
  box-sizing: border-box !important;
}
.mfp-wrap.rdesignr-project-gallery-popup .mfp-content{
  max-width: calc(100vw - 128px) !important;
  max-height: calc(100dvh - 48px) !important;
}
.mfp-wrap.rdesignr-project-gallery-popup .mfp-figure{
  position: relative !important;
}
.mfp-wrap.rdesignr-project-gallery-popup .mfp-figure:after{
  top: 0 !important;
  bottom: 76px !important;
  background: #111 !important;
  box-shadow: none !important;
}
.mfp-wrap.rdesignr-project-gallery-popup img.mfp-img{
  display: block !important;
  width: auto !important;
  max-width: 100% !important;
  max-height: calc(100dvh - 48px) !important;
  object-fit: contain !important;
  box-sizing: border-box !important;
  padding: 0 0 76px 0 !important;
  margin: 0 auto !important;
}
.mfp-wrap.rdesignr-project-gallery-popup .mfp-bottom-bar{
  top: 100% !important;
  left: 0 !important;
  width: 100% !important;
  min-height: 64px !important;
  margin-top: -68px !important;
  padding: 10px 54px 0 0 !important;
  box-sizing: border-box !important;
}
.mfp-wrap.rdesignr-project-gallery-popup .mfp-title{
  padding: 0 !important;
  font-size: 13px !important;
  line-height: 1.35 !important;
  color: rgba(245,242,235,.78) !important;
}
.mfp-wrap.rdesignr-project-gallery-popup .mfp-title strong{
  display: block;
  margin-bottom: 2px;
  font-family: "Barlow Condensed", sans-serif !important;
  font-size: 14px !important;
  line-height: 1.1 !important;
  letter-spacing: .04em !important;
  color: #f2ece4 !important;
}
.mfp-wrap.rdesignr-project-gallery-popup .mfp-counter{
  display: block !important;
  top: 10px !important;
  right: 0 !important;
  color: rgba(255,255,255,.88) !important;
  font-family: "Barlow Semi Condensed", sans-serif !important;
  font-size: 12px !important;
  letter-spacing: .08em !important;
}
.mfp-wrap.rdesignr-project-gallery-popup .rdesignr-gallery-back{
  position: absolute !important;
  top: 12px !important;
  right: 12px !important;
  z-index: 12 !important;
  width: 38px !important;
  height: 38px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: #fff !important;
  background: rgba(0,0,0,.45) !important;
  font-size: 29px !important;
  line-height: 1 !important;
  text-align: center !important;
}
.mfp-wrap.rdesignr-project-gallery-popup .mfp-arrow{
  position: fixed !important;
  display: block !important;
  top: 50% !important;
  width: 52px !important;
  height: 84px !important;
  margin-top: -42px !important;
  opacity: .92 !important;
}
.mfp-wrap.rdesignr-project-gallery-popup .mfp-arrow-left{
  left: 12px !important;
}
.mfp-wrap.rdesignr-project-gallery-popup .mfp-arrow-right{
  right: 12px !important;
}
.mfp-wrap.rdesignr-project-gallery-popup .mfp-arrow:before{
  display: none !important;
}
.mfp-wrap.rdesignr-project-gallery-popup .mfp-arrow:after{
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  margin: 0 !important;
  width: 100% !important;
  height: 100% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  border: 0 !important;
  background: rgba(0,0,0,.45) !important;
  color: #fff !important;
  font-family: Arial, Helvetica, sans-serif !important;
  font-size: 28px !important;
  line-height: 1 !important;
}
.mfp-wrap.rdesignr-project-gallery-popup .mfp-arrow-left:after{
  content: "‹" !important;
}
.mfp-wrap.rdesignr-project-gallery-popup .mfp-arrow-right:after{
  content: "›" !important;
}

@media only screen and (max-width: 880px){
  .mfp-wrap.rdesignr-project-gallery-popup .mfp-container{
    padding: 14px 12px !important;
  }
  .mfp-wrap.rdesignr-project-gallery-popup .mfp-content{
    max-width: calc(100vw - 24px) !important;
    max-height: calc(100dvh - 28px) !important;
  }
  .mfp-wrap.rdesignr-project-gallery-popup img.mfp-img{
    max-height: calc(100dvh - 28px) !important;
    padding-bottom: 86px !important;
  }
  .mfp-wrap.rdesignr-project-gallery-popup .mfp-figure:after{
    bottom: 86px !important;
  }
  .mfp-wrap.rdesignr-project-gallery-popup .mfp-bottom-bar{
    min-height: 76px !important;
    margin-top: -78px !important;
    padding-top: 9px !important;
    padding-right: 46px !important;
  }
  .mfp-wrap.rdesignr-project-gallery-popup .mfp-title{
    font-size: 12px !important;
    line-height: 1.3 !important;
  }
  .mfp-wrap.rdesignr-project-gallery-popup .mfp-title strong{
    font-size: 13px !important;
  }
  .mfp-wrap.rdesignr-project-gallery-popup .mfp-counter{
    top: 9px !important;
  }
  .mfp-wrap.rdesignr-project-gallery-popup .rdesignr-gallery-back{
    top: 8px !important;
    right: 8px !important;
    width: 36px !important;
    height: 36px !important;
    font-size: 27px !important;
  }
  .mfp-wrap.rdesignr-project-gallery-popup .mfp-arrow{
    width: 40px !important;
    height: 56px !important;
    margin-top: -28px !important;
    top: 50% !important;
  }
  .mfp-wrap.rdesignr-project-gallery-popup .mfp-arrow-left{
    left: 2px !important;
  }
  .mfp-wrap.rdesignr-project-gallery-popup .mfp-arrow-right{
    right: 2px !important;
  }
  .mfp-wrap.rdesignr-project-gallery-popup .mfp-arrow:after{
    font-size: 22px !important;
  }
}

/* IMPORTANT: mobile/tablet intentionally follow original The One News flow.
   No custom gutters, artificial baselines or reordered rows. */
@media only screen and (max-width: 880px) {
  #works-lifting.rdesignr-projects-news-layout .rdesignr-news-slide{
    height: auto;
    overflow: visible;
  }
  #works-lifting.rdesignr-projects-news-layout .rdesignr-news-copy-col,
#works-lifting.rdesignr-projects-news-layout .rdesignr-news-image-col{
    height: auto;
  }
  #works-lifting.rdesignr-projects-news-layout .rdesignr-news-image-col{
    margin-top: 18px;
  }
  #works-lifting.rdesignr-projects-news-layout .rdesignr-project-news-photo{
    min-width: 0;
    height: 220px;
  }
  #works-lifting.rdesignr-projects-news-layout .rdesignr-news-photo-wash{
    opacity: .18;
  }
  #works-lifting.rdesignr-projects-news-layout .rdesignr-news-media-actions{
    opacity: 1;
  }
  #works-lifting.rdesignr-projects-news-layout .post-more{
    width: min(220px,100%);
  }
}


/* Field Notes responsive owner — one stable composition from tablet landscape
   through compact desktop. This deliberately bypasses Bootstrap's 992px md
   breakpoint so the rail/cards do not jump between stacked and two-column states. */
@media only screen and (min-width: 768px) and (max-width: 1280px){
  #news-lifting.rdesignr-field-notes-works-layout .all-lifting-inner > .row{
    display: flex !important;
    flex-wrap: nowrap !important;
    align-items: stretch !important;
    height: 100% !important;
  }
  #news-lifting.rdesignr-field-notes-works-layout .all-lifting-inner > .row > .post-block{
    float: none !important;
    flex: 0 0 32% !important;
    width: 32% !important;
    max-width: 32% !important;
    height: 250px !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
  }
  #news-lifting.rdesignr-field-notes-works-layout .post-content-correction-all{
    display: none !important;
  }
  #news-lifting.rdesignr-field-notes-works-layout .all-lifting-inner > .row > .col-md-8{
    float: none !important;
    flex: 0 0 68% !important;
    width: 68% !important;
    max-width: 68% !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  #news-lifting.rdesignr-field-notes-works-layout .post-block-second{
    display: flex !important;
    flex-wrap: nowrap !important;
    height: 255px !important;
    overflow: hidden !important;
  }
  #news-lifting.rdesignr-field-notes-works-layout .post-block-second > .post-block-correction{
    float: none !important;
    flex: 0 0 50% !important;
    width: 50% !important;
    max-width: 50% !important;
    padding: 0 7px !important;
  }
  #news-lifting.rdesignr-field-notes-works-layout h1.post-title{
    font-size: 46px !important;
  }
  #news-lifting.rdesignr-field-notes-works-layout .post-text{
    width: calc(100% - 28px) !important;
    margin-left: 14px !important;
  }
  #news-lifting.rdesignr-field-notes-works-layout .owl-nav-custom-works{
    left: 14px !important;
  }
}

/* Field Notes panel matches header/footer black. */
#news-lifting.rdesignr-field-notes-works-layout,
#news-lifting.rdesignr-field-notes-works-layout .all-lifting-inner{
  background: #000 !important;
}

@media only screen and (min-width: 881px) {
  #works-lifting.rdesignr-projects-news-layout .rdesignr-news-copy-col .post-inner{
    height: 248px !important;
    margin-bottom: 0 !important;
  }
  #works-lifting.rdesignr-projects-news-layout .rdesignr-news-copy-col .post-content{
    box-sizing: border-box;
    height: 248px !important;
    min-height: 248px !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    justify-content: flex-start !important;
    overflow: hidden !important;
  }
  #works-lifting.rdesignr-projects-news-layout .rdesignr-news-copy-col .post-content > p{
    margin-bottom: 0 !important;
  }
  #works-lifting.rdesignr-projects-news-layout .rdesignr-news-copy-col .post-more{
    margin-top: auto !important;
    margin-bottom: 0 !important;
  }
}

@media only screen and (max-width: 880px) {
  #works-lifting.rdesignr-projects-news-layout .rdesignr-news-copy-col .post-content{
    height: auto !important;
    min-height: 0 !important;
    display: block !important;
    overflow: visible !important;
  }
  #works-lifting.rdesignr-projects-news-layout .rdesignr-news-copy-col .post-more{
    margin-top: 25px !important;
    margin-bottom: 0 !important;
  }
}


#about-lifting.rdesignr-about-the-one-restored,
#about-lifting.rdesignr-about-the-one-restored .container-fluid,
#about-lifting.rdesignr-about-the-one-restored .all-lifting-inner{
  background: var(--rd-bg) !important;
}

#about-lifting.rdesignr-about-the-one-restored .rdesignr-about-card-actions a{
  margin-left: 0 !important;
  margin-right: 0 !important;
}

#about-lifting.rdesignr-about-the-one-restored .icon-about{
  display: flex !important;
  align-items: center;
  justify-content: center;
}


/* Field Notes: guarantee the existing RDESIGNR close symbol is visible and clickable
   against the black panel without altering the Works/Field Notes geometry. */


/* Bottom nav: treat REALESTIC + GEODIO as one project group.
   Their internal gap now visually matches the 25px rhythm used by the main nav items,
   while the project group remains clearly separated from FIELD NOTES on tablet/desktop. */
@media only screen and (min-width: 641px) {
  .border-bottom-menu .credits{
    right: 10px !important;
  }
  .border-bottom-menu .instagram-feed{
    right: 96px !important;
  }
}

/* Tablet: preserve a slightly larger black breathing space between the main navigation
   and the two project launchers, while keeping REALESTIC / GEODIO compact as a pair. */
@media only screen and (min-width: 641px) and (max-width: 1024px) {
  #menu .menu ul{
    column-gap: 0 !important;
  }
  .border-bottom-menu .instagram-feed{
    right: 92px !important;
  }
}

@media only screen and (max-width: 640px) {
  /* Mobile lifting close remains below the fixed header, using the same branded symbol. */
  
}

/* PASS 67 — About gallery branded close */
.mfp-wrap.rdesignr-about-gallery-popup .rdesignr-about-mfp-close{
  width: 42px !important;
  height: 42px !important;
  padding: 0 !important;
  opacity: 1 !important;
  background: rgba(0,0,0,.55) !important;
  border: 0 !important;
}
.mfp-wrap.rdesignr-about-gallery-popup .rdesignr-about-mfp-close img{
  width: 28px;
  height: 28px;
  display: block;
  margin: 7px;
  object-fit: contain;
  pointer-events: none;
}


#about-lifting.rdesignr-about-the-one-restored,
#about-lifting.rdesignr-about-the-one-restored .container-fluid,
#about-lifting.rdesignr-about-the-one-restored .all-lifting-inner,
#about-lifting.rdesignr-about-the-one-restored .row,
#about-lifting.rdesignr-about-the-one-restored .post-block,
#about-lifting.rdesignr-about-the-one-restored .post-block-second,
#about-lifting.rdesignr-about-the-one-restored .post-inner,
#about-lifting.rdesignr-about-the-one-restored .post-content{
  background-color: #0b0a09 !important;
}

#about-lifting.rdesignr-about-the-one-restored .intro-years{
  position: relative;
}
#about-lifting.rdesignr-about-the-one-restored .rdesignr-about-scanner-mark{
  position: absolute;
  left: 50%;
  top: -38px;
  width: 176px;
  height: 176px;
  transform: translateX(-50%);
  opacity: .50;
  z-index: 0;
  pointer-events: none;
}
#about-lifting.rdesignr-about-the-one-restored .rdesignr-about-scanner-mark img{
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
}
#about-lifting.rdesignr-about-the-one-restored .intro-years .facts-counter-desc,
#about-lifting.rdesignr-about-the-one-restored .intro-years .facts-counter-number{
  position: relative;
  z-index: 2;
}

#about-lifting.rdesignr-about-the-one-restored .rdesignr-about-stats{
  display: grid;
  grid-template-columns: max-content max-content max-content;
  column-gap: 28px;
  align-items: start;
  margin-top: 22px;
  width: max-content;
  max-width: 100%;
}
#about-lifting.rdesignr-about-the-one-restored .rdesignr-about-stat{
  position: relative;
  min-width: 0;
  padding: 0;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  text-align: left;
}
#about-lifting.rdesignr-about-the-one-restored .rdesignr-about-stat + .rdesignr-about-stat::before{
  content: "";
  position: absolute;
  left: -14px;
  top: 0;
  bottom: 0;
  width: 1px;
  background: rgba(255,255,255,.12);
}
#about-lifting.rdesignr-about-the-one-restored .rdesignr-about-stat:first-child{
  padding-left: 0;
}
#about-lifting.rdesignr-about-the-one-restored .rdesignr-about-stat strong{
  display: block;
  white-space: nowrap;
}
#about-lifting.rdesignr-about-the-one-restored .rdesignr-about-stat span{
  display: block;
  margin-top: 7px;
  color: #8d857e !important;
  font-family: "Barlow Semi Condensed", sans-serif;
  font-size: 8px;
  line-height: 1;
  font-weight: 700;
  letter-spacing: .16em;
  text-transform: uppercase;
}

@media only screen and (max-width: 1024px) {
  #about-lifting.rdesignr-about-the-one-restored .rdesignr-about-scanner-mark{
    top: -26px;
    width: 156px;
    height: 156px;
  }
  #about-lifting.rdesignr-about-the-one-restored .rdesignr-about-stats{
    margin-top: 18px;
  }
}

@media only screen and (max-width: 640px) {
  #about-lifting.rdesignr-about-the-one-restored .rdesignr-about-stat{
    padding-left: 10px;
    padding-right: 10px;
  }
  #about-lifting.rdesignr-about-the-one-restored .rdesignr-about-stat span{
    font-size: 7px;
    letter-spacing: .11em;
  }
}


#about-lifting.rdesignr-about-the-one-restored,
#about-lifting.rdesignr-about-the-one-restored .container-fluid,
#about-lifting.rdesignr-about-the-one-restored .all-lifting-inner,
#about-lifting.rdesignr-about-the-one-restored .row,
#about-lifting.rdesignr-about-the-one-restored .post-block,
#about-lifting.rdesignr-about-the-one-restored .post-block-second,
#about-lifting.rdesignr-about-the-one-restored .post-inner,
#about-lifting.rdesignr-about-the-one-restored .post-content{
  background-color: #000 !important;
}
#about-lifting.rdesignr-about-the-one-restored .rdesignr-about-years-plus{
  color: #8d857e !important;
}
#about-lifting.rdesignr-about-the-one-restored .rdesignr-about-scanner-mark{
  left: 50% !important;
  transform: translateX(-82%) !important;
}
@media only screen and (max-width: 1024px) {
  #about-lifting.rdesignr-about-the-one-restored .rdesignr-about-scanner-mark{
    transform: translateX(-84%) !important;
  }
}


#about-lifting.rdesignr-about-the-one-restored .rdesignr-about-story-card-01{
  background-image: none !important;
  background-color: #0a0a0a !important;
  border: 1px solid rgba(255,255,255,.08);
  display: flex;
  align-items: flex-end;
  padding: 22px 24px;
  box-sizing: border-box;
}
#about-lifting.rdesignr-about-the-one-restored .rdesignr-about-story-card-01::before{
  content: "";
  position: absolute;
  inset: 0;
  background:
    linear-gradient(135deg, rgba(255,255,255,.025), transparent 52%),
    radial-gradient(circle at 83% 20%, rgba(205,112,74,.07), transparent 34%);
  pointer-events: none;
}
#about-lifting.rdesignr-about-the-one-restored .rdesignr-about-card-copy{
  position: relative;
  z-index: 1;
  max-width: 360px;
  color: #f2ece4;
  font-family: "Barlow Semi Condensed", sans-serif;
  font-size: 18px;
  font-weight: 500;
  line-height: 1.3;
  letter-spacing: .01em;
  transition: opacity .25s ease;
}
#about-lifting.rdesignr-about-the-one-restored .rdesignr-about-story-card-01:hover .rdesignr-about-card-copy,
#about-lifting.rdesignr-about-the-one-restored .rdesignr-about-story-card-01:focus-within .rdesignr-about-card-copy{
  opacity: .2;
}
@media only screen and (max-width: 880px) {
  #about-lifting.rdesignr-about-the-one-restored .rdesignr-about-story-card-01{
    padding: 20px;
  }
  #about-lifting.rdesignr-about-the-one-restored .rdesignr-about-card-copy{
    font-size: 17px;
    max-width: 320px;
  }
}


#about-lifting.rdesignr-about-the-one-restored .rdesignr-about-content-card{
  background-image: none !important;
  background-color: #0a0a0a !important;
  border: 1px solid rgba(255,255,255,.08);
  display: flex;
  align-items: flex-end;
  padding: 22px 24px;
  box-sizing: border-box;
}
#about-lifting.rdesignr-about-the-one-restored .rdesignr-about-content-card .hover-effect{
  background: rgba(255,255,255,.06);
}
#about-lifting.rdesignr-about-the-one-restored .rdesignr-about-card-copy{
  max-width: 410px;
}
#about-lifting.rdesignr-about-the-one-restored .rdesignr-about-card-copy-hero{
  font-family: "Barlow Condensed", sans-serif;
  font-size: 32px;
  font-weight: 700;
  line-height: .95;
  letter-spacing: -.03em;
  text-transform: uppercase;
}
#about-lifting.rdesignr-about-the-one-restored .rdesignr-about-card-copy-line{
  display: block;
}
#about-lifting.rdesignr-about-the-one-restored .rdesignr-about-card-copy-accent{
  color: #c66f44;
}
#about-lifting.rdesignr-about-the-one-restored .rdesignr-about-card-copy-small{
  display: inline-block;
  font-family: "Barlow Semi Condensed", sans-serif;
  font-size: 20px;
  font-weight: 500;
  line-height: 1.25;
}
#about-lifting.rdesignr-about-the-one-restored h2.post-box-photo-about-heading{
  margin: 10px 0 16px -1px;
}
#about-lifting.rdesignr-about-the-one-restored .post-box h3.post-box-photo-about-heading{
  display: none;
}
@media only screen and (max-width: 880px) {
  #about-lifting.rdesignr-about-the-one-restored .rdesignr-about-content-card{
    min-height: 200px;
    padding: 18px 18px 20px;
  }
  #about-lifting.rdesignr-about-the-one-restored .rdesignr-about-card-copy-hero{
    font-size: 28px;
  }
  #about-lifting.rdesignr-about-the-one-restored .rdesignr-about-card-copy-small{
    font-size: 18px;
  }
  #about-lifting.rdesignr-about-the-one-restored h2.post-box-photo-about-heading{
    margin-bottom: 26px;
  }
}


#about-lifting.rdesignr-about-the-one-restored .rdesignr-about-story-card-01{
  position: relative;
  display: block !important;
  padding: 0 !important;
}
#about-lifting.rdesignr-about-the-one-restored .rdesignr-about-story-card-01 .rdesignr-about-card-top,
#about-lifting.rdesignr-about-the-one-restored .rdesignr-about-story-card-01 .rdesignr-about-card-bottom{
  position: absolute;
  left: 24px;
  right: 58px;
  z-index: 3;
  margin: 0;
}
#about-lifting.rdesignr-about-the-one-restored .rdesignr-about-story-card-01 .rdesignr-about-card-top{
  top: 22px;
}
#about-lifting.rdesignr-about-the-one-restored .rdesignr-about-story-card-01 .rdesignr-about-card-bottom{
  bottom: 22px;
  max-width: 360px;
  font-family: "Barlow Semi Condensed", sans-serif;
  font-size: 18px;
  font-weight: 500;
  line-height: 1.25;
  letter-spacing: .01em;
  color: #f2ece4;
}
#about-lifting.rdesignr-about-the-one-restored .rdesignr-about-image-launch{
  position: absolute;
  top: 16px;
  right: 18px;
  z-index: 7;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 34px;
  height: 34px;
  color: #f2ece4;
  font-family: "Barlow Condensed", sans-serif;
  font-size: 23px;
  font-weight: 400;
  line-height: 1;
  text-decoration: none;
  padding: 0;
  cursor: pointer;
  appearance: none;
  -webkit-appearance: none;
  background: rgba(0,0,0,.36);
  border: 1px solid rgba(255,255,255,.16);
  transition: transform .2s ease, background .2s ease, border-color .2s ease;
}
#about-lifting.rdesignr-about-the-one-restored .rdesignr-about-image-launch:hover,
#about-lifting.rdesignr-about-the-one-restored .rdesignr-about-image-launch:focus-visible{
  transform: translate(2px,-2px);
  background: rgba(0,0,0,.62);
  border-color: rgba(255,255,255,.34);
}
.mfp-wrap.rdesignr-about-single-popup .rdesignr-about-mfp-close{
  display: none !important;
}
.mfp-wrap.rdesignr-about-single-popup .rdesignr-about-image-back{
  position: absolute !important;
  top: 14px !important;
  right: 14px !important;
  width: 42px !important;
  height: 42px !important;
  display: flex !important;
  align-items: center;
  justify-content: center;
  padding: 0 !important;
  color: #f2ece4 !important;
  font-family: "Barlow Condensed", sans-serif !important;
  font-size: 28px !important;
  font-weight: 400 !important;
  line-height: 1 !important;
  opacity: 1 !important;
  background: rgba(0,0,0,.48) !important;
  border: 1px solid rgba(255,255,255,.18) !important;
  text-shadow: none !important;
}
.mfp-wrap.rdesignr-about-single-popup .rdesignr-about-image-back:hover{
  background: rgba(0,0,0,.72) !important;
}
@media only screen and (max-width: 880px) {
  #about-lifting.rdesignr-about-the-one-restored .rdesignr-about-story-card-01 .rdesignr-about-card-top,
#about-lifting.rdesignr-about-the-one-restored .rdesignr-about-story-card-01 .rdesignr-about-card-bottom{
    left: 18px;
    right: 54px;
  }
  #about-lifting.rdesignr-about-the-one-restored .rdesignr-about-story-card-01 .rdesignr-about-card-top{
    top: 18px;
  }
  #about-lifting.rdesignr-about-the-one-restored .rdesignr-about-story-card-01 .rdesignr-about-card-bottom{
    bottom: 18px;
    font-size: 17px;
    max-width: 300px;
  }
  #about-lifting.rdesignr-about-the-one-restored .rdesignr-about-image-launch{
    top: 12px;
    right: 12px;
    width: 32px;
    height: 32px;
    font-size: 21px;
  }
}


/* Magnific Popup images have a 40px top image gutter. Put the return control
   on the actual image corner rather than above the image. */
.mfp-wrap.rdesignr-about-single-popup .mfp-figure{
  position: relative !important;
}
.mfp-wrap.rdesignr-about-single-popup .rdesignr-about-image-back{
  top: 40px !important;
  right: 0 !important;
  transform: none !important;
}
.mfp-wrap.rdesignr-about-single-popup .rdesignr-about-image-back:active{
  top: 40px !important;
}

/* Touch browsers can keep :hover after a tap. The card must return to its
   normal state after the image closes. */
@media (hover: none), (pointer: coarse) {
  #about-lifting.rdesignr-about-the-one-restored
    .rdesignr-about-story-card-01:hover .rdesignr-about-card-copy,
#about-lifting.rdesignr-about-the-one-restored
    .rdesignr-about-story-card-01:focus-within .rdesignr-about-card-copy{
    opacity: 1 !important;
  }

  #about-lifting.rdesignr-about-the-one-restored
    .rdesignr-about-story-card-01:hover .hover-effect,
#about-lifting.rdesignr-about-the-one-restored
    .rdesignr-about-story-card-01:focus-within .hover-effect{
    opacity: 0 !important;
    visibility: hidden !important;
  }
}

/* Restore the original The One scroll behaviour on tablet/mobile.
   Earlier About passes intentionally locked overflow for the one-screen desktop
   composition; that must not override the original responsive layout. */
@media only screen and (max-width: 880px) {
  #about-lifting.rdesignr-about-the-one-restored{
    overflow-x: hidden !important;
    overflow-y: auto !important;
    -webkit-overflow-scrolling: touch !important;
  }

  #about-lifting.rdesignr-about-the-one-restored .container-fluid,
#about-lifting.rdesignr-about-the-one-restored .all-lifting-inner,
#about-lifting.rdesignr-about-the-one-restored .row,
#about-lifting.rdesignr-about-the-one-restored .post-block-second{
    height: auto !important;
    max-height: none !important;
    overflow: visible !important;
  }

  #about-lifting.rdesignr-about-the-one-restored .container-fluid,
#about-lifting.rdesignr-about-the-one-restored .all-lifting-inner{
    min-height: 100% !important;
  }
}

@media only screen and (max-width: 640px) {
  #about-lifting.rdesignr-about-the-one-restored{
    height: 100% !important;
    bottom: 50px !important;
    overflow-y: auto !important;
  }
}


@media only screen and (min-width: 881px) {
  #about-lifting.rdesignr-about-the-one-restored{
    overflow: hidden !important;
  }

  #about-lifting.rdesignr-about-the-one-restored .container-fluid,
#about-lifting.rdesignr-about-the-one-restored .all-lifting-inner,
#about-lifting.rdesignr-about-the-one-restored .row,
#about-lifting.rdesignr-about-the-one-restored .post-block-second{
    max-height: 100% !important;
    overflow: hidden !important;
  }
}


#about-lifting.rdesignr-about-the-one-restored .rdesignr-about-story-card-02{
  position: relative;
  justify-content: flex-start;
  align-items: flex-start;
  flex-direction: column;
}
#about-lifting.rdesignr-about-the-one-restored .rdesignr-about-story-card-02 .rdesignr-about-card-copy-hero{
  position: absolute;
  top: 22px;
  left: 24px;
  right: 54px;
}
#about-lifting.rdesignr-about-the-one-restored .rdesignr-about-card-subcopy{
  position: absolute;
  left: 24px;
  right: 24px;
  bottom: 22px;
  z-index: 2;
  color: #f2ece4;
  font-family: "Barlow Semi Condensed", sans-serif;
  font-size: 15px;
  font-weight: 500;
  line-height: 1.25;
  letter-spacing: .01em;
  max-width: 430px;
}
#about-lifting.rdesignr-about-the-one-restored .rdesignr-about-story-card-02 .rdesignr-about-image-launch{
  position: absolute;
  top: 18px;
  right: 20px;
  z-index: 5;
  color: #f2ece4;
  font-family: "Barlow Condensed", sans-serif;
  font-size: 22px;
  line-height: 1;
  text-decoration: none;
  opacity: .8;
  transition: opacity .2s ease, transform .2s ease;
}
#about-lifting.rdesignr-about-the-one-restored .rdesignr-about-story-card-02 .rdesignr-about-image-launch:hover,
#about-lifting.rdesignr-about-the-one-restored .rdesignr-about-story-card-02 .rdesignr-about-image-launch:focus-visible{
  opacity: 1;
  transform: translate(2px,-2px);
}
@media only screen and (max-width: 880px) {
  #about-lifting.rdesignr-about-the-one-restored .rdesignr-about-story-card-02 .rdesignr-about-card-copy-hero{
    top: 18px;
    left: 18px;
    right: 48px;
  }
  #about-lifting.rdesignr-about-the-one-restored .rdesignr-about-card-subcopy{
    left: 18px;
    right: 18px;
    bottom: 20px;
    font-size: 14px;
  }
  #about-lifting.rdesignr-about-the-one-restored .rdesignr-about-story-card-02 .rdesignr-about-image-launch{
    top: 16px;
    right: 16px;
  }
}


/* --- All six cards use Card 01 geometry and typography --- */
#about-lifting.rdesignr-about-the-one-restored .rdesignr-about-content-card{
  position: relative !important;
  display: block !important;
  padding: 0 !important;
}

#about-lifting.rdesignr-about-the-one-restored
.rdesignr-about-content-card .rdesignr-about-card-copy-hero{
  position: absolute !important;
  top: 22px !important;
  left: 24px !important;
  right: 58px !important;
  bottom: auto !important;
  z-index: 3 !important;
  max-width: 410px !important;
  margin: 0 !important;
  font-family: "Barlow Condensed", sans-serif !important;
  font-size: 32px !important;
  font-weight: 700 !important;
  line-height: .95 !important;
  letter-spacing: -.03em !important;
  text-transform: uppercase !important;
}

#about-lifting.rdesignr-about-the-one-restored
.rdesignr-about-content-card .rdesignr-about-card-subcopy,
#about-lifting.rdesignr-about-the-one-restored
.rdesignr-about-story-card-01 .rdesignr-about-card-bottom{
  position: absolute !important;
  left: 24px !important;
  right: 58px !important;
  bottom: 22px !important;
  top: auto !important;
  z-index: 3 !important;
  max-width: 430px !important;
  margin: 0 !important;
  color: #f2ece4 !important;
  font-family: "Barlow Semi Condensed", sans-serif !important;
  font-size: 18px !important;
  font-weight: 500 !important;
  line-height: 1.25 !important;
  letter-spacing: .01em !important;
}

/* Same light Card 01 hover language across 01–06. */
#about-lifting.rdesignr-about-the-one-restored
.rdesignr-about-content-card > .hover-effect{
  inset: 10px !important;
  width: auto !important;
  height: auto !important;
  background: rgba(255,255,255,.06) !important;
  opacity: 0 !important;
  visibility: visible !important;
  transition: opacity .28s ease !important;
  pointer-events: none !important;
}
#about-lifting.rdesignr-about-the-one-restored
.rdesignr-about-content-card:hover > .hover-effect,
#about-lifting.rdesignr-about-the-one-restored
.rdesignr-about-content-card:focus-within > .hover-effect{
  opacity: 1 !important;
}

/* Keep text crisp/unchanged on hover. */
#about-lifting.rdesignr-about-the-one-restored
.rdesignr-about-content-card:hover .rdesignr-about-card-copy,
#about-lifting.rdesignr-about-the-one-restored
.rdesignr-about-content-card:hover .rdesignr-about-card-subcopy,
#about-lifting.rdesignr-about-the-one-restored
.rdesignr-about-content-card:focus-within .rdesignr-about-card-copy,
#about-lifting.rdesignr-about-the-one-restored
.rdesignr-about-content-card:focus-within .rdesignr-about-card-subcopy{
  opacity: 1 !important;
}

/* The little vertical mark visible at the far lower-right on desktop was a
   residual inner scrollbar. The desktop About is intentionally one-screen. */
@media only screen and (min-width: 881px) {
  #about-lifting.rdesignr-about-the-one-restored,
#about-lifting.rdesignr-about-the-one-restored .all-lifting-inner,
#about-lifting.rdesignr-about-the-one-restored .container-fluid,
#about-lifting.rdesignr-about-the-one-restored .row{
    scrollbar-width: none !important;
    -ms-overflow-style: none !important;
  }
  #about-lifting.rdesignr-about-the-one-restored::-webkit-scrollbar,
#about-lifting.rdesignr-about-the-one-restored .all-lifting-inner::-webkit-scrollbar,
#about-lifting.rdesignr-about-the-one-restored .container-fluid::-webkit-scrollbar,
#about-lifting.rdesignr-about-the-one-restored .row::-webkit-scrollbar{
    width: 0 !important;
    height: 0 !important;
    display: none !important;
  }
}

/* Tablet/mobile keep the same Card 01 proportions. */
@media only screen and (max-width: 880px) {
  #about-lifting.rdesignr-about-the-one-restored
  .rdesignr-about-content-card .rdesignr-about-card-copy-hero{
    top: 18px !important;
    left: 18px !important;
    right: 54px !important;
    font-size: 28px !important;
  }

  #about-lifting.rdesignr-about-the-one-restored
  .rdesignr-about-content-card .rdesignr-about-card-subcopy,
#about-lifting.rdesignr-about-the-one-restored
  .rdesignr-about-story-card-01 .rdesignr-about-card-bottom{
    left: 18px !important;
    right: 54px !important;
    bottom: 18px !important;
    max-width: 360px !important;
    font-size: 17px !important;
  }

}


.rdesignr-audience-modal{
  
  
  
  
  
  
  background: #050505;
  color: #f2ece4;
  
  
  
  
  
}

.rdesignr-audience-shell{
  min-height: 100%;
  box-sizing: border-box;
  padding: 8.5vh 8vw 8vh;
  display: grid;
  grid-template-columns: minmax(260px, .85fr) minmax(480px, 1.35fr);
  gap: 8vw;
  align-items: start;
}
.rdesignr-audience-intro{
  position: sticky;
  top: 8.5vh;
}
.rdesignr-audience-index{
  display: block;
  margin-bottom: 18px;
  color: #d77543;
  font-family: "Barlow Condensed", sans-serif;
  font-size: 13px;
  font-weight: 600;
  letter-spacing: .24em;
}
.rdesignr-audience-intro h3{
  margin: 0;
  max-width: 510px;
  color: #f2ece4;
  font-family: "Barlow Condensed", sans-serif;
  font-size: clamp(34px, 3vw, 48px);
  line-height: 1;
  font-weight: 700;
  letter-spacing: 0;
}
.rdesignr-audience-content{
  padding-top: 34px;
}
.rdesignr-audience-group + .rdesignr-audience-group{
  margin-top: 34px;
  padding-top: 26px;
  border-top: 1px solid rgba(255,255,255,.12);
}
.rdesignr-audience-group h4{
  margin: 0 0 22px;
  color: #f2ece4;
  font-family: "Barlow Semi Condensed", sans-serif;
  font-size: 16px;
  font-weight: 600;
  letter-spacing: .055em;
}
.rdesignr-audience-list{
  list-style: none;
  margin: 0;
  padding: 0;
}
.rdesignr-audience-list li{
  position: relative;
  margin: 0;
  padding: 14px 0 14px 22px;
  border-bottom: 1px solid rgba(255,255,255,.075);
  color: #f2ece4;
  font-family: "Barlow Semi Condensed", sans-serif;
  font-size: clamp(16px, 1.15vw, 19px);
  font-weight: 600;
  line-height: 1.25;
  letter-spacing: .01em;
}
.rdesignr-audience-list li::before{
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  width: 7px;
  height: 1px;
  background: #d77543;
}
.rdesignr-audience-secondary h4{
  color: #8d857e;
  font-weight: 400;
}
.rdesignr-audience-secondary .rdesignr-audience-list li{
  font-size: clamp(15px, 1vw, 17px);
}


@media only screen and (max-width: 880px) {
  
  .rdesignr-audience-shell{
    display: block;
    padding: 76px 26px 72px;
  }
  .rdesignr-audience-intro{
    position: static;
  }
  .rdesignr-audience-intro h3{
    max-width: none;
    font-size: clamp(34px, 6vw, 44px);
  }
  .rdesignr-audience-content{
    padding-top: 30px;
  }
  .rdesignr-audience-group + .rdesignr-audience-group{
    margin-top: 30px;
    padding-top: 24px;
  }
  .rdesignr-audience-list li{
    padding-top: 12px;
    padding-bottom: 12px;
    font-size: 17px;
  }
}

@media only screen and (max-width: 640px) {
  .rdesignr-audience-shell{
    padding-left: 20px;
    padding-right: 20px;
  }
  .rdesignr-audience-intro h3{
    font-size: 34px;
  }
  .rdesignr-audience-list li,
.rdesignr-audience-secondary .rdesignr-audience-list li{
    font-size: 15px;
  }
}


.rdesignr-legal-overlay{
  
  
  
  background: #050505;
  color: #f2ece4;
  
  
  
  
  
}

.rdesignr-legal-shell{
  width: min(860px, calc(100% - 64px));
  margin: 0 auto;
  padding: 86px 0 110px;
  font-family: "Barlow Semi Condensed", Arial, sans-serif;
}
.rdesignr-legal-kicker{
  color: #d77543;
  font-family: "Barlow Condensed", Arial, sans-serif;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: .22em;
  margin-bottom: 18px;
}
.rdesignr-legal-shell h2{
  margin: 0 0 12px;
  color: #f2ece4;
  font-family: "Barlow Condensed", Arial, sans-serif;
  font-size: clamp(44px, 5vw, 72px);
  line-height: .95;
  font-weight: 700;
}
.rdesignr-legal-shell h3{
  margin: 34px 0 10px;
  color: #f2ece4;
  font-family: "Barlow Semi Condensed", Arial, sans-serif;
  font-size: 19px;
  font-weight: 600;
}
.rdesignr-legal-shell p,
.rdesignr-legal-shell li{
  color: rgba(242,236,228,.78);
  font-size: 16px;
  line-height: 1.52;
}
.rdesignr-legal-shell a{
  color: #f2ece4;
  text-decoration: underline;
  text-underline-offset: 3px;
}
.rdesignr-legal-updated{
  margin-top: 0;
  color: rgba(242,236,228,.45) !important;
  font-size: 13px !important;
}
.rdesignr-cookie-banner{
  position: fixed;
  z-index: 1600;
  left: 22px;
  right: 22px;
  bottom: 68px;
  display: none;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 28px;
  align-items: center;
  padding: 18px 20px;
  border: 1px solid rgba(255,255,255,.15);
  background: rgba(9,9,9,.97);
  color: #f2ece4;
  box-shadow: 0 18px 50px rgba(0,0,0,.42);
}
.rdesignr-cookie-banner.open{
  display: grid;
}
.rdesignr-cookie-banner-copy{
  display: grid;
  gap: 5px;
  min-width: 0;
}
.rdesignr-cookie-banner-copy strong{
  color: #f2ece4;
  font-family: "Barlow Condensed", Arial, sans-serif;
  font-size: 18px;
  letter-spacing: .04em;
}
.rdesignr-cookie-banner-copy span{
  color: rgba(242,236,228,.7);
  font-family: "Barlow Semi Condensed", Arial, sans-serif;
  font-size: 14px;
  line-height: 1.35;
}
.rdesignr-cookie-details{
  width: max-content;
  margin: 3px 0 0;
  padding: 0;
  border: 0;
  background: none;
  color: rgba(242,236,228,.72);
  font-family: "Barlow Semi Condensed", Arial, sans-serif;
  font-size: 11px;
  letter-spacing: .08em;
  text-decoration: underline;
  text-underline-offset: 3px;
  cursor: pointer;
}
.rdesignr-cookie-actions{
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
}
.rdesignr-cookie-actions button{
  min-height: 38px;
  padding: 0 15px;
  border: 1px solid rgba(255,255,255,.28);
  background: transparent;
  color: #f2ece4;
  font-family: "Barlow Condensed", Arial, sans-serif;
  font-size: 13px;
  font-weight: 600;
  letter-spacing: .045em;
  cursor: pointer;
  transition: background .2s ease, border-color .2s ease;
}
.rdesignr-cookie-actions button:hover{
  background: rgba(255,255,255,.08);
  border-color: rgba(255,255,255,.55);
}
.rdesignr-cookie-actions .rdesignr-consent-allow{
  border-color: #d77543;
}
.rdesignr-cookie-actions-inline{
  margin-top: 30px;
}
.rdesignr-external-media-placeholder{
  min-height: 280px;
  display: grid;
  place-items: center;
  border: 1px solid rgba(255,255,255,.12);
  background: #0b0b0b;
}
.rdesignr-external-media-copy{
  max-width: 420px;
  padding: 36px;
  text-align: center;
  display: grid;
  gap: 11px;
}
.rdesignr-external-media-copy strong{
  color: #f2ece4;
  font-family: "Barlow Condensed", Arial, sans-serif;
  font-size: 22px;
}
.rdesignr-external-media-copy span{
  color: rgba(242,236,228,.65);
  font-family: "Barlow Semi Condensed", Arial, sans-serif;
  font-size: 15px;
  line-height: 1.4;
}
.rdesignr-external-media-enable{
  justify-self: center;
  margin-top: 8px;
  padding: 9px 14px;
  border: 1px solid #d77543;
  background: transparent;
  color: #f2ece4;
  font-family: "Barlow Condensed", Arial, sans-serif;
  font-size: 13px;
  cursor: pointer;
}
.rdesignr-studio-episode-thumb[data-consent-bg]{
  background-color: #111 !important;
  background-image: none !important;
}
.rdesignr-studio-episode-thumb.rdesignr-consent-bg-loaded{
  background-size: cover;
  background-position: center;
}
@media only screen and (max-width: 760px) {
  .rdesignr-legal-shell{
    width: calc(100% - 38px);
    padding-top: 72px;
  }
  .rdesignr-cookie-banner{
    left: 10px;
    right: 10px;
    bottom: 58px;
    grid-template-columns: 1fr;
    gap: 15px;
    padding: 16px;
  }
  .rdesignr-cookie-actions{
    display: grid;
    grid-template-columns: 1fr;
  }
  .rdesignr-cookie-actions button{
    width: 100%;
  }
}


.border-top{
  height: 82px !important;
}

.template-title{
  top: 50% !important;
  left: 50% !important;
  margin: 0 !important;
  width: auto !important;
  max-width: 80% !important;
  text-align: center !important;
  transform: translate(-50%, -50%) !important;
}

.social-icons-wrapper{
  top: 10px !important;
  left: 10px !important;
}

.location-launcher{
  left: 10px !important;
  bottom: 10px !important;
  max-width: none !important;
  text-align: left !important;
}

.languages{
  top: 10px !important;
  right: 10px !important;
  width: 70px !important;
}

.contact-launcher{
  right: 10px !important;
  bottom: 10px !important;
}

@media only screen and (max-width: 880px) {
  .border-top{
    height: 78px !important;
  }

  .template-title{
    max-width: 70% !important;
  }
}

@media only screen and (max-width: 640px) {
  .border-top{
    height: 72px !important;
  }

  .social-icons-wrapper{
    top: 8px !important;
    left: 8px !important;
  }

  .languages{
    top: 8px !important;
    right: 8px !important;
    width: 64px !important;
  }

  .location-launcher{
    left: 8px !important;
    bottom: 8px !important;
  }

  .contact-launcher{
    right: 8px !important;
    bottom: 8px !important;
  }

  .template-title{
    max-width: 64% !important;
  }
}


.border-top{
  height: 74px !important;
}

.social-icons-wrapper{
  top: 8px !important;
}

.languages{
  top: 8px !important;
}

.location-launcher{
  bottom: 7px !important;
}

.contact-launcher{
  bottom: 7px !important;
}

.template-title{
  top: 50% !important;
  transform: translate(-50%, -50%) !important;
}

/* Keep the same compact rhythm at tablet/mobile without touching horizontal axes. */
@media only screen and (max-width: 880px) {
  .border-top{
    height: 72px !important;
  }

  .social-icons-wrapper,
.languages{
    top: 7px !important;
  }

  .location-launcher,
.contact-launcher{
    bottom: 7px !important;
  }
}

@media only screen and (max-width: 640px) {
  .border-top{
    height: 68px !important;
  }

  .social-icons-wrapper,
.languages{
    top: 6px !important;
  }

  .location-launcher,
.contact-launcher{
    bottom: 6px !important;
  }
}


:root{
  /* Brand colors */
  --rd-bg: #050505;
  --rd-bg-deep: #000000;
  --rd-panel: #0a0a0a;
  --rd-card: #0d0d0d;

  --rd-text: #f2ece4;
  --rd-text-soft: rgba(242,236,228,.88);
  --rd-text-muted: rgba(242,236,228,.68);
  --rd-text-faint: rgba(242,236,228,.46);

  --rd-accent: #d77543;
  --rd-accent-soft: rgba(215,117,67,.72);
  --rd-line: rgba(242,236,228,.12);
  --rd-line-soft: rgba(242,236,228,.07);

  /* Typography */
  --rd-display: "Barlow Condensed", sans-serif;
  --rd-body: "Barlow Semi Condensed", sans-serif;

  --rd-weight-regular: 400;
  --rd-weight-medium: 500;
  --rd-weight-semibold: 600;
  --rd-weight-bold: 700;

  --rd-track-display: 0em;
  --rd-track-nav: .045em;
  --rd-track-meta: .12em;
  --rd-track-kicker: .18em;

  --rd-line-display: 1;
  --rd-line-heading: 1.04;
  --rd-line-body: 1.5;
  --rd-line-small: 1.35;

  /* Type scale */
  --rd-size-hero: clamp(44px, 4vw, 58px);
  --rd-size-panel-title: clamp(46px, 4.2vw, 70px);
  --rd-size-card-title: clamp(27px, 2vw, 32px);
  --rd-size-subtitle: 18px;
  --rd-size-body: 16px;
  --rd-size-small: 14px;
  --rd-size-nav: 15px;
  --rd-size-meta: 11px;
}

/* --------------------------------------------------
   Core canvas colors
   -------------------------------------------------- */
html,
body{
  background: var(--rd-bg-deep) !important;
  color: var(--rd-text) !important;
  font-kerning: normal;
  font-synthesis: none;
}

body,
p,
li,
span,
div,
input,
textarea,
select,
button{
  color: inherit;
}

/* --------------------------------------------------
   Family assignment
   -------------------------------------------------- */
body,
p,
li,
input,
textarea,
select,
.rdesignr-hero-support,
.post-text,
.rdesignr-about-card-subcopy,
.rdesignr-contact-subline,
.rdesignr-contact-card-text,
.rdesignr-legal-shell p,
.rdesignr-legal-shell li,
.rdesignr-cookie-banner-copy span,
.rdesignr-external-media-copy span{
  font-family: var(--rd-body) !important;
}

h1,
h2,
h3,
h4,
h5,
h6,
.post-title,
.post-heading,
.post-number,
.template-title,
#menu,
#menu-mobile,
.location-launcher,
.contact-launcher,
.languages,
.social-icons-wrapper,
.rdesignr-hero-headline,
.rdesignr-hero-cta,
.rdesignr-about-card-copy-hero,
.rdesignr-about-stat strong,
.rdesignr-about-stat span,
.rdesignr-audience-intro h3,
.rdesignr-audience-group h4,
.rdesignr-audience-list li,
.rdesignr-cookie-banner-copy strong,
.rdesignr-cookie-actions button,
.rdesignr-legal-kicker,
.rdesignr-legal-shell h2,
.rdesignr-legal-shell h3{
  font-family: var(--rd-display) !important;
}

/* --------------------------------------------------
   Global body copy
   -------------------------------------------------- */
body{
  font-size: var(--rd-size-body);
  line-height: var(--rd-line-body);
  font-weight: var(--rd-weight-regular);
  color: var(--rd-text);
}

p,
.post-text,
.rdesignr-hero-support,
.rdesignr-about-card-subcopy,
.rdesignr-contact-subline,
.rdesignr-legal-shell p{
  color: var(--rd-text-soft) !important;
  font-size: var(--rd-size-body) !important;
  line-height: var(--rd-line-body) !important;
  font-weight: var(--rd-weight-medium) !important;
  letter-spacing: 0 !important;
}

/* --------------------------------------------------
   Hero
   -------------------------------------------------- */
.rdesignr-hero-headline{
  color: var(--rd-text) !important;
  font-size: var(--rd-size-hero) !important;
  font-weight: var(--rd-weight-bold) !important;
  line-height: var(--rd-line-display) !important;
  letter-spacing: var(--rd-track-display) !important;
}

.rdesignr-hero-headline .accent,
.rdesignr-hero-headline strong,
.rdesignr-hero-headline em{
  color: var(--rd-accent) !important;
}

.rdesignr-hero-support{
  max-width: 430px;
}

.rdesignr-hero-cta{
  font-family: var(--rd-display) !important;
  font-size: 13px !important;
  font-weight: var(--rd-weight-semibold) !important;
  line-height: 1 !important;
  letter-spacing: var(--rd-track-nav) !important;
  text-transform: uppercase;
  color: var(--rd-text) !important;
}

/* --------------------------------------------------
   Global panel titles
   -------------------------------------------------- */
#about-lifting h1.post-title,
#services-lifting h1.post-title,
#works-lifting h1.post-title,
#news-lifting h1.post-title{
  color: var(--rd-text) !important;
  font-size: var(--rd-size-panel-title) !important;
  font-weight: var(--rd-weight-bold) !important;
  line-height: var(--rd-line-display) !important;
  letter-spacing: var(--rd-track-display) !important;
}

/* One desktop title geometry for every main lifting panel.
   Removes legacy per-panel top offsets and keeps accented glyphs inside the panel. */
@media only screen and (min-width: 881px) {
  #about-lifting h1.post-title,
  #services-lifting h1.post-title,
  #works-lifting h1.post-title,
  #news-lifting h1.post-title{
    margin-top: 0 !important;
    padding-top: 0 !important;
    line-height: 1.08 !important;
    overflow: visible !important;
  }
}

#about-lifting .post-text,
#services-lifting .post-text,
#works-lifting .post-text,
#news-lifting .post-text{
  color: var(--rd-text-soft) !important;
  font-size: var(--rd-size-body) !important;
  line-height: var(--rd-line-body) !important;
}

/* --------------------------------------------------
   Header / nav / footer
   -------------------------------------------------- */
#menu a,
#menu-mobile a,
.location-launcher,
.contact-launcher,
.languages a,
.social-icons-wrapper a,
.border-bottom a,
.footer a{
  font-family: var(--rd-display) !important;
  font-size: var(--rd-size-nav) !important;
  font-weight: var(--rd-weight-medium) !important;
  line-height: 1 !important;
  letter-spacing: var(--rd-track-nav) !important;
  color: var(--rd-text) !important;
}

/* Main navigation visual typography follows the RDESIGNR design system.
   Other global text hover remains neutral here. */
.location-launcher:hover,
.contact-launcher:hover,
.languages a:hover,
.footer a:hover{
  color: var(--rd-text) !important;
}

/* Footer/legal microcopy */
.footer,
.footer p,
.footer span,
.footer a,
.copyright,
.footer-credits{
  font-family: var(--rd-display) !important;
  font-size: var(--rd-size-meta) !important;
  line-height: 1.2 !important;
  letter-spacing: var(--rd-track-meta) !important;
  color: var(--rd-text-muted) !important;
}

/* --------------------------------------------------
   About cards
   -------------------------------------------------- */
#about-lifting .rdesignr-about-card-copy-hero{
  color: var(--rd-text) !important;
  font-size: var(--rd-size-card-title) !important;
  font-weight: var(--rd-weight-bold) !important;
  line-height: var(--rd-line-display) !important;
  letter-spacing: var(--rd-track-display) !important;
}

#about-lifting .rdesignr-about-card-copy-accent,
#about-lifting .rdesignr-about-card-copy-hero .accent{
  color: var(--rd-accent) !important;
}

#about-lifting .rdesignr-about-card-subcopy,
#about-lifting .rdesignr-about-card-bottom{
  color: var(--rd-text-soft) !important;
  font-size: var(--rd-size-body) !important;
  font-weight: var(--rd-weight-medium) !important;
  line-height: var(--rd-line-small) !important;
  letter-spacing: 0 !important;
}

#about-lifting .post-box-photo-about-heading{
  color: var(--rd-text) !important;
  font-family: var(--rd-display) !important;
  font-size: 15px !important;
  font-weight: var(--rd-weight-semibold) !important;
  line-height: 1 !important;
  letter-spacing: var(--rd-track-nav) !important;
}

#about-lifting .rdesignr-about-stat strong{
  color: #c9c5c0 !important;
  font-size: 24px !important;
  font-weight: 600 !important;
  line-height: 1 !important;
  letter-spacing: 0 !important;
  white-space: nowrap;
}

@media only screen and (max-width: 1024px) {
  #about-lifting .rdesignr-about-stat strong{ font-size: 23px !important; }
}
@media only screen and (max-width: 640px) {
  #about-lifting .rdesignr-about-stat strong{ font-size: 21px !important; }
}

#about-lifting .rdesignr-about-stat span{
  color: var(--rd-text-muted) !important;
  font-size: var(--rd-size-meta) !important;
  font-weight: var(--rd-weight-semibold) !important;
  line-height: 1.2 !important;
  letter-spacing: var(--rd-track-meta) !important;
}

#about-lifting .rdesignr-about-role,
#about-lifting .rdesignr-about-specialty{
  color: var(--rd-accent-soft) !important;
}

/* --------------------------------------------------
   Solutions / Projects / Field Notes
   -------------------------------------------------- */
#services-lifting h2,
#works-lifting h2,
#news-lifting h2,
#services-lifting .post-heading,
#works-lifting .post-heading,
#news-lifting .post-heading{
  color: var(--rd-text) !important;
  font-family: var(--rd-display) !important;
  font-weight: var(--rd-weight-bold) !important;
  line-height: var(--rd-line-heading) !important;
  letter-spacing: var(--rd-track-display) !important;
}

#services-lifting .post-number,
#services-lifting .service-number{
  color: rgba(242,122,33,.18) !important;
}
#services-lifting .post-number-span{
  color: inherit !important;
  opacity: 1 !important;
}
#works-lifting .project-meta,
#news-lifting .field-note-meta{
  color: var(--rd-accent) !important;
}

#services-lifting p,
#works-lifting p,
#news-lifting p{
  color: var(--rd-text-soft) !important;
}

#works-lifting .rdesignr-project-tech,
#works-lifting .rdesignr-project-meta,
#news-lifting .post-category,
#news-lifting .field-note-category{
  font-family: var(--rd-display) !important;
  font-size: var(--rd-size-meta) !important;
  font-weight: var(--rd-weight-semibold) !important;
  line-height: 1.2 !important;
  letter-spacing: var(--rd-track-meta) !important;
  color: var(--rd-accent-soft) !important;
}

/* --------------------------------------------------
   Location / Contact / Realestic / Geodio
   -------------------------------------------------- */
.location-modal,
.contact-modal,
.panel-left-credits,
.panel-right-credits,
.rdesignr-audience-modal,
.rdesignr-legal-overlay{
  color: var(--rd-text) !important;
}

.location-modal h1,
.location-modal h2,
.location-modal h3,
.contact-modal h1,
.contact-modal h2,
.contact-modal h3,
.panel-left-credits h1,
.panel-left-credits h2,
.panel-left-credits h3,
.panel-right-credits h1,
.panel-right-credits h2,
.panel-right-credits h3{
  font-family: var(--rd-display) !important;
  color: var(--rd-text) !important;
  font-weight: var(--rd-weight-bold) !important;
  letter-spacing: var(--rd-track-display) !important;
}

.location-modal p,
.contact-modal p,
.panel-left-credits p,
.panel-right-credits p{
  font-family: var(--rd-body) !important;
  color: var(--rd-text-soft) !important;
  line-height: var(--rd-line-body) !important;
}

.location-modal .accent,
.contact-modal .accent,
.panel-left-credits .accent,
.panel-right-credits .accent{
  color: var(--rd-accent) !important;
}

/* --------------------------------------------------
   Audience panel
   -------------------------------------------------- */
.rdesignr-audience-index,
.rdesignr-legal-kicker{
  color: var(--rd-accent) !important;
  font-size: var(--rd-size-meta) !important;
  font-weight: var(--rd-weight-semibold) !important;
  letter-spacing: var(--rd-track-kicker) !important;
}

.rdesignr-audience-intro h3{
  color: var(--rd-text) !important;
  font-weight: var(--rd-weight-bold) !important;
  line-height: var(--rd-line-display) !important;
  letter-spacing: var(--rd-track-display) !important;
}

.rdesignr-audience-group h4{
  color: var(--rd-text) !important;
  font-size: var(--rd-size-subtitle) !important;
  font-weight: var(--rd-weight-semibold) !important;
  letter-spacing: var(--rd-track-nav) !important;
}

.rdesignr-audience-secondary h4{
  color: #8d857e !important;
  font-weight: var(--rd-weight-regular) !important;
  letter-spacing: .04em !important;
}

.rdesignr-audience-list li{
  color: var(--rd-text) !important;
  font-weight: var(--rd-weight-semibold) !important;
  letter-spacing: .01em !important;
}

.rdesignr-audience-list li::before{
  background: var(--rd-accent) !important;
}

/* --------------------------------------------------
   Privacy / Cookie / Legal
   -------------------------------------------------- */
.rdesignr-legal-shell h2{
  color: var(--rd-text) !important;
  font-weight: var(--rd-weight-bold) !important;
  line-height: var(--rd-line-display) !important;
  letter-spacing: var(--rd-track-display) !important;
}

.rdesignr-legal-shell h3{
  color: var(--rd-text) !important;
  font-size: var(--rd-size-subtitle) !important;
  font-weight: var(--rd-weight-semibold) !important;
  line-height: var(--rd-line-heading) !important;
}

.rdesignr-legal-shell p,
.rdesignr-legal-shell li{
  /* Long-form legal copy stays intentionally quieter than general site copy. */
  color: rgba(242,236,228,.76) !important;
  font-size: var(--rd-size-body) !important;
  line-height: 1.58 !important;
  font-weight: var(--rd-weight-regular) !important;
  letter-spacing: 0 !important;
}

.rdesignr-legal-updated{
  color: var(--rd-text-faint) !important;
  font-size: var(--rd-size-small) !important;
}

.rdesignr-legal-shell a{
  color: var(--rd-text) !important;
}

.rdesignr-legal-shell a:hover{
  color: var(--rd-accent) !important;
}

/* --------------------------------------------------
   Cookie banner
   -------------------------------------------------- */
.rdesignr-cookie-banner{
  background: rgba(5,5,5,.98) !important;
  border-color: var(--rd-line) !important;
  color: var(--rd-text) !important;
}

.rdesignr-cookie-banner-copy strong{
  color: var(--rd-text) !important;
  font-size: 18px !important;
  font-weight: var(--rd-weight-semibold) !important;
  letter-spacing: var(--rd-track-nav) !important;
}

.rdesignr-cookie-banner-copy span{
  color: var(--rd-text-soft) !important;
  font-size: var(--rd-size-small) !important;
  line-height: var(--rd-line-small) !important;
}

.rdesignr-cookie-details{
  color: var(--rd-text-muted) !important;
}

.rdesignr-cookie-actions button{
  color: var(--rd-text) !important;
  border-color: var(--rd-line) !important;
  font-weight: var(--rd-weight-semibold) !important;
  letter-spacing: var(--rd-track-nav) !important;
}

.rdesignr-cookie-actions .rdesignr-consent-allow{
  border-color: var(--rd-accent) !important;
}

.rdesignr-cookie-actions button:hover{
  color: var(--rd-text) !important;
  border-color: var(--rd-accent) !important;
  background: rgba(215,117,67,.08) !important;
}

/* --------------------------------------------------
   Lines / separators / card surfaces
   -------------------------------------------------- */
hr,
.border-bottom,
.border-bottom-menu,
.rdesignr-about-stat + .rdesignr-about-stat,
.rdesignr-audience-group + .rdesignr-audience-group,
.rdesignr-legal-shell hr{
  border-color: var(--rd-line) !important;
}

.rdesignr-about-content-card,
.post-box-photo-about,
.rdesignr-cookie-banner,
.rdesignr-external-media-placeholder{
  border-color: var(--rd-line) !important;
}

/* --------------------------------------------------
   Hover language
   -------------------------------------------------- */
a,
button,
.rdesignr-about-image-launch,
.rdesignr-modal-close{
  transition:
    color .22s ease,
    border-color .22s ease,
    background-color .22s ease,
    opacity .22s ease !important;
}

/* --------------------------------------------------
   Mobile type scale only
   -------------------------------------------------- */
@media only screen and (max-width: 640px) {
  :root{
    --rd-size-body: 15px;
    --rd-size-small: 13px;
    --rd-size-nav: 14px;
    --rd-size-meta: 10px;
  }

  .rdesignr-hero-headline{
    font-size: clamp(34px, 10vw, 42px) !important;
  }

  #about-lifting h1.post-title,
#services-lifting h1.post-title,
#works-lifting h1.post-title,
#news-lifting h1.post-title{
    font-size: clamp(40px, 11vw, 54px) !important;
  }

  #about-lifting .rdesignr-about-card-copy-hero{
    font-size: 27px !important;
  }
}


/* ==================================================
   RDESIGNR CLEAN BASELINE — FINAL CLOSE / MEDIA / FOOTER SYSTEM
   One source of truth. Contact remains the visual reference.
   ================================================== */

/* Own-page close buttons: match Contact's original dimensions/position. */


/* Side projects: image on desktop/tablet, text-only black panel on mobile. */
@media only screen and (max-width: 640px) {
  .rdesignr-sideproject-mobile-visual{
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
  }

  .panel-right-instagram-feed.rdesignr-sideproject-content,
.panel-right-credits.rdesignr-sideproject-content{
    
    
    
    background: #000 !important;
    background-image: none !important;
  }

  

  
}

/* About keeps its borderless directional arrows. Projects / Field Notes
   use The One's original framed media icon language instead. */
.rdesignr-about-image-launch,
.rdesignr-gallery-open-arrow{
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  outline: 0 !important;
  text-decoration: none !important;
}

.rdesignr-gallery-open-arrow{
  font-family: "Barlow Condensed", sans-serif !important;
  font-size: 28px !important;
  line-height: 1 !important;
  color: #f2ece4 !important;
}

/* Popup return: ↙ only, borderless. */
.rdesignr-gallery-back,
.rdesignr-about-image-back{
  width: auto !important;
  height: auto !important;
  min-width: 0 !important;
  min-height: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  color: #f2ece4 !important;
  font-family: "Barlow Condensed", sans-serif !important;
  font-size: 32px !important;
  line-height: 1 !important;
}

/* Footer legal links inherit the small copyright style. */
.copyright .rdesignr-legal-links{
  margin-left: 10px !important;
  font-size: inherit !important;
  line-height: inherit !important;
}
.copyright .rdesignr-legal-links a,
.copyright a.rdesignr-legal-open{
  margin-left: 8px !important;
  font-family: inherit !important;
  font-size: inherit !important;
  font-weight: inherit !important;
  line-height: inherit !important;
  letter-spacing: inherit !important;
  text-transform: none !important;
  color: inherit !important;
  opacity: .72 !important;
}
.copyright .rdesignr-legal-links a:hover,
.copyright a.rdesignr-legal-open:hover{
  color: #f2ece4 !important;
  opacity: 1 !important;
}

/* Cookie banner clearance above the persistent bottom navigation. */
@media only screen and (min-width: 761px) {
  .rdesignr-cookie-banner{ bottom: 96px !important; }
}
@media only screen and (max-width: 760px) {
  .rdesignr-cookie-banner{ bottom: 58px !important; }
}


/* ==========================================================
   FINAL RESPONSIVE PASS — tablet hero + About disclosure
   Tablet is treated through 1024px for the content components below.
   ========================================================== */
@media only screen and (min-width: 641px) and (max-width: 1024px) {
  :root{
    --rd-size-hero: 64px;
  }
}

/* About cards: at rest the headline is the only message. Desktop hover /
   keyboard focus, and touch .is-revealed state, swap in the short line +
   action. This prevents headline/body collisions in compact cards. */
#about-lifting.rdesignr-about-the-one-restored .rdesignr-about-content-card .rdesignr-about-card-subcopy,
#about-lifting.rdesignr-about-the-one-restored .rdesignr-about-story-card-01 .rdesignr-about-card-bottom,
#about-lifting.rdesignr-about-the-one-restored .rdesignr-about-content-card .rdesignr-about-image-launch{
  opacity: 0 !important;
  visibility: hidden !important;
  transition: opacity .24s ease, visibility .24s ease, transform .24s ease !important;
}

#about-lifting.rdesignr-about-the-one-restored .rdesignr-about-content-card .rdesignr-about-card-copy-hero,
#about-lifting.rdesignr-about-the-one-restored .rdesignr-about-story-card-01 .rdesignr-about-card-top{
  opacity: 1 !important;
  transition: opacity .24s ease !important;
}

#about-lifting.rdesignr-about-the-one-restored .rdesignr-about-content-card:hover .rdesignr-about-card-copy-hero,
#about-lifting.rdesignr-about-the-one-restored .rdesignr-about-content-card:focus-within .rdesignr-about-card-copy-hero,
#about-lifting.rdesignr-about-the-one-restored .rdesignr-about-content-card.is-revealed .rdesignr-about-card-copy-hero,
#about-lifting.rdesignr-about-the-one-restored .rdesignr-about-story-card-01:hover .rdesignr-about-card-top,
#about-lifting.rdesignr-about-the-one-restored .rdesignr-about-story-card-01:focus-within .rdesignr-about-card-top,
#about-lifting.rdesignr-about-the-one-restored .rdesignr-about-story-card-01.is-revealed .rdesignr-about-card-top{
  opacity: .08 !important;
}

#about-lifting.rdesignr-about-the-one-restored .rdesignr-about-content-card:hover .rdesignr-about-card-subcopy,
#about-lifting.rdesignr-about-the-one-restored .rdesignr-about-content-card:focus-within .rdesignr-about-card-subcopy,
#about-lifting.rdesignr-about-the-one-restored .rdesignr-about-content-card.is-revealed .rdesignr-about-card-subcopy,
#about-lifting.rdesignr-about-the-one-restored .rdesignr-about-story-card-01:hover .rdesignr-about-card-bottom,
#about-lifting.rdesignr-about-the-one-restored .rdesignr-about-story-card-01:focus-within .rdesignr-about-card-bottom,
#about-lifting.rdesignr-about-the-one-restored .rdesignr-about-story-card-01.is-revealed .rdesignr-about-card-bottom,
#about-lifting.rdesignr-about-the-one-restored .rdesignr-about-content-card:hover .rdesignr-about-image-launch,
#about-lifting.rdesignr-about-the-one-restored .rdesignr-about-content-card:focus-within .rdesignr-about-image-launch,
#about-lifting.rdesignr-about-the-one-restored .rdesignr-about-content-card.is-revealed .rdesignr-about-image-launch{
  opacity: 1 !important;
  visibility: visible !important;
}

/* Projects copy: keep the summary short enough so CTA never collides. */
#works-lifting.rdesignr-projects-news-layout .rdesignr-news-copy-col .post-content{
  display: flex;
  flex-direction: column;
}
#works-lifting.rdesignr-projects-news-layout .rdesignr-news-copy-col .post-content > p{
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
  margin-bottom: 10px;
}
#works-lifting.rdesignr-projects-news-layout .post-more{
  flex: 0 0 auto;
}

/* Final About stats rhythm: equal visual gaps while preserving the left copy axis. */
@media only screen and (max-width: 640px){
  #about-lifting.rdesignr-about-the-one-restored .rdesignr-about-stats{
    column-gap: 24px;
  }
  #about-lifting.rdesignr-about-the-one-restored .rdesignr-about-stat{
    padding: 0 !important;
  }
  #about-lifting.rdesignr-about-the-one-restored .rdesignr-about-stat + .rdesignr-about-stat::before{
    left: -12px;
  }
}






/* PROJECT VIDEO — canonical viewport viewer (single owner). */
.rdesignr-project-video-overlay{
  position: fixed;
  inset: 0;
  z-index: 40040;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 28px;
  background: rgba(0,0,0,.965);
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: opacity .2s ease, visibility .2s ease;
}
.rdesignr-project-video-overlay.open{
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}
.rdesignr-project-video-shell{
  width: min(1180px, calc(100vw - 56px), calc((100dvh - 92px) * 16 / 9));
  max-width: 100%;
}
.rdesignr-project-video-stage{
  position: relative;
  width: 100%;
}
.rdesignr-project-video-frame{
  position: relative;
  width: 100%;
  aspect-ratio: 16 / 9;
  overflow: hidden;
  background: #090909;
  border: 1px solid rgba(255,255,255,.08);
}
.rdesignr-project-video-frame iframe,
.rdesignr-project-video-frame video{
  position: absolute;
  inset: 0;
  display: block;
  width: 100%;
  height: 100%;
  border: 0;
  object-fit: contain;
  background: #090909;
}
.rdesignr-project-video-back{
  -webkit-appearance: none;
  appearance: none;
  position: absolute;
  top: 12px;
  right: 12px;
  z-index: 4;
  width: 42px;
  height: 42px;
  padding: 0;
  border: 1px solid rgba(255,255,255,.22);
  border-radius: 0;
  background: rgba(0,0,0,.72);
  color: #f2ece4;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 24px;
  line-height: 40px;
  text-align: center;
  cursor: pointer;
}
.rdesignr-project-video-back:hover,
.rdesignr-project-video-back:focus-visible{
  border-color: rgba(255,255,255,.52);
  outline: 0;
}
.rdesignr-project-video-title{
  min-height: 28px;
  padding-top: 9px;
  color: #bdb6b0;
  font-family: "Barlow Semi Condensed", sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.35;
}
.rdesignr-project-video-local-preview{
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  color: #fff;
  text-decoration: none;
  background: #0a0a0a;
}
.rdesignr-project-video-local-preview img{
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  opacity: .48;
}
.rdesignr-project-video-local-preview::after{
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(0,0,0,.34);
}
.rdesignr-project-video-local-blank{
  position: absolute;
  inset: 0;
  background: #111;
}
.rdesignr-project-video-local-play,
.rdesignr-project-video-local-label{
  position: relative;
  z-index: 2;
}
.rdesignr-project-video-local-play{
  display: flex;
  align-items: center;
  justify-content: center;
  width: 58px;
  height: 58px;
  border: 1px solid rgba(255,255,255,.42);
  font-size: 18px;
  padding-left: 3px;
}
.rdesignr-project-video-local-label{
  position: absolute;
  left: 18px;
  bottom: 16px;
  font-family: "Barlow Condensed", sans-serif;
  font-size: 13px;
  font-weight: 600;
  letter-spacing: .04em;
}
body.rdesignr-video-open{
  overflow: hidden;
}
.rdesignr-project-video-overlay.is-vertical .rdesignr-project-video-shell{
  width: min(470px, calc(100vw - 56px), calc((100dvh - 92px) * 9 / 16));
}
.rdesignr-project-video-overlay.is-vertical .rdesignr-project-video-frame{
  aspect-ratio: 9 / 16;
}
@media only screen and (max-width: 640px){
  .rdesignr-project-video-overlay{
    padding: 14px;
  }
  .rdesignr-project-video-shell{
    width: min(calc(100vw - 28px), calc((100dvh - 74px) * 16 / 9));
  }
  .rdesignr-project-video-overlay.is-vertical .rdesignr-project-video-shell{
    width: min(calc(100vw - 28px), calc((100dvh - 74px) * 9 / 16));
  }
  .rdesignr-project-video-back{
    top: 8px;
    right: 8px;
    width: 38px;
    height: 38px;
    font-size: 22px;
    line-height: 36px;
  }
  .rdesignr-project-video-title{
    min-height: 24px;
    padding-top: 7px;
    font-size: 12px;
  }
}


/* RDESIGNR final responsive owner — Projects + Field Notes compact/tablet range.
   Avoid Bootstrap's 992px stacking jump; preserve The One 4/8 -> 6/6 composition. */
@media only screen and (min-width: 768px) and (max-width: 1280px){
  #works-lifting.rdesignr-projects-news-layout .all-lifting-inner > .row,
  #news-lifting.rdesignr-field-notes-works-layout .all-lifting-inner > .row{
    display:flex !important;
    flex-wrap:nowrap !important;
    align-items:stretch !important;
    height:100% !important;
    margin-left:0 !important;
    margin-right:0 !important;
  }
  #works-lifting.rdesignr-projects-news-layout .all-lifting-inner > .row > .post-block,
  #news-lifting.rdesignr-field-notes-works-layout .all-lifting-inner > .row > .post-block{
    float:none !important;
    flex:0 0 32% !important;
    width:32% !important;
    max-width:32% !important;
    height:250px !important;
    margin:0 !important;
    padding-left:14px !important;
    padding-right:10px !important;
    overflow:hidden !important;
  }
  #works-lifting.rdesignr-projects-news-layout .post-content-correction-all,
  #news-lifting.rdesignr-field-notes-works-layout .post-content-correction-all{
    display:none !important;
  }
  #works-lifting.rdesignr-projects-news-layout .all-lifting-inner > .row > .col-md-8,
  #news-lifting.rdesignr-field-notes-works-layout .all-lifting-inner > .row > .col-md-8{
    float:none !important;
    flex:0 0 68% !important;
    width:68% !important;
    max-width:68% !important;
    padding-left:0 !important;
    padding-right:0 !important;
    overflow:hidden !important;
  }
  #works-lifting.rdesignr-projects-news-layout h1.post-title,
  #news-lifting.rdesignr-field-notes-works-layout h1.post-title{
    font-size:clamp(34px,4vw,46px) !important;
  }
  #works-lifting.rdesignr-projects-news-layout .post-text,
  #news-lifting.rdesignr-field-notes-works-layout .post-text{
    width:calc(100% - 10px) !important;
    margin-left:0 !important;
  }
  #works-lifting.rdesignr-projects-news-layout .owl-nav-custom-news,
  #news-lifting.rdesignr-field-notes-works-layout .owl-nav-custom-works{
    left:14px !important;
  }

  /* Projects: keep copy/media side by side through the whole tablet range. */
  #works-lifting.rdesignr-projects-news-layout .rdesignr-news-slide{
    height:255px !important;
    overflow:hidden !important;
  }
  #works-lifting.rdesignr-projects-news-layout .rdesignr-news-slide-row{
    display:flex !important;
    flex-wrap:nowrap !important;
    height:255px !important;
    margin:0 !important;
  }
  #works-lifting.rdesignr-projects-news-layout .rdesignr-news-copy-col,
  #works-lifting.rdesignr-projects-news-layout .rdesignr-news-image-col{
    float:none !important;
    flex:0 0 50% !important;
    width:50% !important;
    max-width:50% !important;
    height:255px !important;
    margin:0 !important;
    padding:0 7px !important;
  }
  #works-lifting.rdesignr-projects-news-layout .rdesignr-news-copy-col .post-inner,
  #works-lifting.rdesignr-projects-news-layout .rdesignr-news-copy-col .post-content{
    height:248px !important;
    min-height:248px !important;
  }
  #works-lifting.rdesignr-projects-news-layout .rdesignr-news-copy-col h2{
    font-size:clamp(20px,2.2vw,29px) !important;
    line-height:1.05 !important;
  }
  #works-lifting.rdesignr-projects-news-layout .rdesignr-project-tech-meta{
    margin-bottom:9px !important;
    font-size:10px !important;
  }
  #works-lifting.rdesignr-projects-news-layout .rdesignr-news-copy-col p{
    font-size:12px !important;
    line-height:1.35 !important;
    -webkit-line-clamp:3 !important;
  }
  #works-lifting.rdesignr-projects-news-layout .post-more{
    width:min(190px,100%) !important;
  }
  #works-lifting.rdesignr-projects-news-layout .rdesignr-project-news-photo{
    min-width:0 !important;
    width:100% !important;
    height:248px !important;
  }
  #works-lifting.rdesignr-projects-news-layout .rdesignr-news-media-actions{
    opacity:1 !important;
    gap:5px !important;
  }
  #works-lifting.rdesignr-projects-news-layout .rdesignr-news-media-action{
    width:34px !important;
    height:34px !important;
    font-size:15px !important;
  }

  /* Field Notes: two cards remain side-by-side; image owns media only. */
  #news-lifting.rdesignr-field-notes-works-layout .post-block-second{
    display:flex !important;
    flex-wrap:nowrap !important;
    width:100% !important;
    height:255px !important;
    margin:0 !important;
    overflow:hidden !important;
  }
  #news-lifting.rdesignr-field-notes-works-layout .post-block-second > .post-block-correction{
    float:none !important;
    flex:0 0 50% !important;
    width:50% !important;
    max-width:50% !important;
    margin:0 !important;
    padding:0 7px !important;
    box-sizing:border-box !important;
    overflow:hidden !important;
  }
  #news-lifting.rdesignr-field-notes-works-layout .rdesignr-field-note-card{
    width:100% !important;
    overflow:hidden !important;
  }
}

/* ==================================================
   FINAL COMPACT/TABLET GEOMETRY OWNER — v37
   Projects + Field Notes only. This block intentionally sits last so
   Bootstrap/The One breakpoint rules cannot re-stack or clip the cards.
   ================================================== */
@media only screen and (min-width: 768px) and (max-width: 1280px){
  /* shared outer 4/8-style split */
  #works-lifting.rdesignr-projects-news-layout .all-lifting-inner > .row,
  #news-lifting.rdesignr-field-notes-works-layout .all-lifting-inner > .row{
    display:flex !important;
    flex-wrap:nowrap !important;
    align-items:stretch !important;
    width:100% !important;
    height:250px !important;
    margin:0 !important;
  }
  #works-lifting.rdesignr-projects-news-layout .all-lifting-inner > .row > .post-block,
  #news-lifting.rdesignr-field-notes-works-layout .all-lifting-inner > .row > .post-block{
    float:none !important;
    flex:0 0 32% !important;
    width:32% !important;
    max-width:32% !important;
    min-width:0 !important;
    height:250px !important;
    margin:0 !important;
    padding:0 12px 0 14px !important;
    box-sizing:border-box !important;
    overflow:hidden !important;
  }
  #works-lifting.rdesignr-projects-news-layout .all-lifting-inner > .row > .col-md-8,
  #news-lifting.rdesignr-field-notes-works-layout .all-lifting-inner > .row > .col-md-8{
    float:none !important;
    flex:0 0 68% !important;
    width:68% !important;
    max-width:68% !important;
    min-width:0 !important;
    height:255px !important;
    margin:0 !important;
    padding:0 !important;
    box-sizing:border-box !important;
    overflow:hidden !important;
  }
  #works-lifting.rdesignr-projects-news-layout .post-content-correction-all,
  #news-lifting.rdesignr-field-notes-works-layout .post-content-correction-all{
    display:none !important;
  }

  /* Projects: force one slide to remain 50/50 copy/media below Bootstrap md. */
  #works-lifting.rdesignr-projects-news-layout #news-carousel,
  #works-lifting.rdesignr-projects-news-layout #news-carousel .owl-stage-outer,
  #works-lifting.rdesignr-projects-news-layout #news-carousel .owl-item,
  #works-lifting.rdesignr-projects-news-layout .rdesignr-project-news-slide{
    min-width:0 !important;
    height:255px !important;
    overflow:hidden !important;
  }
  #works-lifting.rdesignr-projects-news-layout .rdesignr-news-slide-row{
    display:flex !important;
    flex-wrap:nowrap !important;
    align-items:stretch !important;
    width:100% !important;
    height:255px !important;
    margin:0 !important;
  }
  #works-lifting.rdesignr-projects-news-layout .rdesignr-news-copy-col,
  #works-lifting.rdesignr-projects-news-layout .rdesignr-news-image-col{
    float:none !important;
    flex:0 0 50% !important;
    width:50% !important;
    max-width:50% !important;
    min-width:0 !important;
    height:255px !important;
    margin:0 !important;
    padding:0 7px !important;
    box-sizing:border-box !important;
    overflow:hidden !important;
  }
  #works-lifting.rdesignr-projects-news-layout .rdesignr-news-copy-col .post-inner,
  #works-lifting.rdesignr-projects-news-layout .rdesignr-news-copy-col .post-content,
  #works-lifting.rdesignr-projects-news-layout .rdesignr-news-image-col .post-box{
    width:100% !important;
    min-width:0 !important;
    height:248px !important;
    min-height:248px !important;
    box-sizing:border-box !important;
    overflow:hidden !important;
  }
  #works-lifting.rdesignr-projects-news-layout .rdesignr-project-news-photo{
    display:block !important;
    visibility:visible !important;
    opacity:1 !important;
    width:100% !important;
    min-width:0 !important;
    height:248px !important;
    margin:0 !important;
    background-position:center !important;
    background-size:cover !important;
  }

  /* Field Notes: two compact cards, with true desktop heading rhythm. */
  #news-lifting.rdesignr-field-notes-works-layout #works-carousel,
  #news-lifting.rdesignr-field-notes-works-layout #works-carousel .owl-stage-outer,
  #news-lifting.rdesignr-field-notes-works-layout #works-carousel .owl-item,
  #news-lifting.rdesignr-field-notes-works-layout .post-block-second{
    min-width:0 !important;
    height:255px !important;
    overflow:hidden !important;
  }
  #news-lifting.rdesignr-field-notes-works-layout .post-block-second{
    display:flex !important;
    flex-wrap:nowrap !important;
    width:100% !important;
    margin:0 !important;
  }
  #news-lifting.rdesignr-field-notes-works-layout .post-block-second > .post-block-correction{
    float:none !important;
    flex:0 0 50% !important;
    width:50% !important;
    max-width:50% !important;
    min-width:0 !important;
    margin:0 !important;
    padding:0 7px !important;
    box-sizing:border-box !important;
    overflow:hidden !important;
  }
  #news-lifting.rdesignr-field-notes-works-layout .rdesignr-field-note-card,
  #news-lifting.rdesignr-field-notes-works-layout .rdesignr-field-note-card .post-box-photo-works{
    width:100% !important;
    min-width:0 !important;
    max-width:100% !important;
    box-sizing:border-box !important;
  }
  #news-lifting.rdesignr-field-notes-works-layout .rdesignr-field-note-card .post-box-photo-works{
    height:200px !important;
    min-height:200px !important;
    max-height:200px !important;
  }
  #news-lifting.rdesignr-field-notes-works-layout .rdesignr-field-note-card h2.post-box-photo-works-heading{
    margin:7px 0 0 0 !important;
    padding:0 !important;
    line-height:1.05 !important;
    white-space:normal !important;
    overflow:visible !important;
  }
  #news-lifting.rdesignr-field-notes-works-layout .rdesignr-field-note-card h3.post-box-photo-works-heading{
    margin:1px 0 0 0 !important;
    padding:0 !important;
    line-height:1.12 !important;
    white-space:normal !important;
    overflow:visible !important;
  }
}

/* Make test project media visibly occupy its slot even before hover.
   Real project images simply render normally on top of this neutral fallback. */
#works-lifting.rdesignr-projects-news-layout .rdesignr-project-news-photo{
  background-color:#111 !important;
}


/* ==============================================================
   HU RDESIGNR STÚDIÓ — dedicated podcast/video architecture.
   EN SIGNAL intentionally keeps the existing compact media-hub UI.
   Launch state for HU remains coming_soon; this live UI is QA-ready.
   ============================================================== */
.rdesignr-podcast-hub{
  width:min(1120px, calc(100% - 52px)) !important;
  max-width:none !important;
  margin:0 auto !important;
  padding:24px 0 26px !important;
  box-sizing:border-box !important;
}
.rdesignr-podcast-header{
  display:grid !important;
  grid-template-columns:minmax(0,1.25fr) minmax(180px,.55fr) minmax(180px,.48fr) !important;
  align-items:end !important;
  gap:24px !important;
  padding:0 0 16px !important;
  border-bottom:2px solid var(--rd-accent, #d67240) !important;
}
.rdesignr-podcast-heading h4{
  margin:0 !important;
  font-family:var(--rd-display,"Barlow Condensed",sans-serif) !important;
  font-size:clamp(48px,5.2vw,76px) !important;
  line-height:.88 !important;
  letter-spacing:-.02em !important;
  color:var(--rd-text,#f2ece4) !important;
}
.rdesignr-podcast-heading p{
  margin:8px 0 0 !important;
  font-size:14px !important;
  color:rgba(242,236,228,.72) !important;
}
.rdesignr-podcast-wave{
  height:68px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:5px !important;
  border-right:1px solid rgba(255,255,255,.15) !important;
  padding-right:18px !important;
}
.rdesignr-podcast-wave i{
  width:2px !important;
  background:var(--rd-accent,#d67240) !important;
  display:block !important;
}
.rdesignr-podcast-wave i:nth-child(1),.rdesignr-podcast-wave i:nth-child(13){height:10px!important}.rdesignr-podcast-wave i:nth-child(2),.rdesignr-podcast-wave i:nth-child(12){height:20px!important}.rdesignr-podcast-wave i:nth-child(3),.rdesignr-podcast-wave i:nth-child(11){height:14px!important}.rdesignr-podcast-wave i:nth-child(4),.rdesignr-podcast-wave i:nth-child(10){height:32px!important}.rdesignr-podcast-wave i:nth-child(5),.rdesignr-podcast-wave i:nth-child(9){height:23px!important}.rdesignr-podcast-wave i:nth-child(6),.rdesignr-podcast-wave i:nth-child(8){height:47px!important}.rdesignr-podcast-wave i:nth-child(7){height:58px!important}
.rdesignr-podcast-statement{
  display:flex !important;
  flex-direction:column !important;
  gap:3px !important;
  font-family:var(--rd-display,"Barlow Condensed",sans-serif) !important;
  font-size:13px !important;
  line-height:1.05 !important;
  letter-spacing:.14em !important;
  color:rgba(242,236,228,.3) !important;
}
.rdesignr-podcast-featured-card{
  display:grid !important;
  grid-template-columns:minmax(0,2.2fr) minmax(250px,.72fr) !important;
  gap:18px !important;
  margin:18px 0 !important;
  border:0 !important;
  background:transparent !important;
  padding:0 !important;
}
.rdesignr-podcast-featured-media{
  position:relative !important;
  min-height:270px !important;
  background-size:cover !important;
  background-position:center !important;
  border:1px solid rgba(255,255,255,.16) !important;
  overflow:hidden !important;
}
.rdesignr-podcast-featured-media:after{
  content:"" !important;
  position:absolute !important; inset:0 !important;
  background:linear-gradient(90deg,rgba(0,0,0,.82),rgba(0,0,0,.12) 70%) !important;
}
.rdesignr-podcast-featured-overlay{
  position:absolute !important;
  z-index:2 !important;
  left:28px !important; top:44px !important;
  width:min(360px,70%) !important;
  display:flex !important; flex-direction:column !important; gap:7px !important;
}
.rdesignr-podcast-featured-overlay .rdesignr-podcast-ep{
  color:var(--rd-accent,#d67240) !important;
  font-family:var(--rd-display,"Barlow Condensed",sans-serif) !important;
  font-weight:700 !important; letter-spacing:.08em !important;
}
.rdesignr-podcast-featured-overlay strong{
  font-family:var(--rd-display,"Barlow Condensed",sans-serif) !important;
  font-size:38px !important; line-height:.9 !important;
  color:var(--rd-text,#f2ece4) !important;
}
.rdesignr-podcast-featured-overlay > span:last-child{
  font-size:14px !important; line-height:1.35 !important;
  color:rgba(242,236,228,.78) !important;
}
.rdesignr-podcast-now{
  border-left:2px solid var(--rd-accent,#d67240) !important;
  padding:14px 0 10px 24px !important;
  display:flex !important; flex-direction:column !important; justify-content:center !important;
}
.rdesignr-podcast-now-label,
.rdesignr-podcast-tag{
  font-family:var(--rd-display,"Barlow Condensed",sans-serif) !important;
  color:var(--rd-accent,#d67240) !important;
  font-size:12px !important; letter-spacing:.12em !important;
}
.rdesignr-podcast-now h5{
  margin:8px 0 10px !important;
  font-family:var(--rd-display,"Barlow Condensed",sans-serif) !important;
  font-size:28px !important; line-height:.94 !important;
  color:var(--rd-text,#f2ece4) !important;
}
.rdesignr-podcast-now p{
  margin:0 0 14px !important;
  color:rgba(242,236,228,.72) !important;
  font-size:13px !important; line-height:1.45 !important;
}
.rdesignr-podcast-actions{display:flex!important;flex-wrap:wrap!important;gap:8px!important;margin-top:12px!important}
.rdesignr-podcast-mode-btn{
  position:relative !important; inset:auto !important;
  display:inline-flex !important; align-items:center !important; gap:7px !important;
  width:auto !important; height:34px !important;
  padding:0 13px !important;
  border:1px solid rgba(255,255,255,.24) !important;
  border-radius:18px !important;
  background:rgba(255,255,255,.035) !important;
  color:var(--rd-text,#f2ece4) !important;
  font-family:var(--rd-display,"Barlow Condensed",sans-serif) !important;
  font-size:12px !important; letter-spacing:.04em !important;
  opacity:1 !important; transform:none !important;
}
.rdesignr-podcast-mode-btn:hover,.rdesignr-podcast-mode-btn:focus-visible{
  border-color:var(--rd-accent,#d67240) !important; color:var(--rd-accent,#d67240) !important;
}
.rdesignr-podcast-cards{
  display:grid !important;
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  gap:14px !important;
}
.rdesignr-podcast-card{
  display:grid !important;
  grid-template-columns:100px minmax(0,1fr) !important;
  gap:14px !important;
  min-height:150px !important;
  padding:14px !important;
  border:1px solid rgba(255,255,255,.13) !important;
  background:rgba(8,8,8,.72) !important;
}
.rdesignr-podcast-card-thumb{
  min-height:112px !important;
  background-size:cover !important; background-position:center !important;
  border:1px solid rgba(255,255,255,.12) !important;
}
.rdesignr-podcast-card-copy{padding:0!important;min-width:0!important}
.rdesignr-podcast-card-copy h5{
  margin:5px 0 7px !important;
  font-family:var(--rd-display,"Barlow Condensed",sans-serif) !important;
  font-size:21px !important; line-height:1 !important;
  color:var(--rd-text,#f2ece4) !important;
}
.rdesignr-podcast-card-copy p{margin:0!important;font-size:12px!important;line-height:1.35!important;color:rgba(242,236,228,.68)!important}
.rdesignr-podcast-card .rdesignr-podcast-actions{margin-top:10px!important}
.rdesignr-podcast-card .rdesignr-podcast-mode-btn{height:30px!important;padding:0 10px!important;font-size:11px!important}
.rdesignr-podcast-hub .rdesignr-studio-player-shell{margin:18px 0!important}

@media only screen and (max-width:1050px){
  .rdesignr-podcast-hub{width:calc(100% - 34px)!important;padding-top:18px!important}
  .rdesignr-podcast-header{grid-template-columns:minmax(0,1fr) 170px!important}
  .rdesignr-podcast-statement{display:none!important}
  .rdesignr-podcast-featured-card{grid-template-columns:minmax(0,1.65fr) minmax(220px,.75fr)!important}
  .rdesignr-podcast-cards{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .rdesignr-podcast-card:last-child{grid-column:1 / -1!important}
}
@media only screen and (max-width:760px){
  .rdesignr-podcast-hub{width:calc(100% - 20px)!important;padding:14px 0 20px!important}
  .rdesignr-podcast-header{grid-template-columns:1fr!important;gap:10px!important}
  .rdesignr-podcast-wave{display:none!important}
  .rdesignr-podcast-heading h4{font-size:46px!important}
  .rdesignr-podcast-featured-card{grid-template-columns:1fr!important;gap:0!important}
  .rdesignr-podcast-featured-media{min-height:230px!important}
  .rdesignr-podcast-featured-overlay{left:20px!important;top:34px!important;width:72%!important}
  .rdesignr-podcast-featured-overlay strong{font-size:31px!important}
  .rdesignr-podcast-now{border-left:0!important;border-top:2px solid var(--rd-accent,#d67240)!important;padding:16px 2px 2px!important}
  .rdesignr-podcast-cards{grid-template-columns:1fr!important}
  .rdesignr-podcast-card:last-child{grid-column:auto!important}
  .rdesignr-podcast-card{grid-template-columns:86px minmax(0,1fr)!important;min-height:132px!important;padding:11px!important}
  .rdesignr-podcast-card-thumb{min-height:96px!important}
}


/* ==============================================================
   HU STUDIO FINAL OWNER — podcast/video UI only.
   Keeps HU independent from EN SIGNAL and overrides legacy shared passes.
   ============================================================== */
.rdesignr-podcast-hub .rdesignr-podcast-heading p{
  max-width:620px !important;
  margin-top:9px !important;
  font-size:13px !important;
  line-height:1.4 !important;
  color:rgba(242,236,228,.72) !important;
}
.rdesignr-podcast-hub .rdesignr-podcast-featured-card{
  display:grid !important;
  grid-template-columns:minmax(0,2.05fr) minmax(250px,.72fr) !important;
  align-items:stretch !important;
  height:auto !important;
  min-height:286px !important;
  gap:18px !important;
  overflow:visible !important;
}
.rdesignr-podcast-hub .rdesignr-podcast-featured-media{
  width:100% !important;
  min-width:0 !important;
  height:286px !important;
  min-height:286px !important;
  background:#0b0b0b !important;
}
.rdesignr-podcast-hub .rdesignr-podcast-featured-overlay{
  max-width:70% !important;
}
.rdesignr-podcast-hub .rdesignr-podcast-now{
  min-width:0 !important;
  overflow:hidden !important;
}
.rdesignr-podcast-hub .rdesignr-podcast-cards{
  display:grid !important;
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  align-items:stretch !important;
}
.rdesignr-podcast-hub .rdesignr-podcast-card{
  display:grid !important;
  grid-template-columns:96px minmax(0,1fr) !important;
  grid-template-rows:1fr !important;
  flex-direction:initial !important;
  height:auto !important;
  min-height:154px !important;
  gap:14px !important;
  overflow:hidden !important;
}
.rdesignr-podcast-hub .rdesignr-podcast-card-thumb{
  width:96px !important;
  min-width:96px !important;
  height:124px !important;
  min-height:124px !important;
  background:#101010 !important;
  background-image:none !important;
}
.rdesignr-podcast-hub .rdesignr-podcast-card-copy{
  min-width:0 !important;
  display:flex !important;
  flex-direction:column !important;
  overflow:hidden !important;
}
.rdesignr-podcast-hub .rdesignr-podcast-card-copy h5,
.rdesignr-podcast-hub .rdesignr-podcast-card-copy p{
  overflow-wrap:anywhere !important;
}
.rdesignr-podcast-hub .rdesignr-podcast-card .rdesignr-podcast-actions{
  margin-top:auto !important;
  padding-top:10px !important;
}
.rdesignr-podcast-hub .rdesignr-podcast-mode-btn{
  border-radius:0 !important;
}

/* HU player state: dim every podcast layer behind the active media. */
body.rdesignr-studio-playing .rdesignr-podcast-hub .rdesignr-podcast-header,
body.rdesignr-studio-playing .rdesignr-podcast-hub .rdesignr-podcast-featured-card,
body.rdesignr-studio-playing .rdesignr-podcast-hub .rdesignr-podcast-cards{
  filter:blur(3px) brightness(.24) !important;
  opacity:.5 !important;
  pointer-events:none !important;
}
body:not(.rdesignr-studio-playing) .rdesignr-podcast-hub .rdesignr-podcast-header,
body:not(.rdesignr-studio-playing) .rdesignr-podcast-hub .rdesignr-podcast-featured-card,
body:not(.rdesignr-studio-playing) .rdesignr-podcast-hub .rdesignr-podcast-cards{
  filter:none !important;
  opacity:1 !important;
  pointer-events:auto !important;
}

/* Stable player frame across first/middle/last episode. */
body.rdesignr-studio-playing .rdesignr-podcast-hub .rdesignr-studio-player-shell{
  position:fixed !important;
  top:calc(var(--rdx-header-h,72px) + 18px) !important;
  left:50% !important;
  right:auto !important;
  bottom:auto !important;
  width:min(980px,calc(100vw - 72px)) !important;
  height:min(680px,calc(100dvh - 150px)) !important;
  max-width:none !important;
  max-height:none !important;
  transform:translateX(-50%) !important;
  display:flex !important;
  flex-direction:column !important;
  background:#050505 !important;
  border:1px solid rgba(255,255,255,.18) !important;
  box-shadow:0 24px 70px rgba(0,0,0,.72) !important;
  overflow:hidden !important;
}
body.rdesignr-studio-playing .rdesignr-podcast-hub .rdesignr-studio-player{
  flex:1 1 auto !important;
  min-height:0 !important;
  width:100% !important;
  background:#030303 !important;
}
body.rdesignr-studio-playing .rdesignr-podcast-hub .rdesignr-studio-video-wrap,
body.rdesignr-studio-playing .rdesignr-podcast-hub .rdesignr-studio-local-preview,
body.rdesignr-studio-playing .rdesignr-podcast-hub .rdesignr-studio-audio-wrap{
  width:100% !important;
  height:100% !important;
  min-height:0 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  background:#030303 !important;
}
body.rdesignr-studio-playing .rdesignr-podcast-hub .rdesignr-studio-video-wrap.is-wide .rdesignr-studio-video-stage{
  width:min(100%,900px) !important;
  height:auto !important;
  aspect-ratio:16/9 !important;
  margin:auto !important;
}
body.rdesignr-studio-playing .rdesignr-podcast-hub .rdesignr-studio-video-wrap.is-short .rdesignr-studio-video-stage{
  width:auto !important;
  height:min(100%,560px) !important;
  aspect-ratio:9/16 !important;
  margin:auto !important;
}
body.rdesignr-studio-playing .rdesignr-podcast-hub .rdesignr-studio-player-footer{
  flex:0 0 62px !important;
  min-height:62px !important;
  width:100% !important;
  padding:10px 14px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:flex-start !important;
  background:#070707 !important;
  border-top:1px solid rgba(255,255,255,.12) !important;
  overflow:visible !important;
}
.rdesignr-podcast-hub .rdesignr-studio-now-playing{display:none !important;}

/* Navigation: PREV/NEXT equal; EPISODES deliberately separated as a group exit. */
body.rdesignr-studio-playing .rdesignr-podcast-hub .rdesignr-studio-player-nav{
  display:flex !important;
  align-items:center !important;
  justify-content:flex-start !important;
  gap:7px !important;
  width:auto !important;
}
body.rdesignr-studio-playing .rdesignr-podcast-hub .rdesignr-studio-player-nav .rdesignr-studio-player-prev,
body.rdesignr-studio-playing .rdesignr-podcast-hub .rdesignr-studio-player-nav .rdesignr-studio-player-next{
  width:108px !important;
  min-width:108px !important;
  max-width:108px !important;
  flex:0 0 108px !important;
  height:38px !important;
}
body.rdesignr-studio-playing .rdesignr-podcast-hub .rdesignr-studio-player-nav .rdesignr-studio-player-prev{order:1 !important;}
body.rdesignr-studio-playing .rdesignr-podcast-hub .rdesignr-studio-player-nav .rdesignr-studio-player-next{order:2 !important;}
body.rdesignr-studio-playing .rdesignr-podcast-hub .rdesignr-studio-player-nav .rdesignr-studio-player-close-label{
  order:3 !important;
  width:118px !important;
  min-width:118px !important;
  max-width:118px !important;
  flex:0 0 118px !important;
  height:38px !important;
  margin-left:18px !important;
}
body.rdesignr-studio-playing .rdesignr-podcast-hub .rdesignr-studio-player-nav button:disabled{
  opacity:.3 !important;
  color:rgba(255,255,255,.45) !important;
  border-color:rgba(255,255,255,.12) !important;
  cursor:default !important;
  pointer-events:none !important;
}

/* RDESIGNR custom audio — dark, square, technical; native controls stay hidden. */
.rdesignr-podcast-hub .rdesignr-studio-audio{
  position:absolute !important;
  width:1px !important;
  height:1px !important;
  opacity:0 !important;
  pointer-events:none !important;
}
.rdesignr-podcast-hub .rdx-audio-player{
  width:min(720px,calc(100% - 64px)) !important;
  padding:34px 34px 28px !important;
  border:1px solid rgba(255,255,255,.18) !important;
  border-left:3px solid var(--rd-accent,#d67240) !important;
  background:#090909 !important;
  box-shadow:0 18px 50px rgba(0,0,0,.45) !important;
}
.rdesignr-podcast-hub .rdx-audio-kicker{
  font-family:var(--rd-display,"Barlow Condensed",sans-serif) !important;
  color:var(--rd-accent,#d67240) !important;
  font-size:11px !important;
  letter-spacing:.16em !important;
}
.rdesignr-podcast-hub .rdx-audio-title{
  margin:10px 0 28px !important;
  font-family:var(--rd-display,"Barlow Condensed",sans-serif) !important;
  font-size:clamp(24px,3vw,42px) !important;
  line-height:.98 !important;
  color:var(--rd-text,#f2ece4) !important;
  text-transform:uppercase !important;
}
.rdesignr-podcast-hub .rdx-audio-controls{
  display:grid !important;
  grid-template-columns:42px 42px minmax(80px,1fr) 42px 48px !important;
  align-items:center !important;
  gap:10px !important;
  padding-top:18px !important;
  border-top:1px solid rgba(255,255,255,.12) !important;
}
.rdesignr-podcast-hub .rdx-audio-toggle,
.rdesignr-podcast-hub .rdx-audio-mute{
  height:36px !important;
  border:1px solid rgba(255,255,255,.2) !important;
  border-radius:0 !important;
  background:#050505 !important;
  color:#fff !important;
  font-family:var(--rd-display,"Barlow Condensed",sans-serif) !important;
  font-size:10px !important;
  letter-spacing:.08em !important;
}
.rdesignr-podcast-hub .rdx-audio-toggle:hover,
.rdesignr-podcast-hub .rdx-audio-mute:hover{
  border-color:var(--rd-accent,#d67240) !important;
  color:var(--rd-accent,#d67240) !important;
}
.rdesignr-podcast-hub .rdx-audio-current,
.rdesignr-podcast-hub .rdx-audio-duration{
  font-family:var(--rd-body,"Barlow Semi Condensed",sans-serif) !important;
  font-size:11px !important;
  color:rgba(242,236,228,.68) !important;
  text-align:center !important;
}
.rdesignr-podcast-hub .rdx-audio-progress{
  width:100% !important;
  accent-color:var(--rd-accent,#d67240) !important;
}

@media only screen and (max-width:1050px){
  .rdesignr-podcast-hub .rdesignr-podcast-featured-card{
    grid-template-columns:minmax(0,1.55fr) minmax(220px,.75fr) !important;
  }
  .rdesignr-podcast-hub .rdesignr-podcast-cards{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }
  .rdesignr-podcast-hub .rdesignr-podcast-card:last-child{grid-column:1/-1 !important;}
  body.rdesignr-studio-playing .rdesignr-podcast-hub .rdesignr-studio-player-shell{
    width:min(860px,calc(100vw - 36px)) !important;
    height:min(650px,calc(100dvh - 134px)) !important;
  }
}
@media only screen and (max-width:760px){
  .rdesignr-podcast-hub .rdesignr-podcast-featured-card{
    grid-template-columns:1fr !important;
    min-height:0 !important;
    gap:0 !important;
  }
  .rdesignr-podcast-hub .rdesignr-podcast-featured-media{
    height:238px !important;
    min-height:238px !important;
  }
  .rdesignr-podcast-hub .rdesignr-podcast-featured-overlay{max-width:78% !important;}
  .rdesignr-podcast-hub .rdesignr-podcast-cards{grid-template-columns:1fr !important;}
  .rdesignr-podcast-hub .rdesignr-podcast-card:last-child{grid-column:auto !important;}
  .rdesignr-podcast-hub .rdesignr-podcast-card{
    grid-template-columns:82px minmax(0,1fr) !important;
    min-height:132px !important;
  }
  .rdesignr-podcast-hub .rdesignr-podcast-card-thumb{
    width:82px !important;
    min-width:82px !important;
    height:106px !important;
    min-height:106px !important;
  }
  body.rdesignr-studio-playing .rdesignr-podcast-hub .rdesignr-studio-player-shell{
    top:calc(var(--rdx-header-h,66px) + 8px) !important;
    width:calc(100vw - 16px) !important;
    height:calc(100dvh - var(--rdx-header-h,66px) - 58px) !important;
  }
  body.rdesignr-studio-playing .rdesignr-podcast-hub .rdesignr-studio-player-footer{
    flex-basis:112px !important;
    min-height:112px !important;
    padding:10px !important;
  }
  body.rdesignr-studio-playing .rdesignr-podcast-hub .rdesignr-studio-player-nav{
    display:grid !important;
    grid-template-columns:1fr 1fr !important;
    gap:6px !important;
    width:100% !important;
  }
  body.rdesignr-studio-playing .rdesignr-podcast-hub .rdesignr-studio-player-nav .rdesignr-studio-player-prev,
  body.rdesignr-studio-playing .rdesignr-podcast-hub .rdesignr-studio-player-nav .rdesignr-studio-player-next{
    width:100% !important;
    min-width:0 !important;
    max-width:none !important;
    flex:none !important;
  }
  body.rdesignr-studio-playing .rdesignr-podcast-hub .rdesignr-studio-player-nav .rdesignr-studio-player-close-label{
    grid-column:1/-1 !important;
    width:100% !important;
    min-width:0 !important;
    max-width:none !important;
    margin-left:0 !important;
  }
  .rdesignr-podcast-hub .rdx-audio-player{
    width:calc(100% - 28px) !important;
    padding:26px 18px 20px !important;
  }
  .rdesignr-podcast-hub .rdx-audio-controls{
    grid-template-columns:38px 36px minmax(50px,1fr) 36px 42px !important;
    gap:6px !important;
  }
}

/* Studio media-open close arbitration — mobile/site close must not overlap player close.
   The Studio-level close stays hidden for the entire media-playing state;
   the player X is the only active close until returning to the episode grid. */
body.rdesignr-studio-playing .rdesignr-studio-modal.open .rdesignr-studio-close,
body.rdesignr-studio-playing.rdesignr-studio-open .rdesignr-studio-close{
  opacity:0 !important;
  visibility:hidden !important;
  pointer-events:none !important;
}


/* ==================================================
   EN SIGNAL — FINAL OWNER
   Stable grid/player geometry, no external-note CTA.
   ================================================== */
.rdesignr-signal-hub{
  width:min(1180px,calc(100% - 80px)) !important;
  padding:52px 0 58px !important;
}
.rdesignr-signal-hub .rdesignr-studio-hub-header{
  max-width:760px !important;
  margin-bottom:30px !important;
}
.rdesignr-signal-hub .rdesignr-studio-episodes{
  display:grid !important;
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  gap:18px !important;
  align-items:stretch !important;
}
.rdesignr-signal-hub .rdesignr-studio-episode-card{
  min-width:0 !important;
  height:100% !important;
}
.rdesignr-signal-hub .rdesignr-studio-episode-thumb{
  width:100% !important;
  aspect-ratio:16/9 !important;
  min-height:0 !important;
}
.rdesignr-signal-hub .rdesignr-studio-episode-copy h5{
  overflow-wrap:anywhere;
}

/* Stable EN viewer; first/middle/last episodes keep the same frame. */
body.rdesignr-studio-playing .rdesignr-signal-hub .rdesignr-studio-player-shell{
  position:fixed !important;
  top:calc(var(--rdx-header-h,72px) + 18px) !important;
  left:50% !important;
  right:auto !important;
  bottom:auto !important;
  transform:translateX(-50%) !important;
  width:min(1080px,calc(100vw - 96px)) !important;
  height:min(720px,calc(100dvh - 150px)) !important;
  max-width:none !important;
  max-height:none !important;
  display:flex !important;
  flex-direction:column !important;
  background:#050505 !important;
  border:1px solid rgba(255,255,255,.18) !important;
  box-shadow:0 24px 70px rgba(0,0,0,.72) !important;
  overflow:hidden !important;
}
body.rdesignr-studio-playing .rdesignr-signal-hub .rdesignr-studio-player-shell.is-short-player{
  width:min(560px,calc(100vw - 96px)) !important;
}
body.rdesignr-studio-playing .rdesignr-signal-hub .rdesignr-studio-player{
  flex:1 1 auto !important;
  min-height:0 !important;
  width:100% !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  background:#030303 !important;
}
body.rdesignr-studio-playing .rdesignr-signal-hub .rdesignr-studio-video-wrap,
body.rdesignr-studio-playing .rdesignr-signal-hub .rdesignr-studio-local-preview,
body.rdesignr-studio-playing .rdesignr-signal-hub .rdesignr-studio-audio-wrap{
  width:100% !important;
  height:100% !important;
  min-height:0 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  background:#030303 !important;
}
body.rdesignr-studio-playing .rdesignr-signal-hub .rdesignr-studio-video-wrap.is-wide .rdesignr-studio-video-stage{
  width:min(100%,1020px) !important;
  height:auto !important;
  aspect-ratio:16/9 !important;
  margin:auto !important;
}
body.rdesignr-studio-playing .rdesignr-signal-hub .rdesignr-studio-video-wrap.is-short .rdesignr-studio-video-stage{
  width:auto !important;
  height:min(100%,620px) !important;
  aspect-ratio:9/16 !important;
  margin:auto !important;
}
body.rdesignr-studio-playing .rdesignr-signal-hub .rdesignr-studio-player-footer{
  flex:0 0 62px !important;
  min-height:62px !important;
  width:100% !important;
  padding:10px 14px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:16px !important;
  background:#070707 !important;
  border-top:1px solid rgba(255,255,255,.12) !important;
}
body.rdesignr-studio-playing .rdesignr-signal-hub .rdesignr-studio-player-nav{
  display:flex !important;
  align-items:center !important;
  justify-content:flex-start !important;
  gap:7px !important;
  width:auto !important;
}
body.rdesignr-studio-playing .rdesignr-signal-hub .rdesignr-studio-player-nav .rdesignr-studio-player-prev,
body.rdesignr-studio-playing .rdesignr-signal-hub .rdesignr-studio-player-nav .rdesignr-studio-player-next{
  width:92px !important; min-width:92px !important; max-width:92px !important; flex:0 0 92px !important;
  height:38px !important;
}
body.rdesignr-studio-playing .rdesignr-signal-hub .rdesignr-studio-player-nav .rdesignr-studio-player-prev{order:1 !important;}
body.rdesignr-studio-playing .rdesignr-signal-hub .rdesignr-studio-player-nav .rdesignr-studio-player-next{order:2 !important;}
body.rdesignr-studio-playing .rdesignr-signal-hub .rdesignr-studio-player-nav .rdesignr-studio-player-close-label{
  order:3 !important;
  width:108px !important; min-width:108px !important; max-width:108px !important; flex:0 0 108px !important;
  height:38px !important;
  margin-left:14px !important;
}
body.rdesignr-studio-playing .rdesignr-signal-hub .rdesignr-studio-player-nav button:disabled{
  opacity:.3 !important;
  color:rgba(255,255,255,.45) !important;
  border-color:rgba(255,255,255,.12) !important;
  cursor:default !important;
  pointer-events:none !important;
}
.rdesignr-signal-hub .rdesignr-studio-now-playing{
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  color:#8f8983;
}

@media only screen and (min-width:641px) and (max-width:1024px){
  .rdesignr-signal-hub{
    width:min(760px,calc(100% - 48px)) !important;
    padding:44px 0 48px !important;
  }
  .rdesignr-signal-hub .rdesignr-studio-episodes{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:14px !important;
  }
  body.rdesignr-studio-playing .rdesignr-signal-hub .rdesignr-studio-player-shell{
    width:min(820px,calc(100vw - 56px)) !important;
    height:min(650px,calc(100dvh - 138px)) !important;
  }
  body.rdesignr-studio-playing .rdesignr-signal-hub .rdesignr-studio-player-shell.is-short-player{
    width:min(500px,calc(100vw - 56px)) !important;
  }
  .rdesignr-signal-hub .rdesignr-studio-now-playing{display:none !important;}
}

@media only screen and (max-width:640px){
  .rdesignr-signal-hub{
    width:calc(100% - 28px) !important;
    padding:56px 0 34px !important;
  }
  .rdesignr-signal-hub .rdesignr-studio-hub-header{margin-bottom:22px !important;}
  .rdesignr-signal-hub .rdesignr-studio-episodes{
    grid-template-columns:1fr !important;
    gap:14px !important;
  }
  body.rdesignr-studio-playing .rdesignr-signal-hub .rdesignr-studio-player-shell,
  body.rdesignr-studio-playing .rdesignr-signal-hub .rdesignr-studio-player-shell.is-short-player{
    position:fixed !important;
    top:var(--rdx-header-h,68px) !important;
    right:0 !important;
    bottom:48px !important;
    left:0 !important;
    transform:none !important;
    width:100vw !important;
    height:auto !important;
    max-height:none !important;
    border:0 !important;
  }
  body.rdesignr-studio-playing .rdesignr-signal-hub .rdesignr-studio-player-footer{
    flex:0 0 auto !important;
    min-height:70px !important;
    padding:8px 10px !important;
  }
  body.rdesignr-studio-playing .rdesignr-signal-hub .rdesignr-studio-player-nav{
    display:grid !important;
    grid-template-columns:1fr 1fr 1.18fr !important;
    gap:5px !important;
    width:100% !important;
  }
  body.rdesignr-studio-playing .rdesignr-signal-hub .rdesignr-studio-player-nav .rdesignr-studio-player-prev,
  body.rdesignr-studio-playing .rdesignr-signal-hub .rdesignr-studio-player-nav .rdesignr-studio-player-next,
  body.rdesignr-studio-playing .rdesignr-signal-hub .rdesignr-studio-player-nav .rdesignr-studio-player-close-label{
    width:100% !important; min-width:0 !important; max-width:none !important; flex:none !important; margin:0 !important;
  }
  .rdesignr-signal-hub .rdesignr-studio-now-playing{display:none !important;}
}


/* ==================================================
   EN SIGNAL — ACTIVE STATE + TOUCH PLAYER FINAL FIX
   One selected episode owner; preview does not masquerade as selection.
   ================================================== */
.rdesignr-signal-hub .rdesignr-studio-episode-card.is-grid-active:not(.is-active),
.rdesignr-signal-hub .rdesignr-studio-episode-card:has(.rdesignr-studio-episode-thumb.is-previewing):not(.is-active){
  border-color:rgba(255,255,255,.12) !important;
  box-shadow:none !important;
}
.rdesignr-signal-hub .rdesignr-studio-episode-card.is-active{
  border-color:var(--rd-accent) !important;
  box-shadow:inset 0 0 0 1px rgba(205,112,74,.30),0 0 0 1px rgba(205,112,74,.10) !important;
}
@media (hover:none), (pointer:coarse){
  .rdesignr-signal-hub .rdesignr-studio-episode-card:hover:not(.is-active),
  .rdesignr-signal-hub .rdesignr-studio-episode-card.is-grid-active:not(.is-active){
    border-color:rgba(255,255,255,.12) !important;
    box-shadow:none !important;
  }
}
@media only screen and (max-width:640px){
  .rdesignr-signal-hub{
    padding-top:72px !important;
  }
}

/* ==================================================
   EN SIGNAL — INLINE PREVIEW / FULL PLAYER SPLIT
   PLAY = inline preview. Sound = mute/unmute. Expand = full player.
   ================================================== */
.rdesignr-signal-hub .rdesignr-studio-episode-thumb{
  position:relative;
}
.rdesignr-signal-hub .rdesignr-studio-episode-expand{
  position:absolute;
  right:10px;
  top:10px;
  z-index:4;
  width:32px;
  height:32px;
  padding:0;
  display:flex;
  align-items:center;
  justify-content:center;
  border:1px solid rgba(242,236,228,.34);
  background:rgba(0,0,0,.68);
  color:#f2ece4;
  font-size:15px;
  line-height:1;
  opacity:.76;
  transition:opacity .18s ease,border-color .18s ease,background .18s ease;
}
.rdesignr-signal-hub .rdesignr-studio-episode-expand:hover,
.rdesignr-signal-hub .rdesignr-studio-episode-expand:focus-visible{
  opacity:1;
  border-color:var(--rd-accent);
  background:#000;
}
.rdesignr-signal-hub .rdesignr-studio-episode-thumb.is-previewing .rdesignr-studio-episode-play{
  opacity:0;
  pointer-events:none;
}
.rdesignr-signal-hub .rdesignr-studio-episode-thumb.is-previewing .rdesignr-studio-episode-expand{
  opacity:1;
}
@media (hover:hover) and (pointer:fine){
  .rdesignr-signal-hub .rdesignr-studio-episode-expand{
    opacity:0;
  }
  .rdesignr-signal-hub .rdesignr-studio-episode-card:hover .rdesignr-studio-episode-expand,
  .rdesignr-signal-hub .rdesignr-studio-episode-thumb.is-previewing .rdesignr-studio-episode-expand{
    opacity:1;
  }
}
@media (hover:none), (pointer:coarse){
  .rdesignr-signal-hub .rdesignr-studio-episode-expand{
    opacity:1;
    width:34px;
    height:34px;
  }
}

/* ==================================================
   EN SIGNAL — COMPACT CARD INNER GUTTER FINAL
   Keep media + copy off the outer technical frame on tablet/mobile.
   ================================================== */
@media only screen and (max-width:1024px){
  .rdesignr-signal-hub .rdesignr-studio-episode-card{
    box-sizing:border-box !important;
    padding:10px !important;
  }
  .rdesignr-signal-hub .rdesignr-studio-episode-thumb{
    width:100% !important;
    box-sizing:border-box !important;
  }
  .rdesignr-signal-hub .rdesignr-studio-episode-copy{
    box-sizing:border-box !important;
    width:100% !important;
    padding:16px 8px 10px !important;
  }
  .rdesignr-signal-hub .rdesignr-card-actions{
    box-sizing:border-box !important;
  }
}
@media only screen and (max-width:640px){
  .rdesignr-signal-hub .rdesignr-studio-episode-card{
    padding:9px !important;
  }
  .rdesignr-signal-hub .rdesignr-studio-episode-copy{
    padding:14px 7px 9px !important;
  }
}

/* v47 mobile legal typography parity.
   Keep long-form legal copy at the same muted off-white used on desktop/tablet. */
@media only screen and (max-width: 880px){
  .rdesignr-legal-shell p,
  .rdesignr-legal-shell li,
  .rdesignr-cookie-banner-copy span{
    color: rgba(242,236,228,.76) !important;
    font-weight: var(--rd-weight-regular) !important;
  }
  .rdesignr-legal-updated{
    color: rgba(242,236,228,.45) !important;
  }
}

/* PASS 89 — About touch affordance: cards are interactive on coarse pointers. */
@media (hover: none), (pointer: coarse) {
  #about-carousel .rdesignr-about-content-card{
    position: relative;
  }
  #about-carousel .rdesignr-about-content-card::after{
    content: "↗";
    position: absolute;
    right: 12px;
    top: 12px;
    z-index: 8;
    width: 28px;
    height: 28px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(255,255,255,.22);
    background: rgba(0,0,0,.58);
    color: rgba(255,255,255,.88);
    font-size: 14px;
    line-height: 1;
    pointer-events: none;
    transition: opacity .18s ease, border-color .18s ease;
  }
  #about-carousel .rdesignr-about-content-card.is-revealed::after{
    opacity: .42;
    border-color: rgba(255,255,255,.12);
  }
}


/* PROJECTS final content pass — local video fallback + Notes microcopy. */
.rdesignr-project-video-local-preview{
  cursor: default;
}
.rdesignr-project-video-local-play{
  color: #f2ece4;
  background: rgba(0,0,0,.62);
  border-color: rgba(242,236,228,.72);
  text-shadow: 0 1px 2px rgba(0,0,0,.9);
}
.rdesignr-project-video-local-label{
  color: #f2ece4 !important;
  background: rgba(0,0,0,.72);
  padding: 5px 7px;
  text-decoration: none !important;
  opacity: 1 !important;
}
.rdesignr-project-video-local-label:hover,
.rdesignr-project-video-local-label:focus-visible{
  color: #d66b3d !important;
  outline: 1px solid rgba(214,107,61,.55);
  outline-offset: 2px;
}
.rdesignr-project-case-study-note{
  margin-top: 8px;
  color: rgba(242,236,228,.58);
  font-family: "Barlow Semi Condensed", sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.35;
  letter-spacing: .01em;
  text-transform: none;
}
@media only screen and (max-width: 640px){
  .rdesignr-project-video-local-play{
    width: 48px;
    height: 48px;
    font-size: 16px;
  }
  .rdesignr-project-video-local-label{
    left: 12px;
    bottom: 12px;
    font-size: 12px;
  }
  .rdesignr-project-case-study-note{
    margin-top: 6px;
    font-size: 11px;
  }
}


/* ==============================================================
   FINAL CONTACT + FIELD NOTES POLISH — v56
   Contact email is visible text; call keeps the approved black -> orange CTA.
   Tablet Field Notes use one fixed card/media rhythm regardless of source aspect.
   ============================================================== */
.rdesignr-contact-email-address{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:100% !important;
  max-width:320px !important;
  min-height:48px !important;
  margin:0 auto !important;
  padding:12px 10px !important;
  box-sizing:border-box !important;
  color:rgba(242,236,228,.92) !important;
  font-family:var(--rd-body,"Barlow Semi Condensed",sans-serif) !important;
  font-size:16px !important;
  font-weight:400 !important;
  line-height:1.2 !important;
  letter-spacing:.045em !important;
  text-transform:none !important;
  user-select:text !important;
}
.rdesignr-contact-card .rdesignr-contact-card-button-outline{
  background:rgba(0,0,0,.55) !important;
  border:1px solid rgba(255,255,255,.28) !important;
}
.rdesignr-contact-card .rdesignr-contact-card-button-outline::before{
  background:var(--rd-accent) !important;
}
.rdesignr-contact-card .rdesignr-contact-card-button-outline:hover,
.rdesignr-contact-card .rdesignr-contact-card-button-outline:focus-visible{
  color:#fff !important;
}

/* MagnificPopup has its own close padding/line-height defaults; neutralise them
   so the approved back glyph sits optically in the centre on every gallery. */
.mfp-wrap.rdesignr-project-gallery-popup .rdesignr-gallery-back{
  padding:0 !important;
  line-height:1 !important;
}
.mfp-wrap.rdesignr-project-gallery-popup .rdesignr-gallery-back > span{
  display:block !important;
  width:100% !important;
  line-height:1 !important;
  transform:translateY(-1px) !important;
  text-align:center !important;
  pointer-events:none !important;
}

@media only screen and (min-width:768px) and (max-width:1280px){
  #news-lifting.rdesignr-field-notes-works-layout .rdesignr-field-note-card{
    display:flex !important;
    flex-direction:column !important;
    width:100% !important;
    height:255px !important;
    min-height:255px !important;
    max-height:255px !important;
    overflow:hidden !important;
    box-sizing:border-box !important;
  }
  #news-lifting.rdesignr-field-notes-works-layout .rdesignr-field-note-card .post-box-photo-works{
    flex:0 0 188px !important;
    width:100% !important;
    height:188px !important;
    min-height:188px !important;
    max-height:188px !important;
    margin:0 !important;
    background-size:cover !important;
    background-position:center center !important;
    box-sizing:border-box !important;
  }
  #news-lifting.rdesignr-field-notes-works-layout .rdesignr-field-note-card h2.post-box-photo-works-heading{
    flex:0 0 20px !important;
    min-height:20px !important;
    max-height:20px !important;
    margin:7px 0 0 !important;
    padding:0 !important;
    overflow:hidden !important;
    line-height:20px !important;
  }
  #news-lifting.rdesignr-field-notes-works-layout .rdesignr-field-note-card h3.post-box-photo-works-heading{
    flex:0 0 36px !important;
    min-height:36px !important;
    max-height:36px !important;
    margin:1px 0 0 !important;
    padding:0 !important;
    display:-webkit-box !important;
    -webkit-box-orient:vertical !important;
    -webkit-line-clamp:2 !important;
    overflow:hidden !important;
    line-height:18px !important;
  }
}

@media only screen and (max-width:880px){
  .rdesignr-contact-email-address{
    max-width:100% !important;
    min-height:42px !important;
    padding:9px 8px !important;
    font-size:15px !important;
  }
}

/* ==============================================================
   CONTACT + FIELD NOTES GEOMETRY FINAL OWNER — v57
   - email text shares the call CTA baseline/typography without being clickable
   - tablet Field Notes use one strict two-card grid and identical media frames
   - gallery return arrow is drawn as a centred SVG, avoiding glyph offset
   ============================================================== */
.rdesignr-contact-email-address{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:100% !important;
  max-width:320px !important;
  height:68px !important;
  min-height:68px !important;
  margin:0 auto !important;
  padding:14px 20px !important;
  box-sizing:border-box !important;
  color:rgba(242,236,228,.82) !important;
  font-family:"Barlow Condensed",sans-serif !important;
  font-size:10px !important;
  font-weight:600 !important;
  line-height:1 !important;
  letter-spacing:.15em !important;
  text-transform:uppercase !important;
  text-decoration-line:underline !important;
  text-decoration-color:var(--rd-accent) !important;
  text-decoration-thickness:1px !important;
  text-underline-offset:5px !important;
  white-space:nowrap !important;
  user-select:text !important;
}

/* The original ↙ font glyph has an uneven visual box. Replace only its paint,
   keeping the approved button, hit area and interaction untouched. */
.mfp-wrap.rdesignr-project-gallery-popup .rdesignr-gallery-back{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  padding:0 !important;
  line-height:1 !important;
}
.mfp-wrap.rdesignr-project-gallery-popup .rdesignr-gallery-back > span{
  display:block !important;
  width:18px !important;
  height:18px !important;
  font-size:0 !important;
  line-height:0 !important;
  color:transparent !important;
  transform:none !important;
  background-position:center center !important;
  background-repeat:no-repeat !important;
  background-size:18px 18px !important;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M18 6L6 18M6 18V10M6 18H14' fill='none' stroke='%23fff' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
  pointer-events:none !important;
}

@media only screen and (min-width:768px) and (max-width:1280px){
  #news-lifting.rdesignr-field-notes-works-layout #works-carousel,
  #news-lifting.rdesignr-field-notes-works-layout #works-carousel .owl-stage-outer,
  #news-lifting.rdesignr-field-notes-works-layout #works-carousel .owl-item,
  #news-lifting.rdesignr-field-notes-works-layout .post-block-second{
    height:255px !important;
    min-height:255px !important;
    max-height:255px !important;
  }
  #news-lifting.rdesignr-field-notes-works-layout .post-block-second{
    display:grid !important;
    grid-template-columns:minmax(0,1fr) minmax(0,1fr) !important;
    grid-template-rows:255px !important;
    column-gap:14px !important;
    align-items:stretch !important;
    width:100% !important;
    margin:0 !important;
    overflow:hidden !important;
  }
  #news-lifting.rdesignr-field-notes-works-layout .post-block-second > .post-block-correction{
    float:none !important;
    display:block !important;
    width:auto !important;
    max-width:none !important;
    min-width:0 !important;
    height:255px !important;
    min-height:255px !important;
    max-height:255px !important;
    margin:0 !important;
    padding:0 !important;
    overflow:hidden !important;
    box-sizing:border-box !important;
  }
  #news-lifting.rdesignr-field-notes-works-layout .rdesignr-field-note-card{
    display:grid !important;
    grid-template-rows:188px 27px 40px !important;
    width:100% !important;
    min-width:0 !important;
    max-width:100% !important;
    height:255px !important;
    min-height:255px !important;
    max-height:255px !important;
    margin:0 !important;
    padding:0 !important;
    overflow:hidden !important;
    box-sizing:border-box !important;
  }
  #news-lifting.rdesignr-field-notes-works-layout .rdesignr-field-note-card .post-box-photo-works{
    grid-row:1 !important;
    display:block !important;
    width:100% !important;
    min-width:100% !important;
    max-width:100% !important;
    height:188px !important;
    min-height:188px !important;
    max-height:188px !important;
    margin:0 !important;
    padding:0 !important;
    overflow:hidden !important;
    background-size:cover !important;
    background-position:center center !important;
    background-repeat:no-repeat !important;
    box-sizing:border-box !important;
  }
  #news-lifting.rdesignr-field-notes-works-layout .rdesignr-field-note-card h2.post-box-photo-works-heading{
    grid-row:2 !important;
    display:flex !important;
    align-items:flex-end !important;
    width:100% !important;
    height:27px !important;
    min-height:27px !important;
    max-height:27px !important;
    margin:0 !important;
    padding:7px 0 0 !important;
    box-sizing:border-box !important;
    overflow:hidden !important;
    line-height:20px !important;
    white-space:nowrap !important;
  }
  #news-lifting.rdesignr-field-notes-works-layout .rdesignr-field-note-card h3.post-box-photo-works-heading{
    grid-row:3 !important;
    display:-webkit-box !important;
    width:100% !important;
    height:40px !important;
    min-height:40px !important;
    max-height:40px !important;
    margin:0 !important;
    padding:1px 0 0 !important;
    box-sizing:border-box !important;
    -webkit-box-orient:vertical !important;
    -webkit-line-clamp:2 !important;
    overflow:hidden !important;
    line-height:18px !important;
  }
}

@media only screen and (max-width:880px){
  .rdesignr-contact-email-address{
    max-width:100% !important;
    height:68px !important;
    min-height:68px !important;
    padding:14px 20px !important;
    font-size:10px !important;
  }
}