@charset "UTF-8";

.visually-hidden {
    clip: rect(0 0 0 0);
    border: 0;
    height: auto;
    margin: 0;
    overflow: hidden;
    padding: 0;
    position: absolute;
    white-space: nowrap;
    width: 1px
}

.d-none {
    display: none !important
}

.hidden {
    visibility: hidden !important
}

.opacity-0 {
    opacity: 0 !important
}

.w-100 {
    width: 100% !important
}

@keyframes mask-hide {
    0% {
        -webkit-mask-position: 0 0;
        mask-position: 0 0
    }

    to {
        -webkit-mask-position: 100% 0;
        mask-position: 100% 0
    }
}

@keyframes mask-reveal {
    0% {
        -webkit-mask-position: 100% 0;
        mask-position: 100% 0
    }

    to {
        -webkit-mask-position: 0 0;
        mask-position: 0 0
    }
}

@keyframes drawFill {
    0% {
        stroke-width: 4px;
        fill: transparent;
        stroke-dashoffset: 1000;
        stroke: #fff
    }

    30% {
        stroke-width: 2px;
        fill: hsla(0, 0%, 100%, .5)
    }

    to {
        stroke-width: 0;
        stroke-dashoffset: 0;
        fill: #fff
    }
}

@keyframes drawHover {
    0% {
        stroke-width: 4px;
        fill: transparent;
        stroke-dashoffset: 1000;
        stroke: #fff
    }

    to {
        stroke-width: 0;
        stroke-dashoffset: 0;
        fill: #000
    }
}

@keyframes drawHoverReverse {
    0% {
        stroke-width: 0;
        stroke-dashoffset: 0;
        fill: #000
    }

    to {
        stroke-width: 2px;
        fill: transparent;
        stroke-dashoffset: 1000;
        stroke: #fff
    }
}

@keyframes skewOscillate {
    0% {
        transform: skewX(0deg)
    }

    25% {
        transform: skewX(-.3deg)
    }

    75% {
        transform: skewX(.5deg)
    }

    to {
        transform: skewX(0deg)
    }
}

@keyframes bob {
    0% {
        transform: translateZ(0)
    }

    15% {
        transform: translate3d(0, -15%, 0)
    }

    30% {
        transform: translate3d(0, 15%, 0)
    }

    45% {
        transform: translate3d(0, -15%, 0)
    }

    55% {
        transform: translate3d(0, 15%, 0)
    }

    70% {
        transform: translate3d(0, -15%, 0)
    }

    80% {
        transform: translate3d(0, 15%, 0)
    }

    90% {
        transform: translate3d(0, -15%, 0)
    }

    to {
        transform: translateZ(0)
    }
}

