/* =====================================================
   AKEELA DENTAL CARE
   SEDATION DENTISTRY
===================================================== */

:root {

    --sd-teal: #009DA5;
    --sd-teal-dark: #007F86;
    --sd-orange: #F3754B;

    --sd-ink: #173B3D;
    --sd-text: #627778;
    --sd-muted: #7B9091;

    --sd-soft: #EAF8F8;
    --sd-offwhite: #F7FAFA;

    --sd-line: #DCEBEC;
    --sd-white: #FFFFFF;

    --sd-ease: cubic-bezier(.16,1,.3,1);
}


* {
    box-sizing: border-box;
}


html {
    scroll-behavior: smooth;
}


body {
    overflow-x: hidden;
}


.sd-container {

    width:
        min(1180px, calc(100% - 80px));

    margin:
        0 auto;
}


/* =====================================================
   HERO
===================================================== */

.sd-hero {

    position:
        relative;

    min-height:
        690px;

    overflow:
        hidden;

    background:
        #10383A;

    color:
        #fff;
}


.sd-hero-image,
.sd-hero-overlay {

    position:
        absolute;

    inset:
        0;
}


.sd-hero-image img {

    width:
        100%;

    height:
        100%;

    object-fit:
        cover;

    display:
        block;

    transform:
        scale(1.03);

    transition:
        transform 1.2s var(--sd-ease);
}


.sd-hero:hover .sd-hero-image img {

    transform:
        scale(1.055);
}


.sd-hero-overlay {

    background:
        linear-gradient(
            90deg,
            rgba(7,39,41,.95) 0%,
            rgba(7,39,41,.76) 38%,
            rgba(7,39,41,.38) 72%,
            rgba(7,39,41,.12) 100%
        );
}


.sd-hero-inner {

    position:
        relative;

    z-index:
        2;

    min-height:
        690px;

    display:
        flex;

    flex-direction:
        column;

    justify-content:
        center;
}


.sd-hero-kicker {

    display:
        flex;

    align-items:
        center;

    gap:
        12px;

    margin-bottom:
        28px;

    color:
        var(--sd-orange);

    font-size:
        10px;

    font-weight:
        800;

    letter-spacing:
        3px;
}


.sd-hero-kicker span {

    width:
        38px;

    height:
        1px;

    background:
        var(--sd-orange);
}


.sd-hero h1 {

    max-width:
        900px;

    margin:
        0;

    font-family:
        Georgia, serif;

    font-size:
        clamp(53px, 6.8vw, 91px);

    font-weight:
        400;

    line-height:
        .94;

    letter-spacing:
        -2.5px;
}


.sd-hero h1 em {

    display:
        block;

    color:
        var(--sd-orange);

    font-style:
        italic;
}


.sd-hero-inner > p {

    max-width:
        570px;

    margin:
        31px 0 0;

    color:
        rgba(255,255,255,.77);

    font-size:
        15px;

    line-height:
        1.85;
}


.sd-hero-actions {

    display:
        flex;

    gap:
        11px;

    margin-top:
        32px;
}


.sd-btn-primary,
.sd-btn-secondary {

    min-height:
        49px;

    padding:
        0 23px;

    display:
        inline-flex;

    align-items:
        center;

    justify-content:
        center;

    gap:
        12px;

    font-size:
        10px;

    font-weight:
        800;

    transition:
        transform .3s ease;
}


.sd-btn-primary {

    color:
        #fff;

    background:
        var(--sd-orange);
}


.sd-btn-secondary {

    color:
        #fff;

    border:
        1px solid
        rgba(255,255,255,.34);
}


.sd-btn-primary:hover,
.sd-btn-secondary:hover {

    transform:
        translateY(-3px);
}


.sd-btn-secondary span {

    color:
        var(--sd-orange);

    font-size:
        15px;
}


