:root {
    --ivory:#FBF7F1;
    --paper:#FFFDFC;
    --ink:#2D2528;
    --muted:#73686B;
    --rose:#B56F76;
    --rose2:#9F5F67;
    --blush:#F8EEEA;
    --sage:#AAB9AE;
    --sage2:#E6EDE8;
    --gold:#C68B55;
    --gold2:#F2E4D3;
    --plum:#59415F;
    --line:#E6DAD5;
    --shadow:0 24px 70px rgba(45,37,40,.12);
    --radius:30px;
    --serif:Georgia,'Times New Roman',serif;
    --sans:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,'Segoe UI',Arial,sans-serif
}

* {
    box-sizing:border-box
}

html {
    scroll-behavior:smooth
}

body {
    margin:0;
    background:var(--ivory);
    color:var(--ink);
    font-family:var(--sans);
    line-height:1.56;
    text-rendering:optimizeLegibility
}

img {
    display:block;
    max-width:100%
}

a {
    color:inherit;
    text-decoration:none
}

button {
    font:inherit
}

.wrap {
    width:min(1180px,calc(100% - 40px));
    margin:auto
}

.serif {
    font-family:var(--serif)
}

.site-header {
    position:sticky;
    top:0;
    z-index:50;
    background:rgba(251,247,241,.91);
    backdrop-filter:blur(18px);
    border-bottom:1px solid rgba(230,218,213,.8)
}

.site-header .wrap {
    width:min(1280px,calc(100% - 32px))
}

.nav {
    height:82px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:18px
}

.brand {
    flex:0 0 auto
}

.brand img {
    width:62px;
    height:62px;
    object-fit:contain
}

.nav-links {
    display:flex;
    gap:20px;
    align-items:center;
    font-size:.87rem;
    font-weight:750;
    color:#64595C;
    white-space:nowrap;
    flex:0 1 auto
}

.nav-links a {
    white-space:nowrap
}

.nav-links a:hover {
    color:var(--rose2)
}

.nav-actions {
    display:flex;
    gap:8px;
    align-items:center;
    flex:0 0 auto;
    white-space:nowrap
}

.nav-actions .btn {
    white-space:nowrap;
    padding-left:18px;
    padding-right:18px
}

.menu {
    display:none;
    border:0;
    background:transparent;
    font-size:1.5rem;
    color:var(--ink)
}

.btn {
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:9px;
    min-height:52px;
    padding:0 24px;
    border-radius:999px;
    border:1px solid transparent;
    font-weight:850;
    font-size:.94rem;
    cursor:pointer;
    transition:.18s ease
}

.btn:hover {
    transform:translateY(-2px)
}

.btn-primary {
    background:var(--rose);
    color:white;
    box-shadow:0 12px 28px rgba(181,111,118,.25)
}

.btn-primary:hover {
    background:var(--rose2)
}

.btn-light {
    background:rgba(255,255,255,.76);
    border-color:#DCCBC6
}

.btn-plum {
    background:var(--plum);
    color:#fff
}

.btn-ghost {
    border-color:#D7C8C2;
    background:transparent
}

.eyebrow {
    margin:0 0 12px;
    color:var(--rose2);
    font-size:.75rem;
    font-weight:900;
    text-transform:uppercase;
    letter-spacing:.14em
}

h1,h2,h3 {
    font-family:var(--serif);
    font-weight:500;
    line-height:1.04;
    margin:0
}

h1 {
    font-size:clamp(3.2rem,6.7vw,6.5rem);
    letter-spacing:-.05em
}

h2 {
    font-size:clamp(2.35rem,4.4vw,4.4rem);
    letter-spacing:-.038em
}

h3 {
    font-size:clamp(1.35rem,2vw,1.95rem)
}

p {
    margin:0
}

.lead {
    font-size:clamp(1.06rem,1.65vw,1.28rem);
    color:#5E5356;
    max-width:720px
}

.section {
    padding:108px 0
}

.section-head {
    display:flex;
    align-items:end;
    justify-content:space-between;
    gap:34px;
    margin-bottom:42px
}

.section-head>div {
    max-width:790px
}

.hero {
    position:relative;
    overflow:hidden;
    padding:72px 0 92px
}