@keyframes animatetop {
    0% {
        opacity: 0;
        top: -300px
    }

    to {
        opacity: 1;
        top: 0
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes fadeIn2 {
    0% {
        opacity: 0
    }

    50% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes fadeIn3 {
    0% {
        opacity: 0
    }

    66.66% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes fadeUp {
    0% {
        opacity: 0;
        transform: translateY(50px)
    }

    to {
        opacity: 1;
        transform: translateY(0)
    }
}

@keyframes fadeUp2 {
    0% {
        opacity: 0;
        transform: translateY(50px)
    }

    50% {
        opacity: 0;
        transform: translateY(50px)
    }

    to {
        opacity: 1;
        transform: translateY(0)
    }
}

@keyframes fadeUp3 {
    0% {
        opacity: 0;
        transform: translateY(50px)
    }

    66.66% {
        opacity: 0;
        transform: translateY(50px)
    }

    to {
        opacity: 1;
        transform: translateY(0)
    }
}

@keyframes fadeInLeft {
    0% {
        opacity: 0;
        transform: translateX(50px)
    }

    to {
        opacity: 1;
        transform: translateX(0)
    }
}

@keyframes fadeInLeft2 {
    0% {
        opacity: 0;
        transform: translateX(50px)
    }

    50% {
        opacity: 0;
        transform: translateX(50px)
    }

    to {
        opacity: 1;
        transform: translateX(0)
    }
}

@keyframes fadeInLeft3 {
    0% {
        opacity: 0;
        transform: translateX(50px)
    }

    66.66% {
        opacity: 0;
        transform: translateX(50px)
    }

    to {
        opacity: 1;
        transform: translateX(0)
    }
}

@keyframes fadeInRight {
    0% {
        opacity: 0;
        transform: translateX(-50px)
    }

    to {
        opacity: 1;
        transform: translateX(0)
    }
}

@keyframes fadeInRight2 {
    0% {
        opacity: 0;
        transform: translateX(-50px)
    }

    50% {
        opacity: 0;
        transform: translateX(-50px)
    }

    to {
        opacity: 1;
        transform: translateX(0)
    }
}

@keyframes fadeInRight3 {
    0% {
        opacity: 0;
        transform: translateX(-50px)
    }

    66.66% {
        opacity: 0;
        transform: translateX(-50px)
    }

    to {
        opacity: 1;
        transform: translateX(0)
    }
}

@keyframes bounce {
    0% {
        transform: translateY(0)
    }

    50% {
        transform: translateY(-6px)
    }

    to {
        transform: translateY(0)
    }
}

.bounce {
    animation: bounce 1s ease infinite
}

@keyframes bounceDown {
    0% {
        transform: translateY(0)
    }

    50% {
        transform: translateY(6px)
    }

    to {
        transform: translateY(0)
    }
}

.bounce-down {
    animation: bounceDown 1s ease infinite
}

@keyframes bounceRight {
    0% {
        transform: translateX(0)
    }

    50% {
        transform: translateX(6px)
    }

    to {
        transform: translateX(0)
    }
}

.bounce-right {
    animation: bounceRight 1s ease infinite
}

@keyframes featuredArticle {
    0% {
        transform: translateX(50%)
    }

    80% {
        transform: translateX(50%)
    }

    to {
        transform: translateX(0)
    }
}

@keyframes topStories1 {
    0% {
        opacity: 0;
        transform: translateY(50px)
    }

    76.923% {
        opacity: 0;
        transform: translateY(50px)
    }

    to {
        opacity: 1;
        transform: translateY(0)
    }
}

@keyframes topStories2 {
    0% {
        opacity: 0;
        transform: translateY(50px)
    }

    81.25% {
        opacity: 0;
        transform: translateY(50px)
    }

    to {
        opacity: 1;
        transform: translateY(0)
    }
}

@keyframes loadingImage {
    0% {
        opacity: 1
    }

    50% {
        opacity: 1
    }

    70% {
        opacity: 0
    }

    to {
        opacity: 0
    }
}

*,
:after,
:before {
    box-sizing: border-box
}

blockquote,
body,
button,
dd,
dl,
fieldset,
figure,
h1,
h2,
h3,
h4,
h5,
h6,
p,
ul {
    margin: 0
}

dl,
ol,
ol[role=list],
ul,
ul[role=list] {
    list-style: none
}

dl,
ol,
ul {
    padding-left: 0;
    padding-inline-start: 0
}

fieldset {
    border: none
}

button,
fieldset,
input {
    padding: 0
}

html {
    height: 100%
}

html:focus-within {
    scroll-behavior: smooth
}

:target {
    scroll-margin-top: 2ex
}

body {
    color: #00263a;
    height: 100%;
    line-height: 1.4;
    overflow-x: hidden;
    text-rendering: optimizeSpeed;
    width: 100%
}

main {
    padding-top: 40px;
    padding-block-start: 40px
}

a:not([class]) {
    -webkit-text-decoration-skip: ink;
    color: inherit;
    font: inherit;
    text-decoration-skip-ink: auto
}

hr {
    border-bottom: none;
    border-top: 1px solid rgba(0, 38, 58, .2);
    margin: 0
}

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

button,
input,
select,
textarea {
    font: inherit
}

input[type=search]::-ms-clear,
input[type=search]::-ms-reveal {
    display: none;
    height: 0;
    width: 0
}

input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration,
input[type=search]::-webkit-search-results-button,
input[type=search]::-webkit-search-results-decoration {
    display: none
}

@media (prefers-reduced-motion:reduce) {
    html:focus-within {
        scroll-behavior: auto !important
    }

    *,
    :after,
    :before {
        animation-duration: .01ms !important;
        animation-iteration-count: 1 !important;
        scroll-behavior: auto !important;
        transition-duration: .01ms !important
    }
}

@font-face {
    font-display: swap;
    font-family: bellwayicons;
    font-style: normal;
    font-weight: 400;
    src: url(../fonts/bellway/bellwayicons.eot);
    src: url(../fonts/bellway/bellwayicons.eot#iefix) format("embedded-opentype"), url(../fonts/bellway/bellwayicons.ttf) format("truetype"), url(../fonts/bellway/bellwayicons.woff) format("woff"), url(../fonts/bellway/bellwayicons.svg#icomoon) format("svg")
}

@font-face {
    font-display: block;
    font-family: bellwayicons;
    font-style: normal;
    font-weight: 400;
    src: url(../fonts/icons/bellwayicons.eot);
    src: url(../fonts/icons/bellwayicons.eot) format("embedded-opentype"), url(../fonts/icons/bellwayicons.ttf) format("truetype"), url(../fonts/icons/bellwayicons.woff) format("woff"), url(../fonts/icons/bellwayicons.svg) format("svg")
}

@font-face {
    font-display: swap;
    font-family: Gentleman\ 300;
    font-style: normal;
    font-weight: 300;
    src: url(../your-nest/fonts/gentleman-300/Gentleman-300-ExtraLight.woff) format("woff"), url(../your-nest/fonts/gentleman-300/Gentleman-300-ExtraLight.woff2) format("woff2")
}

@font-face {
    font-display: swap;
    font-family: Gentleman\ 400;
    font-style: normal;
    font-weight: 400;
    src: url(../your-nest/fonts/gentleman-400/Gentleman400-Light.woff2) format("woff2"), url(../your-nest/fonts/gentleman-400/Gentleman400-Light.woff) format("woff")
}

@font-face {
    font-display: swap;
    font-family: Gentleman\ 500;
    font-style: normal;
    font-weight: 500;
    src: url(../your-nest/fonts/gentleman-500/Gentleman500-Book.woff2) format("woff2"), url(../your-nest/fonts/gentleman-500/Gentleman500-Book.woff) format("woff")
}

@font-face {
    font-display: swap;
    font-family: Gentleman\ 700;
    font-style: normal;
    font-weight: 700;
    src: url(../your-nest/fonts/gentleman-700/Gentleman700-Medium.woff2) format("woff2"), url(../your-nest/fonts/gentleman-700/Gentleman700-Medium.woff) format("woff")
}

@font-face {
    font-display: swap;
    font-family: Gentleman\ 900;
    font-style: normal;
    font-weight: 900;
    src: url(../your-nest/fonts/gentleman-900/Gentleman900-Heavy.woff2) format("woff2"), url(../your-nest/fonts/gentleman-900/Gentleman900-Heavy.woff) format("woff")
}

@font-face {
    font-display: swap;
    font-family: Gentleman\ 1000;
    font-style: normal;
    font-weight: 1000;
    src: url(../your-nest/fonts/gentleman-1000/Gentleman1000-Heavy.woff2) format("woff2"), url(../your-nest/fonts/gentleman-1000/Gentleman1000-Heavy.woff) format("woff")
}

@font-face {
    font-display: swap;
    font-family: Vidaloka;
    font-style: normal;
    font-weight: 400;
    src: url(../your-nest/fonts/vidaloka/Vidaloka-Regular.woff2) format("woff2"), url(../your-nest/fonts/vidaloka/Vidaloka-Regular.woff) format("woff")
}

[class*=" icon-"],
[class^=icon-] {
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-family: bellwayicons !important;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: 1;
    text-transform: none
}

.icon-bell:before {
    content: "\e900"
}

.icon-marker:before {
    content: "\e901"
}

.icon-bed2:before {
    content: "\e902"
}

.icon-house-solid:before {
    content: "\e903"
}

.icon-list:before {
    content: "\e904"
}

.icon-grid:before {
    content: "\e905"
}

.icon-filter:before {
    content: "\e906"
}

.icon-fullscreen:before {
    content: "\e907"
}

.icon-uniE904:before {
    content: "\e908"
}

.icon-uniE905:before {
    content: "\e909"
}

.icon-clock:before {
    content: "\e90a"
}

.icon-comment:before {
    content: "\e90b"
}

.icon-home2:before {
    content: "\e90c"
}

.icon-virtual-tours:before {
    content: "\e90d"
}

.icon-gift:before {
    content: "\e90e"
}

.icon-chat-bubbles:before {
    content: "\e90f"
}

.icon-house-block:before {
    content: "\e910"
}

.icon-facebook:before {
    content: "\e911"
}

.icon-home:before {
    content: "\e912"
}

.icon-locate:before {
    content: "\e913"
}

.icon-arrow-round-back:before {
    content: "\e914"
}

.icon-trees:before {
    content: "\e915"
}

.icon-checkmark:before {
    content: "\e916"
}

.icon-instagram:before {
    content: "\e917"
}

.icon-arrow:before {
    content: "\e918"
}

.icon-badge:before {
    content: "\e919"
}

.icon-people:before {
    content: "\e91a"
}

.icon-plan:before {
    content: "\e91b"
}

.icon-renewable-energy:before {
    content: "\e91c"
}

.icon-arrow-simple:before {
    content: "\e91d"
}

.icon-house:before {
    content: "\e91e"
}

.icon-download:before {
    content: "\e91f"
}

.icon-zoom:before {
    content: "\e920"
}

.icon-bolt:before {
    content: "\e921"
}

.icon-star:before {
    content: "\e922"
}

.icon-drop:before {
    content: "\e923"
}

.icon-file-download:before {
    content: "\e924"
}

.icon-phone:before {
    content: "\e925"
}

.icon-arrows:before {
    content: "\e926"
}

.icon-download2:before {
    content: "\e927"
}

.icon-park:before {
    content: "\e928"
}

.icon-airport:before {
    content: "\e929"
}

.icon-rail-station:before {
    content: "\e92a"
}

.icon-filter1:before {
    content: "\e92b"
}

.icon-school:before {
    content: "\e92c"
}

.icon-driving:before {
    content: "\e92d"
}

.icon-walking:before {
    content: "\e92e"
}

.icon-brochure:before {
    content: "\e92f"
}

.icon-question:before {
    content: "\e930"
}

.icon-pinterest-p:before {
    content: "\e931"
}

.icon-facebook-f:before {
    content: "\e932"
}

.icon-supermarket:before {
    content: "\e933"
}

.icon-shopping:before {
    content: "\e934"
}

.icon-leisure:before {
    content: "\e935"
}

.icon-hospital:before {
    content: "\e936"
}

.icon-tube-station:before {
    content: "\e937"
}

.icon-food-drink:before {
    content: "\e938"
}

.icon-museum-heritage:before,
.icon-museum-heritige:before {
    content: "\e939"
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
    color: #00263a;
    font-family: Vidaloka, sans-serif;
    font-weight: 400;
    letter-spacing: -.05em;
    line-height: 1.1666666667
}

.h1,
h1 {
    font-size: clamp(2.5rem, 1rem + 3.65vw, 3.75rem)
}

.h2,
h2 {
    font-size: clamp(1.875rem, 1rem + 2vw, 2.5rem)
}

.h3,
h3 {
    font-size: clamp(1.25rem, 1rem + 1vw, 1.75rem)
}

.h4,
h4 {
    font-size: 1.25rem
}

.h5,
h5 {
    font-size: 1rem
}

.h6,
h6 {
    font-size: .75rem;
    letter-spacing: .05em;
    text-transform: uppercase
}

.p,
li,
p {
    font-family: Gentleman\ 500, sans-serif;
    font-size: 1rem;
    letter-spacing: 0;
    line-height: 1.875;
    max-width: 75ch
}

strong {
    font-family: Gentleman\ 700, sans-serif
}

i {
    font-style: italic
}

@media only screen and (min-width:64em) {

    .h1,
    .h2,
    .h3,
    .h4,
    .h5,
    .h6,
    h1,
    h2,
    h3,
    h4,
    h5,
    h6 {
        letter-spacing: -.025em
    }
}

.flow>*+* {
    margin-block-start: var(--flow-space, 40px);
    margin-top: var(--flow-space, 40px)
}

.flow>.intro+* {
    margin-block-start: 0;
    margin-top: 0
}

@media only screen and (min-width:48em) {
    .flow>*+* {
        margin-block-start: var(--flow-space, 70px);
        margin-top: var(--flow-space, 70px)
    }
}

@media only screen and (min-width:64em) {
    .flow>*+* {
        margin-block-start: var(--flow-space, 100px);
        margin-top: var(--flow-space, 100px)
    }
}

@media only screen and (min-width:75em) {
    .flow>*+* {
        margin-block-start: var(--flow-space, 120px);
        margin-top: var(--flow-space, 120px)
    }
}

.container {
    display: grid;
    grid-template-columns: clamp(10px, 3.47vw, 50px) repeat(11, minmax(0, 1fr) minmax(0, .5333fr)) minmax(0, 1fr) clamp(10px, 3.47vw, 50px);
    position: relative
}

.container>* {
    grid-column: 2/-2
}

@media only screen and (min-width:100em) {
    .container {
        grid-template-columns: minmax(0, 1fr) repeat(11, 84px 45px) 84px minmax(0, 1fr)
    }
}

.container--small {
    grid-template-columns: minmax(clamp(10px, 3.47vw, 50px), 1fr) minmax(0, 1140px) minmax(clamp(10px, 3.47vw, 50px), 1fr)
}

.bellway-header {
    display: flex;
    flex-direction: column;
    row-gap: .5rem
}

.bellway-header__more {
    -webkit-font-smoothing: antialiased;
    display: none
}

.bellway-header__inner {
    -webkit-font-smoothing: antialiased;
    align-items: center;
    display: flex;
    height: 4.75rem;
    justify-content: flex-end;
    position: relative;
    width: 100%
}

.bellway-header__item {
    display: none
}

.bellway-header__hr {
    border-color: #00263a;
    display: none;
    opacity: .25
}

.bellway-header__logo-placeholder {
    aspect-ratio: 292/85;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    width: min(100%, 9em)
}

.bellway-header__logo-placeholder img {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.bellway-header__button {
    align-items: center;
    background-color: #ec6608;
    border-radius: 3px;
    color: #fff;
    cursor: pointer;
    display: inline-flex;
    font-family: Gentleman\ 700, sans-serif;
    font-size: 16px;
    height: 40px;
    justify-content: center;
    line-height: 1.2em;
    margin: 0;
    outline: none;
    padding: 0 12px;
    position: relative;
    text-decoration: none;
    -webkit-transition-duration: .3s;
    -moz-transition-duration: .3s;
    -ms-transition-duration: .3s;
    -o-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: background-color, color, border;
    -moz-transition-property: background-color, color, border;
    -ms-transition-property: background-color, color, border;
    -o-transition-property: background-color, color, border;
    transition-property: background-color, color, border;
    -webkit-transition-timing-function: ease-in-out;
    -moz-transition-timing-function: ease-in-out;
    -ms-transition-timing-function: ease-in-out;
    -o-transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out
}

.bellway-header__button:hover {
    background-color: #f99148
}

.bellway-header__button .icon-home {
    font-size: 20px
}

@media only screen and (max-width:75em) {
    .bellway-header__button .text {
        clip: rect(0 0 0 0);
        border: 0;
        height: auto;
        margin: 0;
        overflow: hidden;
        padding: 0;
        position: absolute;
        white-space: nowrap;
        width: 1px
    }
}

@media only screen and (min-width:75em) {
    .bellway-header .bellway-header__more {
        align-self: center;
        display: flex;
        justify-content: space-between;
        padding-block: 20px 10px;
        width: 100%
    }

    .bellway-header .bellway-header__more-link,
    .bellway-header .bellway-header__more-text {
        color: rgba(0, 38, 58, .5);
        font-family: Gentleman\ 700, sans-serif;
        font-size: 13px
    }

    .bellway-header .bellway-header__more-links {
        align-items: center;
        display: flex
    }

    .bellway-header .bellway-header__more-link {
        padding: 3px 8px;
        text-decoration: none;
        transition: color .3s ease-in-out
    }

    .bellway-header .bellway-header__more-link:hover {
        color: #00263a
    }

    .bellway-header .bellway-header__inner {
        height: auto;
        justify-content: space-between;
        padding-block: .625em 1.25em
    }

    .bellway-header .bellway-header__items {
        align-items: center;
        display: flex
    }

    .bellway-header .bellway-header__item {
        display: block;
        padding: 1.25em
    }

    .bellway-header .bellway-header__item a {
        color: #00263a;
        font-family: Gentleman\ 700, sans-serif;
        position: relative;
        text-decoration: none
    }

    .bellway-header .bellway-header__item a:before {
        background-color: #96aab7;
        bottom: -4px;
        content: "";
        height: 1px;
        left: 0;
        opacity: 0;
        position: absolute;
        right: 0;
        transform: translate3d(0, 4px, 0);
        -webkit-transition-duration: .3s;
        -moz-transition-duration: .3s;
        -ms-transition-duration: .3s;
        -o-transition-duration: .3s;
        transition-duration: .3s;
        -webkit-transition-property: transform, opacity;
        -moz-transition-property: transform, opacity;
        -ms-transition-property: transform, opacity;
        -o-transition-property: transform, opacity;
        transition-property: transform, opacity;
        -webkit-transition-timing-function: ease-in-out;
        -moz-transition-timing-function: ease-in-out;
        -ms-transition-timing-function: ease-in-out;
        -o-transition-timing-function: ease-in-out;
        transition-timing-function: ease-in-out
    }

    .bellway-header .bellway-header__item a:hover:before {
        opacity: 1;
        transform: translateZ(0)
    }
}

@media only screen and (min-width:75em) and (max-width:1024px) {
    .bellway-header .bellway-header__item a:hover:before {
        opacity: 0
    }
}

@media only screen and (min-width:75em) {
    .bellway-header .bellway-header__hr {
        display: block
    }

    .bellway-header .bellway-header__logo-placeholder {
        left: auto;
        position: relative;
        top: auto;
        transform: none
    }

    .bellway-header .bellway-header__button {
        -moz-column-gap: 10px;
        column-gap: 10px;
        height: 50px;
        margin-left: 1.25em;
        padding-inline: 28px
    }
}

.nav--open .bellway-header {
    background-color: #fff;
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 999999
}

.header {
    height: 4.375rem;
    justify-content: space-between;
    margin: 0 auto;
    padding: 0 calc(clamp(10px, 3.47vw, 50px) - 10px);
    width: 100%;
    z-index: 6000
}

.header,
.header__logo-holder {
    align-items: center;
    display: flex;
    position: relative
}

.header__logo-holder {
    flex-shrink: 0;
    height: auto;
    margin-right: 10px;
    margin-inline-end: 10px;
    opacity: 1;
    transition: opacity .3s ease;
    width: 122px
}

.header__logo {
    cursor: pointer;
    height: 100%;
    width: 100%
}

.header__search-holder {
    cursor: pointer;
    padding: 10px 15px;
    position: relative
}

.header__search-holder--open .nav__search-line:first-child {
    opacity: 1;
    transform: rotate(-45deg);
    transition: transform .2s ease-out
}

.header__search-holder--open .nav__search-line:nth-child(2) {
    opacity: 0;
    transform: scaleX(0);
    transform-origin: center;
    transition: transform .2s ease-out, opacity .2s ease-out
}

.header__search-holder--open .nav__search-line:last-child {
    opacity: 1;
    transform: rotate(45deg);
    transition: transform .2s ease-out
}

.header__search-block {
    overflow: hidden;
    padding: 10px;
    position: relative;
    transition: width .3s ease;
    white-space: nowrap;
    width: 0;
    z-index: 1
}

.header__search-block-form-input::-moz-placeholder {
    color: #00263a;
    font-family: Gentleman\ 400, sans-serif !important;
    font-size: 1.125rem !important;
    letter-spacing: .00036em !important
}

.header__search-block-form-input,
.header__search-block-form-input::placeholder {
    color: #00263a;
    font-family: Gentleman\ 400, sans-serif !important;
    font-size: 1.125rem !important;
    letter-spacing: .00036em !important
}

.header__search-block-form-input {
    background: #fff !important;
    padding: 0 !important
}

.header__search-block-form-input:focus {
    border-bottom: none !important
}

.header__sticky-search {
    display: none
}

.header:after {
    background-color: #00263a;
    bottom: 0;
    content: "";
    height: 1px;
    inset-block-end: 0;
    inset-inline-start: clamp(10px, 3.47vw, 50px);
    left: clamp(10px, 3.47vw, 50px);
    position: absolute;
    width: calc(100% - clamp(10px, 3.47vw, 50px)*2)
}

@media only screen and (min-width:75em) {
    .header {
        align-content: center;
        display: grid;
        grid-template-columns: repeat(3, auto);
        grid-template-rows: 8.75rem 3.75rem;
        height: auto;
        padding: 0 clamp(10px, 3.47vw, 50px)
    }
}

@media only screen and (min-width:75em) and (min-width:100em) {
    .header {
        padding: 0 calc(50vw - 750px)
    }
}

@media only screen and (min-width:75em) {
    .header__logo-holder {
        grid-column: 2;
        grid-row: 1;
        justify-self: center;
        margin-right: 0;
        margin-inline-end: 0;
        width: 202px
    }

    .header__search-icon {
        transition: transform .2s ease-in
    }

    .header__search-holder {
        display: none;
        grid-column: 3;
        grid-row: 2
    }

    .header__search-holder:hover .header__search-icon {
        transform: scale(1.2);
        transition: transform .2s ease-out
    }

    .header__sticky-search {
        display: inline-flex;
        height: 3.75rem;
        inset-block-start: 0;
        inset-inline-start: clamp(10px, 3.47vw, 50px);
        left: clamp(10px, 3.47vw, 50px);
        opacity: 0;
        padding-bottom: 12px;
        padding-top: 12px;
        padding-block: 12px;
        pointer-events: none;
        position: fixed;
        top: 0;
        width: 9.125rem
    }

    .header__scrolled-logo {
        cursor: pointer;
        height: 100%;
        -o-object-fit: contain;
        object-fit: contain;
        width: 100%
    }

    .header:after {
        bottom: 3.75rem;
        inset-block-end: 3.75rem
    }
}

@media only screen and (min-width:100em) {

    .header:after,
    .header__sticky-search {
        inset-inline-start: calc(50vw - 750px);
        left: calc(50vw - 750px)
    }

    .header:after {
        width: calc(100% - 100vw + 1500px)
    }
}

.footer {
    margin-block-start: 40px;
    margin-top: 40px;
    width: 100%
}

.footer__container {
    padding-bottom: 60px;
    padding-top: 60px;
    padding-block: 60px;
    position: relative
}

.footer__container:before {
    background-color: rgba(0, 38, 58, .2);
    content: "";
    height: 1px;
    inset-block-start: 0;
    inset-inline-start: clamp(10px, 3.47vw, 50px);
    left: clamp(10px, 3.47vw, 50px);
    position: absolute;
    top: 0;
    width: calc(100% - clamp(10px, 3.47vw, 50px)*2)
}

.footer__container>*+* {
    margin-block-start: 2.5rem;
    margin-top: 2.5rem
}

.footer__logo-holder {
    align-items: center;
    display: flex;
    flex-shrink: 0;
    height: auto;
    position: relative;
    width: 122px
}

.footer__logo {
    cursor: pointer;
    height: 100%;
    width: 100%
}

.footer__heading {
    color: #00263a;
    font-family: Gentleman\ 700, sans-serif;
    font-size: .75rem;
    letter-spacing: .1em;
    text-transform: uppercase
}

.footer__form {
    margin-block-start: .8125rem;
    margin-top: .8125rem
}

.footer__small-print {
    color: #00263a;
    font-family: Gentleman\ 400, sans-serif;
    font-size: .75rem;
    letter-spacing: .05em
}

.footer__small-print a {
    font: inherit;
    position: relative;
    text-decoration: none
}

.footer__small-print a:after {
    background-color: #00263a;
    bottom: 0;
    content: "";
    height: 1px;
    inset-block-end: 0;
    inset-inline-start: 0;
    left: 0;
    opacity: 0;
    position: absolute;
    transition: opacity .2s ease-in;
    width: 100%
}

.footer__small-print a:hover:after {
    opacity: 1;
    transition: opacity .2s ease-out
}

@media only screen and (min-width:48em) {
    .footer {
        margin-block-start: 70px;
        margin-top: 70px
    }

    .footer__logo-holder {
        grid-column: 2/span 10;
        width: 202px
    }

    .footer__sign-up-block {
        grid-column: 14/-2;
        margin-block-start: 0;
        margin-top: 0
    }

    .footer__follow-box {
        grid-column: 14/-2
    }

    .footer__small-print {
        grid-column: 2/12;
        grid-row: 2
    }
}

@media only screen and (min-width:64em) {
    .footer {
        margin-block-start: 100px;
        margin-top: 100px
    }

    .footer__follow-box,
    .footer__sign-up-block {
        grid-column: 16/-2
    }
}

@media only screen and (min-width:75em) {
    .footer {
        margin-block-start: 120px;
        margin-top: 120px
    }

    .footer__follow-box,
    .footer__sign-up-block {
        grid-column: 18/-2
    }

    .footer__small-print {
        align-self: end
    }
}

@media only screen and (min-width:85.375em) {

    .footer__follow-box,
    .footer__sign-up-block {
        grid-column: 20/-2
    }
}

.message {
    background-color: #f2f2f2;
    border-bottom: 1px solid #ddd
}

.message__container {
    align-items: center;
    display: flex;
    justify-content: center;
    padding: 10px calc(clamp(10px, 3.47vw, 50px) - 10px);
    width: 100%
}

.message__content {
    text-wrap: balance;
    align-items: center;
    -moz-column-gap: 8px;
    column-gap: 8px;
    display: flex;
    font-size: clamp(.625rem, .65vw, .875rem);
    max-width: none;
    text-align: center
}

.message__icon {
    color: #f07122;
    flex-shrink: 0;
    height: 20px;
    transform: scaleY(-1) translateY(2px);
    width: 20px
}

.nav--open .message {
    display: none
}

@font-face {
    font-family: swiper-icons;
    font-style: normal;
    font-weight: 400;
    src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA") format("woff")
}

:root {
    --swiper-theme-color: #007aff
}

.swiper,
swiper-container {
    display: block;
    list-style: none;
    margin-left: auto;
    margin-right: auto;
    overflow: hidden;
    padding: 0;
    position: relative;
    z-index: 1
}

.swiper-vertical>.swiper-wrapper {
    flex-direction: column
}

.swiper-wrapper {
    box-sizing: content-box;
    display: flex;
    height: 100%;
    position: relative;
    transition-property: transform;
    transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
    width: 100%;
    z-index: 1
}

.swiper-android .swiper-slide,
.swiper-wrapper {
    transform: translateZ(0)
}

.swiper-horizontal {
    touch-action: pan-y
}

.swiper-vertical {
    touch-action: pan-x
}

.swiper-slide,
swiper-slide {
    display: block;
    flex-shrink: 0;
    height: 100%;
    position: relative;
    transition-property: transform;
    width: 100%
}

.swiper-slide-invisible-blank {
    visibility: hidden
}

.swiper-autoheight,
.swiper-autoheight .swiper-slide {
    height: auto
}

.swiper-autoheight .swiper-wrapper {
    align-items: flex-start;
    transition-property: transform, height
}

.swiper-backface-hidden .swiper-slide {
    backface-visibility: hidden;
    transform: translateZ(0)
}

.swiper-3d.swiper-css-mode .swiper-wrapper {
    perspective: 1200px
}

.swiper-3d .swiper-wrapper {
    transform-style: preserve-3d
}

.swiper-3d {
    perspective: 1200px
}

.swiper-3d .swiper-cube-shadow,
.swiper-3d .swiper-slide,
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top {
    transform-style: preserve-3d
}

.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top {
    height: 100%;
    left: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 10
}

.swiper-3d .swiper-slide-shadow {
    background: rgba(0, 0, 0, .15)
}

.swiper-3d .swiper-slide-shadow-left {
    background-image: linear-gradient(270deg, rgba(0, 0, 0, .5), transparent)
}

.swiper-3d .swiper-slide-shadow-right {
    background-image: linear-gradient(90deg, rgba(0, 0, 0, .5), transparent)
}

.swiper-3d .swiper-slide-shadow-top {
    background-image: linear-gradient(0deg, rgba(0, 0, 0, .5), transparent)
}

.swiper-3d .swiper-slide-shadow-bottom {
    background-image: linear-gradient(180deg, rgba(0, 0, 0, .5), transparent)
}

.swiper-css-mode>.swiper-wrapper {
    -ms-overflow-style: none;
    overflow: auto;
    scrollbar-width: none
}

.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar {
    display: none
}

.swiper-css-mode>.swiper-wrapper>.swiper-slide {
    scroll-snap-align: start start
}

.swiper-horizontal.swiper-css-mode>.swiper-wrapper {
    scroll-snap-type: x mandatory
}

.swiper-vertical.swiper-css-mode>.swiper-wrapper {
    scroll-snap-type: y mandatory
}

.swiper-css-mode.swiper-free-mode>.swiper-wrapper {
    scroll-snap-type: none
}

.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide {
    scroll-snap-align: none
}

.swiper-centered>.swiper-wrapper:before {
    content: "";
    flex-shrink: 0;
    order: 9999
}

.swiper-centered>.swiper-wrapper>.swiper-slide {
    scroll-snap-align: center center;
    scroll-snap-stop: always
}

.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child {
    margin-inline-start: var(--swiper-centered-offset-before)
}

.swiper-centered.swiper-horizontal>.swiper-wrapper:before {
    height: 100%;
    min-height: 1px;
    width: var(--swiper-centered-offset-after)
}

.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child {
    margin-block-start: var(--swiper-centered-offset-before)
}

.swiper-centered.swiper-vertical>.swiper-wrapper:before {
    height: var(--swiper-centered-offset-after);
    min-width: 1px;
    width: 100%
}

.swiper-lazy-preloader {
    border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
    border-radius: 50%;
    border-top: 4px solid transparent;
    box-sizing: border-box;
    height: 42px;
    left: 50%;
    margin-left: -21px;
    margin-top: -21px;
    position: absolute;
    top: 50%;
    transform-origin: 50%;
    width: 42px;
    z-index: 10
}

.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,
.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader,
swiper-container:not(.swiper-watch-progress) .swiper-lazy-preloader {
    animation: swiper-preloader-spin 1s linear infinite
}

.swiper-lazy-preloader-white {
    --swiper-preloader-color: #fff
}

.swiper-lazy-preloader-black {
    --swiper-preloader-color: #000
}

@keyframes swiper-preloader-spin {
    0% {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(1turn)
    }
}

.swiper-button-next,
.swiper-button-prev {
    cursor: pointer;
    outline: none;
    transition: opacity .2s ease-in
}

.swiper-button-disabled {
    pointer-events: none
}

.swiper-button-disabled .carousel__next-icon,
.swiper-button-disabled .carousel__prev-icon {
    opacity: .4
}

.swiper-pagination {
    text-align: center;
    transition: opacity .3s
}

.swiper-pagination.swiper-pagination-hidden {
    opacity: 0
}

.swiper-container-horizontal>.swiper-pagination-bullets,
.swiper-pagination-custom {
    bottom: 10px;
    left: 0;
    width: 100%
}

.swiper-pagination-bullets-dynamic {
    font-size: 0;
    overflow: hidden
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    position: relative;
    transform: scale(.33)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active,
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
    transform: scale(1)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
    transform: scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
    transform: scale(.33)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
    transform: scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
    transform: scale(.33)
}

.swiper-pagination-bullet {
    background: #00263a;
    border-radius: 50%;
    display: inline-block;
    height: 8px;
    opacity: .2;
    outline: none;
    width: 8px
}

.swiper-pagination-bullet:not(:last-child) {
    margin-right: 10px;
    margin-inline-end: 10px
}

button.swiper-pagination-bullet {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: none;
    box-shadow: none;
    margin: 0;
    padding: 0
}

.swiper-pagination-clickable .swiper-pagination-bullet {
    cursor: pointer
}

.swiper-pagination-bullet:only-child {
    display: none !important
}

.swiper-pagination-bullet-active {
    opacity: 1
}

.swiper-container-vertical>.swiper-pagination-bullets {
    right: 10px;
    top: 50%;
    transform: translate3d(0, -50%, 0)
}

.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {
    display: block;
    margin: 6px 0
}

.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    top: 50%;
    transform: translateY(-50%);
    width: 8px
}

.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    display: inline-block;
    transition: transform .2s, top .2s
}

.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 4px
}

.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    left: 50%;
    transform: translateX(-50%);
    white-space: nowrap
}

.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transition: transform .2s, left .2s
}

.swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transition: transform .2s, right .2s
}