.sd-hero-meta {

    position:
        absolute;

    left:
        0;

    right:
        0;

    bottom:
        28px;

    padding-top:
        18px;

    border-top:
        1px solid
        rgba(255,255,255,.22);

    display:
        flex;

    align-items:
        center;

    gap:
        15px;

    color:
        rgba(255,255,255,.54);

    font-size:
        8px;

    font-weight:
        800;

    letter-spacing:
        2px;
}


.sd-hero-meta i {

    width:
        4px;

    height:
        4px;

    border-radius:
        50%;

    background:
        var(--sd-orange);
}


/* =====================================================
   LABEL
===================================================== */

.sd-label {

    display:
        flex;

    align-items:
        center;

    gap:
        12px;

    color:
        var(--sd-teal);

    font-size:
        9px;

    font-weight:
        800;

    letter-spacing:
        2.4px;
}


.sd-label span {

    width:
        34px;

    height:
        1px;

    flex-shrink:
        0;

    background:
        var(--sd-orange);
}


.sd-label-light {

    color:
        rgba(255,255,255,.72);
}


/* =====================================================
   INTRO
===================================================== */

.sd-intro {

    padding:
        140px 0;

    background:
        #fff;
}


.sd-intro-grid {

    display:
        grid;

    grid-template-columns:
        .88fr 1.12fr;

    gap:
        95px;

    align-items:
        center;
}


.sd-intro-visual {

    position:
        relative;
}


.sd-intro-image {

    width:
        100%;

    aspect-ratio:
        4 / 4.9;

    overflow:
        hidden;

    border-radius:
        8px;

    background:
        var(--sd-soft);

    box-shadow:
        0 28px 75px
        rgba(16,45,47,.13);
}


.sd-intro-image img {

    width:
        100%;

    height:
        100%;

    display:
        block;

    object-fit:
        cover;

    transition:
        transform .8s var(--sd-ease);
}


.sd-intro-image:hover img {

    transform:
        scale(1.045);
}


.sd-image-caption {

    position:
        absolute;

    left:
        20px;

    right:
        20px;

    bottom:
        20px;

    padding-top:
        17px;

    border-top:
        1px solid
        rgba(255,255,255,.42);

    display:
        flex;

    justify-content:
        space-between;

    gap:
        15px;

    color:
        #fff;

    font-size:
        8px;

    font-weight:
        800;

    letter-spacing:
        1.5px;
}


.sd-intro-content h2 {

    margin:
        27px 0 24px;

    font-family:
        Georgia, serif;

    font-size:
        clamp(38px, 4.7vw, 58px);

    font-weight:
        400;

    line-height:
        .99;

    letter-spacing:
        -1.5px;
}


.sd-intro-content h2 em {

    display:
        block;

    color:
        var(--sd-orange);

    font-style:
        italic;
}


.sd-intro-content > p {

    max-width:
        630px;

    margin:
        0 0 18px;

    color:
        var(--sd-text);

    font-size:
        14px;

    line-height:
        1.9;
}


.sd-intro-content .sd-lead {

    color:
        #354D4E;

    font-size:
        18px;

    line-height:
        1.7;
}


.sd-divider {

    width:
        100%;

    height:
        1px;

    margin:
        34px 0 22px;

    background:
        var(--sd-line);
}


.sd-comfort-row {

    display:
        grid;

    grid-template-columns:
        42px 1fr;

    gap:
        16px;

    padding:
        18px 0;

    border-bottom:
        1px solid
        var(--sd-line);
}


.sd-comfort-row > span {

    color:
        var(--sd-orange);

    font-family:
        Georgia, serif;

    font-size:
        19px;
}


.sd-comfort-row strong {

    display:
        block;

    margin-bottom:
        5px;

    color:
        var(--sd-ink);

    font-size:
        13px;
}


.sd-comfort-row p {

    margin:
        0;

    color:
        var(--sd-text);

    font-size:
        12px;

    line-height:
        1.7;
}


/* =====================================================
   OPTIONS
===================================================== */

.sd-options {

    padding:
        130px 0;

    background:
        var(--sd-soft);
}


