/* Local review: composition and motion. Authored copy remains in the HTML. */
:root {--hp-motion-out:cubic-bezier(.32,.72,0,1);--hp-motion-press:cubic-bezier(.23,1,.32,1)}

/* Human stories: larger portraits and controls beside their introduction. */
[data-home-polish="stories"] {padding-block:64px 56px}
.hp-stories-heading {display:grid;gap:24px;margin-bottom:28px}
.hp-stories-heading h2 {max-width:770px!important;margin-bottom:16px}
.hp-stories-heading p {max-width:690px;margin:0!important}
.hp-review-controls > div {margin:0!important;justify-content:flex-start}
[data-home-polish="stories"] .carousel-arrow {width:48px;height:48px;border-radius:50%;border-color:#d5c9de;color:#38086f}
[data-home-polish="stories"] .carousel-arrow:disabled {opacity:.3;cursor:default}
[data-home-polish="stories"] #videoCarousel {padding-bottom:0;scroll-padding-inline:0;overscroll-behavior-x:contain}
[data-home-polish="stories"] .video-thumb {
 width:min(280px,calc(100vw - 76px))!important;height:auto!important;aspect-ratio:5 / 8;
 background:#eee7e1;box-shadow:none;touch-action:pan-x pan-y;
 transition:transform 120ms var(--hp-motion-press);
}
[data-home-polish="stories"] .video-thumb > img {transition:transform 180ms var(--hp-motion-press);user-select:none;-webkit-user-drag:none}
[data-home-polish="stories"] .video-thumb:active {transform:scale(.985)}
[data-home-polish="stories"] .video-thumb:focus-visible {outline:3px solid #38086f;outline-offset:4px}
[data-home-polish="stories"] .play-btn {width:56px;height:56px;box-shadow:0 2px 12px #17042d18}
.hp-review-progress {display:flex;align-items:center;gap:22px;margin-top:24px;color:#71667c;font-size:12px;font-variant-numeric:tabular-nums;letter-spacing:.08em}
.hp-review-progress > div {height:3px;flex:1;background:#eee8f2;border-radius:99px;overflow:hidden}
.hp-review-progress > div > span {display:block;height:100%;width:100%;background:#684382;transform:scaleX(.08333);transform-origin:left}
.hp-review-position {min-width:58px;text-align:right}

/* A clear invitation with the same approved phone illustration. */
[data-home-polish="contact-band"] {background:#fff;padding-top:16px;padding-bottom:64px}
[data-home-polish="contact-band"] > div > div {
 display:grid!important;grid-template-columns:minmax(0,1fr);gap:24px!important;
 padding:28px;background:#30075d;border-radius:24px;overflow:hidden;
}
[data-home-polish="contact-band"] .text-left {min-width:0}
[data-home-polish="contact-band"] h2 {color:#fff;max-width:650px;margin-bottom:18px}
[data-home-polish="contact-band"] p {color:#e2d5ec!important;font-size:16px;max-width:560px!important}
[data-home-polish="contact-band"] .flex-shrink-0 {width:100%;align-items:stretch}
[data-home-polish="contact-band"] .btn-primary {background:transparent;border:1px solid #fff;color:white}
[data-home-polish="contact-band"] .btn-secondary {background:#8de2c0;border:1px solid #8de2c0;color:#17042d}
.hp-contact-art {display:none}
.hp-contact-art img {width:100%;height:auto;max-width:280px;-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent),linear-gradient(180deg,transparent,#000 8%,#000 92%,transparent);mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent),linear-gradient(180deg,transparent,#000 8%,#000 92%,transparent);-webkit-mask-composite:source-in;mask-composite:intersect}

/* The original article becomes four readable chapters. Nothing is collapsed. */
/* Keep the page canvas white; beige belongs inside an inset content panel. */
body[data-site-motion="homepage-v4"] {background:#fff}
[data-home-polish="guide"] {background:#fff;padding:16px 24px 32px}
.hp-guide-layout {max-width:1272px;margin:auto;padding:32px 24px;display:grid;gap:28px;background:#faf8f4;border-radius:24px}
.hp-guide-intro h2 {margin-bottom:24px!important;max-width:420px}
.hp-chapter-nav {display:flex;gap:10px}
.hp-chapter-nav a {display:flex;align-items:center;justify-content:center;min-width:48px;min-height:48px;background:#fff;border:1px solid #e4dbe9;border-radius:50%;text-decoration:none;color:#76657f;font-size:13px;font-variant-numeric:tabular-nums}
.hp-chapter-nav a[aria-current="location"] {background:#38086f;border-color:#38086f;color:white}
.hp-chapter-label {display:none}
.hp-guide-chapters {min-width:0;display:grid;gap:14px}
.hp-guide-chapter {position:relative;padding:22px 20px 24px;border:1px solid #eee8e0;border-radius:24px;background:white;scroll-margin-top:16px;outline:none}
.hp-guide-chapter:focus-visible {outline:2px solid #38086f;outline-offset:4px}
.hp-chapter-number {display:block;color:#795888;font-size:12px;letter-spacing:.08em;font-variant-numeric:tabular-nums;margin-bottom:12px}
[data-home-polish="guide"] .hp-guide-chapter h3 {padding:0;border:0;font-size:21px;line-height:1.25;margin-bottom:16px;letter-spacing:-.025em;font-weight:560}
[data-home-polish="guide"] .hp-guide-chapter p {font-size:15px;line-height:1.65;margin-bottom:18px;color:#655870!important}
[data-home-polish="guide"] .hp-guide-chapter p:last-child {margin-bottom:0}
[data-home-polish="faq"] {background:#fff}
@media(max-width:639px) {
 .hp-guide-chapters {gap:0}
 .hp-guide-chapter {padding:24px 0;border:0;border-top:1px solid #e2d9ce;border-radius:0;background:transparent}
 .hp-guide-chapter:last-child {padding-bottom:0}
 .hp-guide-chapter .hp-chapter-number {margin-bottom:10px}
}

/* Posters stay visible while media is loading; only the selected video loads. */
#videoModal .video-modal-frame {position:relative;isolation:isolate;overflow:hidden;background:#17042d}
#videoModal[data-portrait="true"] .video-modal-frame {width:min(440px,calc(86dvh * .5625),calc(100vw - 32px));aspect-ratio:9/16;max-width:none}
#videoModal video {display:block;object-fit:contain;width:100%;height:100%}
.hp-video-poster {position:absolute;inset:0;pointer-events:none;z-index:1;opacity:0;transition:opacity 180ms var(--hp-motion-out)}
.hp-video-poster img {width:100%;height:100%;object-fit:contain}
#videoModal[data-media-state="pending"] .hp-video-poster,
#videoModal[data-media-state="loading"] .hp-video-poster,
#videoModal[data-media-state="error"] .hp-video-poster {opacity:1}
#videoModal[data-media-state="error"] .hp-video-poster {filter:brightness(.45)}
#videoModal[data-has-played="true"][data-media-state="pending"] .hp-video-poster,
#videoModal[data-has-played="true"][data-media-state="loading"] .hp-video-poster {opacity:0}
.hp-video-feedback {position:absolute;inset:0;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:24px;background:#17042d50;color:#fff;text-align:center}
.hp-video-feedback[hidden],.hp-video-retry[hidden] {display:none}
.hp-video-feedback p {font-family:TWKLausanne,Arial,sans-serif;font-size:15px;line-height:1.4;color:white;max-width:260px}
.hp-video-retry {padding:12px 24px;min-height:48px;border:0;border-radius:999px;background:#8de2c0;color:#17042d;font:600 15px TWKLausanne,Arial,sans-serif;cursor:pointer}
.hp-video-retry:focus-visible {outline:2px solid white;outline-offset:4px}
.hp-video-spinner {width:28px;height:28px;border:2px solid #ffffff45;border-top-color:white;border-radius:50%;animation:hp-spin 900ms linear infinite}
#videoModal[data-media-state="error"] .hp-video-spinner {display:none}
#videoModal button[aria-label="Close video"] {z-index:3;width:44px;height:44px}
@keyframes hp-spin {to {transform:rotate(360deg)}}

@media(min-width:640px) {
 .hp-stories-heading {grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:36px}
 [data-home-polish="stories"] .video-thumb {width:280px!important}
 [data-home-polish="contact-band"] > div > div {padding:40px}
 [data-home-polish="contact-band"] .flex-shrink-0 {width:auto}
 .hp-guide-chapter {padding:28px 32px}
}
@media(min-width:1024px) {
 [data-home-polish="stories"] {padding-block:80px 72px}
 .hp-stories-heading {margin-bottom:36px}
 [data-home-polish="stories"] .video-thumb {width:296px!important}
 [data-home-polish="contact-band"] > div > div {grid-template-columns:minmax(0,1fr) 290px;gap:24px 48px!important;padding:48px;position:relative}
 [data-home-polish="contact-band"] .text-left {grid-row:1;grid-column:1}
 [data-home-polish="contact-band"] .flex-shrink-0 {grid-row:2;grid-column:1;justify-self:start}
 .hp-contact-art {display:flex;align-items:center;justify-content:center;grid-row:1/3;grid-column:2;background:#e3cfee;margin:-48px -48px -48px 0;padding:28px}
 .hp-guide-layout {grid-template-columns:300px minmax(0,1fr);gap:48px;padding:48px}
 .hp-guide-intro {position:sticky;top:112px;align-self:start}
 .hp-chapter-nav {display:grid;gap:8px;margin-top:36px}
 .hp-chapter-nav a {justify-content:flex-start;align-items:flex-start;gap:14px;padding:12px 14px;border-radius:12px;border-color:transparent;background:transparent;line-height:1.45;font-size:13px}
 .hp-chapter-index {padding-top:1px;min-width:18px;font-size:11px}
 .hp-chapter-label {display:block}
 .hp-chapter-nav a[aria-current="location"] {background:#eee4f4;border-color:#eee4f4;color:#38086f}
 .hp-guide-chapter {display:grid;grid-template-columns:30px minmax(0,1fr);gap:18px;padding:32px}
 .hp-chapter-number {margin-top:5px}
 [data-home-polish="guide"] .hp-guide-chapter h3 {font-size:24px}
 [data-home-polish="guide"] .hp-guide-chapter p {font-size:16px}
 [data-home-polish="faq"] .lg\:col-span-2 {position:sticky;top:112px;align-self:start}
}
@media(hover:hover) and (pointer:fine) {
 [data-home-polish="stories"] .video-thumb:hover {transform:none;box-shadow:none}
 [data-home-polish="stories"] .video-thumb:hover > img {transform:scale(1.015)}
 [data-home-polish="stories"] .video-thumb:hover .play-btn {transform:translate(-50%,-50%) scale(1.04)}
 [data-home-polish="stories"] .video-thumb:active {transform:scale(.985)}
 .hp-chapter-nav a:hover {color:#38086f;border-color:#cdb8dc}
 [data-home-polish="contact-band"] .btn-primary:hover {background:#ffffff16}
}
@media(prefers-reduced-motion:reduce) {
 #videoModal {transition:opacity 100ms linear,visibility 100ms linear!important}
 #videoModal .video-modal-frame {transform:none!important;transition:none!important}
 .hp-video-poster {transition:opacity 100ms linear!important}
 .hp-video-spinner {animation:none}
 [data-home-polish="stories"] .video-thumb,[data-home-polish="stories"] .video-thumb > img {transform:none!important;transition:none!important}
 .hp-chapter-nav a {scroll-behavior:auto}
}