.hero:before {
    content:'';
    position:absolute;
    width:700px;
    height:700px;
    border-radius:50%;
    right:-240px;
    top:-280px;
    background:radial-gradient(circle,rgba(181,111,118,.16),transparent 68%)
}

.hero-grid {
    display:grid;
    grid-template-columns:1.02fr .98fr;
    gap:56px;
    align-items:center
}

.hero-copy {
    position:relative;
    z-index:2
}

.hero-copy .lead {
    margin-top:25px
}

.hero-actions {
    display:flex;
    flex-wrap:wrap;
    gap:12px;
    margin-top:31px
}

.hero-trust {
    display:flex;
    flex-wrap:wrap;
    gap:17px 25px;
    margin-top:27px;
    font-size:.84rem;
    color:#706568;
    font-weight:750
}

.hero-trust span:before {
    content:'\2022';
    color:var(--sage);
    margin-right:8px
}

.hero-visual {
    position:relative;
    min-height:610px
}

.hero-photo {
    position:absolute;
    inset:12px 0 52px 18px;
    border-radius:38px;
    overflow:hidden;
    box-shadow:var(--shadow);
    background:#52372a
}

.hero-photo img {
    width:100%;
    height:100%;
    object-fit:cover
}

.hero-card {
    position:absolute;
    left:-18px;
    bottom:0;
    width:min(365px,78%);
    background:rgba(255,253,252,.95);
    border:1px solid rgba(255,255,255,.9);
    backdrop-filter:blur(12px);
    border-radius:24px;
    padding:22px;
    box-shadow:0 18px 45px rgba(45,37,40,.16)
}

.hero-card-top {
    display:flex;
    gap:14px;
    align-items:center
}

.mini-mark {
    width:56px;
    height:56px;
    border-radius:18px;
    background:var(--blush);
    display:grid;
    place-items:center;
    color:var(--rose2);
    font-family:var(--serif);
    font-size:2rem
}

.hero-card strong {
    font-family:var(--serif);
    font-size:1.4rem;
    font-weight:600
}

.hero-card p {
    font-size:.87rem;
    color:#6B6063;
    margin-top:3px
}

.score {
    margin-top:15px;
    display:flex;
    align-items:center;
    gap:10px;
    font-size:.75rem;
    font-weight:800;
    color:#7A6F72
}

.track {
    height:7px;
    border-radius:99px;
    background:#EFE3DE;
    flex:1;
    overflow:hidden
}

.track i {
    display:block;
    width:82%;
    height:100%;
    background:var(--sage)
}

