/* MRAD 1.1.2: native Fusion elements;
     all rules restricted to the actual MRAD front page.
   Important declarations override Avada's generated inline layout/font settings. */
/* 1. Homepage chrome */
body.mrad-native-home  {
    background:#00132b
}

body.mrad-native-home :is(.fusion-header-wrapper,.fusion-tb-header,#side-header,.fusion-footer,.fusion-tb-footer,.fusion-page-title-bar) {
    display:none!important
}

body.mrad-native-home #main {
    padding:0!important;
    background:#00132b
}

body.mrad-native-home #wrapper {
    margin-top:0!important
}

body.mrad-native-home #main>.fusion-row {
    max-width:none
}

body.mrad-native-home #content {
    width:100%;
    margin-bottom:0
}

/* 2. Shared foundation */
body.mrad-native-home .mrad-home {
    --mrad-navy:#00132b;
    --mrad-red:#ed001b;
    --mrad-script-font:'Brush Script MT','Segoe Script','Snell Roundhand',cursive;
    container-type:inline-size;
    color:#fff;
    background:var(--mrad-navy);
    font-family:Arial,Helvetica,sans-serif;
    line-height:1.25;
    padding:0!important;
    margin:0!important;
    isolation:isolate
}

body.mrad-native-home .mrad-home * {
    box-sizing:border-box
}

body.mrad-native-home .mrad-home>.fusion-builder-row {
    max-width:none!important;
    width:100%!important;
    margin:0!important
}

body.mrad-native-home .mrad-home .fusion-layout-column {
    min-width:0;
    margin:0!important
}

body.mrad-native-home .mrad-home .fusion-column-wrapper {
    margin:0!important;
    padding:0;
    min-width:0
}

body.mrad-native-home .mrad-home :is(.fusion-title,.fusion-text) {
    margin:0
}

body.mrad-native-home .mrad-home :is(h1,h2,p) {
    margin:0;
    color:inherit
}

/* Explicit component colours beat Avada global/inline heading colours.
   Text fill also handles Avada gradient-text and nested span treatments. */
body.mrad-native-home .mrad-home :is(.fusion-title,.fusion-text),
body.mrad-native-home .mrad-home :is(.fusion-title,.fusion-text) :is(h1,h2,h3,h4,h5,h6,p,span,a,strong,em) {
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;
}
body.mrad-native-home .mrad-home .mrad-tagline,
body.mrad-native-home .mrad-home .mrad-tagline :is(h1,h2,h3,p,span,a,strong,em) {
    color: var(--mrad-red) !important;
    -webkit-text-fill-color: var(--mrad-red) !important;
}

body.mrad-native-home .mrad-home a {
    color:inherit;
    text-decoration:none
}

body.mrad-native-home .mrad-home a:hover {
    text-decoration:underline
}

body.mrad-native-home .mrad-home a:focus-visible {
    outline:3px solid #fff;
    outline-offset:5px
}

body.mrad-native-home .mrad-home img {
    max-width:100%;
    height:auto;
    border:0;
    border-radius:0
}

body.mrad-native-home .mrad-home .fusion-imageframe {
    border:0;
    box-shadow:none
}

body.mrad-native-home .mrad-home .title-sep-container {
    display:none
}

/* 3. Desktop hero and rail */
body.mrad-native-home .mrad-hero {
    overflow:hidden
}

body.mrad-native-home .mrad-hero>.fusion-builder-row {
    display:grid;
    grid-template-columns:13.5% 42.5% 44%;
    min-height:51.56cqw;
    align-items:stretch
}

body.mrad-native-home .mrad-hero>.fusion-builder-row>.fusion-layout-column {
    width:auto!important;
    float:none;
    position:relative
}

body.mrad-native-home .mrad-brand-rail {
    z-index:3
}