.button {
    align-items: center;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    cursor: pointer;
    display: inline-flex;
    justify-content: space-between;
    overflow: hidden;
    pointer-events: auto;
    position: relative;
    text-decoration: none;
    width: -moz-fit-content;
    width: fit-content
}

.button-container {
    margin: 2rem 0
}

.button-container .button {
    background: #fff !important;
    color: #00263a !important;
    justify-self: center
}

.button--tag {
    border: 2px solid #f0eeed;
    color: #00263a;
    font-family: Gentleman\ 700, sans-serif;
    font-size: .75rem;
    height: 1.5rem;
    letter-spacing: .05em;
    overflow: hidden;
    padding-left: .625rem;
    padding-right: .625rem;
    padding-inline: .625rem;
    position: relative;
    text-transform: uppercase
}

.button--tag:before {
    background-color: #f0eeed;
    z-index: -2000
}

.button--tag:after,
.button--tag:before {
    bottom: 0;
    content: "";
    height: 100%;
    inset-block-end: 0;
    inset-block-start: 0;
    inset-inline-end: 0;
    inset-inline-start: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%
}

.button--tag:after {
    background-color: #fff;
    opacity: 0;
    transform: translateX(calc(-100% - 1px));
    transition: opacity .2s ease-in, transform 0s .2s;
    z-index: -1000
}

.button--tag:hover:after {
    opacity: 1;
    transform: translateX(0);
    transition: opacity 0s, transform .2s ease-out
}

.button--more-link {
    color: #00263a;
    font-family: Gentleman\ 700, sans-serif;
    font-size: .75rem;
    height: 18px;
    overflow: visible;
    padding-right: 29px;
    padding-inline-end: 29px;
    position: relative;
    text-transform: uppercase;
    transition: color .2s ease-in
}

.button--more-link:after {
    content: url(../your-nest/img/icons/caret-right-lg.svg);
    height: 18px;
    inset-block-start: -2px;
    inset-inline-end: 0;
    position: absolute;
    right: 0;
    top: -2px;
    width: 9px
}

.button--more-link:hover {
    color: #ec6608;
    transition: color .2s ease-out
}

.button--dark {
    border: 2px solid #00263a;
    color: #00263a;
    color: #fff;
    font-family: Gentleman\ 700, sans-serif;
    font-size: .75rem;
    height: 3.125rem;
    letter-spacing: .05em;
    overflow: hidden;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    padding-inline: 1.5rem;
    position: relative;
    text-transform: uppercase;
    transition: color .2s ease-in
}

.button--dark:before {
    background-color: #00263a;
    z-index: -2000
}

.button--dark:after,
.button--dark:before {
    bottom: 0;
    content: "";
    height: 100%;
    inset-block-end: 0;
    inset-block-start: 0;
    inset-inline-end: 0;
    inset-inline-start: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%
}

.button--dark:after {
    background-color: #fff;
    opacity: 0;
    transform: translateX(calc(-100% - 1px));
    transition: opacity .2s ease-in, transform 0s .2s;
    z-index: -1000
}

.button--dark:hover {
    color: #00263a;
    transition: color .2s ease-out
}

.button--dark:hover:after {
    opacity: 1;
    transform: translateX(0);
    transition: opacity 0s, transform .2s ease-out
}

.card {
    align-self: start;
    display: flex;
    flex-direction: column;
    padding-bottom: 26px;
    padding-block-end: 26px;
    position: relative
}

.card[href] {
    text-decoration: none
}

.card__image-holder {
    height: 300px;
    overflow: hidden;
    position: relative;
    width: 100%
}

.card__image {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    transform: scale(1);
    transition: transform .4s ease-in;
    width: 100%
}

.card__what-when {
    display: flex;
    justify-content: start;
    margin-block-start: 30px;
    margin-top: 30px
}

.card__category {
    font-family: Gentleman\ 700, sans-serif
}

.card__category,
.card__date {
    color: #00263a;
    font-size: .75rem;
    letter-spacing: .05em;
    line-height: 1.1666666667;
    text-transform: uppercase
}

.card__date {
    display: block;
    font-family: Gentleman\ 400, sans-serif
}

.card__date:before {
    color: inherit;
    content: "|";
    font: inherit;
    margin-left: .75rem;
    margin-right: .75rem;
    margin-inline: .75rem
}

.card__headline {
    margin-block-start: 15px;
    margin-top: 15px
}

.card__author {
    color: #00263a;
    font-family: Gentleman\ 400, sans-serif;
    font-size: .875rem;
    letter-spacing: .05em;
    line-height: 1.2857142857;
    margin-block-start: 20px;
    margin-top: 20px
}

.card:before {
    width: 40px
}

.card:after,
.card:before {
    background-color: #f0eeed;
    bottom: 0;
    content: "";
    height: 6px;
    inset-block-end: 0;
    inset-inline-start: 0;
    left: 0;
    position: absolute
}

.card:after {
    transform: scaleX(0);
    transform-origin: left;
    transition: transform .2s ease-in;
    width: 100%
}

.card:hover .card__image {
    transform: scale(1.1);
    transition: transform .4s ease-out;
    transition-delay: .12s
}

.card:hover:after {
    transform: scaleX(1);
    transition: transform .2s ease-out;
    transition-delay: .12s
}

.card--small .card__image-holder {
    height: 158px;
    overflow: hidden;
    width: 100%
}

.card--featured {
    height: min(101.33vw, 560px);
    justify-content: flex-end;
    padding: 20px;
    position: relative;
    width: 100%
}

.card--featured .card__image-holder,
.card--featured .card__image-holder:after {
    bottom: 0;
    height: 100%;
    inset-block-end: 0;
    inset-block-start: 0;
    inset-inline-end: 0;
    inset-inline-start: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%
}

.card--featured .card__image-holder:after {
    background-image: linear-gradient(180deg, transparent 26%, rgba(0, 0, 0, .6));
    content: ""
}

.card--featured .card__author,
.card--featured .card__category,
.card--featured .card__date,
.card--featured .card__headline {
    color: #fff;
    z-index: 1000
}

.card--featured .card__headline {
    font-size: clamp(1.875rem, 1rem + 4vw, 3.125rem)
}