.sd-options-header {

    display:
        grid;

    grid-template-columns:
        1fr .75fr;

    gap:
        100px;

    align-items:
        end;

    margin-bottom:
        58px;
}


.sd-options-header h2 {

    max-width:
        720px;

    margin:
        27px 0 0;

    font-size:
        clamp(39px, 4.8vw, 58px);

    font-weight:
        500;

    line-height:
        .98;

    letter-spacing:
        -1.5px;
}


.sd-options-header h2 em {

    display:
        block;

    color:
        var(--sd-orange);

    font-family:
        Georgia, serif;

    font-weight:
        400;
}


.sd-options-header > p {

    margin:
        0;

    color:
        var(--sd-text);

    font-size:
        13px;

    line-height:
        1.85;
}


.sd-option-grid {

    display:
        grid;

    grid-template-columns:
        repeat(4,1fr);
}


.sd-option-card {

    position:
        relative;

    min-height:
        405px;

    padding:
        30px 27px;

    background:
        rgba(255,255,255,.7);

    border-top:
        1px solid
        rgba(0,157,165,.17);

    border-right:
        1px solid
        rgba(0,157,165,.17);

    transition:
        transform .42s var(--sd-ease),
        background-color .3s ease,
        box-shadow .42s ease;
}


.sd-option-card:first-child {

    border-left:
        1px solid
        rgba(0,157,165,.17);
}


.sd-option-card:hover {

    z-index:
        2;

    transform:
        translateY(-9px);

    background:
        #fff;

    box-shadow:
        0 28px 60px
        rgba(18,56,56,.11);
}


.sd-option-top {

    display:
        flex;

    align-items:
        center;

    justify-content:
        space-between;

    gap:
        10px;
}


.sd-option-top > span {

    color:
        var(--sd-orange);

    font-family:
        Georgia, serif;

    font-size:
        21px;
}


.sd-option-top small {

    color:
        var(--sd-teal);

    font-size:
        7px;

    font-weight:
        800;

    letter-spacing:
        1.6px;

    text-align:
        right;
}


.sd-option-icon {

    width:
        52px;

    height:
        52px;

    margin-top:
        39px;

    display:
        grid;

    place-items:
        center;

    border-radius:
        50%;

    background:
        var(--sd-offwhite);

    color:
        var(--sd-orange);

    font-family:
        Georgia, serif;

    font-size:
        27px;

    transition:
        transform .35s var(--sd-ease),
        background-color .3s ease,
        color .3s ease;
}


.sd-option-card:hover .sd-option-icon {

    transform:
        rotate(-6deg) scale(1.08);

    background:
        var(--sd-orange);

    color:
        #fff;
}


.sd-option-card h3 {

    margin:
        28px 0 14px;

    color:
        var(--sd-ink);

    font-size:
        20px;
}


.sd-option-card p {

    margin:
        0;

    color:
        var(--sd-text);

    font-size:
        12px;

    line-height:
        1.85;
}


.sd-option-note {

    position:
        absolute;

    left:
        27px;

    right:
        27px;

    bottom:
        27px;

    padding-top:
        14px;

    border-top:
        1px solid
        var(--sd-line);

    display:
        flex;

    align-items:
        center;

    gap:
        12px;
}


.sd-option-note span {

    color:
        var(--sd-orange);

    font-family:
        Georgia, serif;

    font-size:
        17px;
}


.sd-option-note strong {

    color:
        var(--sd-ink);

    font-size:
        10px;
}


/* =====================================================
   EXPERIENCE
===================================================== */

.sd-experience {

    position:
        relative;

    min-height:
        590px;

    display:
        flex;

    align-items:
        center;

    overflow:
        hidden;

    color:
        #fff;
}


.sd-experience-image,
.sd-experience-overlay {

    position:
        absolute;

    inset:
        0;
}


.sd-experience-image img {

    width:
        100%;

    height:
        100%;

    object-fit:
        cover;
}