body.mrad-native-home .mrad-brand-rail>.fusion-column-wrapper {
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:space-between;
    border-right:1px solid #9a9faa;
    padding:1.9cqw 1cqw 0;
    margin-top:2.6cqw!important;
    height:42.2cqw
}

body.mrad-native-home .mrad-brand-logo {
    display:block;
    max-width:100%;
    margin:0;
    line-height:0
}

body.mrad-native-home .mrad-brand-logo img {
    width:9.8cqw;
    object-fit:contain
}

body.mrad-native-home .mrad-brand-logo--kongsberg img {
    width:7cqw
}

body.mrad-native-home .mrad-brand-logo--marine-instruments img {
    width:12cqw
}

/* 4. Editable typography and direct contacts */
body.mrad-native-home .mrad-hero-copy {
    z-index:2
}

body.mrad-native-home .mrad-hero-copy>.fusion-column-wrapper {
    display:flex;
    flex-direction:column;
    align-items:stretch;
    padding:4.4cqw 0 4.5cqw 2.3cqw
}

body.mrad-native-home .mrad-headline :is(h1,h2) {
    font:600 4.55cqw/1.08 Arial,Helvetica,sans-serif!important;
    letter-spacing:.08cqw;
    white-space:nowrap
}

body.mrad-native-home .mrad-tagline {
    width:44cqw;
    margin-top:.25cqw
}

body.mrad-native-home .mrad-tagline :is(h1,h2) {
    color:var(--mrad-red);
    font-family:var(--mrad-script-font)!important;
    font-size:6.05cqw!important;
    font-weight:400;
    line-height:1.12!important;
    letter-spacing:-.12cqw;
    white-space:nowrap
}

body.mrad-native-home .mrad-accent-line {
    width:6.8cqw;
    align-self:flex-start;
    border-top:3px solid var(--mrad-red)!important;
    border-bottom:0!important;
    margin:1.3cqw 0 1.35cqw!important
}

body.mrad-native-home .mrad-intro {
    font-size:1.96cqw;
    line-height:1.28;
    white-space:pre-line
}

body.mrad-native-home .mrad-contact-person {
    font-size:2.35cqw;
    font-weight:700;
    line-height:1.13;
    letter-spacing:.04cqw;
    white-space:nowrap
}

body.mrad-native-home .mrad-home .mrad-contact-person--brad {
    margin-top:1.8cqw
}

body.mrad-native-home .mrad-contact-person a {
    display:inline-block;
    min-height:44px
}

/* 5. Construction: one native nested column, four editable elements */
body.mrad-native-home .mrad-hero-copy .fusion-builder-row-inner {
    width:31.4cqw!important;
    max-width:100%;
    margin:3cqw 0 0!important
}

body.mrad-native-home .mrad-construction {
    width:100%!important
}

body.mrad-native-home .mrad-construction>.fusion-column-wrapper {
    display:grid!important;
    grid-template-columns:8.3cqw minmax(0,1fr);
    grid-template-rows:auto auto auto;
    align-items:center;
    gap:.65cqw 1.1cqw;
    border:2px solid var(--mrad-red);
    border-radius:1.35cqw;
    padding:1cqw 1.6cqw
}

body.mrad-native-home .mrad-construction-icon {
    grid-column:1;
    grid-row:1/3;
    margin:0!important;
    line-height:0
}

body.mrad-native-home .mrad-construction-icon img {
    width:100%;
    display:block
}

body.mrad-native-home .mrad-construction-title {
    grid-column:2;
    grid-row:1;
    margin:0!important
}

body.mrad-native-home .mrad-construction-title h2 {
    font:700 2.6cqw/1.18 Arial,Helvetica,sans-serif!important;
    white-space:pre-line;
    letter-spacing:-.03cqw
}

body.mrad-native-home .mrad-construction-line {
    grid-column:2;
    grid-row:2;
    width:100%;
    min-width:0;
    margin:0!important
}

