/* STRAJA / light editorial redesign — Batch 01
   Original content retained. Photos are independent background assets;
   no text is embedded into photography. */
:root{
  --bg:#edf1f5;--surface:#ffffff;--surface-2:#f2f5f7;--surface-3:#eaf0f3;
  --text:#111c2d;--muted:#4d5968;--line:#d9e1e7;--line-strong:#bdc9d2;
  --navy:#0e2635;--navy-2:#163747;--accent:#9e784a;
  --max:1312px;--reading:810px;
}
html{background:var(--bg)}
body{
  background:#f0f3f6;
  font-family:Inter,"Helvetica Neue",Arial,sans-serif;
  line-height:1.6;
  color:var(--text)
}
.container{width:min(var(--max),calc(100% - 88px))}
header{
  position:absolute;top:0;right:0;left:0;z-index:60;
  background:linear-gradient(180deg,rgba(248,251,253,.93) 0%,rgba(248,251,253,.40) 90%,transparent 100%);
  border:0;backdrop-filter:none;box-shadow:none
}
.nav{min-height:92px;gap:20px}
.brand-wordmark{font-size:1.33rem;letter-spacing:.29em;font-weight:550;color:#132032}
.brand-wordmark::after{content:none}
nav>ul{gap:27px}
nav a,.nav-dropdown-toggle{font-size:.82rem;font-weight:500;color:#192a3a}
nav>ul>li>a.nav-cta{background:var(--navy);color:#fff;border:1px solid var(--navy);
  border-radius:50px;padding:10px 17px}
.nav-dropdown-menu{border-radius:10px;border:1px solid #dce4e8;
  box-shadow:0 16px 38px rgba(15,40,53,.12)}
/* Global typographic system */
h1,h2,h3{font-weight:430;letter-spacing:-.036em;color:var(--text)}
h1{font-size:clamp(2.75rem,4.8vw,5rem);line-height:1.055}
h2{font-size:clamp(2.15rem,3.8vw,3.5rem);line-height:1.12}
.kicker,.eyebrow,.news-label{letter-spacing:.13em;text-transform:uppercase;font-weight:550}
.kicker::before,.eyebrow::before{content:"";display:block;width:34px;height:1px;
  background:#526475;margin-bottom:18px}
.btn{min-height:46px;padding:10px 20px;border-radius:999px;
  font-size:.89rem;font-weight:500}
.btn.primary{background:var(--navy);color:#fff}
.btn.secondary{border:1px solid #c6d3da;background:#ffffffbc}
.btn:hover{box-shadow:0 10px 24px #183b4c22}
.section{padding:78px 0}
.section.alt{background:#f5f8fa}
.section-title p,.content p,.content li{color:var(--muted)}
.section-title h2{max-width:740px}
.callout{border-left:2px solid #6a8c9b;background:rgba(248,251,252,.9);border-radius:0 10px 10px 0}
/* Text remains HTML, not pixels baked into a photo.
   The gradient is part of CSS, so the images remain reusable. */
.page-hero,.trade-updates-page .news-masthead{
  display:flex;align-items:center;min-height:590px;
  padding:133px 0 92px;isolation:isolate;position:relative;
  background:#edf3f7;overflow:hidden;
  border-bottom:1px solid #dbe4e9
}
.page-hero::before,.trade-updates-page .news-masthead::before{
  content:"";position:absolute;inset:0;z-index:-2;
  opacity:1;background-size:cover;background-position:center right;
  background-image:linear-gradient(90deg,
    #f5f8fb 0%,rgba(246,249,251,.99) 20%,
    rgba(246,249,251,.94) 38%,
    rgba(246,249,251,.55) 56%,
    rgba(246,249,251,.08) 77%,
    transparent 100%),url('/assets/editorial-news-port.jpg')
}
.page-hero::after,.trade-updates-page .news-masthead::after{
  content:"";position:absolute;inset:0;z-index:-1;
  background:linear-gradient(0deg,#f4f7f8a8 0%,transparent 20%);pointer-events:none
}
.page-hero .container,.trade-updates-page .news-masthead .container{width:min(var(--max),calc(100% - 88px));position:relative;z-index:1}
.page-hero h1,.trade-updates-page .news-masthead h1{max-width:660px;color:var(--text);margin-top:18px;margin-bottom:20px}
.page-hero p,.trade-updates-page .news-masthead p{max-width:545px;font-size:1.12rem;color:var(--muted);line-height:1.67}
.page-hero .kicker,.trade-updates-page .news-masthead .kicker,
.trade-updates-page .news-masthead .news-edition{color:#4e5c69}
.page-hero .kicker{color:#556474}
/* Individually assigned photos — easily swapped per page */
.design-page-services .page-hero::before{
  background-image:linear-gradient(90deg,#f6f8fa 0%,#f6f8fafb 19%,#f6f8faed 34%,#f6f8faa6 51%,#f6f8fa20 76%,transparent 100%),url('/assets/approved/harbor_inspector_overlooking_montreal_port.png')
}
.design-page-steel-trq .page-hero::before{
  background-image:linear-gradient(90deg,#f6f8fa 0%,#f6f8fafc 20%,#f6f8faed 35%,#f6f8faa0 53%,#f6f8fa18 77%,transparent 100%),url('/assets/approved/industrial_harbor_steel_coil_operations.png')
}
.design-page-surtax-remission .page-hero::before{
  background-image:linear-gradient(90deg,#f6f8fa 0%,#f6f8fafb 23%,#f6f8fadb 48%,#f6f8fa25 77%,transparent 100%),url('/assets/editorial-news-port.jpg')
}
.design-page-classification-origin .page-hero::before{
  background-image:linear-gradient(90deg,#f6f8fa 0%,#f6f8fafb 23%,#f6f8fadb 46%,#f6f8fa19 77%,transparent 100%),url('/assets/editorial-services-architecture.jpg')
}
.design-page-importer-training .page-hero::before{
  background-image:linear-gradient(90deg,#f6f8fa 0%,#f6f8fafb 23%,#f6f8fada 47%,#f6f8fa15 77%,transparent 100%),url('/assets/hero-harbor.jpg')
}
.design-page-canada-eu .page-hero::before{
  background-image:linear-gradient(90deg,#f6f8fa 0%,#f6f8fafb 22%,#f6f8fadb 45%,#f6f8fa12 74%,transparent 100%),url('/assets/editorial-news-canada-eu.jpg')
}
.design-page-review-advisory .page-hero::before{
  background-image:linear-gradient(90deg,#f6f8fa 0%,#f6f8fafb 23%,#f6f8fadb 48%,#f6f8fa28 77%,transparent 100%),url('/assets/mountain-panel.jpg')
}
.design-page-contact .page-hero::before{
  background-image:linear-gradient(90deg,#f6f8fa 0%,#f6f8fafb 22%,#f6f8fadb 46%,#f6f8fa15 78%,transparent 100%),url('/assets/contact-port.jpg')
}
.design-page-privacy .page-hero::before,
.design-page-confidentialite .page-hero::before{
  background-image:linear-gradient(90deg,#f6f8fa 0%,#f6f8fafb 23%,#f6f8fadb 46%,#f6f8fa23 79%,transparent 100%),url('/assets/mountain-panel.jpg')
}
.design-page-trade-updates .news-masthead::before,
.design-page-actualites-commerciales .news-masthead::before{
  background-image:linear-gradient(90deg,#f6f8fa 0%,#f6f8fafb 24%,#f6f8fadb 45%,#f6f8fa1a 76%,transparent 100%),url('/assets/editorial-news-port.jpg')
}
.design-page-trade-updates-archive .news-masthead::before,
.design-page-archives-commerciales .news-masthead::before{
  background-image:linear-gradient(90deg,#f6f8fa 0%,#f6f8fafb 24%,#f6f8fadb 49%,#f6f8fa2b 80%,transparent 100%),url('/assets/editorial-news-air.jpg')
}
/* Home */
.page-home .hero{min-height:770px;background:url('/assets/hero-harbor.jpg') center right/cover no-repeat}
.page-home .hero::before{
 background:linear-gradient(90deg,#f5f8fb 0%,#f5f8fbfc 19%,#f5f8fbef 35%,#f5f8fbc7 47%,#f5f8fb43 71%,transparent 100%)
}
.page-home .hero-copy{max-width:620px;padding:162px 0 103px}
.page-home .hero h1{max-width:690px}
.page-home .hero .eyebrow{font-size:.83rem;font-weight:550}
.page-home .hero p{font-size:1.13rem;max-width:560px;color:#455563}
.home-service-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;background:none;border:0}
.home-service-item{
  border:1px solid #dfe5eb!important;min-height:175px;text-align:left;align-items:flex-start;
  padding:26px;border-radius:13px;background:white;box-shadow:0 8px 27px #172f4110
}
.home-service-item:hover{background:#f9fbfc;border-color:#abbec9!important}
.home-service-arrow{margin-top:auto}
/* Services directory */
.services-editorial{grid-template-columns:minmax(0,1.2fr) minmax(250px,.8fr);gap:26px}
.services-list{border:none;border-radius:13px;overflow:hidden;
  box-shadow:0 10px 30px rgba(31,54,69,.06)}
.service-row{padding:24px 28px;border-color:#e3e8ed;align-items:center}
.service-row:hover{background:#f3f7fa}
.service-row-title{font-size:1.1rem}
.service-row-desc{font-size:.91rem}
.services-visual{border-radius:13px;min-height:100%;box-shadow:0 10px 30px #162f4410}
/* About, retaining all approved copy and AI notice */
.about-editorial{position:relative;padding:124px 0 76px;
  background:linear-gradient(180deg,#f6f9fb,#eef3f7)}
.about-editorial-grid{grid-template-columns:minmax(0,1.1fr) minmax(340px,.9fr);gap:35px}
.about-copy{padding:0 10px 10px 0;max-width:720px}
.about-copy h1{max-width:665px;font-size:clamp(2.75rem,4.5vw,4.6rem)}
.about-copy>p{max-width:630px}
.about-raven-frame{border-radius:12px;min-height:630px;box-shadow:0 10px 40px #1b3a5020}
.about-raven{object-fit:cover}
.about-method{
  background:#fff;padding:75px 0;
  border-top:1px solid #dfe7eb;
  position:relative
}
.about-method .container{border:0;padding-top:0}
.about-method h2{max-width:710px}
.about-method p{max-width:850px}
/* News and archive: retain dated updates and real hyperlinks */
.trade-updates-page .news-masthead{min-height:610px}
.trade-updates-page .news-masthead h1{max-width:650px}
.news-tabs{display:inline-flex;flex-wrap:wrap;gap:10px;margin-top:26px}
.news-tabs a{border-radius:22px;border:1px solid #bfcfd8;background:#ffffffc9;color:var(--text);padding:9px 18px}
.news-tabs a.active{background:#0e2635;color:#fff;border-color:#0e2635}
.news-section{padding:70px 0 95px}
.news-feature-story,.news-monitor,.news-brief,.news-method{
  border-radius:11px;border-color:#dce5ea;box-shadow:0 10px 26px #213d510d
}
.news-brief{overflow:hidden}
.news-card-image{height:205px}
.news-card-image img{object-fit:cover}
.news-feature-grid{gap:24px}
.news-brief-list{gap:18px}
.news-brief h3{letter-spacing:-.025em}
/* Interior cards / forms */
.content,.sidebar{scroll-margin-top:18px}
.service-layout{grid-template-columns:245px minmax(0,850px);gap:55px;align-items:start}
.sidebar{top:24px;border-top:1px solid #b9cbd4}
.sidebar a{padding:6px 0}
.content h2{font-size:clamp(1.8rem,2.9vw,2.75rem);letter-spacing:-.032em}
.contact-card,form{border:1px solid #dfe7eb;border-radius:12px;box-shadow:0 7px 22px #1f3b4e0d}
footer{background:#eaf0f4;border-top:1px solid #d9e2e8}
@media(max-width:1180px){
 header{background:rgba(247,250,252,.98);position:relative}
 .nav{min-height:76px}
 nav>ul{top:76px;background:#f8fafc}
 .page-hero,.trade-updates-page .news-masthead{padding-top:84px}
 .page-home .hero-copy{padding:110px 0 100px}
 .about-editorial{padding-top:80px}
}
@media(max-width:940px){
 .container,.page-hero .container,.trade-updates-page .news-masthead .container{
  width:calc(100% - 46px)}
 .page-hero,.trade-updates-page .news-masthead{min-height:500px}
 .page-hero::before,.trade-updates-page .news-masthead::before{
  background-position:60% center}
 .page-hero p,.trade-updates-page .news-masthead p{max-width:540px}
 .home-service-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .services-editorial,.about-editorial-grid{grid-template-columns:1fr}
 .services-visual{display:none}
 .about-raven-frame{min-height:380px;max-height:500px}
 .about-copy{max-width:750px}
 .service-layout{grid-template-columns:1fr;gap:22px}
 .sidebar{position:relative;top:auto;display:flex;flex-wrap:wrap;gap:10px 16px}
 .sidebar a{margin:0}
}
@media(max-width:640px){
 .container,.page-hero .container,.trade-updates-page .news-masthead .container{width:calc(100% - 36px)}
 .page-hero,.trade-updates-page .news-masthead{min-height:550px;padding:68px 0 55px;align-items:flex-start}
 .page-hero::before,.trade-updates-page .news-masthead::before{
  background-position:66% center;
  /* Text legibility takes priority on narrow screens. */
  background-color:#f4f8fb;
  opacity:.28}
 .page-hero::after,.trade-updates-page .news-masthead::after{background:#f4f8fbe6}
 .page-hero h1,.trade-updates-page .news-masthead h1{font-size:clamp(2.4rem,10.4vw,3.65rem)}
 .page-hero p,.trade-updates-page .news-masthead p{font-size:1.03rem}
 .page-home .hero{min-height:650px}
 .page-home .hero::before{background:linear-gradient(90deg,#f5f8fbef,#f5f8fba8)}
 .page-home .hero-copy{padding:75px 0 94px}
 .home-service-grid{grid-template-columns:1fr;gap:8px}
 .home-service-item{display:grid;grid-template-columns:40px 1fr 20px;gap:14px;align-items:center;
  min-height:0;padding:19px;text-align:left}
 .home-service-arrow{margin-top:0}
 .about-editorial{padding:70px 0 40px}
 .about-raven-frame{min-height:280px;max-height:340px}
 .about-method{padding:52px 0}
 .news-tabs{margin-top:22px}
 .news-tabs a{font-size:.8rem;padding:8px 11px}
}
@media(prefers-reduced-motion:reduce){
 html{scroll-behavior:auto}
 .btn,.service-row,.home-service-item{transition:none}
}

/* Bilingual photos share one approved visual asset each. */
.design-page-services .page-hero::before{
  opacity:1
}
.design-page-contingents-acier .page-hero::before{
  background-image:linear-gradient(90deg,#f6f8fa 0%,#f6f8fafc 20%,#f6f8faed 35%,#f6f8faa0 53%,#f6f8fa18 77%,transparent 100%),url('/assets/approved/industrial_harbor_steel_coil_operations.png')
}
.design-page-surtaxes-remises .page-hero::before{
  background-image:linear-gradient(90deg,#f6f8fa 0%,#f6f8fafb 23%,#f6f8fadb 48%,#f6f8fa25 77%,transparent 100%),url('/assets/editorial-news-port.jpg')
}
.design-page-classement-origine .page-hero::before{
  background-image:linear-gradient(90deg,#f6f8fa 0%,#f6f8fafb 23%,#f6f8fadb 46%,#f6f8fa19 77%,transparent 100%),url('/assets/editorial-services-architecture.jpg')
}
.design-page-formation-importateur .page-hero::before{
  background-image:linear-gradient(90deg,#f6f8fa 0%,#f6f8fafb 23%,#f6f8fada 47%,#f6f8fa15 77%,transparent 100%),url('/assets/hero-harbor.jpg')
}
.design-page-canada-ue .page-hero::before{
  background-image:linear-gradient(90deg,#f6f8fa 0%,#f6f8fafb 22%,#f6f8fadb 45%,#f6f8fa12 74%,transparent 100%),url('/assets/editorial-news-canada-eu.jpg')
}
.design-page-revision-conseil .page-hero::before{
  background-image:linear-gradient(90deg,#f6f8fa 0%,#f6f8fafb 23%,#f6f8fadb 48%,#f6f8fa28 77%,transparent 100%),url('/assets/mountain-panel.jpg')
}
.design-page-contact .page-hero::before{
  opacity:1
}
/* Reset original dark-hero text rules without altering content. */
.page-services .page-hero .container,
.page-contact .page-hero .container,
.trade-updates-page .news-masthead .container{
  color:var(--text)
}
.page-services .page-hero h1,
.page-contact .page-hero h1,
.trade-updates-page .news-masthead h1{
  color:var(--text)
}
.page-services .page-hero p,
.page-contact .page-hero p,
.trade-updates-page .news-masthead p{
  color:var(--muted)
}
.page-services .page-hero .kicker,
.page-contact .page-hero .kicker,
.trade-updates-page .news-masthead .kicker,
.trade-updates-page .news-edition{
  color:#526475
}
.trade-article-page header,.page-thanks header{position:relative;background:#f7fafc}

/* STRAJA — APPROVED PHOTOGRAPHY REDESIGN. October 20, 2026.
   No words are baked into imagery. Approved editorial photographs remain unchanged.
   Copy, hyperlinks, bilingual pages and forms derive from approved October 19 ZIP.
 */
:root{--bg:#edf2f5;--surface:#fff;--text:#14202f;--muted:#4b5a68;--navy:#0e2230;--line:#dbe3e9;--max:1360px}
html{background:#eef2f5}
body{background:#eef2f5;color:var(--text)}
body::selection{background:#cddce5}
.container{width:min(var(--max),calc(100% - 112px))}
header{background:linear-gradient(180deg,rgba(246,249,251,.93),rgba(246,249,251,.15) 92%,transparent);border:0}
.nav{min-height:94px}
.brand-wordmark{font-size:1.31rem;letter-spacing:.285em;font-weight:550;line-height:1.2;white-space:nowrap;color:#142133}
.brand-wordmark::after{display:none}
.brand-wordmark:hover{color:#466374}
nav>ul{gap:clamp(12px,1.7vw,30px)}
nav a,.nav-dropdown-toggle{font-size:.81rem;font-weight:550;letter-spacing:.01em}
.nav-cta{box-shadow:none;font-size:.8rem!important;padding:11px 16px!important}
.lang-switch{align-items:center}
.lang-link,.lang-current{font-size:.8rem!important}
h1,h2,h3{font-weight:400;letter-spacing:-.044em}
h1{font-size:clamp(3rem,5.2vw,5.25rem);line-height:1.07}
section h2{line-height:1.11}
.kicker,.eyebrow,.news-label{font-size:.75rem;letter-spacing:.14em;color:#465b6a}
.kicker::before,.eyebrow::before{width:32px;height:1px;background:#596c76}
.btn{min-height:47px;box-shadow:none!important}
.btn.primary{background:#102432;border-color:#102432}
.btn.primary::after{content:"→";margin-left:16px;font-size:1.1rem;line-height:1;flex:none}
.btn.secondary::after{content:"↗";margin-left:11px}
.btn:hover,.nav-cta:hover{transform:translateY(-2px);filter:brightness(1.07)}

/* Photographs form a compositional backdrop only. Text stays real HTML. */
.page-hero,.trade-updates-page .news-masthead{
 min-height:650px;padding:166px 0 99px;display:flex;align-items:center;
 background:#ecf3f7;position:relative;isolation:isolate;overflow:hidden
}
.page-hero::before,.trade-updates-page .news-masthead::before{
 content:"";z-index:-2;opacity:1;position:absolute;inset:0;
 background-image:linear-gradient(90deg,#f7f9fafc 0%,#f7f9faf9 19%,#f7f9faea 33%,#f7f9fab1 48%,#f7f9fa49 63%,transparent 79%),var(--page-art);
 background-size:cover;background-position:center,right center;background-repeat:no-repeat
}
.page-hero::after,.trade-updates-page .news-masthead::after{z-index:-1;background:linear-gradient(180deg,transparent 85%,rgba(236,242,246,.48) 100%)}
.page-hero h1,.trade-updates-page .news-masthead h1{max-width:660px;letter-spacing:-.047em;font-size:clamp(3.2rem,5.25vw,5.1rem)}
.page-hero p,.trade-updates-page .news-masthead p{max-width:555px;font-size:1.12rem;line-height:1.6}
.page-hero .container,.trade-updates-page .news-masthead .container{width:min(var(--max),calc(100% - 112px));color:var(--text)}
.page-services .page-hero h1,.page-contact .page-hero h1,.trade-updates-page .news-masthead h1,
.page-services .page-hero .kicker,.page-contact .page-hero .kicker,.trade-updates-page .news-masthead .kicker,
.page-services .page-hero p,.page-contact .page-hero p,.trade-updates-page .news-masthead p{color:var(--text)}
.trade-updates-page .news-masthead .news-edition{color:#4a5c69}
/* Per-page art is applied independently across EN/FR. */
:is(.design-page-services) {--page-art:url('/assets/approved/harbor_inspector_overlooking_montreal_port.png')}
:is(.design-page-classification-origin,.design-page-classement-origine){--page-art:url('/assets/approved/trade_desk_overlooking_harbor_skyline.png')}
:is(.design-page-review-advisory,.design-page-revision-conseil){--page-art:url('/assets/approved/executive_review_by_the_window.png')}
:is(.design-page-surtax-remission,.design-page-surtaxes-remises){--page-art:url('/assets/approved/modern_finance_desk_by_the_harbor.png')}
:is(.design-page-steel-trq,.design-page-contingents-acier){--page-art:url('/assets/approved/industrial_harbor_steel_coil_operations.png')}
:is(.design-page-importer-training,.design-page-formation-importateur){--page-art:url('/assets/approved/modern_boardroom_presentation_by_the_harbor.png')}
:is(.design-page-canada-eu,.design-page-canada-ue){--page-art:url('/assets/approved/canada_eu_flags_over_harbor_port.png')}
:is(.design-page-trade-updates,.design-page-actualites-commerciales){--page-art:url('/assets/approved/harbor_engineer_at_sunrise.png')}
:is(.design-page-trade-updates-archive,.design-page-archives-commerciales){--page-art:url('/assets/approved/modern_office_archive_with_city_views.png')}
:is(.design-page-privacy,.design-page-confidentialite){--page-art:url('/assets/approved/modern_executive_office_with_city_skyline.png')}
:is(.design-page-contact){--page-art:url('/assets/contact-port.jpg')}
:is(.design-page-thank-you,.design-page-merci){--page-art:url('/assets/approved/modern_executive_office_with_city_skyline.png')}
/* Override older component-local ::before dark overlays (same element, greater specificity). */
.page-services .page-hero::before,.page-contact .page-hero::before,.trade-updates-page .news-masthead::before{
 background-image:linear-gradient(90deg,#f7f9fafc 0%,#f7f9faf9 19%,#f7f9faea 33%,#f7f9fab1 48%,#f7f9fa49 63%,transparent 79%),var(--page-art);
 opacity:1;background-size:cover;background-position:center,right center
}
:is(.design-page-trade-updates,.design-page-actualites-commerciales,.design-page-trade-updates-archive,.design-page-archives-commerciales) .news-masthead .container{color:var(--text)}

/* Home — single approved raven photo. No redundant photo panel. */
.page-home .hero{background:url('/assets/approved/raven_over_montreal_harbor.png') center right/cover no-repeat;min-height:810px}
.page-home .hero::before{background:linear-gradient(90deg,#f7f9fbfa 0%,#f7f9fbfa 18%,#f7f9fbdf 35%,#f7f9fb7a 49%,#f7f9fb13 67%,transparent 87%)}
.page-home .hero-copy{padding:180px 0 125px;max-width:660px}
.page-home .hero h1{font-size:clamp(3.1rem,5.1vw,5.5rem);line-height:1.07;max-width:630px}
.page-home .hero p{max-width:565px;font-size:1.12rem;color:#3e5060}
.page-home .hero .eyebrow{font-size:.77rem}
.page-home .hero-mark{display:none!important}
/* Home supports existing approved sections, which remain accessible below the hero. */
.section{padding:83px 0}
.home-services-overview{padding:92px 0 58px}
.section-title{margin-bottom:36px}
.section-title p{font-size:1.05rem}
.home-service-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.home-service-item{min-height:190px;border-radius:12px;background:#fff;border:1px solid #dfe7ec!important;box-shadow:0 8px 30px #2544570a;padding:28px}
.home-service-item:hover{background:#f9fcff;transform:translateY(-2px)}
.service-icon{opacity:.85}
.home-service-label{font-weight:520}
.home-split-feature .container,.home-secondary-section .container{border-radius:14px;box-shadow:0 12px 45px #27445409}
.home-split-feature .container::before{background-image:url('/assets/approved/canada_eu_flags_over_harbor_port.png')}
.home-secondary-section .container::after{background-image:url('/assets/approved/harbor_inspector_overlooking_montreal_port.png')}
.home-didyouknow .container{border-radius:13px}

/* Services overview — retain every original directory entry and description. */
.services-editorial{grid-template-columns:minmax(0,1.25fr) minmax(320px,.75fr);gap:26px}
.services-list{border:1px solid #dee6eb;border-radius:14px;overflow:hidden;background:white}
.service-row{padding:22px 26px;transition:background .2s}
.service-row:hover{background:#f2f6f8}
.service-row-title{font-size:1.13rem}
.service-row-desc{font-size:.89rem}
.services-visual{margin:0;background:#fff;border-radius:14px;overflow:hidden}
.services-visual img{width:100%;height:100%;max-height:680px;object-fit:cover}

/* About — keep all original paragraphs and introduce dedicated interior AI visual. */
.page-about .about-editorial{
 min-height:850px;position:relative;isolation:isolate;padding:164px 0 94px;
 background:#f4f8fa
}
.page-about .about-editorial::before{
 content:"";position:absolute;inset:0;z-index:-1;
 background:linear-gradient(90deg,#f8fafb 0%,#f8fafbfa 20%,#f8fafbef 37%,#f8fafbc7 53%,#f8fafb26 78%,transparent 95%),
 url('/assets/approved/minimalist_boardroom_with_city_skyline.png') right center/cover no-repeat
}
.page-about .about-editorial-grid{display:block}
.page-about .about-copy{max-width:630px;padding:0}
.page-about .about-copy h1{font-size:clamp(3rem,4.8vw,4.85rem);max-width:630px;margin-bottom:26px}
.page-about .about-copy p{font-size:1.02rem;line-height:1.6;max-width:570px;margin-bottom:13px}
.page-about .about-copy .callout{margin:20px 0}
.page-about .about-raven-frame{display:none}
.page-about .about-method{
 position:relative;isolation:isolate;min-height:480px;padding:94px 0;
 background:linear-gradient(90deg,#f6f9fafc 0%,#f6f9faf5 25%,#f6f9fae8 41%,#f6f9fa65 68%,transparent 95%),
 url('/assets/approved/modern_workspace_overlooking_montreal_skyline.png') right center/cover no-repeat
}
.page-about .about-method .container{border:0;padding:0}
.page-about .about-method .container>*{max-width:650px}
.page-about .about-method h2{font-size:clamp(2.4rem,3.6vw,3.65rem);margin:12px 0 22px}
.page-about .about-method p{max-width:625px;color:#394b5a;font-size:1.04rem;line-height:1.7}

/* Content-rich article and compliance pages below the photographic introduction. */
.service-layout{grid-template-columns:226px minmax(0,845px);gap:52px;padding-top:78px}
.service-layout .sidebar{border-top:1px solid #bbcdd9}
.service-layout .content{max-width:845px}
.content h2{margin-top:42px}
.content h2:first-child{margin-top:0}
.content li{padding-left:2px;margin:8px 0}
.content a:not(.btn){text-underline-offset:3px}
.news-feature-story,.news-monitor,.news-brief,.news-method,.contact-card,form{border-radius:12px}
.news-brief{overflow:hidden}
.news-tabs a{border:1px solid #cbd9e0;background:#ffffffb8;color:#233d4e}
.news-tabs a.active{background:#0d2838;color:#fff;border-color:#0d2838}
.news-tabs a:hover{background:#e9f0f4}
.news-section{padding-top:80px}
.trade-article-page .news-article-hero{padding:142px 0 72px;background:#f4f8fa}
.trade-article-page .news-article-hero .container{position:relative}
.trade-article-page .news-article-hero h1{font-size:clamp(2.7rem,4.7vw,4.9rem)}
.page-contact .section{padding-top:84px}
footer{background:#e9f0f4;border-color:#d9e3e9}
.footer-wordmark::after{font-size:.61rem}

@media(max-width:1180px){
 header{position:relative;background:#f6f9fa;backdrop-filter:none}
 .nav{min-height:78px}
 nav>ul{top:78px;background:#f6f9fa}
 .page-hero,.trade-updates-page .news-masthead{min-height:570px;padding:86px 0}
 .page-home .hero{min-height:700px}
 .page-home .hero-copy{padding:105px 0}
 .page-about .about-editorial{padding:88px 0;min-height:760px}
 .about-editorial::before{background-position:center right}
 .trade-article-page .news-article-hero{padding-top:72px}
 .services-editorial{grid-template-columns:minmax(0,1fr) minmax(280px,.6fr)}
}
@media(max-width:940px){
 .container,.page-hero .container,.trade-updates-page .news-masthead .container{width:calc(100% - 52px)}
 .page-hero,.trade-updates-page .news-masthead{min-height:540px}
 .page-hero h1,.trade-updates-page .news-masthead h1{max-width:600px;font-size:clamp(2.8rem,6.8vw,4.6rem)}
 .home-service-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .services-editorial{grid-template-columns:1fr}
 .services-visual{display:none}
 .page-about .about-editorial{min-height:auto}
 .page-about .about-copy{max-width:630px}
 .service-layout{grid-template-columns:1fr;gap:28px}
 .service-layout .sidebar{position:static}
}
@media(max-width:640px){
 .container,.page-hero .container,.trade-updates-page .news-masthead .container{width:calc(100% - 36px)}
 .nav{min-height:74px}
 nav>ul{top:74px}
 .brand-wordmark{font-size:1.08rem;letter-spacing:.24em}
 .page-hero,.trade-updates-page .news-masthead{min-height:540px;padding:65px 0 65px;align-items:flex-start}
 .page-hero::before,.page-services .page-hero::before,.page-contact .page-hero::before,.trade-updates-page .news-masthead::before{
  opacity:1;background-image:linear-gradient(180deg,#f7f9faf9 0%,#f7f9faed 55%,#f7f9fad5 100%),var(--page-art);
  background-size:cover,cover;background-position:center,65% center
 }
 .page-hero::after,.trade-updates-page .news-masthead::after{background:linear-gradient(180deg,#f7f9fa22,#f7f9facb)}
 .page-hero h1,.trade-updates-page .news-masthead h1{font-size:clamp(2.7rem,10.5vw,3.75rem);line-height:1.08}
 .page-hero p,.trade-updates-page .news-masthead p{font-size:1rem}
 .page-home .hero{min-height:690px;background-position:66% center}
 .page-home .hero::before{background:linear-gradient(180deg,#f7f9fbf9 0%,#f7f9fbea 43%,#f7f9fb89 77%,#f7f9fb18 100%)}
 .page-home .hero-copy{padding:61px 0 100px}
 .page-home .hero h1{font-size:clamp(2.7rem,10.25vw,3.95rem)}
 .page-home .hero p{font-size:1rem}
 .section{padding:61px 0}
 .home-service-grid{grid-template-columns:1fr;gap:9px}
 .home-service-item{min-height:0;padding:20px;display:grid;grid-template-columns:40px 1fr 20px;gap:13px;align-items:center}
 .home-service-label{font-size:.96rem}
 .home-split-feature .container::before,.home-secondary-section .container::after{min-height:270px}
 .page-about .about-editorial{padding:55px 0 67px;background:#f7f9fa}
 .page-about .about-editorial::before{opacity:.30;background-image:url('/assets/approved/minimalist_boardroom_with_city_skyline.png');background-position:65% center}
 .page-about .about-editorial::after{content:"";position:absolute;inset:0;z-index:-1;background:#f8fafae8}
 .page-about .about-copy h1{font-size:clamp(2.65rem,10vw,3.8rem)}
 .page-about .about-method{padding:65px 0;min-height:0;background-image:linear-gradient(180deg,#f7fafafb,#f7fafae9),url('/assets/approved/modern_workspace_overlooking_montreal_skyline.png')}
 .page-about .about-method h2{font-size:clamp(2.4rem,9vw,3.4rem)}
 .news-masthead-top{gap:7px}
 .news-tabs{margin-top:22px}
 .news-tabs a{padding:8px 12px}
 .news-section{padding:48px 0 70px}
 .trade-article-page .news-article-hero{padding:57px 0}
}
@media(prefers-reduced-motion:reduce){.btn,.home-service-item,.service-row{transition:none!important}}
/* Guarantee the exact assigned asset wins over any older visual styles. */
body[class*="design-page-"] .page-hero::before{
 background-image:linear-gradient(90deg,#f7f9fafc 0%,#f7f9faf9 19%,#f7f9faea 33%,#f7f9fab1 48%,#f7f9fa49 63%,transparent 79%),var(--page-art);
 opacity:1;background-size:cover;background-position:center,right center
}
/* Directory layout retains existing approved copy; no duplicate stock image. */
.page-services .services-editorial{display:block;max-width:1040px}
.page-services .services-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;background:transparent;border:0;box-shadow:none;overflow:visible}
.page-services .service-row{background:#fff;border:1px solid #e0e7eb;border-radius:0;margin:-.5px;padding:30px 25px;min-height:154px}
.page-services .service-row:hover{position:relative;z-index:1;background:#f7fafb;border-color:#aac0cf}
.page-services .services-visual{display:none}
@media(max-width:760px){
 .page-services .services-list{grid-template-columns:1fr}
 .page-services .service-row{min-height:0}
}
@media(max-width:640px){
 body[class*="design-page-"] .page-hero::before{
  background-image:linear-gradient(180deg,#f7f9faf9 0%,#f7f9faed 55%,#f7f9fad5 100%),var(--page-art);
  background-position:center,65% center
 }
}
/* Typography fallbacks for non-clamp renderers; browsers use the following clamp rules. */
h1{font-size:4.8rem;font-size:clamp(3rem,5.2vw,5.25rem)}
h2{font-size:3.4rem;font-size:clamp(2.1rem,3.8vw,3.55rem)}
.page-home .hero h1{font-size:5rem;font-size:clamp(3.1rem,5.1vw,5.5rem)}
.page-hero h1,.trade-updates-page .news-masthead h1{font-size:4.75rem;font-size:clamp(3.2rem,5.25vw,5.1rem)}
.page-about .about-copy h1{font-size:4.55rem;font-size:clamp(3rem,4.8vw,4.85rem)}
.page-about .about-method h2{font-size:3.35rem;font-size:clamp(2.4rem,3.6vw,3.65rem)}
.nav>nav{flex:0 1 auto;min-width:0}
.nav-cta{white-space:nowrap!important;border-radius:50px!important;line-height:1.25!important}
nav>ul>li{flex-shrink:0}
@media(max-width:640px){
 .page-home .hero h1{font-size:3.35rem;font-size:clamp(2.7rem,10.25vw,3.95rem)}
 .page-hero h1,.trade-updates-page .news-masthead h1{font-size:3rem;font-size:clamp(2.7rem,10.5vw,3.75rem)}
 .page-about .about-copy h1{font-size:2.9rem;font-size:clamp(2.65rem,10vw,3.8rem)}
}

/* Explicit individually assigned approved page photos */
body.design-page-services .page-hero::before{background-image:linear-gradient(90deg,#f7f9fafc 0%,#f7f9faf9 19%,#f7f9faea 33%,#f7f9fab1 48%,#f7f9fa49 63%,transparent 79%),url('/assets/approved/harbor_inspector_overlooking_montreal_port.png');opacity:1;background-size:cover;background-position:center,right center}
body.design-page-classification-origin .page-hero::before,body.design-page-classement-origine .page-hero::before{background-image:linear-gradient(90deg,#f7f9fafc 0%,#f7f9faf9 19%,#f7f9faea 33%,#f7f9fab1 48%,#f7f9fa49 63%,transparent 79%),url('/assets/approved/trade_desk_overlooking_harbor_skyline.png');opacity:1;background-size:cover;background-position:center,right center}
body.design-page-review-advisory .page-hero::before,body.design-page-revision-conseil .page-hero::before{background-image:linear-gradient(90deg,#f7f9fafc 0%,#f7f9faf9 19%,#f7f9faea 33%,#f7f9fab1 48%,#f7f9fa49 63%,transparent 79%),url('/assets/approved/executive_review_by_the_window.png');opacity:1;background-size:cover;background-position:center,right center}
body.design-page-surtax-remission .page-hero::before,body.design-page-surtaxes-remises .page-hero::before{background-image:linear-gradient(90deg,#f7f9fafc 0%,#f7f9faf9 19%,#f7f9faea 33%,#f7f9fab1 48%,#f7f9fa49 63%,transparent 79%),url('/assets/approved/modern_finance_desk_by_the_harbor.png');opacity:1;background-size:cover;background-position:center,right center}
body.design-page-steel-trq .page-hero::before,body.design-page-contingents-acier .page-hero::before{background-image:linear-gradient(90deg,#f7f9fafc 0%,#f7f9faf9 19%,#f7f9faea 33%,#f7f9fab1 48%,#f7f9fa49 63%,transparent 79%),url('/assets/approved/industrial_harbor_steel_coil_operations.png');opacity:1;background-size:cover;background-position:center,right center}
body.design-page-importer-training .page-hero::before,body.design-page-formation-importateur .page-hero::before{background-image:linear-gradient(90deg,#f7f9fafc 0%,#f7f9faf9 19%,#f7f9faea 33%,#f7f9fab1 48%,#f7f9fa49 63%,transparent 79%),url('/assets/approved/modern_boardroom_presentation_by_the_harbor.png');opacity:1;background-size:cover;background-position:center,right center}
body.design-page-canada-eu .page-hero::before,body.design-page-canada-ue .page-hero::before{background-image:linear-gradient(90deg,#f7f9fafc 0%,#f7f9faf9 19%,#f7f9faea 33%,#f7f9fab1 48%,#f7f9fa49 63%,transparent 79%),url('/assets/approved/canada_eu_flags_over_harbor_port.png');opacity:1;background-size:cover;background-position:center,right center}
body.design-page-trade-updates .news-masthead::before,body.design-page-actualites-commerciales .news-masthead::before{background-image:linear-gradient(90deg,#f7f9fafc 0%,#f7f9faf9 19%,#f7f9faea 33%,#f7f9fab1 48%,#f7f9fa49 63%,transparent 79%),url('/assets/approved/harbor_engineer_at_sunrise.png');opacity:1;background-size:cover;background-position:center,right center}
body.design-page-trade-updates-archive .news-masthead::before,body.design-page-archives-commerciales .news-masthead::before{background-image:linear-gradient(90deg,#f7f9fafc 0%,#f7f9faf9 19%,#f7f9faea 33%,#f7f9fab1 48%,#f7f9fa49 63%,transparent 79%),url('/assets/approved/modern_office_archive_with_city_views.png');opacity:1;background-size:cover;background-position:center,right center}
body.design-page-privacy .page-hero::before,body.design-page-confidentialite .page-hero::before{background-image:linear-gradient(90deg,#f7f9fafc 0%,#f7f9faf9 19%,#f7f9faea 33%,#f7f9fab1 48%,#f7f9fa49 63%,transparent 79%),url('/assets/approved/modern_executive_office_with_city_skyline.png');opacity:1;background-size:cover;background-position:center,right center}
body.design-page-contact .page-hero::before{background-image:linear-gradient(90deg,#f7f9fafc 0%,#f7f9faf9 19%,#f7f9faea 33%,#f7f9fab1 48%,#f7f9fa49 63%,transparent 79%),url('/assets/contact-port.jpg');opacity:1;background-size:cover;background-position:center,right center}
body.design-page-thank-you .page-hero::before,body.design-page-merci .page-hero::before{background-image:linear-gradient(90deg,#f7f9fafc 0%,#f7f9faf9 19%,#f7f9faea 33%,#f7f9fab1 48%,#f7f9fa49 63%,transparent 79%),url('/assets/approved/modern_executive_office_with_city_skyline.png');opacity:1;background-size:cover;background-position:center,right center}
@media(max-width:640px){
body.design-page-services .page-hero::before{background-image:linear-gradient(180deg,#f7f9faf9 0%,#f7f9faed 55%,#f7f9fad5 100%),url('/assets/approved/harbor_inspector_overlooking_montreal_port.png');background-position:center,65% center}
body.design-page-classification-origin .page-hero::before,body.design-page-classement-origine .page-hero::before{background-image:linear-gradient(180deg,#f7f9faf9 0%,#f7f9faed 55%,#f7f9fad5 100%),url('/assets/approved/trade_desk_overlooking_harbor_skyline.png');background-position:center,65% center}
body.design-page-review-advisory .page-hero::before,body.design-page-revision-conseil .page-hero::before{background-image:linear-gradient(180deg,#f7f9faf9 0%,#f7f9faed 55%,#f7f9fad5 100%),url('/assets/approved/executive_review_by_the_window.png');background-position:center,65% center}
body.design-page-surtax-remission .page-hero::before,body.design-page-surtaxes-remises .page-hero::before{background-image:linear-gradient(180deg,#f7f9faf9 0%,#f7f9faed 55%,#f7f9fad5 100%),url('/assets/approved/modern_finance_desk_by_the_harbor.png');background-position:center,65% center}
body.design-page-steel-trq .page-hero::before,body.design-page-contingents-acier .page-hero::before{background-image:linear-gradient(180deg,#f7f9faf9 0%,#f7f9faed 55%,#f7f9fad5 100%),url('/assets/approved/industrial_harbor_steel_coil_operations.png');background-position:center,65% center}
body.design-page-importer-training .page-hero::before,body.design-page-formation-importateur .page-hero::before{background-image:linear-gradient(180deg,#f7f9faf9 0%,#f7f9faed 55%,#f7f9fad5 100%),url('/assets/approved/modern_boardroom_presentation_by_the_harbor.png');background-position:center,65% center}
body.design-page-canada-eu .page-hero::before,body.design-page-canada-ue .page-hero::before{background-image:linear-gradient(180deg,#f7f9faf9 0%,#f7f9faed 55%,#f7f9fad5 100%),url('/assets/approved/canada_eu_flags_over_harbor_port.png');background-position:center,65% center}
body.design-page-trade-updates .news-masthead::before,body.design-page-actualites-commerciales .news-masthead::before{background-image:linear-gradient(180deg,#f7f9faf9 0%,#f7f9faed 55%,#f7f9fad5 100%),url('/assets/approved/harbor_engineer_at_sunrise.png');background-position:center,65% center}
body.design-page-trade-updates-archive .news-masthead::before,body.design-page-archives-commerciales .news-masthead::before{background-image:linear-gradient(180deg,#f7f9faf9 0%,#f7f9faed 55%,#f7f9fad5 100%),url('/assets/approved/modern_office_archive_with_city_views.png');background-position:center,65% center}
body.design-page-privacy .page-hero::before,body.design-page-confidentialite .page-hero::before{background-image:linear-gradient(180deg,#f7f9faf9 0%,#f7f9faed 55%,#f7f9fad5 100%),url('/assets/approved/modern_executive_office_with_city_skyline.png');background-position:center,65% center}
body.design-page-contact .page-hero::before{background-image:linear-gradient(180deg,#f7f9faf9 0%,#f7f9faed 55%,#f7f9fad5 100%),url('/assets/contact-port.jpg');background-position:center,65% center}
body.design-page-thank-you .page-hero::before,body.design-page-merci .page-hero::before{background-image:linear-gradient(180deg,#f7f9faf9 0%,#f7f9faed 55%,#f7f9fad5 100%),url('/assets/approved/modern_executive_office_with_city_skyline.png');background-position:center,65% center}
}

/* Durable photographic hero backgrounds, for both browser and print preview. */
.page-hero::before,.page-hero::after,.trade-updates-page .news-masthead::before,.trade-updates-page .news-masthead::after{display:none!important}
.page-about .about-editorial::before,.page-about .about-editorial::after{display:none!important}
.page-about .about-editorial{
 background:linear-gradient(90deg,#f8fafb 0%,#f8fafbfa 20%,#f8fafbef 37%,#f8fafbc7 53%,#f8fafb26 78%,transparent 95%),url('/assets/approved/minimalist_boardroom_with_city_skyline.png') right center /cover no-repeat!important;
 background-size:cover,cover!important;background-position:center,right center!important
}
/* Type scale with supported rem values, avoiding unsupported clamp() fallback behavior. */
h1{font-size:4.9rem!important}
h2{font-size:3.45rem!important}
.page-home .hero h1{font-size:5.05rem!important}
.page-hero h1,.trade-updates-page .news-masthead h1{font-size:4.75rem!important}
.page-about .about-copy h1{font-size:4.6rem!important}
.page-about .about-method h2{font-size:3.4rem!important}
nav>ul{gap:19px!important}
nav>ul>li:has(.nav-cta){display:none}
@media(max-width:1180px){
 h1{font-size:4.1rem!important}
 h2{font-size:3rem!important}
 .page-home .hero h1{font-size:4.25rem!important}
 .page-hero h1,.trade-updates-page .news-masthead h1{font-size:4rem!important}
 nav>ul>li:has(.nav-cta){display:block}
}
@media(max-width:640px){
 h1,.page-home .hero h1,.page-hero h1,.trade-updates-page .news-masthead h1{font-size:3.05rem!important}
 h2,.page-about .about-method h2{font-size:2.45rem!important}
 .page-about .about-copy h1{font-size:2.95rem!important}
 .page-about .about-editorial{background-image:linear-gradient(180deg,#f8fafaf6,#f8fafae9),url('/assets/approved/minimalist_boardroom_with_city_skyline.png')!important}
}
body.design-page-services .page-hero{background-image:linear-gradient(90deg,#f7f9fafc 0%,#f7f9faf9 19%,#f7f9faea 33%,#f7f9fab1 48%,#f7f9fa49 63%,transparent 79%),url('/assets/approved/harbor_inspector_overlooking_montreal_port.png')!important;background-size:cover!important;background-position:center,right center!important}
body.design-page-classification-origin .page-hero,body.design-page-classement-origine .page-hero{background-image:linear-gradient(90deg,#f7f9fafc 0%,#f7f9faf9 19%,#f7f9faea 33%,#f7f9fab1 48%,#f7f9fa49 63%,transparent 79%),url('/assets/approved/trade_desk_overlooking_harbor_skyline.png')!important;background-size:cover!important;background-position:center,right center!important}
body.design-page-review-advisory .page-hero,body.design-page-revision-conseil .page-hero{background-image:linear-gradient(90deg,#f7f9fafc 0%,#f7f9faf9 19%,#f7f9faea 33%,#f7f9fab1 48%,#f7f9fa49 63%,transparent 79%),url('/assets/approved/executive_review_by_the_window.png')!important;background-size:cover!important;background-position:center,right center!important}
body.design-page-surtax-remission .page-hero,body.design-page-surtaxes-remises .page-hero{background-image:linear-gradient(90deg,#f7f9fafc 0%,#f7f9faf9 19%,#f7f9faea 33%,#f7f9fab1 48%,#f7f9fa49 63%,transparent 79%),url('/assets/approved/modern_finance_desk_by_the_harbor.png')!important;background-size:cover!important;background-position:center,right center!important}
body.design-page-steel-trq .page-hero,body.design-page-contingents-acier .page-hero{background-image:linear-gradient(90deg,#f7f9fafc 0%,#f7f9faf9 19%,#f7f9faea 33%,#f7f9fab1 48%,#f7f9fa49 63%,transparent 79%),url('/assets/approved/industrial_harbor_steel_coil_operations.png')!important;background-size:cover!important;background-position:center,right center!important}
body.design-page-importer-training .page-hero,body.design-page-formation-importateur .page-hero{background-image:linear-gradient(90deg,#f7f9fafc 0%,#f7f9faf9 19%,#f7f9faea 33%,#f7f9fab1 48%,#f7f9fa49 63%,transparent 79%),url('/assets/approved/modern_boardroom_presentation_by_the_harbor.png')!important;background-size:cover!important;background-position:center,right center!important}
body.design-page-canada-eu .page-hero,body.design-page-canada-ue .page-hero{background-image:linear-gradient(90deg,#f7f9fafc 0%,#f7f9faf9 19%,#f7f9faea 33%,#f7f9fab1 48%,#f7f9fa49 63%,transparent 79%),url('/assets/approved/canada_eu_flags_over_harbor_port.png')!important;background-size:cover!important;background-position:center,right center!important}
body.design-page-trade-updates .news-masthead,body.design-page-actualites-commerciales .news-masthead{background-image:linear-gradient(90deg,#f7f9fafc 0%,#f7f9faf9 19%,#f7f9faea 33%,#f7f9fab1 48%,#f7f9fa49 63%,transparent 79%),url('/assets/approved/harbor_engineer_at_sunrise.png')!important;background-size:cover!important;background-position:center,right center!important}
body.design-page-trade-updates-archive .news-masthead,body.design-page-archives-commerciales .news-masthead{background-image:linear-gradient(90deg,#f7f9fafc 0%,#f7f9faf9 19%,#f7f9faea 33%,#f7f9fab1 48%,#f7f9fa49 63%,transparent 79%),url('/assets/approved/modern_office_archive_with_city_views.png')!important;background-size:cover!important;background-position:center,right center!important}
body.design-page-privacy .page-hero,body.design-page-confidentialite .page-hero{background-image:linear-gradient(90deg,#f7f9fafc 0%,#f7f9faf9 19%,#f7f9faea 33%,#f7f9fab1 48%,#f7f9fa49 63%,transparent 79%),url('/assets/approved/modern_executive_office_with_city_skyline.png')!important;background-size:cover!important;background-position:center,right center!important}
body.design-page-contact .page-hero{background-image:linear-gradient(90deg,#f7f9fafc 0%,#f7f9faf9 19%,#f7f9faea 33%,#f7f9fab1 48%,#f7f9fa49 63%,transparent 79%),url('/assets/contact-port.jpg')!important;background-size:cover!important;background-position:center,right center!important}
body.design-page-thank-you .page-hero,body.design-page-merci .page-hero{background-image:linear-gradient(90deg,#f7f9fafc 0%,#f7f9faf9 19%,#f7f9faea 33%,#f7f9fab1 48%,#f7f9fa49 63%,transparent 79%),url('/assets/approved/modern_executive_office_with_city_skyline.png')!important;background-size:cover!important;background-position:center,right center!important}
@media(max-width:640px){
body.design-page-services .page-hero{background-image:linear-gradient(180deg,#f7f9faf9 0%,#f7f9faed 55%,#f7f9fad5 100%),url('/assets/approved/harbor_inspector_overlooking_montreal_port.png')!important;background-position:center,65% center!important}
body.design-page-classification-origin .page-hero,body.design-page-classement-origine .page-hero{background-image:linear-gradient(180deg,#f7f9faf9 0%,#f7f9faed 55%,#f7f9fad5 100%),url('/assets/approved/trade_desk_overlooking_harbor_skyline.png')!important;background-position:center,65% center!important}
body.design-page-review-advisory .page-hero,body.design-page-revision-conseil .page-hero{background-image:linear-gradient(180deg,#f7f9faf9 0%,#f7f9faed 55%,#f7f9fad5 100%),url('/assets/approved/executive_review_by_the_window.png')!important;background-position:center,65% center!important}
body.design-page-surtax-remission .page-hero,body.design-page-surtaxes-remises .page-hero{background-image:linear-gradient(180deg,#f7f9faf9 0%,#f7f9faed 55%,#f7f9fad5 100%),url('/assets/approved/modern_finance_desk_by_the_harbor.png')!important;background-position:center,65% center!important}
body.design-page-steel-trq .page-hero,body.design-page-contingents-acier .page-hero{background-image:linear-gradient(180deg,#f7f9faf9 0%,#f7f9faed 55%,#f7f9fad5 100%),url('/assets/approved/industrial_harbor_steel_coil_operations.png')!important;background-position:center,65% center!important}
body.design-page-importer-training .page-hero,body.design-page-formation-importateur .page-hero{background-image:linear-gradient(180deg,#f7f9faf9 0%,#f7f9faed 55%,#f7f9fad5 100%),url('/assets/approved/modern_boardroom_presentation_by_the_harbor.png')!important;background-position:center,65% center!important}
body.design-page-canada-eu .page-hero,body.design-page-canada-ue .page-hero{background-image:linear-gradient(180deg,#f7f9faf9 0%,#f7f9faed 55%,#f7f9fad5 100%),url('/assets/approved/canada_eu_flags_over_harbor_port.png')!important;background-position:center,65% center!important}
body.design-page-trade-updates .news-masthead,body.design-page-actualites-commerciales .news-masthead{background-image:linear-gradient(180deg,#f7f9faf9 0%,#f7f9faed 55%,#f7f9fad5 100%),url('/assets/approved/harbor_engineer_at_sunrise.png')!important;background-position:center,65% center!important}
body.design-page-trade-updates-archive .news-masthead,body.design-page-archives-commerciales .news-masthead{background-image:linear-gradient(180deg,#f7f9faf9 0%,#f7f9faed 55%,#f7f9fad5 100%),url('/assets/approved/modern_office_archive_with_city_views.png')!important;background-position:center,65% center!important}
body.design-page-privacy .page-hero,body.design-page-confidentialite .page-hero{background-image:linear-gradient(180deg,#f7f9faf9 0%,#f7f9faed 55%,#f7f9fad5 100%),url('/assets/approved/modern_executive_office_with_city_skyline.png')!important;background-position:center,65% center!important}
body.design-page-contact .page-hero{background-image:linear-gradient(180deg,#f7f9faf9 0%,#f7f9faed 55%,#f7f9fad5 100%),url('/assets/contact-port.jpg')!important;background-position:center,65% center!important}
body.design-page-thank-you .page-hero,body.design-page-merci .page-hero{background-image:linear-gradient(180deg,#f7f9faf9 0%,#f7f9faed 55%,#f7f9fad5 100%),url('/assets/approved/modern_executive_office_with_city_skyline.png')!important;background-position:center,65% center!important}
}

/* Homepage copy legibility: gradient is CSS, not part of the photograph. */
.page-home .hero{
 background-image:linear-gradient(90deg,#f7f9fb 0%,#f7f9fbfa 25%,#f7f9fbf4 35%,#f7f9fbdc 44%,#f7f9fb5b 60%,transparent 80%),url('/assets/approved/raven_over_montreal_harbor.png')!important;
 background-size:cover!important;background-position:center,right center!important
}
.page-home .hero::before{display:none!important}
.page-home .hero-copy{max-width:580px;padding:167px 0 105px}
.page-home .hero h1{max-width:550px;font-size:4.12rem!important;line-height:1.065}
.page-home .hero p{max-width:520px;font-size:1.09rem;margin:26px 0 27px}
nav>ul{padding-right:25px!important}
@media(max-width:1180px){
 .page-home .hero-copy{padding:85px 0 90px}
 .page-home .hero h1{font-size:3.8rem!important}
 nav>ul{padding-right:0!important}
}
@media(max-width:640px){
 .page-home .hero{background-image:linear-gradient(180deg,#f7f9fbf7 0%,#f7f9fbe8 47%,#f7f9fb9a 72%,#f7f9fb15 100%),url('/assets/approved/raven_over_montreal_harbor.png')!important;background-position:center,70% center!important}
 .page-home .hero-copy{padding:54px 0 87px}
 .page-home .hero h1{max-width:100%;font-size:3.02rem!important}
 .page-home .hero p{font-size:1rem;margin:23px 0}
}

/* STRAJA approved navigation enhancement: linked text grows to 120% on hover.
   Text-only links scale as elements. For full-card links, scale their text
   individually rather than enlarging the entire card or its photograph/icon. */
@media (hover: hover) and (pointer: fine) {
  a[href]:not([href^="#"]):not([href^="mailto:"]):not([href^="tel:"]):not(.service-row):not(.home-service-item) {
    transform-origin: center center;
    transition: transform .2s ease, color .2s ease, background .2s ease, box-shadow .2s ease;
  }
  /* Inline text links need a transformable box. Already-flex buttons keep flex. */
  a[href]:not([href^="#"]):not([href^="mailto:"]):not([href^="tel:"]):not(.service-row):not(.home-service-item):not(.btn):not(.nav-cta) {
    display: inline-block;
  }
  a[href]:not([href^="#"]):not([href^="mailto:"]):not([href^="tel:"]):not(.service-row):not(.home-service-item):hover {
    transform: scale(1.2);
    position: relative;
    z-index: 2;
  }
  a.service-row .service-number,
  a.service-row .service-row-copy,
  a.service-row .service-plus,
  a.home-service-item .home-service-label,
  a.home-service-item .home-service-arrow {
    transform-origin: left center;
    transition: transform .2s ease;
  }
  a.service-row:hover .service-number,
  a.service-row:hover .service-row-copy,
  a.service-row:hover .service-plus,
  a.home-service-item:hover .home-service-label,
  a.home-service-item:hover .home-service-arrow {
    transform: scale(1.2);
  }
}
@media (prefers-reduced-motion: reduce) {
  a[href],
  a.service-row .service-number,
  a.service-row .service-row-copy,
  a.service-row .service-plus,
  a.home-service-item .home-service-label,
  a.home-service-item .home-service-arrow {
    transition: none !important;
  }
}

/* STRAJA desktop QC — five specific visual corrections (2026-10-20).
   Approved content, assets, HTML and mobile/tablet styles remain unchanged. */
@media (min-width: 1181px) {
  /* The existing 120% link hover must not collide with the next CTA. */
  .page-home .hero .actions { column-gap: 58px; row-gap: 25px; }

  /* Keep white lettering directly on the darker existing banner background. */
  .page-home .home-didyouknow .callout {
    background: transparent;
    border-radius: 0;
    box-shadow: none;
  }

  /* The Trade Updates dropdown trigger is a button, not an anchor. */
  .nav-dropdown-toggle {
    transform-origin: center;
    transition: transform .2s ease, color .2s ease, background .2s ease;
  }

  /* Two dropdown rows: identical type and padding, no scaled background overflow. */
  .nav-dropdown-menu { min-width: 244px; padding: 8px 10px; }
  /* Leave room for the longer French navigation label when magnified. */
  nav > ul { column-gap: 30px !important; }
  .nav-dropdown-menu li > a,
  .nav-dropdown-menu li > a.nav-pending {
    display: block !important;
    width: 100%;
    box-sizing: border-box;
    min-height: 48px;
    padding: 10px 14px !important;
    font-size: .9rem !important;
    font-weight: 550;
    line-height: 1.5;
    text-align: left;
    color: var(--text);
    background: transparent;
    border-radius: 6px;
    transform: none !important;
    transition: font-size .2s ease, background-color .2s ease, color .2s ease;
  }
}
@media (hover: hover) and (pointer: fine) and (min-width: 1181px) {
  .nav-dropdown-toggle:hover,
  .nav-dropdown-toggle:focus-visible {
    transform: scale(1.2);
    color: var(--navy);
    background: transparent;
    box-shadow: none;
    border-radius: 0;
    position: relative;
    z-index: 2;
  }
  .nav-dropdown-menu li > a:hover,
  .nav-dropdown-menu li > a.nav-pending:hover {
    font-size: 1.08rem !important;
    transform: none !important;
    background: transparent;
    color: var(--navy);
  }
}
@media (prefers-reduced-motion: reduce) and (min-width: 1181px) {
  .nav-dropdown-toggle, .nav-dropdown-menu li > a { transition: none !important; }
}

/* Keep desktop-width hover spacing and legible callout through tablet breakpoint.
   Mobile (640px and below) remains outside this desktop review. */
@media (min-width: 641px) and (max-width: 1180px) {
  .page-home .hero .actions { column-gap: 58px; row-gap: 25px; }
  .page-home .home-didyouknow .callout {
    background: transparent; border-radius: 0; box-shadow: none;
  }
}

/* Accessible desktop banner contrast over the existing, unchanged photograph. */
@media (min-width: 641px) {
  .page-home .home-didyouknow .container::before { background: rgba(14,34,52,.65); }
}


/* Consistent text-only hover styling for top-level desktop navigation.
   Match the approved plain-text reference; keep the separate navy contact CTA unchanged. */
@media (hover: hover) and (pointer: fine) and (min-width: 1181px) {
  nav > ul > li > a:not(.nav-cta):hover,
  nav > ul > li > a:not(.nav-cta):focus-visible {
    color: var(--navy);
    background: transparent;
    box-shadow: none;
    border-radius: 0;
    position: relative;
    z-index: 2;
  }
}

/* Mobile-only corrections, October 20: avoid white-on-white responsibility
   callout and let navigation fit its content instead of filling the viewport. */
@media (max-width: 640px) {
  .page-home .home-didyouknow .callout {
    background: transparent;
    border-radius: 0;
    box-shadow: none;
  }
  .page-home .home-didyouknow .container::before {
    background: rgba(14, 34, 52, .72);
  }
  header nav > ul {
    position: absolute;
    top: 100%;
    bottom: auto;
    left: 0;
    right: 0;
    height: auto;
    max-height: calc(100dvh - 74px);
    padding: 24px 24px 30px;
    gap: 18px;
    overflow-x: hidden;
    overflow-y: auto;
    background: #f8fafc;
    box-shadow: 0 16px 28px rgba(14, 34, 52, .13);
  }
  /* Match the Trade Updates toggle to the other primary menu labels. */
  header nav > ul > li > .nav-dropdown-toggle {
    font-size: 1.25rem;
    font-weight: 500;
    line-height: 1.4;
  }
}


/* Mobile menu typography polish, October 20 evening:
   1) make Trade Updates match the other top-level mobile links
   2) make Current edition and Archive identical in default type treatment */
@media (max-width: 640px) {
  header nav > ul > li > a,
  header nav > ul > li > .nav-dropdown-toggle {
    font-size: 1.42rem;
    font-weight: 600;
    line-height: 1.18;
    letter-spacing: -0.01em;
    color: var(--navy);
  }
  header nav > ul > li > .nav-dropdown-toggle {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 0;
    background: transparent;
    border: 0;
    box-shadow: none;
  }
  header nav > ul > li > .nav-dropdown-toggle span[aria-hidden="true"] {
    font-size: .78em;
    line-height: 1;
    transform: translateY(.02em);
  }
  header .nav-dropdown-menu {
    margin-top: 8px;
    padding: 14px 18px;
    border: 1px solid #dbe3e9;
    border-radius: 18px;
    background: #f8fafc;
    box-shadow: none;
    min-width: 0;
    width: min(100%, 320px);
  }
  header .nav-dropdown-menu li > a,
  header .nav-dropdown-menu li > a.nav-pending {
    display: block;
    padding: 10px 0;
    margin: 0;
    font-size: 1.02rem;
    font-weight: 600;
    line-height: 1.28;
    letter-spacing: -0.01em;
    color: var(--navy);
    background: transparent;
    transform: none !important;
    box-shadow: none !important;
  }
}