.sd-experience-overlay {

    background:
        linear-gradient(
            90deg,
            rgba(0,63,67,.96),
            rgba(0,63,67,.74),
            rgba(0,63,67,.34)
        );
}


.sd-experience-inner {

    position:
        relative;

    z-index:
        2;
}


.sd-experience-content {

    max-width:
        680px;

    padding:
        105px 0;
}


.sd-experience-content h2 {

    margin:
        27px 0 23px;

    font-family:
        Georgia, serif;

    font-size:
        clamp(41px, 5vw, 60px);

    font-weight:
        400;

    line-height:
        .97;

    letter-spacing:
        -1.5px;
}


.sd-experience-content h2 em {

    display:
        block;

    color:
        var(--sd-orange);

    font-style:
        italic;
}


.sd-experience-content > p {

    max-width:
        590px;

    margin:
        0;

    color:
        rgba(255,255,255,.72);

    font-size:
        14px;

    line-height:
        1.9;
}


.sd-experience-list {

    margin-top:
        40px;

    border-top:
        1px solid
        rgba(255,255,255,.22);
}


.sd-experience-list > div {

    display:
        grid;

    grid-template-columns:
        45px 1fr;

    gap:
        18px;

    padding:
        19px 0;

    border-bottom:
        1px solid
        rgba(255,255,255,.16);
}


.sd-experience-list strong {

    color:
        var(--sd-orange);

    font-family:
        Georgia, serif;

    font-size:
        20px;
}


.sd-experience-list span {

    color:
        rgba(255,255,255,.72);

    font-size:
        12px;

    line-height:
        1.5;
}


/* =====================================================
   PLANNING
===================================================== */

.sd-planning {

    padding:
        130px 0;

    background:
        #fff;
}


.sd-planning-header {

    display:
        grid;

    grid-template-columns:
        1fr .68fr;

    column-gap:
        100px;

    align-items:
        end;
}


.sd-planning-header h2 {

    margin:
        27px 0 0;

    font-size:
        clamp(39px, 4.8vw, 58px);

    line-height:
        .98;

    font-weight:
        500;

    letter-spacing:
        -1.5px;
}


.sd-planning-header h2 em {

    display:
        block;

    color:
        var(--sd-teal);

    font-family:
        Georgia, serif;

    font-weight:
        400;
}


.sd-planning-header > p {

    margin:
        0;

    color:
        var(--sd-text);

    font-size:
        13px;

    line-height:
        1.85;
}


.sd-planning-grid {

    margin-top:
        62px;

    display:
        grid;

    grid-template-columns:
        repeat(4,1fr);
}


.sd-planning-grid article {

    min-height:
        285px;

    padding:
        31px 27px;

    background:
        var(--sd-offwhite);

    border-top:
        1px solid
        var(--sd-line);

    border-right:
        1px solid
        var(--sd-line);

    transition:
        transform .38s var(--sd-ease),
        box-shadow .38s ease,
        background-color .3s ease;
}


.sd-planning-grid article:first-child {

    border-left:
        1px solid
        var(--sd-line);
}


.sd-planning-grid article:hover {

    transform:
        translateY(-7px);

    background:
        #fff;

    box-shadow:
        0 24px 50px
        rgba(18,56,56,.09);
}


.sd-planning-grid article > span {

    color:
        var(--sd-orange);

    font-family:
        Georgia, serif;

    font-size:
        21px;
}


.sd-planning-grid h3 {

    margin:
        38px 0 12px;

    color:
        var(--sd-ink);

    font-size:
        19px;
}


.sd-planning-grid p {

    margin:
        0;

    color:
        var(--sd-text);

    font-size:
        12px;

    line-height:
        1.8;
}


/* =====================================================
   CONTACT
===================================================== */

.sd-contact {

    padding:
        120px 0;

    background:
        var(--sd-soft);
}


.sd-contact-heading h2 {

    margin:
        26px 0 52px;

    font-size:
        clamp(39px, 4.7vw, 57px);

    font-weight:
        500;

    line-height:
        .98;

    letter-spacing:
        -1.5px;
}