.card--featured:after,
.card--featured:before {
    display: none
}

.card--featured:hover .card__image {
    transform: scale(1.05);
    transition-delay: .12s
}

@media only screen and (min-width:48em) {
    .card--featured {
        padding: 30px
    }
}

@media only screen and (min-width:64em) {
    .card--featured {
        padding-inline: 40px;
        padding: 46px 40px;
        padding-block: 46px
    }
}

.form__fieldset {
    -moz-column-gap: 1.25rem;
    column-gap: 1.25rem;
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(12.5rem, 1fr));
    row-gap: 1.875rem;
    transition: opacity 1s ease-in;
    will-change: opacity
}

.form__input-group {
    position: relative;
    width: 100%
}

.form__input-group--full {
    grid-column: 1/-1
}

.form__input {
    background-color: #f0eeed;
    border: none;
    border-radius: 0;
    color: #00263a;
    font-family: Gentleman\ 700, sans-serif;
    font-size: .75rem;
    height: 2.5rem;
    letter-spacing: .05em;
    line-height: 1.1666666667;
    outline: none;
    padding-left: 15px;
    padding-right: 15px;
    padding-inline: 15px;
    resize: vertical;
    width: 100%
}

.form__input:focus {
    border-bottom: 1px solid #00263a
}

.form__input::-moz-placeholder {
    color: rgba(0, 38, 58, .6);
    font-family: Gentleman\ 700, sans-serif;
    font-size: .75rem;
    letter-spacing: .05em;
    line-height: 1.1666666667;
    opacity: 1
}

.form__input::placeholder {
    color: rgba(0, 38, 58, .6);
    font-family: Gentleman\ 700, sans-serif;
    font-size: .75rem;
    letter-spacing: .05em;
    line-height: 1.1666666667;
    opacity: 1
}

.form__btn {
    background-color: #00263a;
    height: 2.5rem;
    padding-inline-end: 0;
    padding-left: 20px;
    padding-inline-start: 20px;
    padding-right: 20px;
    padding-inline-end: 20px;
    position: relative;
    width: 100%
}

.form__btn,
.form__input-btn {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: none;
    cursor: pointer;
    margin-inline-end: 0
}

.form__input-btn {
    background-color: hsla(0, 0%, 100%, 0);
    inset-block-start: 50%;
    inset-inline-end: 15px;
    padding-inline-end: 0;
    position: absolute;
    right: 15px;
    top: 50%;
    transform: translateY(-50%)
}

.form--cta-block .form__input {
    background-color: #fff;
    height: 3.125rem;
    padding-left: 20px;
    padding-inline-start: 20px;
    padding-right: 0;
    padding-inline-end: 0
}

.form--cta-block .form__input::-moz-placeholder {
    color: #00263a;
    font-family: Gentleman\ 400, sans-serif;
    font-size: .875rem;
    letter-spacing: .05em;
    line-height: 1.2857142857
}

.form--cta-block .form__input::placeholder {
    color: #00263a;
    font-family: Gentleman\ 400, sans-serif;
    font-size: .875rem;
    letter-spacing: .05em;
    line-height: 1.2857142857
}

.form--cta-block .form__input-btn-text {
    color: #fff;
    font-family: Gentleman\ 700, sans-serif;
    font-size: .75rem;
    letter-spacing: .05em;
    line-height: 1.1666666667;
    text-transform: uppercase;
    transition: color .2s ease-in
}

.form--cta-block .form__btn {
    height: 3.125rem
}

.form--cta-block .form__input-btn {
    background-color: #00263a;
    height: 100%;
    inset-inline-end: 0;
    right: 0;
    width: 7.1875rem
}

.form--cta-block .form__input-btn:hover .form__input-btn-text {
    color: #ec6608;
    transition: color .2s ease-out
}

@media only screen and (min-width:75em) {
    .form__input {
        height: 1.875rem
    }
}

.no-animation .form--login .form__fieldset {
    opacity: 0;
    pointer-events: none
}

.no-animation .form--login .form__button {
    opacity: 0;
    pointer-events: none;
    transform: translateY(105px)
}

.no-animation .form--login .form__button--go {
    opacity: 1;
    pointer-events: auto;
    z-index: 0
}

select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: none;
    color: #f0eeed;
    cursor: inherit;
    font-family: inherit;
    font-size: inherit;
    height: 100%;
    line-height: inherit;
    margin: 0;
    outline: none;
    width: 100%
}

r-custom-select,
select {
    background-color: transparent;
    padding: 0
}

r-custom-select {
    align-items: center;
    border-bottom: 1px solid #f0eeed;
    border-radius: 0;
    cursor: pointer;
    display: grid;
    font-family: Gentleman\ 400, sans-serif;
    font-size: 1rem;
    grid-template-areas: "select";
    height: 2.1875rem;
    letter-spacing: .05em;
    line-height: 1.625;
    position: relative
}

r-custom-select:after {
    content: url(../img/icons/caret-down.svg);
    display: grid;
    justify-self: end
}

r-custom-select:after,
select {
    grid-area: select
}

.checkbox {
    grid-gap: 1rem;
    align-content: start;
    color: #f0eeed;
    display: grid;
    font-family: Gentleman\ 400, sans-serif;
    font-size: .75rem;
    grid-template-columns: min-content auto;
    letter-spacing: .05em;
    line-height: 1
}

.checkbox__label {
    align-self: center
}

.checkbox__input {
    display: grid;
    grid-template-areas: "checkbox"
}

.checkbox__input input {
    height: 1.25rem;
    opacity: 0;
    width: 1.25rem
}

.checkbox__input>* {
    grid-area: checkbox
}

.checkbox__control {
    border: 1px solid #000;
    display: inline-grid;
    height: 1.25rem;
    width: 1.25rem
}

.checkbox__control svg {
    transform: scale(0);
    transform-origin: bottom left;
    transition: transform .1s ease-in 25ms
}

.checkbox__input input:checked+.checkbox__control svg {
    transform: scale(1)
}

.accordion {
    width: 100%
}

.accordion__item {
    background-color: #fff;
    border-radius: 0;
    box-shadow: 0 2px 5px rgba(0, 38, 58, .1);
    color: #00263a;
    display: flex;
    flex-direction: column;
    position: relative
}

.accordion__item:not(:first-of-type) {
    margin-block-start: 1.25rem;
    margin-top: 1.25rem
}

.accordion__item:not(:last-of-type):after {
    bottom: -1.25rem;
    content: url(../your-nest/img/icons/accordion-item-after.svg);
    height: 20px;
    inset-block-end: -1.25rem;
    inset-inline-start: 1.875rem;
    left: 1.875rem;
    position: absolute;
    width: 20px
}

.accordion__item:first-of-type {
    align-items: center;
    background-color: hsla(0, 0%, 100%, .5);
    border: 1px dotted #00263a;
    box-shadow: none;
    display: flex;
    flex-direction: row;
    padding: 1.875rem
}

.accordion__item:first-of-type .accordion__header-icon {
    height: 57px;
    margin-right: 1.875rem;
    margin-inline-end: 1.875rem;
    width: 56px
}

.accordion__item:first-of-type .accordion__sub-heading {
    color: #00263a;
    font-family: Gentleman\ 400, sans-serif;
    font-size: .875rem;
    letter-spacing: -.01em;
    margin-block-start: .625rem;
    margin-top: .625rem
}

.accordion__trigger {
    align-items: center;
    background-color: #fff;
    border: none;
    border-radius: 0;
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    padding: 1.25rem;
    text-align: left;
    text-align: start;
    width: 100%
}

.accordion__trigger:hover .accordion__step-name {
    color: #ec6608
}

.accordion__trigger:after {
    align-self: center;
    content: url(../your-nest/img/icons/chevron-down-small.svg);
    margin-inline-start: 30px;
    transition: transfrom .4s ease-in
}

.accordion__trigger--no-dropdown {
    align-items: center;
    background-color: #fff;
    border: none;
    border-radius: 0;
    display: flex;
    justify-content: space-between;
    padding: 1.25rem;
    text-align: left;
    text-align: start;
    width: 100%
}

.accordion__trigger-start {
    display: flex
}

.accordion__trigger-start>:not(:last-child) {
    margin-right: 1.25rem;
    margin-inline-end: 1.25rem
}

.accordion__trigger-icon {
    content: url(../your-nest/img/icons/tick-circle-empty.svg);
    height: 20px;
    width: 20px
}

.accordion__step-name {
    color: #00263a;
    font-family: Gentleman\ 700, sans-serif;
    font-size: 1rem;
    letter-spacing: -.01em;
    transition: color .2s ease-in
}

.accordion__step-date {
    color: #00263a
}

.accordion__step-date,
.accordion__step-date--warning {
    align-self: center;
    font-family: Gentleman\ 700, sans-serif;
    font-size: .75rem;
    letter-spacing: -.01em
}

.accordion__step-date--warning {
    color: #ec6608
}

.accordion__view-link {
    color: #00263a;
    font-family: Gentleman\ 700, sans-serif;
    font-size: .75rem;
    letter-spacing: -.01em;
    transition: opacity .2s ease-in
}

.accordion__view-link:hover {
    opacity: .6
}

.accordion .active {
    color: #ec6608
}

.accordion .active:after {
    margin-inline-start: 30px;
    transform: rotate(180deg)
}

.accordion__content-container {
    background-color: #fff;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    max-height: 0;
    overflow-x: auto;
    overflow-y: hidden;
    transition: max-height .4s ease-in
}

.accordion__content {
    border-top: 1px solid #f0eeed;
    padding: 1.25rem
}

.accordion .complete .accordion__trigger:hover .accordion__step-name {
    color: #ec6608
}

.accordion .complete .accordion__trigger-icon {
    content: url(../your-nest/img/icons/tick-circle.svg);
    height: 20px;
    width: 20px
}

.accordion .complete .accordion__step-name {
    color: #00263a;
    font-family: Gentleman\ 700, sans-serif;
    font-size: 1rem;
    letter-spacing: -.01em;
    transition: color .2s ease-in
}

.accordion .complete .accordion__step-date,
.accordion .complete .accordion__step-date--warning {
    align-self: center;
    color: #00263a;
    font-family: Gentleman\ 700, sans-serif;
    font-size: .75rem;
    letter-spacing: -.01em
}

.accordion .job-spec,
.accordion .list {
    padding-block-end: 30px
}

.table {
    border: none;
    border-collapse: collapse;
    width: 100%
}

.table * {
    border: none;
    text-align: start
}

.table thead * {
    background-color: #f0eeed
}

.table td,
.table th {
    padding: 20px
}

.table th {
    color: rgba(0, 38, 58, .5);
    font-size: .75rem;
    letter-spacing: .1em;
    text-transform: uppercase
}

.table td,
.table th {
    font-family: Gentleman\ 700, sans-serif
}

.table td {
    color: #00263a;
    font-size: .875rem;
    letter-spacing: 0
}

.table tr:nth-child(2n) {
    background-color: #f0eeed
}

.table tr:nth-child(odd) {
    background-color: #fff
}

.table__link {
    color: #ec6608;
    transition: opacity .2s ease-in
}

.table__link:hover {
    opacity: .6
}

.table--small {
    width: 100%
}

.table--small td,
.table--small th {
    font-family: Gentleman\ 700, sans-serif;
    font-size: .875rem;
    letter-spacing: 0;
    padding-bottom: .3125rem;
    padding-top: .3125rem;
    padding-block: .3125rem
}

.table--small th {
    color: rgba(0, 38, 58, .6);
    text-align: start;
    width: 50%
}

.table--small td {
    color: #00263a
}

.table--wide {
    border: none;
    border-collapse: collapse;
    width: 100%
}

.table--wide * {
    border: none;
    text-align: start
}

.table--wide thead * {
    background-color: #f0eeed
}

.table--wide td,
.table--wide th {
    font-family: Gentleman\ 700, sans-serif;
    font-size: .875rem;
    letter-spacing: 0;
    padding: 10px
}

.table--wide th {
    color: rgba(0, 38, 58, .5);
    width: 17.8125rem
}

.table--wide td {
    color: #00263a
}

.table--wide tr:nth-child(2n) {
    background-color: #f0eeed
}

.table--wide tr:nth-child(odd) {
    background-color: #fff
}

.table--wide__link {
    color: #ec6608;
    transition: opacity .2s ease-in
}

.table--wide__link:hover {
    opacity: .6
}

.list {
    list-style: none;
    padding: 0
}

.list li {
    font-family: Gentleman\ 700, sans-serif;
    font-size: .875rem
}

.list li:not(:last-of-type) {
    margin-bottom: .9375rem
}

.modal {
    animation-duration: 1s;
    animation-name: fadeIn;
    height: 780px;
    inset-block-start: 50%;
    inset-inline-start: 50%;
    max-height: 100%;
    position: fixed;
    transform: translate(-50%, -50%);
    width: 100vw;
    z-index: 20
}

.modal__content {
    height: 100%;
    inset-block: 0;
    inset-inline: 0;
    overflow: auto;
    position: absolute;
    width: 100%
}

.modal__close-button {
    background: none;
    border: none;
    color: #000;
    cursor: pointer;
    font-size: 1.5rem;
    inset-block-start: .9375rem;
    inset-inline-end: 1.5625rem;
    position: absolute;
    transition: opacity .2s ease-in;
    z-index: 21
}

.modal__close-button:hover {
    opacity: .8
}

@media only screen and (min-width:48em) {
    .modal {
        width: calc(100vw - 80px)
    }
}

@media only screen and (min-width:64em) {
    .modal {
        height: 530px;
        width: 900px
    }
}

.modal--video {
    animation-duration: 1s;
    animation-name: fadeIn;
    height: 780px;
    inset-block-start: 50%;
    inset-inline-start: 50%;
    max-height: 100%;
    position: fixed;
    transform: translate(-50%, -50%);
    width: 100vw;
    z-index: 20
}

.modal--video .modal__content {
    height: 100%;
    inset-block: 0;
    inset-inline: 0;
    overflow: auto;
    position: absolute;
    width: 100%
}

.modal--video .modal__close-button {
    background: none;
    border: none;
    color: #fff;
    cursor: pointer;
    font-size: 1.5rem;
    inset-block-start: .9375rem;
    inset-inline-end: 1.5625rem;
    position: absolute;
    transition: opacity .2s ease-in;
    z-index: 21
}

.modal--video .modal__close-button:hover {
    opacity: .8
}