.why {
    background:linear-gradient(180deg,#FFFDFC,#F7F0EB);
    border-block:1px solid var(--line)
}

.why-grid {
    display:grid;
    grid-template-columns:.93fr 1.07fr;
    gap:70px;
    align-items:center
}

.why-quote {
    font-family:var(--serif);
    font-size:clamp(2rem,3.6vw,3.65rem);
    line-height:1.08;
    letter-spacing:-.03em
}

.why-copy {
    margin-top:22px;
    color:#685D60;
    max-width:540px
}

.insights {
    display:grid;
    gap:13px
}

.insight {
    display:grid;
    grid-template-columns:50px 1fr;
    gap:15px;
    padding:21px;
    border-radius:20px;
    background:#fff;
    border:1px solid var(--line);
    box-shadow:0 10px 30px rgba(45,37,40,.05)
}

.insight:nth-child(2) {
    background:var(--sage2)
}

.insight:nth-child(3) {
    background:var(--gold2)
}

.insight .icon {
    width:44px;
    height:44px;
    border-radius:14px;
    background:var(--blush);
    display:grid;
    place-items:center;
    font-family:var(--serif);
    font-size:1.4rem;
    color:var(--rose2)
}

.insight b {
    display:block;
    margin-bottom:3px
}

.insight p {
    font-size:.9rem;
    color:#675C5F
}

.journey-grid {
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:17px
}

.journey-card {
    background:#fff;
    border:1px solid var(--line);
    border-radius:26px;
    overflow:hidden;
    box-shadow:0 12px 40px rgba(45,37,40,.06)
}

.journey-card img {
    width:100%;
    aspect-ratio:1.78;
    object-fit:cover
}

.journey-body {
    padding:23px
}

.journey-step {
    font-size:.73rem;
    color:var(--rose2);
    text-transform:uppercase;
    font-weight:900;
    letter-spacing:.12em
}

.journey-body h3 {
    margin:8px 0 10px
}

.journey-body p {
    font-size:.9rem;
    color:#675C5F
}

.journey-tag {
    display:inline-block;
    margin-top:15px;
    padding:7px 10px;
    border-radius:999px;
    background:var(--blush);
    font-size:.72rem;
    font-weight:850;
    color:var(--rose2)
}

.archetypes {
    background:var(--ink);
    color:white;
    position:relative;
    overflow:hidden
}

.archetypes:before {
    content:'';
    position:absolute;
    left:-220px;
    bottom:-260px;
    width:680px;
    height:680px;
    border-radius:50%;
    background:radial-gradient(circle,rgba(198,139,85,.19),transparent 68%)
}

.archetypes .eyebrow {
    color:#E7B7BC
}

.archetypes .lead {
    color:#D9CFD2
}

.arch-grid {
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:16px;
    position:relative;
    z-index:2
}

.arch-card {
    border:1px solid rgba(255,255,255,.13);
    background:rgba(255,255,255,.035);
    border-radius:22px;
    overflow:hidden;
    padding:0;
    cursor:pointer;
    color:#fff;
    transition:.2s ease
}

.arch-card:hover {
    transform:translateY(-5px);
    border-color:rgba(255,255,255,.28);
    background:rgba(255,255,255,.07)
}

.arch-card img {
    width:100%;
    aspect-ratio:1.5;
    object-fit:cover
}

.arch-card span {
    display:block;
    padding:14px 12px 15px;
    font-family:var(--serif);
    font-size:1.15rem
}

.arch-note {
    color:#CFC4C7;
    max-width:810px;
    margin-top:22px;
    font-size:.92rem
}

.snapshot {
    background:#fffdfb
}

.snapshot-grid {
    display:grid;
    grid-template-columns:.95fr 1.05fr;
    gap:54px;
    align-items:center
}

.mock-report {
    border:1px solid var(--line);
    background:white;
    border-radius:30px;
    padding:18px;
    box-shadow:var(--shadow)
}

.mock-report img {
    border-radius:22px;
    width:100%;
    aspect-ratio:1.78;
    object-fit:cover
}

.report-result {
    display:grid;
    grid-template-columns:140px 1fr;
    gap:18px;
    margin-top:16px;
    padding:18px;
    background:var(--blush);
    border-radius:18px
}

.result-badge {
    width:110px;
    height:110px;
    border-radius:50%;
    display:grid;
    place-items:center;
    margin:auto;
    background:var(--rose);
    color:#fff;
    font-family:var(--serif);
    font-size:3rem;
    box-shadow:inset 0 0 0 4px rgba(255,255,255,.6)
}

.result-copy strong {
    font-family:var(--serif);
    font-size:1.9rem
}

.result-copy p {
    font-size:.88rem;
    color:#655A5D;
    margin-top:5px
}

.result-copy .percent {
    font-family:var(--serif);
    font-size:2rem;
    color:var(--rose2);
    margin-top:7px
}

.bullets {
    display:grid;
    gap:15px;
    margin-top:28px
}

.bullet {
    display:flex;
    gap:13px
}

.check {
    width:26px;
    height:26px;
    border-radius:50%;
    background:var(--sage2);
    display:grid;
    place-items:center;
    color:#63766A;
    font-weight:900;
    flex:0 0 26px
}

.bullet b {
    display:block;
    margin-bottom:2px
}

.bullet p {
    font-size:.9rem;
    color:#6A5F62
}

.couple {
    background:var(--plum);
    color:#fff
}

.couple-grid {
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:52px;
    align-items:center
}

.couple-photo {
    border-radius:32px;
    overflow:hidden;
    box-shadow:0 25px 70px rgba(18,8,20,.28)
}

.couple-photo img {
    width:100%;
    aspect-ratio:1.6;
    object-fit:cover
}

.couple .eyebrow {
    color:#F0C0C5
}

.couple .lead {
    color:#E0D8DC
}

.privacy-list {
    display:grid;
    gap:13px;
    margin-top:28px
}

.privacy-item {
    display:flex;
    gap:14px;
    padding:15px 0;
    border-bottom:1px solid rgba(255,255,255,.14)
}

.privacy-item:last-child {
    border:0
}

.lock {
    width:42px;
    height:42px;
    border-radius:14px;
    background:rgba(255,255,255,.11);
    display:grid;
    place-items:center;
    flex:0 0 42px
}

.privacy-item b {
    display:block;
    margin-bottom:2px
}

.privacy-item p {
    font-size:.88rem;
    color:#D9CED3
}

.membership-card {
    position:relative;
    overflow:hidden;
    border:1px solid var(--line);
    border-radius:34px;
    background:linear-gradient(120deg,#fffdfc,#f7ece9 62%,#efe8f0);
    box-shadow:0 18px 60px rgba(45,37,40,.08);
    display:grid;
    grid-template-columns:.92fr 1.08fr;
    gap:0
}

.membership-img img {
    width:100%;
    height:100%;
    min-height:440px;
    object-fit:cover
}

.membership-copy {
    padding:48px
}

.member-points {
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:11px;
    margin:26px 0 28px
}

.member-point {
    background:rgba(255,255,255,.68);
    border:1px solid rgba(230,218,213,.95);
    border-radius:16px;
    padding:15px
}

.member-point b {
    display:block;
    font-size:.9rem;
    margin-bottom:3px
}

.member-point span {
    font-size:.8rem;
    color:#6E6366
}

.quick-check {
    padding:115px 0;
    text-align:center;
    position:relative;
    overflow:hidden
}

.quick-check:before {
    content:'';
    position:absolute;
    left:50%;
    top:50%;
    transform:translate(-50%,-50%);
    width:900px;
    height:520px;
    border-radius:50%;
    background:radial-gradient(circle,rgba(181,111,118,.15),transparent 67%)
}

.quick-inner {
    position:relative;
    z-index:2;
    max-width:850px;
    margin:auto
}

.quick-inner .lead {
    margin:20px auto 28px
}

.quick-details {
    display:flex;
    justify-content:center;
    gap:26px;
    flex-wrap:wrap;
    color:#6D6265;
    font-size:.83rem;
    font-weight:800;
    margin-bottom:30px
}

.quick-details span:before {
    content:'\2713';
    color:#718678;
    margin-right:7px
}

footer {
    border-top:1px solid var(--line);
    background:#F7F0EB;
    padding:37px 0 44px
}

.footer-grid {
    display:flex;
    justify-content:space-between;
    align-items:flex-start;
    gap:30px
}

.footer-grid img {
    width:84px;
    height:84px;
    object-fit:contain
}

.footer-copy {
    margin-top:12px;
    max-width:490px;
    font-size:.8rem;
    color:#756A6D
}

.footer-links {
    display:flex;
    gap:20px;
    flex-wrap:wrap;
    font-size:.8rem;
    color:#6B6063;
    font-weight:750
}

.modal {
    position:fixed;
    inset:0;
    z-index:90;
    display:none;
    place-items:center;
    padding:20px;
    background:rgba(30,23,26,.76);
    backdrop-filter:blur(8px)
}

.modal.open {
    display:grid
}

.modal-panel {
    width:min(640px,100%);
    background:#fffdfb;
    border-radius:28px;
    padding:24px;
    position:relative;
    box-shadow:0 28px 100px rgba(0,0,0,.3)
}

.modal-panel img {
    width:100%;
    max-height:365px;
    object-fit:cover;
    border-radius:20px
}

.modal-panel h3 {
    font-size:2.25rem;
    text-align:center;
    margin-top:17px
}

.modal-panel p {
    text-align:center;
    color:#675C5F;
    max-width:480px;
    margin:9px auto 0
}

.modal-close {
    position:absolute;
    right:12px;
    top:12px;
    width:40px;
    height:40px;
    border-radius:50%;
    border:1px solid var(--line);
    background:#fff;
    cursor:pointer;
    font-size:1.25rem;
    z-index:2
}

.reveal {
    opacity:0;
    transform:translateY(15px);
    transition:opacity .6s ease,transform .6s ease
}

.reveal.on {
    opacity:1;
    transform:none
}

@media(max-width:1160px) {
    .nav-links {
        display:none
    }

    .menu {
        display:block
    }

    .hero-grid,.why-grid,.snapshot-grid,.couple-grid {
        grid-template-columns:1fr
    }

    .hero-visual {
        min-height:540px
    }

    .journey-grid {
        grid-template-columns:1fr 1fr
    }

    .arch-grid {
        grid-template-columns:repeat(3,1fr)
    }

    .membership-card {
        grid-template-columns:1fr
    }

    .membership-img img {
        min-height:330px;
        max-height:460px
    }

}

@media(max-width:720px) {
    .wrap {
        width:min(100% - 26px,1180px)
    }

    .section {
        padding:80px 0
    }

    .nav {
        height:72px
    }

    .brand img {
        width:54px;
        height:54px
    }

    .nav-actions .btn {
        display:none
    }

    h1 {
        font-size:clamp(3rem,15vw,4.7rem)
    }

    .hero {
        padding-top:48px
    }

    .hero-visual {
        min-height:420px
    }

    .hero-photo {
        inset:0 0 42px 0;
        border-radius:27px
    }

    .hero-card {
        left:10px;
        right:10px;
        width:auto;
        padding:17px
    }

    .journey-grid {
        grid-template-columns:1fr
    }

    .arch-grid {
        grid-template-columns:1fr 1fr
    }

    .arch-card img {
        aspect-ratio:1.35
    }

    .section-head {
        display:block
    }

    .section-head .lead {
        margin-top:14px
    }

    .report-result {
        grid-template-columns:1fr;
        text-align:center
    }

    .member-points {
        grid-template-columns:1fr
    }

    .membership-copy {
        padding:30px 24px
    }

    .footer-grid {
        display:block
    }

    .footer-links {
        margin-top:24px
    }

}

@media(max-width:440px) {
    .arch-grid {
        grid-template-columns:1fr
    }

    .hero-actions .btn {
        width:100%
    }

}

/* V4.2.3 - signed-in Quick Fit progress */
.quickfit-progress-card {
    margin-top:18px;
    max-width:650px;
    padding:16px 18px 15px;
    border:1px solid rgba(181,111,118,.22);
    border-radius:20px;
    background:linear-gradient(135deg,rgba(255,253,252,.96),rgba(248,238,234,.88));
    box-shadow:0 14px 36px rgba(45,37,40,.07)
}

.quickfit-progress-top {
    display:flex;
    justify-content:space-between;
    align-items:flex-end;
    gap:18px
}

.quickfit-progress-top strong {
    display:block;
    margin-top:2px;
    font-family:var(--serif);
    font-size:1.08rem;
    font-weight:500;
    color:var(--ink)
}

.quickfit-progress-kicker {
    display:block;
    font-size:.68rem;
    letter-spacing:.11em;
    text-transform:uppercase;
    font-weight:900;
    color:var(--rose2)
}

.quickfit-progress-percent {
    flex:0 0 auto;
    font-family:var(--serif);
    font-size:1.35rem;
    color:var(--plum)
}

.quickfit-progress-track {
    height:8px;
    margin-top:12px;
    overflow:hidden;
    border-radius:999px;
    background:#eadfdb
}

.quickfit-progress-track i {
    display:block;
    height:100%;
    min-width:4px;
    border-radius:999px;
    background:linear-gradient(90deg,var(--rose),var(--plum))
}

.quickfit-progress-meta {
    display:flex;
    flex-wrap:wrap;
    gap:7px 16px;
    margin-top:10px;
    font-size:.73rem;
    font-weight:750;
    color:#766a6d
}

.quickfit-progress-meta span {
    position:relative
}

.quickfit-progress-meta span+span:before {
    content:'\00b7';
    position:absolute;
    left:-10px;
    color:#b6a9ac
}

@media(max-width:720px) {
    .quickfit-progress-card {
        padding:15px 16px
    }

    .quickfit-progress-meta {
        display:grid;
        gap:3px
    }

    .quickfit-progress-meta span+span:before {
        display:none
    }
}



/* V4.3 - completed Quick Fit state */
.quickfit-complete-card {
    border-color:rgba(109,76,116,.22);
    background:linear-gradient(135deg,rgba(255,253,252,.98),rgba(242,235,244,.92))
}

.quickfit-complete-check {
    display:grid;
    place-items:center;
    width:38px;
    height:38px;
    border-radius:50%;
    background:var(--plum);
    color:#fff;
    font-size:1rem;
    font-weight:900;
    box-shadow:0 8px 22px rgba(89,55,95,.18)
}

.quickfit-complete-influences {
    display:flex;
    flex-wrap:wrap;
    gap:8px;
    margin-top:13px
}

.quickfit-complete-influences span {
    padding:6px 10px;
    border:1px solid rgba(109,76,116,.14);
    border-radius:999px;
    background:rgba(255,255,255,.72);
    font-size:.72rem;
    font-weight:800;
    color:#6f6268
}


/* V4.3.1 - distinguish live saved result from marketing example */
.snapshot-result-state {
    display:block;
    margin-bottom:4px;
    color:var(--rose2);
    font-size:.62rem;
    font-weight:900;
    letter-spacing:.11em;
    text-transform:uppercase
}


/* LIP-UX-003a - Public LIP and IF reframe */
.hero-follow{color:var(--rose2)}
.lip-equation{
 display:flex;
 flex-wrap:wrap;
 align-items:center;
 gap:10px;
 margin-top:18px;
 color:var(--plum);
 font-weight:900;
}
.lip-equation span{
 padding:8px 12px;
 border:1px solid rgba(114,76,105,.16);
 border-radius:999px;
 background:rgba(255,255,255,.76);
}
.lip-equation b{
 color:var(--rose2);
 font-size:1.05rem;
}
.section-anchor{
 display:block;
 position:relative;
 top:-84px;
 visibility:hidden;
}
.lip-if-public-note{
 padding:0 0 12px;
 background:var(--cream);
}
.lip-if-public-note .wrap{
 padding:18px 22px;
 border:1px solid rgba(181,111,118,.18);
 border-radius:20px;
 background:#fbf1f2;
}
.lip-if-public-note strong{
 color:var(--plum);
 font-family:var(--serif);
 font-size:1.1rem;
}
.lip-if-public-note p{
 margin:6px 0 0;
 color:var(--muted);
 line-height:1.55;
}

/* HOME-VIDEO-001a - entire poster is the play target */
.hero-video-visual {
    min-height:610px
}

.hero-video-shell {
    background:#f7efec
}

.hero-video {
    display:block;
    width:100%;
    height:100%;
    object-fit:contain;
    background:#f7efec
}

.hero-video-play {
    position:absolute;
    inset:0;
    z-index:4;
    display:flex;
    align-items:center;
    justify-content:center;
    width:100%;
    height:100%;
    padding:0;
    border:0;
    background:transparent;
    color:#fff;
    cursor:pointer
}

.hero-video-play[hidden] {
    display:none
}

.hero-video-play-content {
    display:flex;
    align-items:center;
    gap:11px;
    padding:12px 18px 12px 12px;
    border:1px solid rgba(255,255,255,.86);
    border-radius:999px;
    background:rgba(51,30,47,.88);
    box-shadow:0 14px 34px rgba(45,37,40,.24);
    backdrop-filter:blur(7px);
    font:800 .92rem/1.1 Arial,sans-serif;
    transition:transform .16s ease,background .16s ease,box-shadow .16s ease
}

.hero-video-play:hover .hero-video-play-content,
.hero-video-play:focus-visible .hero-video-play-content {
    transform:scale(1.045);
    background:rgba(114,49,81,.94);
    box-shadow:0 17px 38px rgba(45,37,40,.3)
}

.hero-video-play:focus-visible {
    outline:3px solid rgba(141,63,101,.45);
    outline-offset:-5px
}

.hero-video-play-icon {
    display:grid;
    place-items:center;
    width:50px;
    height:50px;
    flex:0 0 50px;
    border-radius:50%;
    background:#fff;
    color:#8d3f65;
    font-size:1.12rem;
    line-height:1;
    padding-left:3px
}

.hero-video-play-label {
    white-space:nowrap
}

@media(max-width:760px) {
    .hero-video-visual {
        min-height:420px
    }

    .hero-video-play-content {
        padding:9px 13px 9px 9px;
        font-size:.82rem
    }

    .hero-video-play-icon {
        width:42px;
        height:42px;
        flex-basis:42px
    }
}