.sd-contact-heading h2 em {

    color:
        var(--sd-orange);

    font-family:
        Georgia, serif;

    font-weight:
        400;
}


.sd-contact-grid {

    display:
        grid;

    grid-template-columns:
        repeat(3,1fr);
}


.sd-contact-card {

    min-height:
        245px;

    padding:
        31px;

    display:
        flex;

    flex-direction:
        column;

    align-items:
        flex-start;

    background:
        #fff;

    border:
        1px solid
        var(--sd-line);

    transition:
        transform .4s var(--sd-ease),
        box-shadow .4s ease;
}


.sd-contact-card:hover {

    transform:
        translateY(-7px);

    box-shadow:
        0 25px 55px
        rgba(18,56,56,.1);
}


.sd-contact-icon {

    width:
        43px;

    height:
        43px;

    display:
        grid;

    place-items:
        center;

    margin-bottom:
        28px;

    border-radius:
        50%;

    background:
        #F1FAFA;

    color:
        var(--sd-orange);

    font-size:
        15px;
}


.sd-contact-card small {

    color:
        var(--sd-orange);

    font-size:
        8px;

    font-weight:
        800;

    letter-spacing:
        2px;
}


.sd-contact-card strong {

    margin-top:
        11px;

    color:
        var(--sd-ink);

    font-size:
        15px;

    line-height:
        1.5;
}


.sd-contact-card > span:last-child {

    margin-top:
        7px;

    color:
        var(--sd-text);

    font-size:
        11px;

    line-height:
        1.65;
}


/* =====================================================
   FINAL CTA
===================================================== */

.sd-final {

    position:
        relative;

    min-height:
        510px;

    display:
        flex;

    align-items:
        center;

    justify-content:
        center;

    overflow:
        hidden;

    color:
        #fff;
}


.sd-final-bg,
.sd-final-overlay {

    position:
        absolute;

    inset:
        0;
}


.sd-final-bg img {

    width:
        100%;

    height:
        100%;

    display:
        block;

    object-fit:
        cover;
}


.sd-final-overlay {

    background:
        linear-gradient(
            90deg,
            rgba(4,44,47,.96),
            rgba(4,44,47,.76)
        );
}


.sd-final-content {

    position:
        relative;

    z-index:
        2;

    width:
        min(820px, calc(100% - 40px));

    text-align:
        center;
}


.sd-final-content > span {

    color:
        var(--sd-orange);

    font-size:
        9px;

    font-weight:
        800;

    letter-spacing:
        3px;
}


.sd-final-content h2 {

    margin:
        23px 0 20px;

    font-family:
        Georgia, serif;

    font-size:
        clamp(41px, 5.8vw, 62px);

    font-weight:
        400;

    line-height:
        .95;

    letter-spacing:
        -2px;
}


.sd-final-content h2 em {

    display:
        block;

    color:
        var(--sd-orange);

    font-style:
        italic;
}


.sd-final-content p {

    max-width:
        570px;

    margin:
        0 auto;

    color:
        rgba(255,255,255,.7);

    font-size:
        13px;

    line-height:
        1.8;
}


.sd-final-actions {

    display:
        flex;

    justify-content:
        center;

    gap:
        11px;

    margin-top:
        31px;
}


.sd-final-primary,
.sd-final-secondary {

    min-height:
        49px;

    padding:
        0 25px;

    display:
        inline-flex;

    align-items:
        center;

    justify-content:
        center;

    gap:
        11px;

    font-size:
        10px;

    font-weight:
        800;
}


.sd-final-primary {

    color:
        #fff;

    background:
        var(--sd-orange);
}


.sd-final-secondary {

    color:
        #fff;

    border:
        1px solid
        rgba(255,255,255,.34);
}


/* =====================================================
   APPOINTMENT POPUP
===================================================== */