@media only screen and (min-width:48em) {
    .modal--video .modal {
        width: calc(100vw - 80px)
    }
}

@media only screen and (min-width:64em) {
    .modal--video .modal {
        height: 530px;
        width: 900px
    }
}

.hidden {
    display: none
}

.temp-close-button {
    color: #fff;
    cursor: pointer;
    font-size: 20px;
    inset-block-start: 50px;
    inset-inline-end: 30px;
    position: absolute
}

.tab-group__radio {
    display: none
}

.tab-group__tabs {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start
}

.tab-group__tabs .active {
    border-color: #ec6608
}

.tab-group__tabs .active>.tab-group__tab-text {
    opacity: 1
}

.tab-group__tab {
    border-bottom: 2px solid hsla(0, 0%, 100%, 0);
    cursor: pointer;
    margin-block-end: 1.25rem;
    margin-right: 2.5rem;
    margin-inline-end: 2.5rem;
    margin-bottom: 1.25rem;
    padding-block-end: 5px;
    text-decoration: none
}

.tab-group__tab-text {
    color: #00263a;
    font-family: Gentleman\ 700, sans-serif;
    font-size: 1rem;
    opacity: .6;
    transition: opacity .2s ease-in
}

.tab-group__tab-text:hover {
    opacity: 1
}

.tab-group__panels {
    margin-block-start: 2.5rem;
    margin-top: 2.5rem;
    position: relative;
    width: 100%
}

.tab-group__panel {
    left: 0;
    opacity: 0;
    padding-bottom: 1.25rem;
    padding-block-end: 1.25rem;
    position: absolute;
    top: 0;
    transform: translate3d(50px, 0, 0);
    transition: opacity .4s ease-in, transform .4s ease-in;
    width: 100%
}

.tab-group__panel.active {
    opacity: 1;
    transform: translateZ(0);
    z-index: 1000
}

.tab-group--plot-detail {
    margin-left: max(50vw - 655px, 0px)
}

.tab-group--plot-spec {
    margin-left: max(50vw - 575px, 0px)
}

.nav {
    outline: none;
    z-index: 0
}

.nav:before {
    background-color: #fff;
    content: "";
    height: 100%;
    left: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1
}

