/* Experience reuses the agreed introduction and editorial section layout. */
#martec-website .m-experience-hero > p + p { margin-top:18px; }
#martec-website .m-assignment-summary { margin:0; color:#4b626e; font-size:15px; line-height:1.8; }
#martec-website .m-assignment-summary > div + div { margin-top:20px; }
#martec-website .m-assignment-summary dt { color:#102a3a; font-weight:600; margin-bottom:3px; }
#martec-website .m-assignment-summary dd { margin:0; }

/* Approved Experience photography and final gentle blend, locked 26 October 2026. */
#martec-website .m-experience-hero-with-photo { display:grid; grid-template-columns:minmax(0,1.2fr) minmax(0,1fr); gap:clamp(30px,3.75vw,54px); align-items:center; }
#martec-website .m-experience-intro-copy > p { max-width:610px; margin:0; color:#edf1ef; font-size:15px; line-height:1.8; }
#martec-website .m-experience-intro-copy > p + p { margin-top:18px; }
#martec-website .m-experience-intro-photo { min-width:0; margin:0; }
#martec-website .m-experience-intro-photo img { display:block; width:100%; height:auto; }
@media(max-width:960px) {
 #martec-website .m-experience-hero-with-photo { grid-template-columns:minmax(0,1fr); gap:32px; }
}
@media(max-width:740px) {
 #martec-website .m-experience-hero-with-photo { gap:30px; }
}
@media(min-width:961px) {
 #martec-website .m-experience-hero-with-photo { position:relative; isolation:isolate; overflow:hidden; }
 #martec-website .m-experience-hero-with-photo::before { content:''; position:absolute; inset:0; z-index:0; pointer-events:none; background-image:url('/images/experience-borealis-unbranded.webp'); background-size:450% auto; background-position:left top; background-repeat:no-repeat; opacity:.24; }
 #martec-website .m-experience-hero-with-photo::after { content:''; position:absolute; inset:0; z-index:2; pointer-events:none; background:linear-gradient(90deg,rgba(41,74,90,.42) 0%,rgba(41,74,90,.42) 28%,rgba(41,74,90,.28) 50%,rgba(41,74,90,.08) 75%,rgba(41,74,90,0) 100%); }
 #martec-website .m-experience-intro-copy { position:relative; z-index:3; }
 #martec-website .m-experience-intro-photo { position:static; }
 #martec-website .m-experience-intro-photo::before { content:''; display:block; aspect-ratio:1514 / 1039; }
 #martec-website .m-experience-intro-photo img { position:absolute; inset:0 0 0 auto; width:auto; height:100%; max-width:none; object-fit:contain; object-position:right center; opacity:.96; z-index:1; -webkit-mask-image:linear-gradient(90deg,transparent 0%,transparent 8%,rgba(0,0,0,.25) 15%,rgba(0,0,0,.7) 30%,#000 50%); mask-image:linear-gradient(90deg,transparent 0%,transparent 8%,rgba(0,0,0,.25) 15%,rgba(0,0,0,.7) 30%,#000 50%); }
 #martec-website .m-experience-intro-photo::after { content:''; position:absolute; inset:0 0 auto 0; height:38%; z-index:2; pointer-events:none; background:linear-gradient(105deg,#294a5a 0%,#53727f 57%,#b8ccce 100%); -webkit-mask-image:linear-gradient(180deg,rgba(0,0,0,.8) 0%,rgba(0,0,0,.45) 20%,rgba(0,0,0,.18) 50%,transparent 100%); mask-image:linear-gradient(180deg,rgba(0,0,0,.8) 0%,rgba(0,0,0,.45) 20%,rgba(0,0,0,.18) 50%,transparent 100%); }
}