.ak-appt-popup {

    position:
        fixed;

    right:
        24px;

    bottom:
        24px;

    z-index:
        9999;

    width:
        350px;

    max-width:
        calc(100vw - 32px);

    padding:
        25px 25px 23px;

    background:
        rgba(255,255,255,.97);

    border:
        1px solid
        var(--sd-line);

    border-radius:
        22px;

    box-shadow:
        0 25px 70px rgba(16,43,45,.2),
        0 5px 20px rgba(16,43,45,.08);

    backdrop-filter:
        blur(18px);

    opacity:
        0;

    visibility:
        hidden;

    transform:
        translateY(30px) scale(.96);

    transition:
        opacity .45s ease,
        visibility .45s ease,
        transform .45s var(--sd-ease);
}


.ak-appt-popup.ak-appt-visible {

    opacity:
        1;

    visibility:
        visible;

    transform:
        translateY(0) scale(1);
}


.ak-appt-accent {

    position:
        absolute;

    top:
        0;

    left:
        24px;

    width:
        42px;

    height:
        3px;

    background:
        var(--sd-orange);

    border-radius:
        0 0 5px 5px;
}


.ak-appt-close {

    position:
        absolute;

    top:
        13px;

    right:
        14px;

    width:
        28px;

    height:
        28px;

    border:
        0;

    border-radius:
        50%;

    background:
        var(--sd-offwhite);

    color:
        var(--sd-ink);

    font-size:
        18px;

    line-height:
        1;

    cursor:
        pointer;

    transition:
        transform .25s ease,
        background-color .25s ease,
        color .25s ease;
}


.ak-appt-close:hover {

    transform:
        rotate(90deg);

    background:
        var(--sd-teal);

    color:
        #fff;
}


.ak-appt-kicker {

    display:
        block;

    margin-bottom:
        10px;

    font-size:
        9px;

    font-weight:
        800;

    letter-spacing:
        .17em;

    color:
        var(--sd-teal);
}


.ak-appt-content h3 {

    margin:
        0;

    font-family:
        Georgia, serif;

    font-size:
        27px;

    font-weight:
        400;

    line-height:
        1.05;

    color:
        var(--sd-ink);
}


.ak-appt-content h3 em {

    color:
        var(--sd-orange);

    font-style:
        italic;
}


.ak-appt-content > p {

    margin:
        11px 0 17px;

    font-size:
        12px;

    line-height:
        1.5;

    color:
        var(--sd-muted);
}


.ak-appt-special {

    display:
        flex;

    align-items:
        center;

    gap:
        11px;

    padding:
        12px;

    border-radius:
        13px;

    background:
        var(--sd-offwhite);
}


.ak-appt-special > span {

    width:
        30px;

    height:
        30px;

    flex-shrink:
        0;

    display:
        grid;

    place-items:
        center;

    border-radius:
        50%;

    background:
        var(--sd-orange);

    color:
        #fff;

    font-size:
        12px;
}


.ak-appt-special strong {

    display:
        block;

    color:
        var(--sd-ink);

    font-size:
        11px;
}


.ak-appt-special small {

    display:
        block;

    margin-top:
        3px;

    color:
        var(--sd-muted);

    font-size:
        9px;

    line-height:
        1.4;
}


.ak-appt-actions {

    display:
        flex;

    gap:
        8px;

    margin-top:
        15px;
}


.ak-appt-call,
.ak-appt-wa {

    min-height:
        40px;

    display:
        inline-flex;

    align-items:
        center;

    justify-content:
        center;

    border-radius:
        9px;

    font-size:
        10px;

    font-weight:
        800;

    transition:
        transform .25s ease,
        background-color .25s ease;
}


.ak-appt-call {

    flex:
        1;

    gap:
        8px;

    background:
        var(--sd-teal-dark);

    color:
        #fff;
}


.ak-appt-wa {

    padding:
        0 15px;

    border:
        1px solid
        var(--sd-line);

    color:
        var(--sd-ink);
}