.nav__menu {
    -webkit-overflow-scrolling: touch;
    background-image: linear-gradient(180deg, hsla(0, 0%, 100%, 0) 4.375rem, #fff 0);
    display: flex;
    flex-direction: column;
    height: calc(100% - 84px);
    inset-block-start: 5.25rem;
    inset-inline-end: 0;
    margin: 0;
    overflow-y: auto;
    overscroll-behavior-y: contain;
    padding-top: 4.6875rem;
    padding-block-start: 4.6875rem;
    position: fixed;
    right: 0;
    top: 5.25rem;
    transform: translateX(100%);
    transition: transform .2s ease-in, visibility .2s ease-in;
    visibility: hidden;
    width: 100%
}

.nav__list {
    display: flex;
    flex-direction: inherit;
    list-style: none;
    opacity: 0;
    padding-left: clamp(10px, 3.47vw, 50px);
    padding-right: clamp(10px, 3.47vw, 50px);
    padding-inline: clamp(10px, 3.47vw, 50px);
    transform: translateY(20px);
    transition: opacity .2s ease-in, transform 0s .2s
}

.nav__hamburger-line {
    background-color: #00263a;
    display: block;
    height: 2px;
    pointer-events: none;
    position: relative;
    transition: transform .2s ease-in, opacity .2s ease-in;
    width: 20px
}

.nav__hamburger-line:not(:last-child) {
    margin-block-end: .375rem;
    margin-bottom: .375rem
}

.nav__hamburger-line:nth-child(2):after {
    background-color: #00263a;
    content: "";
    height: 2px;
    inset-block-start: 0;
    inset-inline-start: 0;
    left: 0;
    position: absolute;
    top: 0;
    transition: transform .2s ease-in;
    width: 20px
}

.nav__search-line:first-child,
.nav__search-line:last-child {
    background-color: #00263a;
    display: block;
    height: 2px;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    top: 17px;
    transition: transform .2s ease-in, opacity .2s ease-in;
    width: 20px
}

.nav__search-line:nth-child(2) {
    background-color: transparent;
    border: 2px solid #00263a;
    border-radius: 50%;
    display: block;
    height: 15px;
    pointer-events: none;
    position: relative;
    transition: transform .2s ease-in, opacity .2s ease-in;
    width: 15px
}

.nav__search-line:nth-child(2):after {
    background-color: #00263a;
    content: "";
    height: 2px;
    left: 9px;
    position: absolute;
    top: 13px;
    transform: rotate(45deg);
    transition: transform .2s ease-in;
    width: 9px
}

.nav__button {
    opacity: 1;
    outline: none;
    position: relative;
    transition: opacity .3s ease;
    z-index: 1
}

.nav__button--close {
    height: 38px;
    inset-block-start: 1rem;
    inset-inline-start: 10px;
    left: 10px;
    position: absolute;
    top: 1rem;
    width: 40px
}

.nav__button--close,
.nav__button--open {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: hsla(0, 0%, 100%, 0);
    border: none;
    cursor: pointer;
    outline: none
}

.nav__button--open {
    padding: 10px
}

.nav__item {
    height: 3.4375rem;
    max-width: none
}

.nav__link {
    align-items: center;
    border-bottom: 1px solid rgba(0, 38, 58, .2);
    color: #00263a;
    display: flex;
    font-family: Gentleman\ 700, sans-serif;
    font-size: .875rem;
    height: 100%;
    letter-spacing: .1em;
    position: relative;
    text-decoration: none;
    text-transform: uppercase
}

.nav__link--icon .icon-arrow {
    display: none
}

.nav__search-block {
    display: none;
    margin-block-start: 2.5rem;
    margin-top: 2.5rem;
    opacity: 0;
    padding-left: clamp(10px, 3.47vw, 50px);
    padding-right: clamp(10px, 3.47vw, 50px);
    padding-inline: clamp(10px, 3.47vw, 50px);
    transform: translateY(20px)
}

.nav__search-block-form {
    position: relative
}

.nav__search-block-form__label {
    clip: rect(0, 0, 0, 0);
    border: 0;
    content: "Search for inspiration:";
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    white-space: nowrap;
    width: 1px
}

.nav__search-block-form__input::-moz-placeholder {
    font-family: Gentleman\ 400, sans-serif !important;
    font-size: .875rem;
    letter-spacing: .00028em !important
}

.nav__search-block-form__input,
.nav__search-block-form__input::placeholder {
    font-family: Gentleman\ 400, sans-serif !important;
    font-size: .875rem;
    letter-spacing: .00028em !important
}

.nav__search-block-form__input {
    height: 40px;
    padding: 9.8px 6.8px 6.8px 36.2px
}

.nav__search-block-form__icon {
    height: 15px;
    left: 12px;
    position: absolute;
    top: 13px;
    width: 15px
}

.nav__sticky-search {
    transform: translateY(20px);
    transition: opacity .2s ease-in, transform 0s .2s
}

.nav__sticky-search,
.nav__visit-bellway {
    display: none;
    margin-block-start: 2.5rem;
    margin-top: 2.5rem;
    opacity: 0;
    padding-left: clamp(10px, 3.47vw, 50px);
    padding-right: clamp(10px, 3.47vw, 50px);
    padding-inline: clamp(10px, 3.47vw, 50px)
}

.nav__visit-bellway {
    transition: opacity .2s ease-in
}

.nav__visit-bellway .visit-bellway {
    align-items: center;
    -moz-column-gap: 6px;
    column-gap: 6px;
    display: flex;
    text-decoration: none
}

.nav__visit-bellway .visit-bellway__visit {
    color: #00263a;
    font-family: Gentleman\ 700, sans-serif;
    font-size: .625rem;
    letter-spacing: .1em;
    line-height: 1;
    text-transform: uppercase
}

.nav__visit-bellway .visit-bellway__bellway {
    clip: rect(0, 0, 0, 0);
    border-width: 0;
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    white-space: nowrap;
    width: 1px
}

.nav__visit-bellway .visit-bellway__placeholder {
    aspect-ratio: 292/85;
    display: inline-block;
    position: relative;
    width: 50px
}

.nav__visit-bellway .visit-bellway__placeholder img {
    height: 100%;
    left: 0;
    -o-object-fit: contain;
    object-fit: contain;
    position: absolute;
    top: 0;
    width: 100%
}

.nav__visit-bellway__btn {
    background-color: #00263a;
    color: #fff;
    display: inline-block;
    font-family: Gentleman\ 700, sans-serif;
    font-size: .75rem;
    height: 2.5rem;
    letter-spacing: .05em;
    line-height: 2.625rem;
    padding-left: 20px;
    padding-inline-start: 20px;
    padding-right: 20px;
    padding-inline-end: 20px;
    text-decoration: none;
    text-transform: uppercase
}

@media only screen and (max-width:75em) {
    .nav__visit-bellway__btn {
        float: unset
    }
}

.nav__heading {
    color: #00263a;
    font-family: Gentleman\ 700, sans-serif;
    font-size: .75rem;
    letter-spacing: .1em;
    text-transform: uppercase
}

.nav__form {
    margin-block-start: .8125rem;
    margin-top: .8125rem
}

.nav__bellway-links {
    display: flex;
    flex-wrap: wrap;
    gap: .75rem;
    justify-content: space-between
}

.nav__bellway-link {
    color: #00263a;
    font-family: Gentleman\ 700, sans-serif;
    font-size: .75rem;
    letter-spacing: .1em;
    line-height: 1;
    text-decoration: none;
    text-transform: uppercase
}

.nav__bellway-links,
.nav__follow-box {
    margin-bottom: 2.5rem;
    margin-top: 2.5rem;
    margin-block: 2.5rem;
    opacity: 0;
    padding-left: clamp(10px, 3.47vw, 50px);
    padding-right: clamp(10px, 3.47vw, 50px);
    padding-inline: clamp(10px, 3.47vw, 50px);
    transform: translateY(20px);
    transition: opacity .2s ease-in, transform 0s .2s
}

.nav--open .nav:before {
    opacity: 1;
    transition: opacity .2s ease-out;
    visibility: visible
}

.nav--open .nav__menu {
    transform: translateX(0);
    transition: transform .2s ease-out;
    visibility: visible
}

.nav--open .nav__hamburger-line:first-child {
    opacity: 0;
    transform: scaleX(0);
    transform-origin: left;
    transition: transform .2s ease-out, opacity .2s ease-out
}

.nav--open .nav__hamburger-line:nth-child(2) {
    transform: rotate(-45deg);
    transition: transform .2s ease-out
}

.nav--open .nav__hamburger-line:nth-child(2):after {
    transform: rotate(90deg);
    transition: transform .2s ease-out
}

.nav--open .nav__hamburger-line:last-child {
    opacity: 0;
    transform: scaleX(0);
    transform-origin: right;
    transition: transform .2s ease-out, opacity .2s ease-out
}

.nav--open .nav__bellway-links,
.nav--open .nav__follow-box,
.nav--open .nav__list,
.nav--open .nav__sticky-search {
    opacity: 1;
    transform: translateY(0);
    transition: opacity .4s ease-out .2s, transform .4s ease-out .2s
}

.nav--open .nav__link,
.nav--open .nav__link--icon {
    font-family: Gentleman\ 700, sans-serif;
    font-size: .9375rem;
    letter-spacing: normal;
    text-transform: none
}

.nav--open .nav__link--icon {
    align-items: center;
    -moz-column-gap: .625rem;
    column-gap: .625rem;
    display: flex
}

.nav--open .nav__link--icon .icon-arrow {
    color: #ec6608;
    display: block;
    font-size: .75rem
}

.nav--open body {
    overflow-y: hidden
}

@media only screen and (min-width:75em) {
    .nav {
        bottom: 0;
        inset-block-end: 0;
        inset-block-start: 0;
        inset-inline-end: 0;
        inset-inline-start: 0;
        left: 0;
        position: absolute;
        right: 0;
        top: 0
    }

    .nav:before {
        display: none
    }

    .nav__menu {
        align-content: center;
        background-color: transparent;
        display: grid;
        grid-template-columns: repeat(3, auto);
        grid-template-rows: 8.75rem 3.75rem;
        height: 100%;
        inset-block-start: 0;
        padding: 0 clamp(10px, 3.47vw, 50px);
        position: static;
        top: 0;
        transform: translateX(0);
        visibility: visible
    }
}

@media only screen and (min-width:75em) and (min-width:100em) {
    .nav__menu {
        padding: 0 calc(50vw - 750px)
    }
}

@media only screen and (min-width:75em) {
    .nav__menu:after {
        background-color: rgba(0, 38, 58, .2);
        bottom: 0;
        content: "";
        height: 1px;
        inset-block-end: 0;
        inset-inline-start: clamp(10px, 3.47vw, 50px);
        left: clamp(10px, 3.47vw, 50px);
        position: absolute;
        width: calc(100% - clamp(10px, 3.47vw, 50px)*2)
    }

    .nav__list {
        display: flex;
        flex-direction: row;
        grid-column: 1/-1;
        grid-row: 2;
        justify-self: center;
        opacity: 1;
        transform: translateY(0)
    }

    .nav__follow-box {
        align-self: center;
        grid-column: 1;
        grid-row: 1;
        margin-block-start: 0;
        margin-top: 0;
        padding: 0;
        transform: translateX(-4px)
    }

    .nav__bellway-links {
        display: none
    }

    .nav__search-block {
        grid-row: 1;
        opacity: 1
    }

    .nav__search-block,
    .nav__sticky-search {
        align-self: center;
        display: block;
        grid-column: 3;
        justify-self: end;
        margin-block-start: 0;
        margin-top: 0;
        padding: 0;
        transform: translateY(0);
        width: 19.0625rem
    }

    .nav__sticky-search {
        grid-row: 2;
        opacity: 0
    }

    .nav__visit-bellway {
        align-self: center;
        display: block;
        grid-column: 1;
        grid-row: 2;
        justify-self: start;
        margin-block-start: 0;
        margin-top: 0;
        padding: 0;
        width: 19.0625rem
    }

    .nav__follow-box {
        opacity: 1;
        transform: translateY(0)
    }

    .nav__button {
        display: none
    }

    .nav__item {
        height: 100%
    }

    .nav__item:not(:last-child) {
        margin-right: 40px;
        margin-inline-end: 40px
    }

    .nav__item--desktop-hidden {
        display: none
    }

    .nav__link {
        border-bottom: 1px solid hsla(0, 0%, 100%, 0);
        font-size: .75rem;
        position: relative
    }

    .nav__link:after {
        background-color: #00263a;
        bottom: -.0625rem;
        content: "";
        height: 1px;
        inset-block-end: -.0625rem;
        inset-inline-start: 0;
        left: 0;
        opacity: 0;
        position: absolute;
        transition: opacity .2s ease-in;
        width: 100%
    }

    .nav__link--active {
        background-color: rgba(0, 0, 0, .2)
    }

    .nav__link:hover:after {
        opacity: 1;
        transition: opacity .2s ease-out
    }

    .nav--open .nav__menu {
        transform: translateX(0);
        visibility: visible
    }

    .nav--open .nav__button {
        display: none
    }
}

@media only screen and (min-width:100em) {
    .nav__menu:after {
        inset-inline-start: calc(50vw - 750px);
        left: calc(50vw - 750px);
        width: calc(100% - 100vw + 1500px)
    }
}

.dropdown__content {
    display: none
}

@media only screen and (min-width:61.3125em) {
    .dropdown__content {
        -moz-column-gap: 3.125rem;
        column-gap: 3.125rem;
        display: grid;
        grid-template-areas: "dd-header dd-menu";
        grid-template-columns: 1fr 45.4375rem;
        height: 0;
        left: 0;
        opacity: 0;
        overflow: hidden;
        position: absolute;
        top: 111px;
        transition: opacity .2s ease-in;
        width: 100vw;
        z-index: 5
    }

    .dropdown__header {
        grid-area: dd-header;
        margin-top: 3.125rem;
        width: 18rem
    }

    .dropdown__heading {
        color: #fff;
        line-height: 1;
        margin-bottom: 2.5rem
    }

    .dropdown__menu {
        grid-area: dd-menu;
        margin-top: 3.125rem
    }

    .dropdown__sub-list {
        -moz-column-gap: 3.75rem;
        column-gap: 3.75rem;
        display: grid;
        grid-template-columns: repeat(2, 13.125rem);
        list-style: none;
        row-gap: .3125rem
    }

    .dropdown__item {
        opacity: .5;
        transition: opacity .2s ease-in
    }

    .dropdown__item--1 {
        grid-column: 1;
        grid-row: 1
    }

    .dropdown__item--2 {
        grid-column: 1;
        grid-row: 2
    }

    .dropdown__item--3 {
        grid-column: 1;
        grid-row: 3
    }

    .dropdown__item--4 {
        grid-column: 1;
        grid-row: 4
    }

    .dropdown__item--5 {
        grid-column: 2;
        grid-row: 1
    }

    .dropdown__item--6 {
        grid-column: 2;
        grid-row: 2
    }

    .dropdown__item--7 {
        grid-column: 2;
        grid-row: 3
    }

    .dropdown__item--8 {
        grid-column: 2;
        grid-row: 4
    }

    .dropdown__item:hover {
        opacity: 1
    }

    .dropdown__link {
        color: #fff;
        letter-spacing: 0;
        line-height: 1.7857142857;
        margin-bottom: 1.375rem;
        text-decoration: none
    }

    .dropdown__link--all {
        margin-bottom: 2.3125rem
    }

    .dropdown:hover .dropdown__content {
        height: 23.75rem;
        opacity: 1
    }
}

.carousel--in-article {
    height: 380px;
    padding-bottom: 80px;
    padding-block-end: 80px;
    position: relative;
    width: 100%
}

.carousel--in-article .carousel__controls {
    display: flex;
    inset-block-start: 300px;
    inset-inline-start: 0;
    justify-content: flex-end;
    left: 0;
    position: absolute;
    top: 300px;
    width: 100%;
    z-index: 1000
}

.carousel--in-article .carousel__button-icon {
    transform: scale(1);
    transition: transform .2s ease-in
}

.carousel--in-article .carousel__button {
    background-color: #f0eeed;
    border: none;
    height: 80px;
    justify-content: center;
    width: 80px
}

.carousel--in-article .carousel__button:first-of-type {
    margin-right: 5px;
    margin-inline-end: 5px
}

.carousel--in-article .carousel__button:hover .carousel__button-icon {
    transform: scale(1.2);
    transition: transform .2s ease-out
}

.carousel--in-article .carousel__slide,
.carousel--in-article .carousel__slides {
    height: 100%;
    width: 100%
}

.carousel--in-article .carousel__image {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}

.carousel--thumbs .carousel__slides {
    margin: 0 clamp(10px, 3.47vw, 50px)
}

.carousel--thumbs .carousel__slide {
    flex-grow: 0;
    width: 305px
}

@media only screen and (min-width:48em) {
    .carousel--in-article {
        height: 500px;
        overflow: hidden;
        padding-bottom: 0;
        padding-block-end: 0
    }

    .carousel--in-article .carousel__controls {
        inset-block-start: 50%;
        justify-content: space-between;
        top: 50%;
        transform: translateY(-50%)
    }

    .carousel--in-article .carousel__slides {
        width: 100%
    }

    .carousel--in-article .carousel__slide {
        padding: 0 clamp(10px, 3.47vw, 50px)
    }
}

.overlay {
    -webkit-backdrop-filter: blur(3px);
    backdrop-filter: blur(3px);
    background-color: #000;
    background-color: rgba(0, 0, 0, .3);
    bottom: 0;
    height: 100%;
    inset-block-end: 0;
    inset-inline-start: 0;
    left: 0;
    position: fixed;
    transition: visibility .4s ease-in, opacity .4s ease-in;
    visibility: visible;
    width: 100%;
    z-index: 8000
}

.overlay--hidden {
    opacity: 0;
    visibility: hidden
}

.counter {
    font-family: Gentleman\ 700, sans-serif;
    font-size: clamp(1.875rem, 1rem + 2.5vw, 2.5rem)
}

.tooltip {
    position: relative
}

.tooltip__content {
    bottom: calc(100% + 10px);
    left: 50%;
    opacity: 0;
    position: absolute;
    transform: translateX(-50%);
    transition: opacity .2s ease-in;
    transition-delay: .12s;
    visibility: hidden
}

.tooltip:hover .tooltip__content {
    opacity: 1;
    visibility: visible;
    z-index: 10000
}

.video-bg {
    inset-block-start: 0;
    inset-inline-end: 0;
    min-height: 100%;
    min-width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    position: fixed;
    right: 0;
    top: 0
}

rz-badge {
    align-items: center;
    border-radius: 100px;
    color: #fff;
    display: flex;
    font-family: Gentleman\ 700;
    font-size: 12px;
    height: 18px;
    justify-content: center;
    padding-left: .375rem;
    padding-right: .375rem;
    padding-inline: .375rem;
    padding-top: .125rem;
    padding-block-start: .125rem
}

rz-badge[data-reference=notifications] {
    background-color: #ec6608
}

rz-badge[data-reference=docs] {
    background-color: #00263a
}

rz-badge[rz-content=""],
rz-badge[rz-count=""],
rz-badge[rz-count="0"] {
    display: none
}

.button-group {
    display: flex
}

.button-group .button:not(:last-child) {
    margin-right: 1.25rem;
    margin-inline-end: 1.25rem
}

.blockquote {
    padding-left: calc(5.59701vw - clamp(10px, 3.47vw, 50px)*2*.05597);
    padding-inline-start: calc(5.59701vw - clamp(10px, 3.47vw, 50px)*2*.05597);
    position: relative;
    width: 100%
}

.blockquote__quote {
    --flow-space: 40px;
    width: 100%
}

.blockquote p {
    font-family: Vidaloka, sans-serif;
    font-size: clamp(1.25rem, 1rem + 1.5vw, 1.5rem);
    letter-spacing: 0;
    line-height: 1.4166666667
}

.blockquote p:first-of-type:before {
    content: "“"
}

.blockquote p:last-of-type:after {
    content: "”"
}

.blockquote__source {
    font-family: Gentleman\ 400, sans-serif;
    font-size: .875rem;
    letter-spacing: .05em;
    margin-block-start: 2.5rem;
    margin-top: 2.5rem
}

.blockquote:before {
    background-color: #f0eeed;
    content: "";
    height: 100%;
    inset-block-start: 0;
    inset-inline-start: 0;
    left: 0;
    position: absolute;
    top: 0;
    width: 6px
}

.share-box {
    align-items: center;
    border-bottom: 1px solid rgba(0, 38, 58, .2);
    border-top: 1px solid rgba(0, 38, 58, .2);
    display: flex;
    height: 5rem;
    justify-content: flex-end;
    width: 100%
}

.share-box__heading {
    color: #00263a;
    font-family: Gentleman\ 700, sans-serif;
    font-size: .75rem;
    letter-spacing: .05em;
    margin-right: auto;
    margin-inline-end: auto;
    text-transform: uppercase
}

.share-box__icon {
    height: 30px;
    -o-object-fit: contain;
    object-fit: contain;
    width: 30px
}

.share-box__link {
    align-items: center;
    display: flex;
    height: 32px;
    justify-content: center;
    overflow: hidden;
    position: relative;
    transition: transform .2s ease-in;
    width: 32px
}

.share-box__link:not(:last-child) {
    margin-right: 10px;
    margin-inline-end: 10px
}

.share-box__link:after {
    border: 2px solid;
    border-radius: 50%;
    bottom: 0;
    content: "";
    height: 100%;
    inset-block-end: 0;
    inset-block-start: 0;
    inset-inline-end: 0;
    inset-inline-start: 0;
    left: 0;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 0;
    transform: scale(.8);
    transition: opacity .2s ease-in, transform 0s .2s;
    width: 100%
}

.share-box__link--pinterest:after {
    border-color: #e60023
}

.share-box__link--twitter:after {
    border-color: #55acee
}

.share-box__link--facebook:after {
    border-color: #3b5998
}

.share-box__link--email:after {
    border-color: #ec6608
}

.share-box__link:hover:after {
    opacity: 1;
    transform: scale(1);
    transition: opacity .2s ease-out, transform .2s ease-out
}

.share-box--icons-only {
    border: none;
    height: auto;
    justify-content: flex-start
}

.follow-box {
    align-items: center;
    -moz-column-gap: 20px;
    column-gap: 20px;
    display: grid;
    grid-template-columns: repeat(5, min-content)
}

.follow-box__p {
    color: #00263a;
    font-family: Gentleman\ 700, sans-serif;
    font-size: .75rem;
    letter-spacing: .1em;
    line-height: 1;
    text-transform: uppercase
}

.follow-box__icon {
    -o-object-fit: contain;
    object-fit: contain
}

.follow-box__link {
    align-items: center;
    align-self: center;
    display: flex;
    height: 1.6875rem;
    justify-content: center;
    overflow: hidden;
    padding-inline: 4px;
    padding: 6px 4px;
    padding-block: 6px;
    position: relative;
    transition: transform .2s ease-in;
    width: 1.5rem
}

.follow-box__link:after {
    bottom: 0;
    content: "";
    height: 2px;
    inset-block-end: 0;
    inset-inline-start: 0;
    left: 0;
    opacity: 0;
    position: absolute;
    transform: translateX(calc(-100% - 1px));
    transition: opacity .2s ease-in, transform 0s .2s;
    width: 100%
}

.follow-box__link--instagram:after {
    background-image: linear-gradient(90deg, #050ae6, #5851d8, #833ab4, #c13584, #e1306c, #fd244c, #5851d8, #f77737, #fcaf45, #ffdc80)
}

.follow-box__link--twitter:after {
    background-color: #55acee
}

.follow-box__link--pinterest:after {
    background-color: #e60023
}

.follow-box__link--facebook:after {
    background-color: #3b5998
}

.follow-box__link--tiktok:after {
    background-image: linear-gradient(90deg, #fe2c55, #25f4ee)
}

.follow-box__link:hover:after {
    opacity: 1;
    transform: translateX(0);
    transition: opacity 0s, transform .2s ease-out
}

@media only screen and (min-width:75em) {
    .follow-box {
        grid-template-columns: repeat(4, min-content);
        grid-template-rows: repeat(2, min-content);
        row-gap: 20px
    }

    .follow-box__p {
        grid-column: 1/-1;
        grid-row: 1;
        padding-left: 4px;
        padding-inline-start: 4px
    }
}

.article__container {
    --flow-space: 40px
}

.article__header {
    display: grid;
    grid-template-columns: 100%;
    row-gap: 20px;
    width: 100%
}

.article__header>* {
    grid-column: 1/-1;
    justify-items: start
}

.article__what-when {
    display: flex;
    justify-content: start
}

.article__category {
    color: #00263a;
    font-family: Gentleman\ 700, sans-serif;
    font-size: .75rem;
    letter-spacing: .1em;
    line-height: 1.1666666667;
    text-transform: uppercase
}

.article__category:after {
    color: inherit;
    content: "|";
    font: inherit;
    margin-left: .75rem;
    margin-right: .75rem;
    margin-inline: .75rem
}

.article__date {
    color: #00263a;
    display: block;
    font-family: Gentleman\ 400, sans-serif;
    font-size: .75rem;
    letter-spacing: .1em;
    line-height: 1.1666666667;
    text-transform: uppercase
}

.article__headline {
    max-width: 20ch
}

.article__author {
    color: #00263a;
    font-family: Gentleman\ 400, sans-serif;
    font-size: .875rem;
    letter-spacing: .05em;
    line-height: 1.2857142857
}

.article__sponsor {
    display: none
}

.article__tag-list {
    display: flex;
    flex-wrap: wrap
}

.article__tag {
    margin-block-start: 1.25rem;
    margin-top: 1.25rem
}

.article__tag:not(:last-child) {
    margin-right: .625rem;
    margin-inline-end: .625rem
}

.article__feature-image-holder {
    grid-column: 1/-1;
    height: 80vw;
    margin-block-end: 1.25rem;
    margin-bottom: 1.25rem;
    max-height: 600px;
    position: relative;
    width: 100%
}

.article__feature-image {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}

.article__content-block>* {
    --flow-space: 30px
}

.article__content-block *+.article__body-image-holder,
.article__content-block *+.blockquote,
.article__content-block *+h2,
.article__content-block *+h3,
.article__content-block .article__body-image-holder+*,
.article__content-block .blockquote+*,
.article__content-block h1+* {
    margin-block-start: 3.75rem;
    margin-top: 3.75rem
}

.article__content-block h2+*,
.article__content-block h3+* {
    margin-block-start: 2.5rem;
    margin-top: 2.5rem
}

.article__content-block ol {
    list-style: decimal;
    padding-left: 1.5em;
    padding-inline-start: 1.5em
}

.article__content-block ul {
    list-style: initial;
    padding-left: 1.5em;
    padding-inline-start: 1.5em
}

.article__content-block a {
    color: #ec6608;
    display: inline;
    font-family: Gentleman\ 700, sans-serif;
    font-size: 1rem;
    overflow: hidden;
    position: relative;
    text-decoration-line: underline;
    text-decoration-thickness: 1px;
    transition: text-decoration-thickness .2s ease-in, -webkit-text-decoration-skip-ink .2s ease-in;
    transition: text-decoration-thickness .2s ease-in, text-decoration-skip-ink .2s ease-in;
    transition: text-decoration-thickness .2s ease-in, text-decoration-skip-ink .2s ease-in, -webkit-text-decoration-skip-ink .2s ease-in
}

.article__content-block a:hover {
    -webkit-text-decoration-skip-ink: none;
    text-decoration-skip-ink: none;
    text-decoration-thickness: 3px
}

.article__body-image-holder {
    height: 66.667vw;
    max-height: 500px;
    width: 100%
}

.article__body-image-holder.fluid-height {
    height: unset;
    max-height: unset
}

.article__body-image-holder.fluid-height img {
    height: unset;
    -o-object-fit: fill;
    object-fit: fill
}

.article__body-image {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}

.article__blockquote {
    font-family: Gentleman\ 500, sans-serif;
    font-size: 1rem;
    letter-spacing: 0;
    line-height: 1.875;
    max-width: 75ch
}

.article__carousel {
    grid-column: 1/-1;
    overflow: hidden
}

.article--sponsored .article__sponsor {
    align-self: center;
    display: flex;
    flex-direction: column;
    justify-self: start
}

.article--sponsored .article__sponsor-p {
    font-family: Gentleman\ 400, sans-serif;
    font-size: .875rem;
    letter-spacing: .05em;
    text-align: center
}

.article--sponsored .article__sponsor-image-holder {
    height: auto;
    margin-block-start: 1.0625rem;
    margin-top: 1.0625rem;
    width: 150px
}

.article--sponsored .article__sponsor-image {
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    width: 100%
}

@media only screen and (min-width:48em) {
    .article {
        margin-block-start: 20px;
        margin-top: 20px
    }

    .article__container {
        --flow-space: 60px
    }

    .article__headline {
        font-size: 3.125rem
    }

    .article--sponsored .article__header {
        grid-column: 2/span 15
    }

    .article--sponsored .article__sponsor {
        grid-column: 19/-2;
        margin-block-start: 0;
        margin-top: 0
    }
}

@media only screen and (min-width:64em) {
    .article {
        margin-block-start: 35px;
        margin-top: 35px
    }

    .article__container {
        --flow-space: 70px
    }

    .article__feature-image-holder {
        grid-column: 1/span 17
    }

    .article__suggestion-list {
        grid-column: 19/-2;
        grid-row: 2/span 2;
        inset-block-start: 40px;
        position: sticky;
        top: 40px
    }

    .article__header {
        display: grid;
        grid-template-columns: 100%;
        row-gap: 20px;
        width: 100%
    }

    .article__header>* {
        grid-column: 1/-1;
        justify-items: start
    }

    .article__header {
        align-items: center;
        grid-column: 2/span 15;
        grid-template-columns: repeat(2, auto)
    }

    .article__author {
        grid-column: 1
    }

    .article__header-share-box {
        grid-column: 2;
        justify-self: end;
        width: auto
    }

    .article__carousel,
    .article__content-block,
    .article__share-box,
    .article__tag-list {
        grid-column: 2/span 16
    }
}

@media only screen and (min-width:75em) {
    .article {
        margin-block-start: 50px;
        margin-top: 50px
    }

    .article__container {
        --flow-space: 80px
    }

    .article__suggestion-list {
        inset-block-start: calc(3.75rem + 40px);
        top: calc(3.75rem + 40px)
    }
}

@media only screen and (min-width:85.375em) {

    .article__content-block,
    .article__header,
    .article__share-box,
    .article__tag-list {
        grid-column: 4/span 13
    }

    .article__suggestion-list {
        grid-column: 20/-2
    }

    .article--sponsored .article__header {
        grid-column: 4/span 13
    }

    .article--sponsored .article__sponsor {
        grid-column: 20/-2
    }

    .article__feature-image-holder {
        grid-column: 2/span 17
    }

    .article__carousel {
        grid-column: 3/span 15
    }
}

.cta-block {
    margin-block-start: 30px;
    margin-top: 30px;
    overflow-x: hidden;
    padding-top: 80px;
    padding-block-start: 80px;
    position: relative;
    width: 100%
}

.cta-block__container {
    align-items: end;
    height: 100%
}

.cta-block__inner {
    align-items: center;
    background-color: #f0eeed;
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-height: 25rem;
    padding: 20px;
    position: relative;
    text-align: center
}

.cta-block__inner:before {
    background-color: #faf1ea;
    content: "";
    height: 137px;
    inset-block-start: -65px;
    inset-inline-end: -40px;
    mix-blend-mode: multiply;
    position: absolute;
    right: -40px;
    top: -65px;
    transform: rotate(135deg);
    width: 75px;
    z-index: 1000
}

.cta-block__p {
    font-family: Gentleman\ 400, sans-serif;
    font-size: .875rem;
    margin-block-start: 20px;
    margin-top: 20px
}

.cta-block__p--privacy {
    margin-block-start: 0;
    margin-top: 0
}

.cta-block__form {
    margin-block-end: 40px;
    margin-block-start: 40px;
    margin-bottom: 40px;
    margin-top: 40px;
    max-width: 45.5em;
    width: 100%
}

.cta-block__form__fieldset {
    grid-gap: 10px;
    display: grid;
    grid-template-columns: 1fr 1fr auto;
    grid-template-rows: 1fr
}

@media only screen and (max-width:48em) {
    .cta-block__form__fieldset {
        grid-template-columns: 1fr;
        grid-template-rows: auto
    }
}

@media only screen and (min-width:48em) {
    .cta-block {
        margin-block-start: 45px;
        margin-top: 45px
    }
}

@media only screen and (min-width:64em) {
    .cta-block {
        margin-block-start: 60px;
        margin-top: 60px
    }
}

@media only screen and (min-width:75em) {
    .cta-block {
        margin-block-start: 70px;
        margin-top: 70px
    }
}

.tag-list {
    display: flex;
    flex-wrap: wrap
}

.tag-list__heading {
    align-self: center;
    color: #00263a;
    font-family: Gentleman\ 700, sans-serif;
    font-size: .75rem;
    letter-spacing: .05em;
    margin-right: 1.25rem;
    margin-inline-end: 1.25rem;
    text-transform: uppercase
}

.tag-list__heading,
.tag-list__tag {
    margin-block-start: 20px;
    margin-top: 20px
}

.tag-list__tag:not(:last-child) {
    margin-right: .625rem;
    margin-inline-end: .625rem
}

.suggestion-list {
    align-self: flex-start;
    display: flex;
    flex-direction: column;
    width: -moz-fit-content;
    width: fit-content
}

.suggestion-list>*+* {
    margin-block-start: 40px;
    margin-top: 40px
}

.suggestion-list__heading {
    color: #00263a;
    font-family: Gentleman\ 700, sans-serif;
    font-size: .75rem;
    letter-spacing: .05em;
    text-transform: uppercase
}

.suggestion-list__list {
    background-color: #f0eeed;
    list-style: none;
    padding-bottom: .375rem;
    padding-top: .375rem;
    padding-block: .375rem;
    width: 100%
}

.suggestion-list__list>*+* {
    margin-block-start: 6px;
    margin-top: 6px
}

.suggestion-list__item {
    background-color: #fff;
    padding-bottom: 1.5625rem;
    padding-top: 1.5625rem;
    padding-block: 1.5625rem;
    width: 100%
}

.suggestion-list__more-link {
    align-self: flex-start
}

.thumb {
    align-items: center;
    display: flex;
    flex-wrap: nowrap;
    text-decoration: none
}

.thumb__thumbnail-holder {
    border-radius: 50%;
    flex-shrink: 0;
    height: 95px;
    margin-right: 20px;
    margin-inline-end: 20px;
    overflow: hidden;
    width: 95px
}

.thumb__thumbnail {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}

.thumb__headline {
    color: #00263a;
    font-family: Vidaloka, sans-serif;
    font-size: clamp(1.25rem, 1rem + 1.75vw, 1.75rem);
    letter-spacing: -.025em;
    line-height: 1.2142857143;
    text-decoration: underline;
    text-decoration-color: rgba(0, 38, 58, 0);
    transition: text-decoration-color .2s ease-in
}

.thumb__p {
    color: #00263a;
    font-family: Gentleman\ 400, sans-serif;
    font-size: .875rem;
    line-height: 1.4285714286;
    margin-block-start: 10px;
    margin-top: 10px
}

.thumb:hover .thumb__headline {
    text-decoration-color: #00263a;
    transition: text-decoration-color .2s ease-out
}

.thumb:visited .thumb__headline {
    color: #00263a
}

.thumb--small {
    align-items: flex-start
}

.thumb--small .thumb__thumbnail-holder {
    height: 60px;
    width: 60px
}

.thumb--small .thumb__headline {
    font-size: 1.25rem;
    letter-spacing: -.025em
}

.card-grid {
    -moz-column-gap: 40px;
    column-gap: 40px;
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(15.625rem, 1fr));
    row-gap: 60px
}

@media only screen and (min-width:64em) {
    .card-grid--fixed {
        grid-template-columns: repeat(4, 1fr)
    }
}

.card-grid--small {
    -moz-column-gap: 20px;
    column-gap: 20px;
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(8.75rem, 1fr));
    row-gap: 40px
}

.sponsored-feature__card {
    display: flex;
    flex-direction: column;
    position: relative;
    text-decoration: none
}

.sponsored-feature__card:hover .sponsored-feature__image {
    transform: scale(1.05);
    transition: transform .4s ease-out
}

.sponsored-feature__card:hover .sponsored-feature__text:after {
    transform: scaleX(1);
    transition: transform .2s ease-out
}

.sponsored-feature__card:before {
    background-color: #faf1ea;
    bottom: -30px;
    content: "";
    height: 82px;
    inset-block-end: -30px;
    inset-inline-start: -110px;
    left: -110px;
    mix-blend-mode: multiply;
    position: absolute;
    transform: rotate(45deg);
    width: 240px;
    z-index: 1000
}

.sponsored-feature__text-panel {
    align-items: center;
    background-color: #f0eeed;
    display: flex;
    justify-content: center;
    padding-bottom: 80px;
    padding-top: 80px;
    padding-block: 80px
}

.sponsored-feature__text {
    align-items: center;
    display: flex;
    flex-direction: column;
    text-align: center;
    width: 305px
}

.sponsored-feature__text:after {
    background-color: #f0eeed;
    content: "";
    height: 6px;
    margin-block-start: 40px;
    margin-top: 40px;
    mix-blend-mode: multiply;
    transform: scaleX(.131147541);
    transform-origin: center;
    transition: transform .2s ease-in;
    width: 100%
}

.sponsored-feature__what-when {
    display: flex;
    justify-content: center
}

.sponsored-feature__category {
    font-family: Gentleman\ 700, sans-serif
}

.sponsored-feature__category,
.sponsored-feature__date {
    color: #00263a;
    font-size: .75rem;
    letter-spacing: .05em;
    line-height: 1.1666666667;
    text-transform: uppercase
}

.sponsored-feature__date {
    display: block;
    font-family: Gentleman\ 400, sans-serif
}

.sponsored-feature__date:before {
    color: inherit;
    content: "|";
    font: inherit;
    margin-left: .75rem;
    margin-right: .75rem;
    margin-inline: .75rem
}

.sponsored-feature__headline {
    margin-block-start: 20px;
    margin-top: 20px
}

.sponsored-feature__sponsor {
    color: #00263a;
    font-family: Gentleman\ 700, sans-serif;
    font-size: .75rem;
    letter-spacing: .05em;
    line-height: 1.1666666667;
    margin-block-start: 10px;
    margin-top: 10px
}

.sponsored-feature__image-panel {
    height: min(80vw, 600px);
    overflow: hidden;
    width: auto
}

.sponsored-feature__image {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    transition: transform .4s ease-in;
    width: 100%
}

@media only screen and (min-width:64em) {
    .sponsored-feature__card {
        flex-direction: row;
        height: 600px
    }

    .sponsored-feature__text-panel {
        flex-shrink: 0;
        width: calc(39.92537vw - clamp(10px, 3.47vw, 50px)*2*.05597*5 - clamp(10px, 3.47vw, 50px)*2*.02985*4)
    }
}

.prompt-bar {
    background-color: #f2f2f2;
    border-top: 1px solid #ddd;
    bottom: 0;
    color: #000;
    left: 0;
    opacity: 0;
    padding: .625rem .875rem;
    pointer-events: none;
    position: fixed;
    right: 0;
    transform: translate3d(0, 100%, 0);
    transition: transform .5s ease, opacity .5s ease;
    z-index: 8000
}

.prompt-bar__inner {
    align-items: center;
    display: grid;
    gap: 1rem;
    grid-template-columns: 1fr;
    margin: 0 auto;
    max-width: 75em;
    position: relative
}

.prompt-bar__title {
    color: #00263a;
    flex-shrink: 0;
    font-family: Gentleman\ 700, sans-serif;
    font-size: px2rem(14);
    width: 100%
}

.prompt-bar__content {
    font-family: Gentleman\ 400, sans-serif;
    font-size: .75rem
}

.prompt-bar__content p {
    line-height: 1.3
}

.prompt-bar__content a {
    text-decoration: underline
}

@media (hover:hover) {
    .prompt-bar__content a:hover {
        text-decoration: none
    }
}

.prompt-bar__buttons {
    display: grid;
    flex-shrink: 0;
    gap: 16px;
    grid-template-columns: 1fr;
    width: 100%
}

.prompt-bar__buttons a {
    cursor: pointer;
    line-height: 3rem;
    text-align: center
}

.prompt-bar__link {
    color: #ec6608
}

.prompt-bar--active {
    opacity: 1;
    pointer-events: auto;
    transform: translateZ(0);
    transition: opacity .5s ease
}

@media only screen and (min-width:23.4375em) {
    .prompt-bar__inner {
        grid-template-columns: repeat(2, 1fr)
    }

    .prompt-bar__content,
    .prompt-bar__title {
        grid-column: 1/span 2
    }

    .prompt-bar__buttons {
        grid-column: 1/span 2;
        grid-template-columns: 1fr 1fr
    }
}

@media only screen and (min-width:64em) {
    .prompt-bar__inner {
        gap: 1.875rem;
        grid-template-columns: auto auto auto
    }

    .prompt-bar__buttons,
    .prompt-bar__content,
    .prompt-bar__title {
        grid-column: unset
    }
}

.prompt-bar-window {
    background-color: rgba(0, 0, 0, .5);
    bottom: 0;
    display: flex;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    visibility: hidden;
    z-index: 9000
}

.prompt-bar-window--active {
    visibility: visible
}

.prompt-bar-window__inner {
    align-self: center;
    background-color: #fff;
    margin: 0 auto;
    max-height: 480px;
    max-width: 320px;
    min-height: 64px;
    width: 100%
}

.prompt-bar-window__inner__title {
    background-color: #f2f2f2;
    border-bottom: 1px solid #ddd;
    padding: 10px 15px;
    text-align: center
}

.prompt-bar-window__inner__content {
    padding: 10px 15px
}

.prompt-bar-window__inner__content ul {
    list-style-position: inside;
    padding: 0
}

.prompt-bar-window__inner__content ul li {
    align-items: center;
    border-bottom: 1px solid #ddd;
    display: flex;
    justify-content: space-between;
    padding: 5px
}

.prompt-bar-window__inner__content ul li span {
    color: #000
}

.prompt-bar-window__inner__content ul li:last-child {
    border-bottom: none
}

.prompt-bar-window__inner__buttonbar {
    background-color: #f2f2f2;
    border-top: 1px solid #ddd;
    padding: 10px 15px;
    text-align: center
}

.prompt-bar-window__inner__buttonbar .button {
    background-color: #00263a;
    border: none;
    color: #fff;
    padding: 10px 15px
}

.search-results {
    padding: 3rem 0 5rem;
    text-align: center
}

.search-results__header {
    font-size: 40px;
    margin-bottom: 1rem
}

.search-results__sub-header {
    max-width: 100% !important
}

.category-label__our-nest-label,
.category-label__showhome-spotlight-label {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    letter-spacing: -.33px;
    line-height: 14px;
    position: absolute;
    text-align: center;
    top: 0;
    white-space: pre-line;
    z-index: 9
}

.category-label__our-nest-label {
    background: #ec6608;
    clip-path: polygon(0 0, 100% 0, 100% 100%, 50% 85%, 0 100%);
    color: #fff;
    font-family: Vidaloka, sans-serif;
    font-size: 14px;
    height: 80px;
    left: 20px;
    width: 60px
}

.category-label__our-nest-label span:last-child {
    font-size: 20px !important
}

.category-label__showhome-spotlight-label {
    background: #fff;
    border-radius: 50%;
    color: #00263a;
    font-family: Vidaloka, sans-serif;
    font-size: 13px;
    height: 70px;
    left: 15px;
    top: 15px;
    width: 70px
}

.intro {
    padding-bottom: 40px
}

.intro__copy {
    text-wrap: balance;
    font-size: .75rem;
    max-width: none;
    text-align: center
}

@media only screen and (min-width:48em) {
    .intro__copy {
        font-size: .9375rem
    }
}

.news__main-image-holder {
    animation: fadeUp 1s ease-out;
    grid-column: 1/-1;
    height: 30.625rem;
    margin-block-start: 1.875rem;
    margin-top: 1.875rem;
    position: relative;
    width: 100%
}

.news__main-image {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}

.news__article {
    animation: fadeUp 1s ease-out
}

.news__article,
.news__discover-grid,
.news__share-box {
    margin-block-start: 3.75rem;
    margin-top: 3.75rem
}

.news__discover-grid {
    animation: fadeUp 1s ease-out;
    grid-column: 1/-1
}

@media only screen and (min-width:48em) {
    .news__discover-grid {
        grid-column: 2/-2
    }

    .news__back-link {
        margin-left: 1.5625rem;
        margin-inline-start: 1.5625rem
    }
}

@media only screen and (min-width:64em) {
    .news__back-link {
        grid-column: 1/6;
        margin-left: 3.125rem;
        margin-inline-start: 3.125rem
    }

    .news__main-image-holder {
        animation: fadeInLeft 1s ease-out;
        grid-column: 10/-1;
        grid-row: 1/span 2;
        height: 43.75vw;
        justify-self: end;
        margin-block-start: 0;
        margin-top: 0;
        max-height: 630px;
        max-width: 670px
    }

    .news__article {
        animation: fadeUp2 2s ease-out;
        grid-column: 2/10;
        grid-row: 2/span 2
    }
}

@media only screen and (min-width:75em) {
    .news__main-image-holder {
        grid-column: 9/-1
    }

    .news__article {
        grid-column: 2/span 6
    }

    .news__back-link {
        margin-left: 5.625rem;
        margin-inline-start: 5.625rem
    }
}

@media only screen and (min-width:85.375em) {
    .news__article {
        grid-row: 2/span 3
    }

    .news__discover-grid {
        animation: fadeInLeft 1s ease-out;
        grid-column: 9/-1;
        grid-row: 3;
        justify-self: end;
        margin-block-start: 6.25rem;
        margin-top: 6.25rem
    }
}

.more-news__header {
    align-items: center;
    border-top: 1px solid rgba(0, 38, 58, .2);
    display: flex;
    justify-content: space-between;
    padding-bottom: 40px;
    padding-top: 40px;
    padding-block: 40px
}

.more-news__card-grid {
    margin-block-start: 10px;
    margin-top: 10px
}

@media only screen and (max-width:36.25em) {
    .more-news__card-grid {
        -moz-column-gap: 20px;
        column-gap: 20px;
        grid-template-columns: repeat(auto-fill, minmax(8.75rem, 1fr));
        row-gap: 40px
    }

    .more-news__card-grid .card__image-holder {
        height: 158px;
        overflow: hidden;
        width: 100%
    }

    .more-news__card-grid .card__date {
        display: none
    }
}

@media only screen and (min-width:64em) {
    .more-news__card-grid {
        grid-template-columns: repeat(4, 1fr)
    }
}

.thumbs-carousel {
    left: 50%;
    margin-left: -50vw;
    margin-right: -50vw;
    position: relative;
    right: 50%;
    width: 100vw
}

.thumbs-carousel__header {
    align-items: center;
    display: flex;
    justify-content: space-between
}

.thumbs-carousel__heading {
    color: #00263a;
    font-family: Gentleman\ 700, sans-serif;
    font-size: .75rem;
    letter-spacing: .05em;
    text-transform: uppercase
}

.thumbs-carousel__container {
    overflow: hidden
}

.thumbs-carousel__carousel {
    grid-column: 1/-1;
    margin-block-start: 1.25rem;
    margin-top: 1.25rem;
    width: 100%
}

.thumbs-carousel__slide {
    display: inline-block;
    padding: 0 .9375rem;
    text-decoration: none;
    width: unset !important
}

.thumbs-carousel__slide__inner {
    display: flex;
    flex-direction: row;
    max-width: 65vw
}

.thumbs-carousel__slide__icon {
    border-radius: 100%;
    display: block;
    flex-grow: 0;
    flex-shrink: 0;
    height: 3.75rem;
    margin-right: .9375rem;
    overflow: hidden;
    width: 3.75rem
}

.thumbs-carousel__slide__icon img {
    -o-object-fit: cover;
    object-fit: cover
}

.thumbs-carousel__slide__headline {
    color: #00263a;
    font-family: Vidaloka, sans-serif;
    font-size: 1.25rem;
    letter-spacing: -.025em;
    line-height: 1.2142857143;
    text-decoration: underline;
    text-decoration-color: rgba(0, 38, 58, 0);
    transition: text-decoration-color .2s ease-in
}

@media only screen and (min-width:48em) {
    .thumbs-carousel {
        display: none
    }

    .thumbs-carousel+* {
        margin-block-start: 0;
        margin-top: 0
    }
}

.contents__container {
    --flow-space: 40px
}

.contents__featured-article {
    grid-column: 1/-1
}

.contents__top-stories--1,
.contents__top-stories--2 {
    display: none
}

@media only screen and (min-width:48em) {
    .contents__top-stories--mobile {
        display: none
    }

    .contents__top-stories--1,
    .contents__top-stories--2 {
        align-self: start;
        display: grid
    }

    .contents__top-stories--1 {
        grid-column: 2/13
    }

    .contents__top-stories--2 {
        grid-column: 14/-2
    }
}

@media only screen and (min-width:64em) {
    .contents__featured-article {
        grid-column: 1/16
    }

    .contents__top-stories--1 {
        grid-column: 8/span 8
    }

    .contents__top-stories--2 {
        grid-column: 17/-2;
        grid-row: 1/span 2;
        margin-block-start: 0;
        margin-top: 0
    }
}

@media only screen and (min-width:75em) {
    .contents__featured-article {
        grid-column: 2/13;
        height: calc(100vh - 12.5rem - 80px);
        inset-block-start: calc(3.75rem + 40px);
        position: sticky;
        top: calc(3.75rem + 40px)
    }

    .contents__top-stories--1 {
        grid-column: 14/19;
        grid-row: 1/span 2;
        margin-block-start: 0;
        margin-top: 0
    }

    .contents__top-stories--2 {
        grid-column: 20/-2
    }
}

.not-found {
    --flow-space: 40px
}

@media only screen and (min-width:48em) {
    .not-found {
        --flow-space: 50px;
        margin-block-start: 20px;
        margin-top: 20px
    }
}

@media only screen and (min-width:64em) {
    .not-found {
        --flow-space: 60px;
        margin-block-start: 35px;
        margin-top: 35px
    }

    .not-found__container>* {
        grid-column: 4/-2
    }
}

@media only screen and (min-width:75em) {
    .not-found {
        margin-block-start: 50px;
        margin-top: 50px
    }
}

[data-scrolled=true] [data-element=header] {
    inset-block-start: -8.75rem;
    position: fixed;
    top: -8.75rem
}

[data-scrolled=true] [data-element=main] {
    padding-top: calc(12.5rem + 40px);
    padding-block-start: calc(12.5rem + 40px)
}

[data-scrolled=true] [data-element=scrolled-reveal] {
    cursor: pointer;
    opacity: 1;
    pointer-events: auto;
    transition: opacity .2s ease-out
}

*,
:after,
:before {
    --tw-border-spacing-x: 0;
    --tw-border-spacing-y: 0;
    --tw-translate-x: 0;
    --tw-translate-y: 0;
    --tw-rotate: 0;
    --tw-skew-x: 0;
    --tw-skew-y: 0;
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    --tw-pan-x: ;
    --tw-pan-y: ;
    --tw-pinch-zoom: ;
    --tw-scroll-snap-strictness: proximity;
    --tw-gradient-from-position: ;
    --tw-gradient-via-position: ;
    --tw-gradient-to-position: ;
    --tw-ordinal: ;
    --tw-slashed-zero: ;
    --tw-numeric-figure: ;
    --tw-numeric-spacing: ;
    --tw-numeric-fraction: ;
    --tw-ring-inset: ;
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: rgba(0, 38, 58, .5);
    --tw-ring-offset-shadow: 0 0 #0000;
    --tw-ring-shadow: 0 0 #0000;
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    --tw-blur: ;
    --tw-brightness: ;
    --tw-contrast: ;
    --tw-grayscale: ;
    --tw-hue-rotate: ;
    --tw-invert: ;
    --tw-saturate: ;
    --tw-sepia: ;
    --tw-drop-shadow: ;
    --tw-backdrop-blur: ;
    --tw-backdrop-brightness: ;
    --tw-backdrop-contrast: ;
    --tw-backdrop-grayscale: ;
    --tw-backdrop-hue-rotate: ;
    --tw-backdrop-invert: ;
    --tw-backdrop-opacity: ;
    --tw-backdrop-saturate: ;
    --tw-backdrop-sepia: ;
    --tw-contain-size: ;
    --tw-contain-layout: ;
    --tw-contain-paint: ;
    --tw-contain-style:
}

::backdrop {
    --tw-border-spacing-x: 0;
    --tw-border-spacing-y: 0;
    --tw-translate-x: 0;
    --tw-translate-y: 0;
    --tw-rotate: 0;
    --tw-skew-x: 0;
    --tw-skew-y: 0;
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    --tw-pan-x: ;
    --tw-pan-y: ;
    --tw-pinch-zoom: ;
    --tw-scroll-snap-strictness: proximity;
    --tw-gradient-from-position: ;
    --tw-gradient-via-position: ;
    --tw-gradient-to-position: ;
    --tw-ordinal: ;
    --tw-slashed-zero: ;
    --tw-numeric-figure: ;
    --tw-numeric-spacing: ;
    --tw-numeric-fraction: ;
    --tw-ring-inset: ;
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: rgba(0, 38, 58, .5);
    --tw-ring-offset-shadow: 0 0 #0000;
    --tw-ring-shadow: 0 0 #0000;
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    --tw-blur: ;
    --tw-brightness: ;
    --tw-contrast: ;
    --tw-grayscale: ;
    --tw-hue-rotate: ;
    --tw-invert: ;
    --tw-saturate: ;
    --tw-sepia: ;
    --tw-drop-shadow: ;
    --tw-backdrop-blur: ;
    --tw-backdrop-brightness: ;
    --tw-backdrop-contrast: ;
    --tw-backdrop-grayscale: ;
    --tw-backdrop-hue-rotate: ;
    --tw-backdrop-invert: ;
    --tw-backdrop-opacity: ;
    --tw-backdrop-saturate: ;
    --tw-backdrop-sepia: ;
    --tw-contain-size: ;
    --tw-contain-layout: ;
    --tw-contain-paint: ;
    --tw-contain-style:
}

.tw-flex {
    display: flex
}

.tw-justify-end {
    justify-content: flex-end
}

.tw-text-orange-400 {
    --tw-text-opacity: 1;
    color: rgb(236 102 8/var(--tw-text-opacity, 1))
}

.tw-text-slate-200 {
    --tw-text-opacity: 1;
    color: rgb(150 170 183/var(--tw-text-opacity, 1))
}

.tw-text-white {
    --tw-text-opacity: 1;
    color: rgb(255 255 255/var(--tw-text-opacity, 1))
}