.elementor-kit-6{--e-global-color-primary:#EDE9E1;--e-global-color-secondary:#8A7A56;--e-global-color-text:#A8A398;--e-global-color-accent:#B8A47A;--e-global-color-72fdca5d:#0A0A09;--e-global-color-93d162a6:#0E0E0C;--e-global-color-1458ee48:#070706;--e-global-color-173dc720:#121211;--e-global-color-02e4a6e5:#7A756B;--e-global-color-7faf67c4:rgba(184,164,122,0.16);--e-global-color-68a19a6d:rgba(237,233,225,0.08);--e-global-typography-primary-font-family:"Instrument Serif";--e-global-typography-primary-font-weight:400;--e-global-typography-primary-font-style:normal;--e-global-typography-primary-line-height:0.98em;--e-global-typography-primary-letter-spacing:-0.015em;--e-global-typography-secondary-font-family:"Instrument Serif";--e-global-typography-secondary-font-weight:400;--e-global-typography-secondary-font-style:italic;--e-global-typography-secondary-line-height:0.98em;--e-global-typography-secondary-letter-spacing:-0.015em;--e-global-typography-text-font-family:"JetBrains Mono";--e-global-typography-text-font-size:14px;--e-global-typography-text-font-weight:300;--e-global-typography-text-text-transform:none;--e-global-typography-text-line-height:1.85em;--e-global-typography-accent-font-family:"JetBrains Mono";--e-global-typography-accent-font-size:11px;--e-global-typography-accent-font-weight:400;--e-global-typography-accent-text-transform:uppercase;--e-global-typography-accent-line-height:1.75em;--e-global-typography-accent-letter-spacing:0.28em;--e-global-typography-8b955a47-font-family:"Instrument Serif";--e-global-typography-8b955a47-font-size:clamp(54px, 9.2vw, 150px);--e-global-typography-8b955a47-font-weight:400;--e-global-typography-8b955a47-line-height:0.92em;--e-global-typography-8b955a47-letter-spacing:-0.02em;--e-global-typography-e553e8b5-font-family:"Instrument Serif";--e-global-typography-e553e8b5-font-size:clamp(38px, 5.6vw, 80px);--e-global-typography-e553e8b5-font-weight:400;--e-global-typography-e553e8b5-line-height:0.98em;--e-global-typography-e553e8b5-letter-spacing:-0.015em;--e-global-typography-a8ca73c1-font-family:"Instrument Serif";--e-global-typography-a8ca73c1-font-size:clamp(21px, 2.4vw, 29px);--e-global-typography-a8ca73c1-font-weight:400;--e-global-typography-a8ca73c1-line-height:1.12em;--e-global-typography-66e34795-font-family:"Instrument Serif";--e-global-typography-66e34795-font-size:clamp(20px, 2.2vw, 30px);--e-global-typography-66e34795-font-weight:400;--e-global-typography-66e34795-line-height:1.05em;--e-global-typography-3ddba357-font-family:"Instrument Serif";--e-global-typography-3ddba357-font-size:clamp(38px, 5vw, 66px);--e-global-typography-3ddba357-font-weight:400;--e-global-typography-3ddba357-line-height:1em;--e-global-typography-ad3c63f8-font-family:"Instrument Serif";--e-global-typography-ad3c63f8-font-size:clamp(30px, 3.6vw, 46px);--e-global-typography-ad3c63f8-font-weight:400;--e-global-typography-ad3c63f8-line-height:1em;--e-global-typography-09151db6-font-family:"JetBrains Mono";--e-global-typography-09151db6-font-size:11px;--e-global-typography-09151db6-font-weight:300;--e-global-typography-09151db6-text-transform:uppercase;--e-global-typography-09151db6-letter-spacing:0.22em;--e-global-typography-512ee608-font-family:"JetBrains Mono";--e-global-typography-512ee608-font-size:13px;--e-global-typography-512ee608-font-weight:300;--e-global-typography-512ee608-text-transform:uppercase;--e-global-typography-512ee608-letter-spacing:0.24em;--e-global-typography-ecdf4db8-font-family:"JetBrains Mono";--e-global-typography-ecdf4db8-font-size:11.5px;--e-global-typography-ecdf4db8-font-weight:500;--e-global-typography-ecdf4db8-text-transform:uppercase;--e-global-typography-ecdf4db8-letter-spacing:0.26em;background-color:var( --e-global-color-72fdca5d );color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );text-transform:var( --e-global-typography-text-text-transform );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );word-spacing:var( --e-global-typography-text-word-spacing );}.elementor-kit-6 e-page-transition{background-color:#FFBC7D;}.elementor-kit-6 a{color:var( --e-global-color-accent );}.elementor-kit-6 a:hover{color:var( --e-global-color-primary );}body{overflow-x:inherit !important;}.elementor a, .elementor a:link, .elementor a:focus, .elementor a:active, .elementor a:hover{text-decoration:inherit !important;}.elementor a:link, .elementor .smooth-hover a:link, {transition:inherit;}.elementor-kit-6 h1{color:var( --e-global-color-primary );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );font-style:var( --e-global-typography-primary-font-style );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );word-spacing:var( --e-global-typography-primary-word-spacing );}.elementor-kit-6 h2{color:var( --e-global-color-primary );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );font-style:var( --e-global-typography-primary-font-style );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );word-spacing:var( --e-global-typography-primary-word-spacing );}.elementor-kit-6 h3{color:var( --e-global-color-primary );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );font-style:var( --e-global-typography-primary-font-style );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );word-spacing:var( --e-global-typography-primary-word-spacing );}.elementor-kit-6 h4{color:var( --e-global-color-primary );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );font-style:var( --e-global-typography-primary-font-style );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );word-spacing:var( --e-global-typography-primary-word-spacing );}.elementor-kit-6 h5{color:var( --e-global-color-primary );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );font-style:var( --e-global-typography-primary-font-style );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );word-spacing:var( --e-global-typography-primary-word-spacing );}.elementor-kit-6 h6{color:var( --e-global-color-primary );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );font-style:var( --e-global-typography-primary-font-style );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );word-spacing:var( --e-global-typography-primary-word-spacing );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-kit-6{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );word-spacing:var( --e-global-typography-text-word-spacing );}.elementor-kit-6 h1{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );word-spacing:var( --e-global-typography-primary-word-spacing );}.elementor-kit-6 h2{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );word-spacing:var( --e-global-typography-primary-word-spacing );}.elementor-kit-6 h3{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );word-spacing:var( --e-global-typography-primary-word-spacing );}.elementor-kit-6 h4{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );word-spacing:var( --e-global-typography-primary-word-spacing );}.elementor-kit-6 h5{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );word-spacing:var( --e-global-typography-primary-word-spacing );}.elementor-kit-6 h6{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );word-spacing:var( --e-global-typography-primary-word-spacing );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-kit-6{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );word-spacing:var( --e-global-typography-text-word-spacing );}.elementor-kit-6 h1{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );word-spacing:var( --e-global-typography-primary-word-spacing );}.elementor-kit-6 h2{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );word-spacing:var( --e-global-typography-primary-word-spacing );}.elementor-kit-6 h3{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );word-spacing:var( --e-global-typography-primary-word-spacing );}.elementor-kit-6 h4{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );word-spacing:var( --e-global-typography-primary-word-spacing );}.elementor-kit-6 h5{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );word-spacing:var( --e-global-typography-primary-word-spacing );}.elementor-kit-6 h6{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );word-spacing:var( --e-global-typography-primary-word-spacing );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}} /* Start custom CSS */:root{ --nod-gut: clamp(30px, 7.8vw, 156px); /* page gutter - the page's spine */ --nod-vpad: clamp(84px, 12vh, 150px); /* section vertical padding */ --nod-bar: 34px; /* ticker bar height */ --nod-hdr: calc(var(--nod-bar) + 102px); /* transparent header at rest: bar + 18 + 66px logo + 18 */ /* Hero photo band. The second term caps it by viewport HEIGHT so the copy area below it never falls below ~500px, which is what keeps the two CTAs above the fold when zoomed. The two terms cross at 100svh = 1067px (0.48H + 55 = H - 500), so every viewport taller than that - including the 1080px desktop, where it stays 573px - is completely unchanged; only shorter/zoomed viewports get the shorter photo. Raising 500 would start eating the approved desktop band, so re-derive the crossover before touching it. */ --nod-band: clamp(345px, min(calc(48svh + 55px), calc(100svh - 500px)), 595px); } /* ---- Ticker bar ---- */ /* Slow breathing brass dot. Non-scroll, so it does not belong to Motion.page. */ .nod-dot i, .nod-dot svg{ animation: nod-pulse 2.4s ease-in-out infinite; } @keyframes nod-pulse{ 0%, 100% { opacity: 1; } 50% { opacity: .35; } } /* Live numbers read brass against the ash label text. No native per-span control. */ #nod-ticker strong{ color: var(--e-global-color-accent); font-weight: 500; } /* Ticker must never wrap - it is a fixed 34px bar. */ #nod-ticker p{ white-space: nowrap; margin: 0; } #nod-ticker .elementor-widget-text-editor{ min-width: 0; } /* Tighten tracking once the centre column is gone, per spec section 4. */ @media (max-width: 767px){ #nod-ticker p{ letter-spacing: .1em; } } /* ---- Nav ---- */ /* The nav sits over the hero photo, so it must not take up layout space. */ #nod-header{ position: relative; z-index: 200; } .nod-logo img{ display: block; } /* ---- Sticky state (Sticky Header Effects toggles .she-header-transparent-yes) ---- */ /* The plugin's free shrink control is on/off with no amount, so the exact 66->46 logo and 18->12 padding from spec section 4 are done here. */ #nod-nav, .nod-logo img{ transition: padding .5s ease, width .5s ease, background-color .5s ease; } .she-header-transparent-yes #nod-nav{ padding-top: 12px; padding-bottom: 12px; /* Drop the photo scrim once stuck - the plugin paints the bar instead. */ background-image: none; } .she-header-transparent-yes .nod-logo img{ width: 112px; } /* 46px tall */ @media (max-width: 767px){ .she-header-transparent-yes .nod-logo img{ width: 92px; } /* 38px tall */ } /* ---- Nav countdown (was the hero countdown, moved at client request) ---- */ /* It sits immediately after the rule baked into the right edge of nod-logo.png. Digits 30px / labels 10px: the logo is 66px tall, so a 46px countdown block reads as clearly secondary to it while staying legible. Sizes live on the widget - only what Elementor has no control for is here. */ /* Pin each cell WIDER than its widest content. Pro gives the items flex-basis:0/flex-grow:1, so every cell equals the widest one - which means a 3-digit DAYS value fills its cell edge to edge while a 2-digit neighbour floats with slack, and the two read as colliding however much margin sits between them. Azeret Mono advances 0.6em, so 3 digits at 30px = 54px: a 56px floor keeps a sliver of air inside every cell. It also pins the width for the whole campaign - 115 days and 9 days now occupy identical cells, so the nav never reflows. */ .elementor-widget.nod-countdown--nav .elementor-countdown-item{ min-width: 56px; } /* Pro sets line-height:1 on both spans, so digits and label render touching. */ .elementor-widget.nod-countdown--nav .elementor-countdown-label{ margin-top: 6px; } /* Pro centres the wrapper and auto-margins it. Inside an auto-width flex child that only adds slack against the logo - left-align it to the rule instead. Four classes deliberately: Pro ships this at .elementor-widget-countdown .elementor-countdown--label-block .elementor-countdown-wrapper (0,3,0) AND widget-countdown.min.css loads AFTER this kit file, so a 0,3,0 rule here would tie and lose on source order. */ .elementor-widget.elementor-widget-countdown.nod-countdown--nav .elementor-countdown-wrapper{ justify-content: flex-start; margin-inline: 0; } /* ---- Where the countdown lives, by width ---- Measured, not guessed. The nav row needs ~1054px: logo 160 + countdown 296 + menu 335 + CTA 185 + 3 gaps x 26 = 1054 Countdown 296 = 4 cells x 56 + 3 gaps x 24 (see the min-width note above). The gutter is clamp(30px, 7.8vw, 156px), so a viewport V offers only 0.844V. 1054 / 0.844 = 1249px minimum; 1280px is the line, leaving ~26px of margin for font-metric error. It also lands on real hardware: 1280, 1366, 1440 and 1536 all keep the countdown; only 1249-1279 loses it. The menu does not collapse to the burger until 1024px, so everything from 1025px up to the threshold is a band where the full menu and the countdown both want the row and it overruns. 1280px is a layout measurement, not an Elementor breakpoint - same reason the 860px hero threshold below is hand-written. It has moved as the digits grew: 1200 at 22px digits, 1240 at 30px, 1280 once the cells were pinned to 56px. Change the digit size or the cell floor again and recompute this number. Above the line the nav carries the count, below it the hero block does, so the countdown is never absent from the page. !important because this kit file loads at #8, ahead of both widget-countdown.min.css (#10) and post-82.css (#25). */ @media (max-width: 1279px){ .elementor-widget.nod-countdown--nav{ display: none !important; } } @media (min-width: 1280px){ .elementor-element-herocdlb, .elementor-element-herocd01{ display: none !important; } } /* ---- Hero (spec 5.1) ---- */ /* Italic second line. Size/tracking still come from the Hero H1 global - only the slant is added here, so the type scale stays single-sourced. */ .nod-hero-h--italic .elementor-heading-title{ font-style: italic; } /* Gotcha 3: the italic y descender clips under a 0.92 line-height. */ .nod-hero-h .elementor-heading-title{ overflow: visible; padding-bottom: .06em; } /* The hero lede is its own token in the mockup - 13.5px/1.9, warmer than Body. */ /* Hero copy is centre-aligned as of 2026-08-07 (client request). The lede keeps its 38ch measure - a centred paragraph still needs a bounded line length - so it needs auto inline margins, otherwise the constrained box hugs the left edge of the full-width column and only its TEXT looks centred. */ #hero-lede{ max-width: 38ch; margin-inline: auto; color: #A29D92; font-size: 13.5px; line-height: 1.9; } #hero-lede strong{ color: var(--e-global-color-primary); font-weight: 400; } /* ---- Header reserve: hero copy was colliding with the nav (client, 2026-08-11) ---- The transparent header is position:absolute !important (the plugin's own she-header-style.css, .she-header-transparent-yes), so at scroll 0 it takes ZERO layout space and #hero begins at viewport y=0 underneath it. #hero is min-height:100vh + justify-content:flex-end, so the copy is bottom-anchored. That is fine while the stack is short, but the stack is almost entirely px-driven (eyebrow margins, h1 margin, button pad, countdown digits) while the container is vh-driven. Shorten the viewport and the stack keeps its height while 100vh shrinks, so the top of it rises into the nav band. Browser zoom does exactly that: 125% turns a 1080px-tall window into 864 CSS px. Nothing reserved the header, hence the overlap. The reserve itself is on the hero's own padding-top control (= --nod-hdr + 24px) so the editor shows the real number instead of a 0 the front end contradicts. The vh terms added alongside it (h1 size + margin, button pad, countdown digits, the row gap below) let the stack SHRINK as the viewport shortens rather than just shoving the countdown past the fold. Every vh term sits above its clamp ceiling at >=938px of viewport height, so the approved desktop view is byte-identical. */ #hero-content{ row-gap: clamp(12px, 2.5vh, 22px); } /* widget still reads a flat 30px */ /* ---- Header scrim on the band photo (client: nav hard to read, 2026-08-11) ---- Two things had eaten it. The crop moved to 50% 65% to rescue the trees, which pulled BRIGHT sky and foliage up behind the nav where the dark building wall used to be. Worse, the Elementor overlay control can only express two stops at PERCENTAGE positions, and it was set to fade out by 42% OF THE BAND HEIGHT - so once --nod-band started shrinking on short viewports the scrim shrank with it. Measured alpha at the header's bottom edge (136px) before this rule: 1080svh -> 0.22 927svh -> 0.12 754svh -> 0.03 (i.e. nothing at all) That is why it looked fine on a tall desktop and vanished on a phone. Keyed to --nod-hdr in PIXELS instead, so the ramp always covers the full header whatever the band is doing, and always finishes 90px below it so the rest of the photo is untouched. Four stops rather than two to keep the falloff smooth - which is also why this cannot live on the Elementor control. NOTE: the widget's own overlay control still reads the old 0.5/42% gradient, so the editor preview will disagree with the front end. This rule wins: (1,1,1) against Elementor's (0,3,1). */ #hero .nod-hero-band::before{ background-image: linear-gradient( 180deg, rgba(5,5,4,.92) 0, rgba(5,5,4,.82) calc(var(--nod-hdr) * .55), rgba(5,5,4,.48) var(--nod-hdr), /* +100 rather than +90: the higher value at the header edge needs a slightly longer run-out or the falloff starts to read as a hard band. */ rgba(5,5,4,0) calc(var(--nod-hdr) + 100px) ); } /* ---- Band clearance: copy was landing ON the facility photo (client at 175%, 2026-08-11) ---- Second half of the same story. The band is position:absolute pinned to the hero top, and an absolutely positioned box is laid out against its ancestor PADDING box, so the hero can grow its own padding-top without moving the photo. The reserve is therefore now the LARGER of the header and the band: max(--nod-hdr + 24, --nod-band + 18). Why not resize the copy, which is the obvious first instinct: at 175% zoom the viewport is ~1234x677 CSS px and --nod-band alone resolves to 380px, i.e. 56% of the screen HEIGHT. The stack is only ~481px and the lede is already 14px global Body Copy. Shrinking the h1, lede and buttons recovers ~40px against a ~240px shortfall - it cannot close the gap, it just makes the type small AND still overlapping. The band is the space hog, so the fix is to stop overlapping it rather than to fight it for room. Desktop is still untouched, and this is the arithmetic to preserve: at 1920x1080 the band is 573px so the reserve is 591px, but the bottom-anchored stack already starts at 611px - the reserve is not the binding constraint, the hero stays exactly 100vh and nothing moves. Between roughly 850px and 1000px of viewport height the reserve does bind and the hero grows past 100vh by ~40px, which is the deliberate trade: a short scroll instead of copy on a bright photo. Past ~150% zoom the hero is simply taller than the screen and the page scrolls, which is correct behaviour for that zoom level - the invariant that matters is that the eyebrow always starts 18px BELOW the photo. */ /* ---- Hero eyebrow: was wrapping to two lines (client, 2026-08-11) ---- "A PRIVATE IRON & WELLNESS CLUB - ALPHARETTA, GEORGIA" broke after "ALPHARETTA," and the extra line, in a bottom-anchored stack, pushed everything up onto the bright NOD sign in the band photo. TWO causes stacked, both Elementor defaults: 1. the separator was pinned to width:46% (widget control), and 2. widget-divider.min.css caps the text at max-width:95% OF THAT, so the text only ever had 0.95 x 0.46 = 43.7% of the content box. Fine at 1920px, not at ~1660px (a 1920 laptop at 115% zoom) where the line needs ~44%. The separator width control is now fit-content, floored at 46% here: on desktop the floor still wins so the rules keep their approved length, and once the text needs more room the BOX grows instead of the TEXT wrapping. The 100% ceiling means a genuinely narrow phone still wraps gracefully rather than overflowing the gutter. Scoped to elementor-element-heroeyeb, not .nod-eyebrow: the class is on 8 eyebrows and herocddt deliberately runs a 27% rule, which a 46% floor would visibly widen. max-width needs THREE classes - Elementor ships its cap at .elementor-widget-divider .elementor-divider__text (0,2,0) and widget-divider.min.css loads AFTER this kit file, so a 2-class rule here would tie and lose on source order. */ .elementor-widget-divider.elementor-element-heroeyeb .elementor-divider-separator{ min-width: 46%; max-width: 100%; } /* max-width:none lifts Elementor's 95% cap so the line can run full width on a desktop. But Elementor ALSO ships .elementor-divider__element{flex-shrink:0}, and that cap was the only thing forcing a wrap - so with it gone the text could neither shrink nor wrap and simply overflowed the separator, clipping "ALPHARETTA, GEORGIA" off the right edge on a phone and reading as left-aligned into the bargain. At 11px with .28em tracking those 51 characters want ~494px; a 440px phone offers 371px of content box. One line is not physically possible there - shrinking the type enough to fit would need ~8px, which is not a legible micro-label - so the right answer on mobile is two centred lines. min-width:0 + flex-shrink:1 restore that. They cost nothing on desktop: the separator is fit-content there, so it is already exactly max-content wide and there is no deficit to shrink into - the line stays single. */ .elementor-widget-divider.elementor-element-heroeyeb .elementor-divider__text{ max-width: none; min-width: 0; flex-shrink: 1; } /* ================= Hero teaser video (client request, 2026-08-11) ================= Markup + behaviour: wp-content/novamira-sandbox/nod-hero-video.php (auto-loaded by novamira/includes/sandbox-loader.php). Only look lives here, same split as the rest of this file. Not a popup plugin: JetPopup is not installed and not on disk (separate Crocoblock purchase, not part of JetEngine). Elementor Pro Popup was rejected because