.ak-appt-call:hover,
.ak-appt-wa:hover {

    transform:
        translateY(-2px);
}


/* =====================================================
   REVEAL
===================================================== */

.sd-reveal {

    opacity:
        0;

    transform:
        translateY(30px);

    transition:
        opacity .85s ease,
        transform 1s var(--sd-ease);
}


.sd-reveal.sd-visible {

    opacity:
        1;

    transform:
        translateY(0);
}


/* =====================================================
   RESPONSIVE
===================================================== */

@media (max-width: 1000px) {

    .sd-container {
        width:
            calc(100% - 50px);
    }


    .sd-intro-grid,
    .sd-suitable-grid {
        gap:
            60px;
    }


    .sd-level-grid,
    .sd-option-grid,
    .sd-planning-grid {
        grid-template-columns:
            1fr 1fr;
    }


    .sd-option-card:nth-child(2) {
        border-right:
            0;
    }


    .sd-option-card:nth-child(3),
    .sd-option-card:nth-child(4) {
        border-top:
            0;
    }


    .sd-option-card:nth-child(3) {
        border-left:
            1px solid
            rgba(0,157,165,.17);
    }


    .sd-contact-grid {
        grid-template-columns:
            1fr 1fr;
    }


    .sd-contact-card:last-child {
        grid-column:
            1 / -1;
    }

}


@media (max-width: 700px) {

    .sd-container {
        width:
            calc(100% - 36px);
    }


    .sd-hero,
    .sd-hero-inner {
        min-height:
            600px;
    }


    .sd-hero h1 {
        font-size:
            48px;
    }


    .sd-hero-actions {
        flex-direction:
            column;

        align-items:
            flex-start;
    }


    .sd-intro,
    .sd-options,
    .sd-suitable,
    .sd-planning,
    .sd-contact {
        padding:
            85px 0;
    }


    .sd-intro-grid,
    .sd-options-header,
    .sd-suitable-grid,
    .sd-planning-header {
        display:
            block;
    }


    .sd-intro-visual {
        margin-bottom:
            60px;
    }


    .sd-intro-content h2,
    .sd-options-header h2,
    .sd-suitable-content h2,
    .sd-planning-header h2,
    .sd-contact-heading h2 {
        font-size:
            40px;
    }


    .sd-options-header > p,
    .sd-planning-header > p {
        margin-top:
            28px;
    }


    .sd-level-grid,
    .sd-option-grid,
    .sd-planning-grid,
    .sd-contact-grid {
        grid-template-columns:
            1fr;
    }


    .sd-option-card,
    .sd-option-card:nth-child(2),
    .sd-option-card:nth-child(3),
    .sd-option-card:nth-child(4) {

        border-left:
            1px solid
            rgba(0,157,165,.17);

        border-right:
            1px solid
            rgba(0,157,165,.17);

        border-top:
            1px solid
            rgba(0,157,165,.17);
    }


    .sd-option-card:last-child {
        border-bottom:
            1px solid
            rgba(0,157,165,.17);
    }


    .sd-experience {
        min-height:
            520px;
    }


    .sd-experience-content {
        padding:
            80px 0;
    }


    .sd-experience-content h2 {
        font-size:
            42px;
    }


    .sd-contact-card:last-child {
        grid-column:
            auto;
    }


    .sd-final {
        min-height:
            470px;
    }


    .sd-final-content h2 {
        font-size:
            42px;
    }


    .sd-final-actions {
        flex-direction:
            column;

        align-items:
            center;
    }


    .ak-appt-popup {

        right:
            12px;

        bottom:
            12px;

        width:
            calc(100vw - 24px);

        padding:
            21px;

        border-radius:
            18px;
    }


    .ak-appt-content h3 {
        font-size:
            24px;
    }

}


@media (prefers-reduced-motion: reduce) {

    html {
        scroll-behavior:
            auto;
    }

    .sd-reveal,
    .sd-reveal.sd-visible {

        opacity:
            1;

        transform:
            none;

        transition:
            none;
    }

}