/* Gentler Experience sky transition: broad eased feather, with a longer atmospheric top fade. */
@media(min-width:961px) {
 #martec-website .m-experience-intro-photo img { -webkit-mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.01) 10%,rgba(0,0,0,.06) 20%,rgba(0,0,0,.18) 30%,rgba(0,0,0,.38) 40%,rgba(0,0,0,.62) 50%,rgba(0,0,0,.83) 60%,rgba(0,0,0,.96) 70%,#000 80%,#000 100%); mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.01) 10%,rgba(0,0,0,.06) 20%,rgba(0,0,0,.18) 30%,rgba(0,0,0,.38) 40%,rgba(0,0,0,.62) 50%,rgba(0,0,0,.83) 60%,rgba(0,0,0,.96) 70%,#000 80%,#000 100%); }
 #martec-website .m-experience-intro-photo::after { height:55%; -webkit-mask-image:linear-gradient(180deg,rgba(0,0,0,.72) 0%,rgba(0,0,0,.64) 15%,rgba(0,0,0,.43) 35%,rgba(0,0,0,.2) 60%,rgba(0,0,0,.04) 85%,transparent 100%); mask-image:linear-gradient(180deg,rgba(0,0,0,.72) 0%,rgba(0,0,0,.64) 15%,rgba(0,0,0,.43) 35%,rgba(0,0,0,.2) 60%,rgba(0,0,0,.04) 85%,transparent 100%); }
}

/* Move the eased transition into the clear sky on the left, keeping the vessel placement fixed. */
@media(min-width:961px) {
 #martec-website .m-experience-intro-photo img { -webkit-mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.01) 5%,rgba(0,0,0,.06) 10%,rgba(0,0,0,.18) 15%,rgba(0,0,0,.38) 20%,rgba(0,0,0,.62) 25%,rgba(0,0,0,.83) 30%,rgba(0,0,0,.96) 35%,#000 40%,#000 100%); mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.01) 5%,rgba(0,0,0,.06) 10%,rgba(0,0,0,.18) 15%,rgba(0,0,0,.38) 20%,rgba(0,0,0,.62) 25%,rgba(0,0,0,.83) 30%,rgba(0,0,0,.96) 35%,#000 40%,#000 100%); }
 #martec-website .m-experience-intro-photo::after { background:linear-gradient(90deg,#294a5a 0%,rgba(57,90,107,.95) 28%,rgba(83,114,127,.8) 43%,rgba(102,140,161,.35) 60%,rgba(131,162,176,.08) 72%,transparent 80%); }
}

/* Keep the unchanged introduction readable where narrower desktop widths overlap the vessel. */
@media(min-width:961px) and (max-width:1200px) {
 #martec-website .m-experience-hero-with-photo::after { background:linear-gradient(90deg,rgba(41,74,90,.42) 0%,rgba(41,74,90,.42) 28%,rgba(41,74,90,.8) 41%,rgba(41,74,90,.8) 52%,rgba(41,74,90,.24) 65%,rgba(41,74,90,.08) 75%,transparent 90%); }
}

/* Preserve the transition centre while easing the colour change more evenly across it. */
@media(min-width:961px) {
 #martec-website .m-experience-intro-photo img { filter:saturate(.8) contrast(.98); -webkit-mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.065) 5%,rgba(0,0,0,.165) 10%,rgba(0,0,0,.29) 15%,rgba(0,0,0,.43) 20%,rgba(0,0,0,.5) 22.5%,rgba(0,0,0,.57) 25%,rgba(0,0,0,.71) 30%,rgba(0,0,0,.835) 35%,rgba(0,0,0,.935) 40%,#000 45%,#000 100%); mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.065) 5%,rgba(0,0,0,.165) 10%,rgba(0,0,0,.29) 15%,rgba(0,0,0,.43) 20%,rgba(0,0,0,.5) 22.5%,rgba(0,0,0,.57) 25%,rgba(0,0,0,.71) 30%,rgba(0,0,0,.835) 35%,rgba(0,0,0,.935) 40%,#000 45%,#000 100%); }
 #martec-website .m-experience-hero-with-photo::before { filter:saturate(.8) contrast(.98); }
}

/* Bring the backdrop's sky tones closer to the photograph so the fixed-position feather has less colour difference to bridge. */
@media(min-width:961px) {
 #martec-website .m-experience-hero-with-photo { background:linear-gradient(105deg,#294a5a 0%,#3e5e6c 28%,#54798e 45%,#6d93af 66%,#9bb7c8 100%); }
}