body.mrad-native-home .mrad-construction-note {
    grid-column:1/-1;
    margin:.15cqw 0 0!important;
    text-align:center;
    font-size:1.78cqw;
    line-height:1.25
}

/* 6. Independently editable boat photo and MRAD logo */
body.mrad-native-home .mrad-hero-media>.fusion-column-wrapper {
    position:relative;
    height:100%;
    background:#214965;
    overflow:visible
}

body.mrad-native-home .mrad-hero-media>.fusion-column-wrapper::after {
    content:'';
    position:absolute;
    inset:0 auto 0 -7cqw;
    width:12cqw;
    background:linear-gradient(90deg,#00132b 0%,rgba(0,19,43,.7) 25%,transparent 100%);
    pointer-events:none
}

body.mrad-native-home .mrad-hero-photo {
    position:absolute;
    inset:0 0 0 -7cqw;
    margin:0;
    max-width:none
}

body.mrad-native-home .mrad-hero-photo :is(.fusion-imageframe,a,picture) {
    display:block;
    width:100%;
    height:100%
}

body.mrad-native-home .mrad-hero-photo img {
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:52% 0
}

body.mrad-native-home .mrad-primary-logo {
    position:absolute;
    z-index:1;
    left:1%;
    right:10%;
    bottom:2.3cqw;
    margin:0;
    line-height:0
}

body.mrad-native-home .mrad-primary-logo :is(.fusion-imageframe,a,picture) {
    display: block;
    width: 100%;
}
body.mrad-native-home .mrad-primary-logo img {
    width:100%
}

/* 7. Contact strip: curved accent is CSS decoration, never a content image */
body.mrad-native-home .mrad-contact-strip {
    position:relative;
    z-index:4
}

body.mrad-native-home .mrad-contact-strip::before,body.mrad-native-home .mrad-contact-strip::after {
    content:'';
    position:absolute;
    left:0;
    right:0;
    height:6cqw;
    top:-6cqw;
    clip-path:polygon(0 0,8% 29%,18% 54%,30% 76%,43% 93%,55% 100%,70% 97%,85% 86%,100% 65%,100% 100%,0 100%);
    background:var(--mrad-red);
    pointer-events:none
}

body.mrad-native-home .mrad-contact-strip::after {
    transform:translateY(.65cqw);
    background:var(--mrad-navy)
}

body.mrad-native-home .mrad-contact-strip>.fusion-builder-row {
    position:relative;
    z-index:1;
    display:flex;
    justify-content:center;
    padding:.65cqw 0;
    gap:3.5cqw
}

body.mrad-native-home .mrad-contact-strip .fusion-layout-column {
    width:auto!important
}

body.mrad-native-home .mrad-contact-strip .fusion-column-wrapper {
    display:flex;
    flex-direction:row;
    align-items:center;
    gap:1.3cqw
}

body.mrad-native-home .mrad-contact-website {
    padding-right:3.5cqw;
    border-right:2px solid var(--mrad-red)
}

body.mrad-native-home .mrad-contact-icon {
    display:inline-flex;
    align-items:center;
    justify-content:center;
    flex:0 0 3.6cqw;
    width:3.6cqw!important;
    height:3.6cqw!important;
    font-size:2.2cqw!important;
    line-height:1!important;
    color:#fff!important;
    background:var(--mrad-red)!important;
    border:0!important;
    border-radius:50%;
    margin:0!important
}

body.mrad-native-home .mrad-contact-link {
    font-size:2.4cqw;
    line-height:1.25;
    white-space:nowrap
}

body.mrad-native-home .mrad-contact-link a {
    display:inline-flex;
    min-height:44px;
    align-items:center
}

/* 8. Tablet: readable copy/photo, followed by a wrapping logo rail */
@media(max-width:1100px) {
body.mrad-native-home .mrad-hero>.fusion-builder-row {
    grid-template-columns:58% 42%;
    min-height:0
}

body.mrad-native-home .mrad-hero-copy {
    grid-column:1;
    grid-row:1;
    order:0
}

body.mrad-native-home .mrad-hero-media {
    grid-column:2;
    grid-row:1;
    order:0
}

body.mrad-native-home .mrad-brand-rail {
    grid-column:1/-1;
    grid-row:2;
    order:0
}

body.mrad-native-home .mrad-hero-copy>.fusion-column-wrapper {
    padding:36px 24px 32px
}

body.mrad-native-home .mrad-headline :is(h1,h2) {
    font-size:clamp(29px,4.6vw,50px)!important;
    letter-spacing:0
}

body.mrad-native-home .mrad-tagline {
    width:100%;
    margin-top:8px
}

body.mrad-native-home .mrad-tagline :is(h1,h2) {
    font-size:clamp(34px,5.6vw,62px)!important;
    letter-spacing:-1px
}

body.mrad-native-home .mrad-accent-line {
    width:70px;
    margin:22px 0!important
}

body.mrad-native-home .mrad-intro {
    font-size:clamp(18px,2.45vw,25px)
}

body.mrad-native-home .mrad-hero-copy .fusion-builder-row-inner {
    width:100%!important;
    margin-top:28px!important
}

body.mrad-native-home .mrad-construction>.fusion-column-wrapper {
    grid-template-columns:26% minmax(0,1fr);
    gap:12px;
    padding:18px;
    border-radius:20px
}

body.mrad-native-home .mrad-construction-title h2 {
    font-size:clamp(23px,3vw,32px)!important;
    letter-spacing:0
}

body.mrad-native-home .mrad-construction-line {
    width:100%;
    margin:0!important
}

body.mrad-native-home .mrad-construction-note {
    font-size:18px
}

body.mrad-native-home .mrad-contact-person {
    font-size:clamp(20px,2.7vw,30px);
    line-height:1.5;
    letter-spacing:0
}

body.mrad-native-home .mrad-home .mrad-contact-person--brad {
    margin-top:24px
}

body.mrad-native-home .mrad-hero-photo {
    inset:0
}

body.mrad-native-home .mrad-hero-media>.fusion-column-wrapper::after {
    display:none
}

body.mrad-native-home .mrad-primary-logo {
    left:5%;
    right:5%;
    bottom:24px
}

body.mrad-native-home .mrad-brand-rail>.fusion-column-wrapper {
    height:auto;
    margin:0!important;
    border-right:0;
    padding:28px 20px 65px;
    flex-direction:row;
    flex-wrap:wrap;
    justify-content:center;
    gap:24px 30px
}

body.mrad-native-home .mrad-brand-logo img {
    width:130px;
    max-height:80px;
    object-fit:contain
}

body.mrad-native-home .mrad-brand-logo--kongsberg img {
    width:90px
}

body.mrad-native-home .mrad-brand-logo--marine-instruments img {
    width:160px
}

body.mrad-native-home .mrad-contact-strip>.fusion-builder-row {
    gap:24px;
    padding:18px
}

body.mrad-native-home .mrad-contact-strip .fusion-column-wrapper {
    gap:14px
}

body.mrad-native-home .mrad-contact-website {
    padding-right:24px
}

body.mrad-native-home .mrad-contact-icon {
    flex-basis:44px;
    width:44px!important;
    height:44px!important;
    font-size:27px!important
}

body.mrad-native-home .mrad-contact-link {
    font-size:clamp(20px,2.7vw,29px)
}


}

/* 9. Mobile: natural content flow, two-column logo grid */
@media(max-width:600px) {
body.mrad-native-home .mrad-hero>.fusion-builder-row {
    grid-template-columns:minmax(0,1fr)
}

body.mrad-native-home .mrad-hero-copy {
    grid-column:1;
    grid-row:1
}

body.mrad-native-home .mrad-hero-media {
    grid-column:1;
    grid-row:2
}

body.mrad-native-home .mrad-brand-rail {
    grid-column:1;
    grid-row:3
}

body.mrad-native-home .mrad-hero-copy>.fusion-column-wrapper {
    padding:30px 20px
}

body.mrad-native-home .mrad-headline :is(h1,h2) {
    font-size:clamp(29px,8vw,46px)!important
}

body.mrad-native-home .mrad-tagline :is(h1,h2) {
    font-size:clamp(35px,10vw,57px)!important;
    letter-spacing:-1px
}

body.mrad-native-home .mrad-intro {
    font-size:clamp(18px,4.9vw,25px)
}

body.mrad-native-home .mrad-construction>.fusion-column-wrapper {
    padding:16px 12px
}

body.mrad-native-home .mrad-construction-title h2 {
    font-size:clamp(22px,6vw,32px)!important
}

body.mrad-native-home .mrad-contact-person {
    font-size:clamp(20px,5.5vw,29px)
}

body.mrad-native-home .mrad-hero-media>.fusion-column-wrapper {
    height:auto;
    padding:0 0 18px
}

body.mrad-native-home .mrad-hero-photo {
    position:relative;
    inset:auto;
    display:block;
    line-height:0
}

body.mrad-native-home .mrad-hero-photo img {
    height:auto;
    object-fit:contain
}

body.mrad-native-home .mrad-primary-logo {
    position:relative;
    inset:auto;
    width:92%;
    margin:18px auto 0
}

body.mrad-native-home .mrad-brand-rail>.fusion-column-wrapper {
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    justify-items:center;
    padding:28px 20px 50px;
    gap:26px 20px
}

body.mrad-native-home .mrad-brand-logo img {
    width:100%;
    max-width:160px;
    max-height:78px
}

body.mrad-native-home .mrad-brand-logo--kongsberg img {
    max-width:90px;
    max-height:100px
}

body.mrad-native-home .mrad-contact-strip>.fusion-builder-row {
    flex-direction:column;
    align-items:center;
    gap:14px;
    padding:20px
}

body.mrad-native-home .mrad-contact-strip .fusion-layout-column {
    width:100%!important
}

body.mrad-native-home .mrad-contact-website {
    border:0;
    padding:0
}

body.mrad-native-home .mrad-contact-link {
    font-size:clamp(21px,5.8vw,30px)
}


}


/* 10. Atmosphere: sharp editable boat Image, then a graduated navy overlay.
   No duplicate image URL or flattened content is introduced. */
body.mrad-native-home .mrad-hero-media > .fusion-column-wrapper {
    background: #00132b;
}
body.mrad-native-home .mrad-hero-photo img {
    filter: none !important;
    transform: none;
}
body.mrad-native-home .mrad-hero-media > .fusion-column-wrapper::after {
    display: block;
    width: auto;
    inset: 0;
    background: linear-gradient(90deg, rgba(0,19,43,.55), rgba(0,19,43,.12) 65%, rgba(0,19,43,.06));
    pointer-events: none;
}
@media (min-width: 1101px) {
    body.mrad-native-home .mrad-hero-photo {
        left: -8cqw;
    }
    body.mrad-native-home .mrad-hero-media > .fusion-column-wrapper::after {
        left: -8cqw;
        background: linear-gradient(90deg, #00132b 0%, rgba(0,19,43,.82) 12%, rgba(0,19,43,.38) 27%, rgba(0,19,43,.10) 48%, rgba(0,19,43,.04) 100%);
    }
}
@media (max-width: 600px) {
    body.mrad-native-home .mrad-hero-photo img {
        filter: none !important;
    }
}

/* 11. Match the reference's compact lines and right-hand photo composition.
   Reset pre-line: WordPress paragraph/BR markup already supplies line breaks. */
body.mrad-native-home .mrad-home .mrad-intro,
body.mrad-native-home .mrad-home .mrad-intro p {
    white-space: normal;
    line-height: 1.28 !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding: 0;
}
body.mrad-native-home .mrad-home .mrad-construction-title :is(h1,h2,p,span) {
    white-space: normal;
    line-height: 1.18 !important;
    margin: 0 !important;
    padding: 0;
}
body.mrad-native-home .mrad-home :is(.mrad-intro,.mrad-construction-title) br + br,
body.mrad-native-home .mrad-home :is(.mrad-intro,.mrad-construction-title) p:empty {
    display: none;
}
body.mrad-native-home .mrad-hero {
    background: radial-gradient(ellipse at 62% 58%, #143d5d 0%, #06223f 24%, #00132b 57%);
}
/* The mask blends the photo itself into the navy backdrop without blurring it;
   it does not depend on Avada's clearfix pseudo-elements. */
body.mrad-native-home .mrad-hero-photo {
    z-index: 0;
    -webkit-mask-image: linear-gradient(90deg, transparent, #000 20%);
    mask-image: linear-gradient(90deg, transparent, #000 20%);
}
body.mrad-native-home .mrad-hero-media > .fusion-column-wrapper {
    background: transparent;
}
body.mrad-native-home .mrad-hero-media > .fusion-column-wrapper::after {
    content: '' !important;
    position: absolute;
    z-index: 1;
    pointer-events: none;
}
body.mrad-native-home .mrad-primary-logo {
    z-index: 2;
}
@media (min-width: 1101px) {
    body.mrad-native-home .mrad-hero-photo {
        inset: 0 0 0 -5cqw !important;
        width: auto !important;
        height: auto !important;
        max-width: none !important;
    }
    body.mrad-native-home .mrad-hero-photo img {
        object-fit: cover;
        object-position: right top;
    }
    body.mrad-native-home .mrad-hero-media > .fusion-column-wrapper::after {
        left: -5cqw;
        background: linear-gradient(90deg, transparent, rgba(0,19,43,.16) 30%, rgba(0,19,43,.04) 100%);
    }
    body.mrad-native-home .mrad-hero-copy > .fusion-column-wrapper > .mrad-accent-line {
        width: 6.8cqw !important;
        max-width: 6.8cqw !important;
    }
    body.mrad-native-home .mrad-hero-copy .fusion-builder-row-inner {
        width: 31.4cqw !important;
        max-width: 31.4cqw !important;
    }
}
@media (max-width: 600px) {
    body.mrad-native-home .mrad-hero-photo {
        -webkit-mask-image: none;
        mask-image: none;
    }
}

/* 12. Native Image selection belongs to Avada; this plugin only styles it.
   Native separators can contain a second white border; suppress that decoration. */
body.mrad-native-home .mrad-home .mrad-accent-line {
    margin-left: 0 !important;
    margin-right: auto !important;
    align-self: flex-start !important;
    float: none !important;
    border: 0 !important;
    border-top: 3px solid #ed001b !important;
    height: 0 !important;
    min-height: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}
body.mrad-native-home .mrad-home .mrad-accent-line::before,
body.mrad-native-home .mrad-home .mrad-accent-line::after,
body.mrad-native-home .mrad-home .mrad-accent-line .fusion-separator-border,
body.mrad-native-home .mrad-home .mrad-accent-line .icon-wrapper {
    display: none !important;
    border: 0 !important;
}
body.mrad-native-home .mrad-home .mrad-construction {
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: auto !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
}
body.mrad-native-home .mrad-home .mrad-construction > .fusion-column-wrapper {
    width: 100% !important;
    border: 2px solid #ed001b !important;
    background: transparent !important;
    box-shadow: none !important;
}
body.mrad-native-home .mrad-home .mrad-construction-note,
body.mrad-native-home .mrad-home .mrad-construction-note p {
    text-align: left !important;
}
@media (min-width: 1101px) {
    body.mrad-native-home .mrad-home .mrad-construction {
        width: 31.4cqw !important;
        max-width: 31.4cqw !important;
    }
}