.resource-centre-page{background:#f6f2e9}
.resource-hero{padding:125px 0 52px;background:
linear-gradient(90deg,rgba(249,246,239,.98),rgba(249,246,239,.94)),
radial-gradient(circle at 20% 30%,rgba(190,155,81,.12),transparent 40%);overflow:hidden}
.resource-hero-grid{display:grid;grid-template-columns:1.2fr .8fr;align-items:center;gap:48px}
.resource-hero-copy{text-align:center}
.resource-hero-copy h1{font:400 clamp(3rem,5.4vw,5.7rem)/1.08 var(--serif);color:#0a3d2c;margin:0 0 26px}
.resource-hero-copy p:not(.overline){font:400 1.18rem/1.7 var(--serif);max-width:760px;margin:auto;color:#3f443f}
.resource-hero-still-life{height:310px;position:relative}
.green-book{position:absolute;right:70px;top:0;width:245px;height:280px;background:#063e2d;color:#c5a45f;padding:52px 28px;font:700 1.45rem/1.4 var(--serif);text-align:center;transform:rotate(-7deg);box-shadow:0 18px 35px rgba(0,0,0,.18)}
.green-book span{font-size:1rem;letter-spacing:.2em}
.resource-sheet{position:absolute;right:-12px;top:58px;width:250px;height:278px;background:#fff;color:#2d302d;padding:24px;font:400 1.05rem var(--serif);text-align:center;transform:rotate(-5deg);box-shadow:0 12px 28px rgba(0,0,0,.14)}
.building-sketch{height:150px;margin-top:26px;background:
linear-gradient(135deg,transparent 45%,#60645f 46%,#60645f 47%,transparent 48%) 0 0/28px 28px,
linear-gradient(45deg,transparent 45%,#60645f 46%,#60645f 47%,transparent 48%) 0 0/28px 28px;border:2px solid #767b76;opacity:.5}
.ruler{position:absolute;right:315px;bottom:15px;width:34px;height:220px;background:linear-gradient(90deg,#9a9a8e,#d8d7ca,#8f8f85);transform:rotate(12deg)}
.ruler:after{content:"";position:absolute;inset:12px 5px;background:repeating-linear-gradient(to bottom,#454545 0 2px,transparent 2px 12px)}
.pen{position:absolute;right:10px;bottom:-12px;width:18px;height:175px;background:linear-gradient(#111,#b69246,#111);transform:rotate(18deg);border-radius:9px}
.resource-card-section{margin-top:-10px;padding:0 0 26px}
.resource-card-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.resource-card{background:#fff;border:1px solid #ddd5c8;box-shadow:0 12px 28px rgba(31,48,40,.1);padding:26px 22px 24px;text-align:center}
.resource-card h2{font:400 1.45rem/1.3 var(--serif);color:#0a3d2c;margin:14px 0 15px}
.resource-card p{min-height:78px;color:#555c56}
.resource-icon{width:74px;height:74px;border-radius:50%;margin:auto;position:relative;background:#0a4d37}
.resource-icon:before,.resource-icon:after{content:"";position:absolute}
.artwork-icon:before{width:28px;height:37px;border:2px solid white;left:22px;top:16px;transform:rotate(4deg)}
.artwork-icon:after{width:34px;height:3px;background:#caa75b;left:21px;top:36px;transform:rotate(-45deg)}
.layers-icon{background:#b38f43}.layers-icon:before{width:34px;height:24px;border:2px solid white;left:19px;top:17px;transform:rotate(30deg)}.layers-icon:after{width:34px;height:24px;border:2px solid white;left:19px;top:29px;transform:rotate(30deg)}
.colour-icon:before{width:28px;height:28px;border:2px solid white;border-radius:50%;left:14px;top:22px}.colour-icon:after{width:28px;height:28px;border:2px solid white;border-radius:50%;left:30px;top:22px;box-shadow:-8px -14px 0 -2px transparent}
.template-icon{background:#b38f43}.template-icon:before{width:28px;height:34px;border:2px solid white;left:22px;top:16px}.template-icon:after{width:3px;height:22px;background:white;left:35px;top:27px;box-shadow:-6px 7px 0 -1px white,6px 7px 0 -1px white}
.resource-button{display:inline-flex;justify-content:center;align-items:center;gap:10px;width:82%;padding:12px 18px;font-weight:700;color:#fff;text-decoration:none;border-radius:3px}
.resource-button.green{background:#07563d}.resource-button.gold{background:#b59145}.resource-button.disabled{cursor:default}
.artwork-feature{background:#053b2b;color:#fff;border-top:1px solid rgba(202,167,91,.5);border-bottom:1px solid rgba(202,167,91,.5)}
.artwork-feature-grid{display:grid;grid-template-columns:1.2fr 3fr .85fr;gap:18px;padding-top:26px;padding-bottom:26px;align-items:stretch}
.artwork-feature-copy{padding:18px 12px}
.artwork-feature-copy h2{font:400 clamp(2rem,3vw,3.4rem)/1.12 var(--serif);margin:8px 0 18px}
.artwork-feature-copy p:not(.label){color:#d6e0db}
.mini-guide-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:3px}
.mini-guide{background:#fbfaf7;color:#1f2521;padding:14px 12px;display:flex;flex-direction:column;min-height:310px}
.mini-guide>span{font:700 .93rem var(--serif);text-align:center;text-transform:uppercase}
.mini-guide>p{text-align:center;font-size:.78rem;min-height:42px;color:#565e57}
.mini-guide>a{margin-top:auto;text-align:center;color:#0b4935;font-weight:700;text-decoration:none}
.mini-paper-sizes,.mini-bleed,.mini-crops,.software-grid{position:relative;height:150px;margin:8px 0}
.hand-shape{position:absolute;left:6px;bottom:0;width:44px;height:104px;background:#d9a079;border-radius:24px 24px 12px 12px}
.mini-paper-sizes b{position:absolute;right:8px;bottom:0;border:1px solid #6d746e;background:white;font-size:.68rem;font-weight:500;padding:5px}
.paper-a3{width:78px;height:115px}.paper-a4{width:63px;height:91px}.paper-a5{width:49px;height:70px}.paper-a6{width:36px;height:52px}
.mini-bleed{display:flex;flex-direction:column;justify-content:center}
.bleed-frame{padding:8px;border:1px dashed #e34747}.trim-frame{padding:8px;border:1px solid #333;background:#fff}.sample-image{height:82px;background:linear-gradient(#91b2c8,#4c765c)}
.mini-bleed small{text-align:center;font-size:.64rem;margin-top:8px}
.mini-crops{display:flex;align-items:center;justify-content:center}
.crop-sheet{width:95px;height:78px;border:1px solid #a58a50;background:#fff;text-align:center;padding-top:22px;font:700 .82rem var(--serif)}
.mini-crops i{position:absolute;width:24px;height:24px;border-top:1px solid #222;border-left:1px solid #222}
.mini-crops i:nth-child(1){left:5px;top:12px}.mini-crops i:nth-child(2){right:5px;top:12px;transform:rotate(90deg)}.mini-crops i:nth-child(3){left:5px;bottom:12px;transform:rotate(-90deg)}.mini-crops i:nth-child(4){right:5px;bottom:12px;transform:rotate(180deg)}
.software-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;align-content:center}
.software-grid b{display:flex;align-items:center;justify-content:center;height:44px;border-radius:8px;color:#fff;background:#222;font-size:.78rem}
.software-grid b:nth-child(1){background:#5b2b00;color:#ff9a00}.software-grid b:nth-child(2){background:#4a003b;color:#ff4b96}.software-grid b:nth-child(3){background:#144f81}.software-grid b:nth-child(4){background:#1c99d5}.software-grid b:nth-child(5){background:#2457a6}.software-grid b:nth-child(6){background:#18837c}
.mini-guide ul{list-style:none;padding:0;margin:10px 0}.mini-guide li{font-size:.73rem;padding:3px 0 3px 18px;position:relative}.mini-guide li:before{content:"✓";position:absolute;left:0;color:#0a6a4a;font-weight:700}
.press-room-panel{padding:18px 8px;text-align:left}.press-room-panel blockquote{font:400 .95rem/1.55 var(--serif);margin:12px 0;color:#dbe2de}.press-icon{width:58px;height:58px;border:2px solid #b89a51;margin:0 0 12px;position:relative}.press-icon:before{content:"";position:absolute;left:8px;right:8px;top:12px;height:12px;border:2px solid #b89a51}.signature{font:italic 1.4rem var(--serif);color:#c9a552;text-align:center}
.resource-help{background:#f6f2e9;padding:26px 0}
.resource-help-grid{display:grid;grid-template-columns:1.4fr 1fr auto;gap:24px;align-items:center}
.help-copy{display:flex;gap:18px;align-items:center}.help-icon{width:70px;height:70px;border-radius:50%;background:#074a36;position:relative}.help-icon:before{content:"";position:absolute;width:30px;height:22px;border:2px solid #caa75b;border-radius:50%;left:13px;top:19px}.help-icon:after{content:"";position:absolute;width:22px;height:18px;border:2px solid #caa75b;border-radius:50%;left:30px;top:31px}
.help-copy h2{font:400 1.7rem var(--serif);margin:0 0 6px;color:#0a3d2c}.help-copy p{margin:0;color:#535a54}
.pressman-tip-box{background:#fff;border:1px solid #cdb890;padding:16px 20px}.pressman-tip-box p{margin:0;color:#555c56}.pressman-tip-box .label{color:#9f7b34;margin-bottom:6px}
.resource-contact-button{white-space:nowrap}
@media(max-width:1150px){
 .resource-card-grid{grid-template-columns:repeat(2,1fr)}
 .artwork-feature-grid{grid-template-columns:1fr}
 .mini-guide-grid{grid-template-columns:repeat(3,1fr)}
 .resource-help-grid{grid-template-columns:1fr 1fr}.resource-contact-button{grid-column:1/-1;justify-self:start}
}
@media(max-width:760px){
 .resource-hero{padding:120px 0 58px}.resource-hero-grid{grid-template-columns:1fr}.resource-hero-still-life{display:none}
 .resource-card-grid{grid-template-columns:1fr}
 .mini-guide-grid{grid-template-columns:1fr}
 .resource-help-grid{grid-template-columns:1fr}
}


/* =========================================================
   Resource Centre hero and Coming Soon button refinement
   ========================================================= */
.resource-hero{
  position:relative;
  isolation:isolate;
  min-height:520px;
  display:flex;
  align-items:center;
  padding:125px 0 72px;
  background-image:url("assets/hero-speedmaster-5colour.jpg") !important;
  background-size:cover !important;
  background-position:center 50% !important;
  color:#fff;
  overflow:hidden;
}

.resource-hero-shade{
  position:absolute;
  inset:0;
  z-index:-1;
  background:
    linear-gradient(90deg,rgba(2,34,23,.93) 0%,rgba(2,42,29,.84) 48%,rgba(2,34,23,.58) 100%),
    linear-gradient(180deg,rgba(0,0,0,.12),rgba(0,0,0,.38));
}

.resource-hero-grid{
  position:relative;
  z-index:1;
  grid-template-columns:minmax(0,850px) 1fr;
}

.resource-hero-copy{
  text-align:left;
  max-width:820px;
}

.resource-hero-copy .overline{
  color:#d5b766;
}

.resource-hero-copy h1{
  color:#fff !important;
  text-shadow:0 3px 18px rgba(0,0,0,.28);
}

.resource-hero-copy p:not(.overline){
  margin:0;
  color:#eef3f0 !important;
  text-shadow:0 2px 12px rgba(0,0,0,.3);
}

.resource-hero-still-life{
  display:none !important;
}

.resource-button{
  appearance:none;
  border:0;
  min-height:46px;
  cursor:pointer;
  font:700 .95rem var(--sans);
  box-shadow:0 7px 16px rgba(0,0,0,.12);
}

.resource-button.disabled,
.resource-button:disabled{
  display:inline-flex;
  opacity:1;
  cursor:default;
  color:#fff;
  border:1px solid rgba(255,255,255,.12);
}

.resource-card .resource-button.disabled{
  width:82%;
}

@media(max-width:760px){
  .resource-hero{
    min-height:430px;
    padding:115px 0 58px;
    background-position:58% center !important;
  }

  .resource-hero-grid{
    grid-template-columns:1fr;
  }

  .resource-hero-copy{
    text-align:left;
  }
}


/* =========================================================
   Coming Soon visibility correction - v6
   ========================================================= */
.resource-card .coming-soon-button{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:82% !important;
  min-height:46px !important;
  margin:14px auto 0 !important;
  padding:12px 18px !important;
  background:#b59145 !important;
  color:#fff !important;
  border:0 !important;
  border-radius:3px !important;
  font-family:var(--sans) !important;
  font-size:.95rem !important;
  font-weight:700 !important;
  line-height:1 !important;
  text-align:center !important;
  text-decoration:none !important;
  opacity:1 !important;
  visibility:visible !important;
  box-shadow:0 7px 16px rgba(0,0,0,.14) !important;
  cursor:default !important;
}

.resource-card:nth-child(3) .coming-soon-button{
  background:#07563d !important;
}

@media(max-width:760px){
  .resource-card .coming-soon-button{
    width:100% !important;
    min-height:48px !important;
    margin-top:16px !important;
  }
}


/* V4.0 Resource Centre master controls */
.resource-card .coming-soon-button{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:82% !important;
  min-height:46px !important;
  margin:14px auto 0 !important;
  padding:12px 18px !important;
  background:#b59145 !important;
  color:#fff !important;
  border:0 !important;
  border-radius:3px !important;
  font:700 .95rem var(--sans) !important;
  opacity:1 !important;
  visibility:visible !important;
  box-shadow:0 7px 16px rgba(0,0,0,.14) !important;
}
.resource-card:nth-child(3) .coming-soon-button{
  background:#07563d !important;
}
@media(max-width:760px){
  .resource-card .coming-soon-button{
    width:100% !important;
  }
}


/* =========================================================
   V7.2 - Resource Centre publication framework
   ========================================================= */

.resource-library-hero{padding:160px 0 100px;background:linear-gradient(135deg,#052f21,#0a4632);color:#fff}
.resource-library-hero-grid{display:grid;grid-template-columns:1.2fr .8fr;align-items:center;gap:60px}
.resource-library-hero h1{font:400 clamp(3rem,5vw,5.8rem)/1.08 var(--serif);margin:0 0 24px;max-width:920px}
.resource-library-hero p:not(.overline){font:400 clamp(1.05rem,1.7vw,1.35rem)/1.75 var(--serif);max-width:760px;color:#dce7e1}
.resource-library-mark{font:400 clamp(8rem,18vw,17rem)/1 var(--serif);color:rgba(255,255,255,.08);text-align:center}

.resource-library-section,.resource-articles-section{padding:105px 0;background:#faf8f3}
.resource-library-heading{display:flex;justify-content:space-between;align-items:end;gap:45px;margin-bottom:45px}
.resource-library-heading h2{font:400 clamp(2.2rem,4vw,4rem)/1.16 var(--serif);margin:0}
.resource-library-heading>p{max-width:520px;color:var(--muted);margin:0}
.resource-category-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.resource-category-card{display:block;background:#fff;border:1px solid var(--line);padding:30px;text-decoration:none;transition:.22s}
.resource-category-card:hover{transform:translateY(-4px);box-shadow:0 18px 40px rgba(20,31,25,.1)}
.resource-category-card span{color:var(--gold);font-weight:700;letter-spacing:.12em}
.resource-category-card h3{font:400 1.55rem/1.3 var(--serif);color:var(--green);margin:16px 0 10px}
.resource-category-card p{color:var(--muted);margin:0}

.resource-featured-article{padding:110px 0;background:#fff}
.resource-featured-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:70px;align-items:center}
.resource-featured-image{background:#f4f0e7;border:1px solid var(--line);padding:14px;box-shadow:var(--shadow)}
.resource-featured-image img{width:100%;height:auto}
.resource-featured-copy h2{font:400 clamp(2.4rem,4.5vw,4.4rem)/1.12 var(--serif);margin:0 0 22px;color:var(--green)}
.resource-featured-intro{font:400 1.25rem/1.7 var(--serif);color:#4c514d}

.resource-article-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.resource-article-card{display:flex;flex-direction:column;min-height:280px;background:#fff;border:1px solid var(--line);padding:28px;text-decoration:none;transition:.22s}
.resource-article-card:hover{transform:translateY(-4px);box-shadow:0 18px 40px rgba(20,31,25,.1)}
.resource-article-card>span{color:var(--gold);text-transform:uppercase;letter-spacing:.12em;font-size:.72rem;font-weight:700}
.resource-article-card h3{font:400 1.55rem/1.3 var(--serif);color:var(--green);margin:15px 0 10px}
.resource-article-card p{color:var(--muted)}
.resource-article-card b{margin-top:auto;color:var(--green)}
.resource-article-card.featured-card{background:#063d2b;color:#fff}
.resource-article-card.featured-card h3,.resource-article-card.featured-card b{color:#fff}
.resource-article-card.featured-card p{color:#d5e0da}

.resource-coming-sections{padding:95px 0;background:#ece7dd}
.resource-coming-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}
.resource-coming-grid article{background:#fff;padding:32px;border:1px solid var(--line)}
.resource-coming-grid h2{font:400 1.8rem var(--serif);color:var(--green);margin:8px 0 12px}
.resource-coming-grid span{display:inline-block;margin-top:14px;color:var(--gold);font-weight:700}

.ask-master-printer{padding:105px 0;background:#052f21;color:#fff}
.ask-master-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px}
.ask-master-grid h2{font:400 clamp(2.5rem,4vw,4.2rem)/1.12 var(--serif);margin:0 0 18px}
.ask-master-grid>div>p:not(.label){color:#d0dbd5}
.master-question-list details{border-bottom:1px solid rgba(255,255,255,.18);padding:20px 0}
.master-question-list summary{cursor:pointer;font:400 1.25rem var(--serif)}
.master-question-list p{color:#ccd8d1}

.resource-pressroom-signoff{padding:95px 0;background:#f4efe5;text-align:center}
.resource-pressroom-signoff blockquote{max-width:900px;margin:18px auto 20px;border:0;padding:0;font:italic 400 clamp(1.35rem,2.5vw,2.15rem)/1.65 var(--serif);color:var(--green)}

.resource-article-hero{padding:155px 0 80px;background:#f4f0e7}
.resource-article-hero-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:65px;align-items:center}
.resource-article-hero h1{font:400 clamp(3rem,5vw,5.6rem)/1.08 var(--serif);margin:0 0 24px;color:var(--green)}
.resource-article-hero p:not(.overline){font:400 1.22rem/1.75 var(--serif);color:#4f554f}
.resource-article-hero-image{margin:0;background:#fff;padding:12px;border:1px solid var(--line);box-shadow:var(--shadow)}
.resource-article-hero-image figcaption{padding:12px 8px 4px;text-align:center;font:italic .9rem var(--serif);color:var(--muted)}
.resource-article-body{padding:90px 0;background:#fff}
.resource-article-layout{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:70px}
.resource-article-layout article{max-width:820px}
.resource-article-section{padding-bottom:34px;margin-bottom:34px;border-bottom:1px solid var(--line)}
.resource-article-section h2{font:400 2rem/1.25 var(--serif);color:var(--green)}
.resource-article-section p{font-size:1.02rem;line-height:1.82;color:#454a46}
.resource-article-sidebar{align-self:start;position:sticky;top:105px;background:#faf8f3;border:1px solid var(--line);padding:26px}
.resource-article-sidebar h2{font:400 1.35rem var(--serif);color:var(--green)}
.resource-article-sidebar>a{display:block;padding:10px 0;border-bottom:1px solid var(--line);text-decoration:none;font-weight:600}
.resource-sidebar-help{margin-top:25px;background:#eef2e9;padding:20px}
.resource-sidebar-help h3{font:400 1.3rem var(--serif);color:var(--green)}
.resource-sidebar-help .btn{width:100%;font-size:.85rem}
.resource-pressroom-note{margin-top:45px;padding:30px;background:#052f21;color:#fff}
.resource-pressroom-note p:last-child{font:italic 400 1.12rem/1.75 var(--serif);margin-bottom:0}
.resource-related{padding:70px 0;background:#f4f0e7}
.resource-related-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}
.resource-related-grid a{display:flex;justify-content:space-between;gap:20px;background:#fff;border:1px solid var(--line);padding:24px;text-decoration:none}
.resource-related-grid span{font:400 1.2rem var(--serif);color:var(--green)}

@media(max-width:900px){
  .resource-library-hero-grid,.resource-featured-grid,.ask-master-grid,.resource-article-hero-grid,.resource-article-layout{grid-template-columns:1fr}
  .resource-library-mark{display:none}
  .resource-category-grid,.resource-article-grid{grid-template-columns:repeat(2,1fr)}
  .resource-article-sidebar{position:static}
}
@media(max-width:640px){
  .resource-library-heading{display:block}
  .resource-library-heading>p{margin-top:18px}
  .resource-category-grid,.resource-article-grid,.resource-coming-grid,.resource-related-grid{grid-template-columns:1fr}
  .resource-library-hero{padding:125px 0 72px}
}


/* =========================================================
   V7.2.1 - CPC desk hero and simplified Pantone article hero
   ========================================================= */

/* Resource Centre landing hero - real Glenside CPC desk and pressroom. */
.resource-cpc-hero{
  min-height:680px;
  position:relative;
  display:flex;
  align-items:center;
  padding:132px 0 72px !important;
  overflow:hidden;
  background:#052f21;
  color:#fff;
}

.resource-cpc-hero-image{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:left center;
}

.resource-cpc-hero-shade{
  position:absolute;
  inset:0;
  background:
    linear-gradient(
      90deg,
      rgba(2,30,21,.94) 0%,
      rgba(2,30,21,.84) 34%,
      rgba(2,30,21,.48) 62%,
      rgba(2,30,21,.12) 100%
    );
}

.resource-cpc-hero-copy{
  position:relative;
  z-index:2;
  margin-left:0;
}

.resource-cpc-hero-copy h1{
  max-width:800px;
  margin:0 0 24px;
  font:400 clamp(3rem,5vw,5.7rem)/1.08 var(--serif);
  color:#fff;
}

.resource-cpc-hero-copy p:not(.overline){
  max-width:650px;
  margin:0;
  font:400 clamp(1.05rem,1.7vw,1.32rem)/1.75 var(--serif);
  color:#e0e8e3;
}

/* Explicitly remove the previous decorative GP background mark. */
.resource-library-mark{
  display:none !important;
}

/* Pantone article hero - one open Formula Guide beside the heading. */
.resource-article-page .resource-article-hero-grid{
  grid-template-columns:minmax(0,1.05fr) minmax(320px,.95fr);
}

.resource-article-page .resource-article-hero-image{
  padding:0;
  border:0;
  background:transparent;
  box-shadow:none;
}

.resource-article-page .resource-article-hero-image img{
  display:block;
  width:100%;
  max-width:620px;
  margin-left:auto;
  height:auto;
  object-fit:contain;
  transform:rotate(-2deg);
  filter:drop-shadow(0 24px 28px rgba(20,31,25,.18));
}

.resource-article-page .resource-article-hero-image figcaption{
  display:none;
}

@media(max-width:900px){
  .resource-cpc-hero{
    min-height:620px;
  }

  .resource-cpc-hero-image{
    object-position:34% center;
  }

  .resource-cpc-hero-shade{
    background:rgba(2,30,21,.78);
  }

  .resource-article-page .resource-article-hero-grid{
    grid-template-columns:1fr;
  }

  .resource-article-page .resource-article-hero-image img{
    margin:15px auto 0;
  }
}

@media(max-width:640px){
  .resource-cpc-hero{
    min-height:650px;
    padding-top:118px !important;
  }

  .resource-cpc-hero-image{
    object-position:28% center;
  }
}


/* =========================================================
   V7.2.2 - actual Glenside CPC desk photograph
   ========================================================= */

.resource-cpc-hero-image{
  object-fit:cover !important;
  object-position:center 46% !important;
}

.resource-cpc-hero-shade{
  background:
    linear-gradient(
      90deg,
      rgba(2,30,21,.96) 0%,
      rgba(2,30,21,.88) 34%,
      rgba(2,30,21,.56) 60%,
      rgba(2,30,21,.18) 100%
    ) !important;
}

@media(max-width:900px){
  .resource-cpc-hero-image{
    object-position:center center !important;
  }

  .resource-cpc-hero-shade{
    background:rgba(2,30,21,.76) !important;
  }
}


/* =========================================================
   V7.2.3 - balanced CPC hero and approved Pantone image
   ========================================================= */

/*
  Resource Centre hero:
  - typography remains the visual lead
  - CPC desk supports it from the right
  - the image is contained rather than stretched full width
  - the left side remains a solid Glenside green
*/
.resource-cpc-hero{
  min-height:650px !important;
  padding:132px 0 76px !important;
  display:flex !important;
  align-items:center !important;
  background:#052f21 !important;
  color:#fff !important;
  overflow:hidden !important;
}

.resource-cpc-hero-grid{
  display:grid !important;
  grid-template-columns:minmax(0,1.12fr) minmax(420px,.88fr) !important;
  align-items:center !important;
  gap:clamp(46px,6vw,88px) !important;
}

.resource-cpc-hero-copy{
  position:relative !important;
  z-index:3 !important;
  padding-left:clamp(18px,3vw,58px) !important;
}

.resource-cpc-hero-copy h1{
  max-width:760px !important;
  margin:0 0 24px !important;
  font:400 clamp(3rem,5vw,5.55rem)/1.08 var(--serif) !important;
  color:#fff !important;
}

.resource-cpc-hero-copy p:not(.overline){
  max-width:630px !important;
  margin:0 !important;
  font:400 clamp(1.05rem,1.65vw,1.3rem)/1.75 var(--serif) !important;
  color:#dce7e1 !important;
}

.resource-cpc-hero-visual{
  position:relative !important;
  margin:0 !important;
  min-height:430px !important;
  align-self:stretch !important;
  overflow:hidden !important;
  border-left:1px solid rgba(255,255,255,.08) !important;
}

.resource-cpc-hero-visual img{
  position:absolute !important;
  inset:0 !important;
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  object-position:center 48% !important;
}

.resource-cpc-image-fade{
  position:absolute !important;
  inset:0 !important;
  background:
    linear-gradient(
      90deg,
      #052f21 0%,
      rgba(5,47,33,.92) 11%,
      rgba(5,47,33,.55) 28%,
      rgba(5,47,33,.12) 52%,
      rgba(5,47,33,0) 72%
    ) !important;
  pointer-events:none !important;
}

/* Remove any legacy full-width hero image rules from earlier versions. */
.resource-cpc-hero > .resource-cpc-hero-image,
.resource-cpc-hero > .resource-cpc-hero-shade{
  display:none !important;
}

/* Pantone article: show the user's supplied Colour Bridge image cleanly. */
.resource-article-page .resource-article-hero-image{
  margin:0 !important;
  padding:0 !important;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  overflow:visible !important;
}

.resource-article-page .resource-article-hero-image img{
  display:block !important;
  width:100% !important;
  max-width:640px !important;
  height:auto !important;
  margin-left:auto !important;
  object-fit:contain !important;
  transform:none !important;
  filter:none !important;
}

@media(max-width:980px){
  .resource-cpc-hero-grid{
    grid-template-columns:1fr !important;
  }

  .resource-cpc-hero-copy{
    padding-left:0 !important;
  }

  .resource-cpc-hero-visual{
    min-height:360px !important;
    width:100% !important;
  }

  .resource-cpc-image-fade{
    background:
      linear-gradient(
        180deg,
        #052f21 0%,
        rgba(5,47,33,.72) 14%,
        rgba(5,47,33,.10) 42%,
        rgba(5,47,33,0) 66%
      ) !important;
  }

  .resource-article-page .resource-article-hero-image img{
    margin:20px auto 0 !important;
    max-width:560px !important;
  }
}

@media(max-width:640px){
  .resource-cpc-hero{
    min-height:auto !important;
    padding:118px 0 54px !important;
  }

  .resource-cpc-hero-visual{
    min-height:285px !important;
  }
}


/* =========================================================
   V7.2.4 - preferred Pantone guides image in featured article
   ========================================================= */

/* Remove the framed webpage-screenshot appearance completely. */
.resource-featured-image{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-height:430px !important;
  padding:0 !important;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  overflow:visible !important;
}

.resource-featured-image img{
  display:block !important;
  width:100% !important;
  max-width:690px !important;
  height:auto !important;
  margin:0 auto !important;
  object-fit:contain !important;
  object-position:center !important;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  filter:none !important;
  transform:none !important;
}

@media(max-width:900px){
  .resource-featured-image{
    min-height:auto !important;
  }

  .resource-featured-image img{
    max-width:620px !important;
  }
}

@media(max-width:640px){
  .resource-featured-image img{
    max-width:100% !important;
  }
}


/* =========================================================
   V7.3.2 - Print Fundamentals identity images
   ========================================================= */

.resource-article-card{
  padding:0 !important;
  overflow:hidden !important;
}

.resource-card-image{
  width:100%;
  aspect-ratio:5/3;
  overflow:hidden;
  background:#f4f0e7;
  border-bottom:1px solid var(--line);
}

.resource-card-image img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  transition:transform .35s ease;
}

.resource-article-card:hover .resource-card-image img{
  transform:scale(1.025);
}

.resource-article-card > span,
.resource-article-card > h3,
.resource-article-card > p,
.resource-article-card > b{
  margin-left:28px;
  margin-right:28px;
}

.resource-article-card > span{
  margin-top:24px;
}

.resource-article-card > b{
  margin-bottom:28px;
}

.resource-article-card.featured-card .resource-card-image{
  background:#fff;
}

.resource-article-card.featured-card .resource-card-image img{
  object-fit:contain;
  padding:12px;
}

.resource-article-page .resource-article-hero-image{
  width:100%;
}

.resource-article-page .resource-article-hero-image img{
  width:100%;
  height:auto;
  object-fit:contain;
}

@media(max-width:640px){
  .resource-card-image{
    aspect-ratio:16/10;
  }
}


/* =========================================================
   V7.3.6 - temporary Resource Centre image placeholders
   ========================================================= */
.resource-image-placeholder,
.resource-article-placeholder{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-height:250px !important;
  padding:28px !important;
  background:
    repeating-linear-gradient(
      135deg,
      #f5f1e9 0,
      #f5f1e9 18px,
      #eee8dc 18px,
      #eee8dc 36px
    ) !important;
  border:1px dashed #b9aa8b !important;
  box-shadow:none !important;
  text-align:center !important;
}

.resource-image-placeholder div,
.resource-article-placeholder div{
  max-width:440px;
}

.resource-image-placeholder span,
.resource-article-placeholder span{
  display:block;
  margin-bottom:10px;
  color:var(--gold);
  font-size:.72rem;
  font-weight:700;
  letter-spacing:.15em;
}

.resource-image-placeholder strong,
.resource-article-placeholder strong{
  display:block;
  color:var(--green);
  font:400 clamp(1.35rem,2.6vw,2.2rem)/1.25 var(--serif);
}

.resource-image-placeholder small,
.resource-article-placeholder small{
  display:block;
  margin-top:10px;
  color:var(--muted);
  font-size:.88rem;
  line-height:1.5;
}

.resource-article-placeholder{
  margin:0 !important;
  min-height:390px !important;
}


/* =========================================================
   V7.3.7 - approved paper images
   ========================================================= */
.resource-card-image img,
.resource-article-hero-image img{
  display:block !important;
  width:100% !important;
  height:auto !important;
  object-fit:contain !important;
  background:#fff !important;
}

.resource-card-image{
  background:#fff !important;
}

.resource-article-hero-image{
  background:#fff !important;
  padding:0 !important;
  border:1px solid var(--line) !important;
  box-shadow:var(--shadow) !important;
}


/* =========================================================
   V7.4.1 - topic-specific From the Pressroom panels
   ========================================================= */
.resource-pressroom-note blockquote{
  margin:10px 0 18px !important;
  padding:0 !important;
  border:0 !important;
  color:#fff !important;
  font-family:"Libre Baskerville", Georgia, "Times New Roman", serif !important;
  font-size:1.14rem !important;
  font-style:italic !important;
  line-height:1.75 !important;
}

.resource-quote-signature{
  margin:0 !important;
  color:#d9bf7f !important;
  font-family:var(--sans) !important;
  font-size:.82rem !important;
  font-style:normal !important;
  font-weight:700 !important;
  letter-spacing:.08em !important;
  text-transform:none !important;
}