/* IRC Commercial Roof Restoration, Draft 03 R11. Everything is scoped to #irc-commercial.
   Foundation: white, warm stone neutrals and graphite. IRC green (#367700, as on the Find an Applicator page)
   is kept for primary actions, selected states and key figures.
   Type: Blauer Nue (IRC's site files) for headings and display figures; Instrument Sans (shipped with this
   plugin, SIL Open Font Licence, see INSTRUMENT-SANS-LICENCE.txt) for reading text, navigation, buttons, forms,
   captions and technical information. Neither family has a micro sign (µ); Blauer Nue also lacks the minus sign
   and Instrument Sans the superscript two (²). 'ICR Symbols' (an Inter subset limited to those characters) fills
   only those gaps. */

@font-face{font-family:'ICR Symbols';src:url('inter-400.woff2') format('woff2');font-weight:300 700;font-display:swap;unicode-range:U+00B2-00B3,U+00B5,U+03BC,U+2212}
/* Until Instrument Sans arrives, a local Arial sized to its measured widths stands in, so text wraps the same
   before and after the swap (no layout shift, notably in the bottom-aligned opening). */
@font-face{font-family:'ICR Instrument Fallback';src:local('Arial'),local('ArialMT'),local('Helvetica'),local('Liberation Sans');font-weight:400;size-adjust:101%;ascent-override:96%;descent-override:25%;line-gap-override:0%}
@font-face{font-family:'ICR Instrument Fallback';src:local('Arial'),local('ArialMT'),local('Helvetica'),local('Liberation Sans');font-weight:500;size-adjust:102.3%;ascent-override:95%;descent-override:24%;line-gap-override:0%}
@font-face{font-family:'ICR Instrument Fallback';src:local('Arial Bold'),local('Arial-BoldMT'),local('Helvetica Bold'),local('Liberation Sans Bold');font-weight:600 700;size-adjust:96.4%;ascent-override:100%;descent-override:26%;line-gap-override:0%}
@font-face{font-family:'ICR Instrument Sans';src:url('instrument-400.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:'ICR Instrument Sans';src:url('instrument-500.woff2') format('woff2');font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:'ICR Instrument Sans';src:url('instrument-600.woff2') format('woff2');font-weight:600 700;font-style:normal;font-display:swap}

#irc-commercial{
  --icr-ink:#1b1e1d;--icr-ink-2:#242827;--icr-text:#202422;--icr-body:#353a37;--icr-muted:#555c58;
  /* Radii and forest green shared with the Find an Applicator page (irc-gc-landing.css: 10px features and media,
     6px controls, 4px tags; #10251d forest). */
  --icr-radius:10px;--icr-radius-control:6px;--icr-radius-tag:4px;--icr-forest:#10251d;--icr-forest-mid:#214b34;
  --icr-stone:#f2f1ee;--icr-stone-2:#e8e6e1;--icr-line:#dcd9d3;--icr-paper:#fff;
  --icr-green:#367700;--icr-green-d:#2b6000;--icr-accent:#b8e892;
  --icr-dline:rgba(255,255,255,.16);--icr-dtext:#dfe1df;--icr-dmuted:#b4b9b5;
  --icr-sun:#d79b2b;--icr-heat:#b4552f;
  --icr-font:'ICR Instrument Sans','ICR Symbols','ICR Instrument Fallback',Arial,sans-serif;
  --icr-font-head:'Blauer Nue','BlauerNue','Blauer Neue','ICR Symbols','ICR Instrument Sans','ICR Instrument Fallback',Arial,sans-serif;
  --icr-wrap:1320px;--icr-gutter:clamp(20px,4vw,64px);
  --icr-header-overlap:0px;--icr-header-offset:0px;--icr-nav-h:64px;
  --icr-space:clamp(88px,10vw,152px);
  --icr-ease:cubic-bezier(.22,1,.36,1);
  position:relative;display:block;margin:0;padding:0;color:var(--icr-text);background:var(--icr-paper);
  font:400 18px/1.65 var(--icr-font);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;
  font-kerning:normal;font-variant-numeric:lining-nums;overflow-x:clip;
}
#irc-commercial *,#irc-commercial *::before,#irc-commercial *::after{box-sizing:border-box}
#irc-commercial :where(h1,h2,h3,p,ul,ol,dl,dd,figure,table){margin:0;padding:0}
#irc-commercial :where(ul,ol){list-style:none}
#irc-commercial :where(h1,h2,h3){font-family:var(--icr-font-head);font-weight:500;color:inherit;text-transform:none;letter-spacing:normal}
#irc-commercial img,#irc-commercial svg{display:block;max-width:100%}
#irc-commercial img{height:auto}
#irc-commercial a{color:inherit}
#irc-commercial button{font:inherit;color:inherit}
#irc-commercial sup{font-size:.68em;line-height:0;vertical-align:.5em}
#irc-commercial :focus-visible{outline:3px solid var(--icr-green);outline-offset:3px;border-radius:2px}
/* A theme's plain :focus outline is not shown for mouse and touch; the keyboard ring above still is. */
#irc-commercial :is(a,button,summary,[tabindex]):focus:not(:focus-visible){outline:none}
#irc-commercial :is(.icr-hero,.icr-stage,.icr-results,.icr-enquire__copy) :focus-visible{outline-color:var(--icr-accent)}
#irc-commercial [tabindex="-1"]:focus{outline:none}
#irc-commercial .icr-visually-hidden{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}
#irc-commercial .icr-wrap{width:100%;max-width:calc(var(--icr-wrap) + var(--icr-gutter) * 2);margin-inline:auto;padding-inline:var(--icr-gutter)}
#irc-commercial [id]{scroll-margin-top:calc(var(--icr-header-offset) + var(--icr-nav-h) + 12px)}

/* ---------- type ---------- */
/* Headings: no blanket character limits; each section sets the width its layout gives it. */
#irc-commercial h2{font-size:clamp(34px,3.6vw,54px);line-height:1.08;letter-spacing:-.028em;max-width:none;text-wrap:balance}
#irc-commercial h3{font-size:clamp(20px,1.6vw,23px);line-height:1.3;letter-spacing:-.01em}
#irc-commercial p{max-width:66ch}
#irc-commercial .icr-lead{font-size:clamp(19px,1.45vw,21px);line-height:1.6;color:var(--icr-body)}
#irc-commercial .icr-small{font-size:15.5px;line-height:1.6;color:var(--icr-muted)}
#irc-commercial .icr-eyebrow{margin-bottom:18px;font-size:13.5px;font-weight:600;line-height:1.4;letter-spacing:.12em;text-transform:uppercase;color:var(--icr-green)}
#irc-commercial .icr-eyebrow--light{color:var(--icr-accent)}
/* display figures share the heading face */
#irc-commercial :is(.icr-facts strong,.icr-scope__count b,.icr-scope__label strong,.icr-stage__metric strong,.icr-products__total strong,.icr-solar__figures strong,.icr-solar__name,.icr-solar__unratedhead,.icr-doc__title,.icr-timeline__label,.icr-enquire__formtitle,.icr-enquire__phone){font-family:var(--icr-font-head)}
#irc-commercial :is(.icr-enquire__phone span){font-family:var(--icr-font)}
#irc-commercial .icr-inline{color:var(--icr-green);font-weight:500;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px;white-space:normal}
#irc-commercial .icr-inline:hover{text-decoration-thickness:2px}
#irc-commercial .icr-fn{display:inline-block;margin-left:2px;font-size:.72em;line-height:1;vertical-align:.45em;text-decoration:none;color:inherit;padding:2px}

/* ---------- buttons and links (as on IRC's location and Find an Applicator pages) ---------- */
#irc-commercial .icr-i{width:20px;height:20px;flex:none;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
#irc-commercial .icr-btn{display:inline-flex;align-items:center;justify-content:center;gap:14px;min-height:54px;padding:14px 24px;white-space:nowrap;border:1px solid transparent;border-radius:6px;background:var(--icr-green);color:#fff;font:500 17px/1.3 var(--icr-font);text-decoration:none;cursor:pointer;transition:background .2s,transform .25s var(--icr-ease)}
#irc-commercial .icr-btn:hover{background:var(--icr-green-d)}
#irc-commercial .icr-btn--small{min-height:42px;padding:9px 16px;font-size:15px}
#irc-commercial .icr-roll{display:block;overflow:hidden;height:1.35em;line-height:1.35}
#irc-commercial .icr-roll__track{display:block;transition:transform .55s cubic-bezier(.45,0,.2,1)}
#irc-commercial .icr-roll__track>span{display:block;height:1.35em;white-space:nowrap}
@media (hover:hover){#irc-commercial .icr-btn:hover .icr-roll__track{transform:translateY(-50%)}}
#irc-commercial .icr-btn:focus-visible .icr-roll__track{transform:translateY(-50%)}
#irc-commercial .icr-btn:active{transform:scale(.985)}
#irc-commercial .icr-link{display:inline-flex;align-items:center;gap:10px;padding:8px 0;font-size:17px;font-weight:500;text-decoration:none;border-bottom:1px solid currentColor;color:var(--icr-text)}
/* Arrows move in the direction they point: down for links further down the page, right towards the form
   beside the copy, diagonally for links that leave the page. Small, and off for reduced motion. */
#irc-commercial .icr-i{transition:transform .3s var(--icr-ease)}
#irc-commercial :is(.icr-btn,.icr-link,.icr-pcard__link):is(:hover,:focus-visible) .icr-i--down{transform:translateY(3px)}
#irc-commercial :is(.icr-btn,.icr-link,.icr-pcard__link):is(:hover,:focus-visible) .icr-i--right{transform:translateX(3px)}
#irc-commercial :is(.icr-btn,.icr-link,.icr-pcard__link):is(:hover,:focus-visible) .icr-i--out{transform:translate(2px,-2px)}
#irc-commercial .icr-i--narrow{display:none}
#irc-commercial .icr-link--light{color:#fff;border-color:rgba(255,255,255,.45)}
#irc-commercial .icr-link--light:hover{border-color:#fff}

/* ---------- opening ----------
   The copy stays left. The mirrored roof coats completely; a separate sheet settles on the right afterwards.
   The hero height follows its content and artwork rather than a fixed viewport height. */
#irc-commercial .icr-hero{position:relative;display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr) auto;grid-template-areas:"stage" "facts";min-height:56vw;overflow:hidden;background:linear-gradient(115deg,var(--icr-forest) 5%,#173d29 64%,#295136);color:#fff}
#irc-commercial .icr-hero__art{grid-area:stage;align-self:end;position:relative;z-index:1;pointer-events:none;overflow:hidden}
/* Forest-green shade: dense under the copy on the left, nearly clear over the coated roof on the right. */
#irc-commercial .icr-hero__art::after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#10251df5 0%,#10251de0 42%,#10251d4d 68%,#10251d0d),linear-gradient(0deg,#10251d80,transparent 45%),linear-gradient(180deg,#10251d,transparent 22%)}
/* The artwork is mirrored on its own wrapper so the coated roof faces into the page, away from the copy. GSAP moves
   .icr-field inside it; text and controls are never flipped. */
#irc-commercial .icr-hero__orient{transform:scaleX(-1)}
#irc-commercial .icr-hero__sheet{grid-area:stage;align-self:center;justify-self:end;position:relative;z-index:2;width:39%;margin:0 4.5% 0 0;top:calc((var(--icr-header-overlap) + 32px - clamp(88px,8vw,136px))/2 - 20px);pointer-events:none}
#irc-commercial .icr-hero-sheet-svg{display:block;width:100%;height:auto;overflow:visible;filter:brightness(.94) drop-shadow(0 24px 16px rgba(0,0,0,.22))}
.icr-enter #irc-commercial .icr-hero__sheet{opacity:0;animation:icr-failsafe-sheet 0s linear 3s forwards}
@keyframes icr-failsafe-sheet{to{opacity:1}}
@media(max-width:860px){#irc-commercial .icr-hero__sheet{display:block;width:76%;max-width:360px;justify-self:center;margin:0 auto 20px;top:0}}
#irc-commercial .icr-field{position:relative;width:118%;margin-left:-14%;aspect-ratio:1600/760}
#irc-commercial .icr-field img{position:absolute;inset:0;width:100%;height:100%}
#irc-commercial .icr-field__after{clip-path:inset(0)}
#irc-commercial .icr-field__edge{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
#irc-commercial .icr-field__edge line{stroke:#fff;stroke-width:2;stroke-opacity:var(--edge,0);vector-effect:non-scaling-stroke}
#irc-commercial .icr-hero__inner{grid-area:stage;align-self:center;position:relative;z-index:2;padding-top:calc(var(--icr-header-overlap) + 32px);padding-bottom:clamp(88px,8vw,136px)}
#irc-commercial .icr-hero__group{position:relative;top:-20px;max-width:min(610px,47vw);container:icr-hero-group/inline-size}
#irc-commercial .icr-hero__title{font-size:clamp(52px,5.6vw,88px);line-height:1.04;letter-spacing:-.035em;font-weight:500;text-wrap:balance}
#irc-commercial .icr-hero__kicker{display:block;margin-bottom:18px;font:600 13.5px/1.4 var(--icr-font);letter-spacing:.12em;text-transform:uppercase;color:var(--icr-accent)}
#irc-commercial .icr-hero__lead{margin-top:22px;font-size:clamp(18px,1.3vw,19.5px);line-height:1.6;color:#e6e8e6}
#irc-commercial .icr-hero__note{margin-top:12px;font-size:16px;line-height:1.55;color:#d9dcd9}
/* The two actions sit side by side only when the group is wide enough for both (they need about 590px); the
   choice depends on the group's width, never on which font has loaded, so nothing jumps when fonts swap. */
#irc-commercial .icr-hero__actions{display:flex;flex-direction:column;align-items:flex-start;gap:16px;margin-top:28px}
@container icr-hero-group (min-width:600px){#irc-commercial .icr-hero__actions{flex-direction:row;align-items:center;gap:16px 28px}}
/* The four facts share one frosted bar across the lower edge of the picture: moderate blur, a faint top edge,
   and a near-solid fallback where blur is unavailable. The first fact has more room for its product pairing. */
#irc-commercial .icr-hero__facts{grid-area:facts;position:relative;z-index:3;background:rgba(16,37,29,.9);border-top:1px solid rgba(212,236,217,.2);color:#fff}
@supports ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){
  #irc-commercial .icr-hero__facts{background:rgba(16,37,29,.82);-webkit-backdrop-filter:blur(16px) saturate(1.1);backdrop-filter:blur(16px) saturate(1.1)}
}
@media (prefers-reduced-transparency:reduce){#irc-commercial .icr-hero__facts{background:var(--icr-forest)}}
#irc-commercial .icr-facts{display:grid;grid-template-columns:minmax(0,1.7fr) repeat(3,minmax(0,1fr));padding-block:clamp(18px,2vw,26px)}
#irc-commercial .icr-facts li{display:grid;grid-template-rows:auto 1fr;gap:4px;padding:2px clamp(16px,2vw,32px);border-left:1px solid rgba(255,255,255,.18)}
#irc-commercial .icr-facts li:first-child{padding-left:0;border-left:0}
#irc-commercial .icr-facts strong{color:#fff;font-size:clamp(19px,1.5vw,23px);font-weight:500;line-height:1.2;letter-spacing:-.01em}
#irc-commercial .icr-facts span{font-size:15.5px;line-height:1.45;color:#e1e4e1}
#irc-commercial .icr-facts a{color:inherit;text-decoration:underline;text-decoration-color:rgba(255,255,255,.5);text-underline-offset:3px}
#irc-commercial .icr-facts a:hover{color:#fff;text-decoration-color:currentColor}

/* ---------- section navigation ---------- */
#irc-commercial .icr-sectionnav{position:sticky;top:var(--icr-header-offset);z-index:40;background:#fff;border-bottom:1px solid rgba(27,30,29,.1)}
@supports ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){
  #irc-commercial .icr-sectionnav{background:rgba(255,255,255,.86);-webkit-backdrop-filter:saturate(1.6) blur(18px);backdrop-filter:saturate(1.6) blur(18px)}
}
@media (prefers-reduced-transparency:reduce){#irc-commercial .icr-sectionnav{background:#fff}}
#irc-commercial .icr-sectionnav__inner{display:flex;align-items:center;gap:18px;height:var(--icr-nav-h)}
#irc-commercial .icr-sectionnav__links{display:flex;gap:2px;margin-right:auto;overflow-x:auto;scrollbar-width:none}
#irc-commercial .icr-sectionnav__links::-webkit-scrollbar{display:none}
#irc-commercial .icr-sectionnav__links a{position:relative;display:block;padding:10px 12px;font-size:15.5px;font-weight:500;line-height:1.3;color:#3d4440;text-decoration:none;white-space:nowrap;transition:color .2s}
#irc-commercial .icr-sectionnav__links a::after{content:'';position:absolute;left:12px;right:12px;bottom:4px;height:2px;background:var(--icr-green);transform:scaleX(0);transform-origin:0 50%;transition:transform .3s var(--icr-ease)}
#irc-commercial .icr-sectionnav__links a:hover{color:var(--icr-text)}
#irc-commercial .icr-sectionnav__links a[aria-current="true"]{color:var(--icr-ink);font-weight:600}
#irc-commercial .icr-sectionnav__links a[aria-current="true"]::after{transform:none}
#irc-commercial .icr-motionbtn{display:inline-flex;align-items:center;gap:9px;min-height:42px;padding:8px 12px;border:1px solid rgba(27,30,29,.16);border-radius:6px;background:transparent;font-size:14.5px;font-weight:500;color:#3d4440;cursor:pointer;white-space:nowrap}
#irc-commercial .icr-motionbtn[hidden]{display:none}
#irc-commercial .icr-motionbtn:hover{color:var(--icr-text);border-color:#c3bfb8}
#irc-commercial .icr-motionbtn__icon{position:relative;width:10px;height:12px}
#irc-commercial .icr-motionbtn__icon::before,#irc-commercial .icr-motionbtn__icon::after{content:'';position:absolute;top:0;width:3px;height:12px;border-radius:1px;background:currentColor}
#irc-commercial .icr-motionbtn__icon::before{left:0}
#irc-commercial .icr-motionbtn__icon::after{right:0}
#irc-commercial .icr-motionbtn[aria-pressed="true"] .icr-motionbtn__icon::before{width:0;height:0;border-style:solid;border-width:6px 0 6px 10px;border-color:transparent transparent transparent currentColor;background:none;border-radius:0}
#irc-commercial .icr-motionbtn[aria-pressed="true"] .icr-motionbtn__icon::after{display:none}
#irc-commercial .icr-progress{position:absolute;left:0;right:0;bottom:-1px;height:2px;pointer-events:none}
#irc-commercial .icr-progress span{display:block;height:100%;background:var(--icr-ink);opacity:.18;transform:scaleX(var(--icr-read,0));transform-origin:0 50%}

/* ---------- shared section parts ---------- */
#irc-commercial .icr-section{padding-block:var(--icr-space)}
#irc-commercial .icr-head{margin-bottom:clamp(44px,6vw,80px)}
#irc-commercial .icr-head--split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:28px clamp(32px,6vw,96px);align-items:end}
#irc-commercial .icr-head__copy{display:grid;gap:18px;padding-bottom:6px}
#irc-commercial .icr-more{margin-top:28px;border-top:1px solid var(--icr-line);border-bottom:1px solid var(--icr-line)}
#irc-commercial .icr-more summary{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:60px;padding:14px 0;font-size:18px;font-weight:500;cursor:pointer;list-style:none}
#irc-commercial .icr-more summary::-webkit-details-marker{display:none}
#irc-commercial .icr-more summary::after{content:'';flex:none;width:14px;height:14px;background:linear-gradient(currentColor,currentColor) center/14px 1.6px no-repeat,linear-gradient(currentColor,currentColor) center/1.6px 14px no-repeat;transition:transform .3s var(--icr-ease)}
#irc-commercial .icr-more[open] summary::after{transform:rotate(45deg)}
#irc-commercial details.is-animating{overflow:hidden}
#irc-commercial .icr-more__body{display:grid;gap:14px;padding:0 0 26px;max-width:72ch;font-size:17.5px;color:var(--icr-body)}

/* ---------- why restore ---------- */
@media (min-width:861px){#irc-commercial .icr-case .icr-head--split{grid-template-columns:minmax(0,7fr) minmax(0,5fr)}}
#irc-commercial .icr-case h2{font-size:clamp(38px,3.9vw,56px);line-height:1.06;letter-spacing:-.03em}
/* The comparison, its conclusion and the benefits form one panel. */
#irc-commercial .icr-case__panel{padding:clamp(28px,4.4vw,72px);background:var(--icr-stone);border-radius:4px}
#irc-commercial .icr-scopes{display:grid;gap:clamp(28px,3.4vw,48px)}
#irc-commercial .icr-scope{display:grid;grid-template-columns:minmax(220px,330px) minmax(0,1fr);gap:clamp(20px,4vw,72px);align-items:center}
#irc-commercial .icr-scope+.icr-scope{padding-top:clamp(28px,3.4vw,48px);border-top:1px solid var(--icr-line)}
#irc-commercial .icr-scope__label{display:grid;gap:6px;max-width:none}
#irc-commercial .icr-scope__label strong{font-size:clamp(23px,2vw,29px);font-weight:500;line-height:1.2;letter-spacing:-.015em}
#irc-commercial .icr-scope__label span{font-size:16px;line-height:1.5;color:var(--icr-muted)}
#irc-commercial .icr-scope__label .icr-scope__count{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 10px;margin-top:14px;font-size:16px;color:var(--icr-muted)}
#irc-commercial .icr-scope__count b{min-width:.7em;font-size:clamp(46px,4.8vw,76px);font-weight:500;line-height:.95;letter-spacing:-.045em;color:var(--icr-text);font-variant-numeric:tabular-nums}
#irc-commercial .icr-scope__count b:not(:first-child){margin-left:18px}
#irc-commercial .icr-scope[data-kind="restore"] [data-tally="kept"]{color:var(--icr-green)}
#irc-commercial .icr-scope[data-kind="replace"] .icr-scope__count b{color:#7a7f7c}
#irc-commercial .icr-scope-svg{width:100%;height:auto;overflow:visible}
#irc-commercial .icr-panel .icr-new{opacity:0;transform:translateY(calc(var(--ny,0) * 1px))}
#irc-commercial .icr-old{transform-box:fill-box;transform-origin:50% 50%;transform:translate(calc(var(--fx,0) * 1px),calc(var(--fy,0) * 1px)) rotate(calc(var(--fr,0) * 1deg)) scale(var(--fs,1))}
#irc-commercial .icr-coat{transform-box:fill-box;transform-origin:50% 0;transform:scaleY(var(--k,1))}
#irc-commercial .icr-bin__fill{transform-box:fill-box;transform-origin:50% 100%;transform:scaleY(var(--bf,1))}
#irc-commercial .icr-panel[data-fate="replace"] .icr-old{opacity:0}
#irc-commercial .icr-panel[data-fate="replace"] .icr-new{opacity:1}
#irc-commercial .icr-scopes__legend{display:flex;flex-wrap:wrap;align-items:center;gap:10px 26px;font-size:15px;color:var(--icr-muted)}
#irc-commercial .icr-key{display:inline-flex;align-items:center;gap:10px}
#irc-commercial .icr-key::before{content:'';width:18px;height:18px;border-radius:2px;border:1px solid rgba(0,0,0,.18)}
#irc-commercial .icr-key--retain::before{background:#f7f8f3}
#irc-commercial .icr-key--new::before{background:#c3cbcd}
#irc-commercial .icr-key--unsound::before{background:repeating-linear-gradient(45deg,#7d736a 0 3px,#9a8f84 3px 6px)}
#irc-commercial .icr-key--skip::before{background:#e6e9e3;border:1.5px solid #8f9590;clip-path:polygon(0 0,100% 0,84% 100%,16% 100%)}
#irc-commercial .icr-scopes__note{flex-basis:100%;font-size:15px}
#irc-commercial .icr-case__outcome{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,8fr);gap:28px clamp(32px,4vw,72px);margin-top:clamp(36px,4vw,56px);padding-top:clamp(32px,3.6vw,48px);border-top:1px solid #d3d0c9}
#irc-commercial .icr-case__close{font-size:clamp(18px,1.35vw,19.5px);font-weight:500;line-height:1.6;color:var(--icr-text);max-width:30ch}
#irc-commercial .icr-benefits{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px clamp(20px,2.4vw,40px)}
#irc-commercial .icr-benefits li{display:grid;gap:8px;align-content:start}
#irc-commercial .icr-benefits h3{font-size:clamp(19px,1.45vw,21px)}
#irc-commercial .icr-benefits p{font-size:16.5px;line-height:1.6;color:var(--icr-body)}
#irc-commercial .icr-case .icr-more{margin-top:clamp(24px,3vw,36px)}

/* ---------- coating system ---------- */
#irc-commercial .icr-system{position:relative;padding-block:var(--icr-space);background:#fff}
#irc-commercial .icr-system__grid{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:clamp(40px,5vw,88px);align-items:start}
#irc-commercial .icr-system__visual{position:sticky;top:calc(var(--icr-header-offset) + var(--icr-nav-h) + 24px);height:calc(100vh - var(--icr-header-offset) - var(--icr-nav-h) - 48px);height:calc(100svh - var(--icr-header-offset) - var(--icr-nav-h) - 48px);min-height:520px;max-height:860px}
#irc-commercial .icr-stage{position:relative;height:100%;overflow:hidden;background:var(--icr-ink);color:#fff;border-radius:4px}
#irc-commercial .icr-stage__roof{position:absolute;inset:0;display:none;pointer-events:none}
#irc-commercial .icr-stage__roof img{width:100%;height:100%;object-fit:cover;object-position:42% 70%}
#irc-commercial .icr-stage__section{position:absolute;inset:clamp(56px,7vh,84px) clamp(16px,2.4vw,40px) clamp(72px,9vh,104px);display:grid;place-items:center;--sep:52;--lab:1}
#irc-commercial .icr-section-svg{width:100%;height:100%;overflow:visible}
#irc-commercial .icr-stratum{transform:translateY(calc((2 - var(--n)) * var(--sep) * 1px + var(--drop,0) * 1px));opacity:var(--show,1)}
#irc-commercial .icr-stratum[data-layer="0"]{--n:0}
#irc-commercial .icr-stratum[data-layer="1"]{--n:1}
#irc-commercial .icr-stratum[data-layer="2"]{--n:2}
#irc-commercial .icr-stratum[data-layer="3"]{--n:3}
#irc-commercial .icr-stratum[data-layer="4"]{--n:4}
#irc-commercial .icr-stratum__fill{transition:opacity .45s var(--icr-ease)}
#irc-commercial .icr-stratum__label{opacity:calc(var(--lab) * var(--dim,1))}
#irc-commercial .icr-stratum__label line{stroke:rgba(255,255,255,.4);stroke-width:1}
#irc-commercial .icr-stratum__label circle{fill:var(--icr-accent)}
#irc-commercial .icr-stratum__label text{fill:#fff;font:500 17px var(--icr-font)}
#irc-commercial .icr-stratum__label .icr-stratum__detail{fill:var(--icr-dmuted);font-size:15px;font-weight:400}
#irc-commercial [data-coat-view="primer"] .icr-stratum:is([data-layer="3"],[data-layer="4"]) .icr-stratum__fill,
#irc-commercial [data-coat-view="membrane"] .icr-stratum:is([data-layer="1"],[data-layer="2"]) .icr-stratum__fill{opacity:.14}
#irc-commercial [data-coat-view="primer"] .icr-stratum:is([data-layer="3"],[data-layer="4"]),
#irc-commercial [data-coat-view="membrane"] .icr-stratum:is([data-layer="1"],[data-layer="2"]){--dim:.3}
#irc-commercial .icr-stage__note{position:absolute;left:clamp(20px,2.4vw,36px);top:clamp(18px,2.4vh,28px);max-width:26em;font-size:14px;line-height:1.45;color:var(--icr-dmuted)}
#irc-commercial .icr-system__steps{display:none}
#irc-commercial :is(.icr-system__visual,.icr-system__body,.icr-system__intro,.icr-system__controls,.icr-spec,.icr-stage__metric){min-width:0}
/* One column, one rhythm: introduction, figure, view controls with their explanation, specification. */
#irc-commercial .icr-system__body{display:grid;gap:clamp(32px,3.4vw,48px);align-content:start}
#irc-commercial .icr-system__body h2{font-size:clamp(36px,3.6vw,54px)}
#irc-commercial .icr-system__text{margin-top:20px;color:var(--icr-body)}
#irc-commercial .icr-stage__metric{display:grid;gap:8px;max-width:none}
#irc-commercial .icr-stage__metric strong{display:flex;align-items:baseline;gap:8px;font-size:clamp(72px,7vw,112px);font-weight:500;line-height:.9;letter-spacing:-.05em;font-variant-numeric:tabular-nums}
#irc-commercial .icr-stage__metric small{font-size:.3em;letter-spacing:0;color:var(--icr-green)}
#irc-commercial .icr-stage__metric>span{font-size:16.5px;color:var(--icr-muted)}
#irc-commercial .icr-system__controls{display:grid;gap:0}
#irc-commercial .icr-segment{display:inline-flex;flex-wrap:wrap;gap:4px;padding:4px;border:1px solid var(--icr-line);border-radius:8px;width:fit-content;max-width:100%;background:#fff}
#irc-commercial .icr-segment button{min-height:46px;padding:9px 16px;border:0;border-radius:5px;background:transparent;color:var(--icr-body);font-size:16px;font-weight:500;cursor:pointer;transition:background .25s,color .25s}
#irc-commercial .icr-segment button:hover{background:var(--icr-stone)}
#irc-commercial .icr-segment button[aria-pressed="true"]{background:var(--icr-green);color:#fff}
/* The selected view's explanation sits directly under the controls, with a key in the drawing's layer colours. */
#irc-commercial .icr-system__controls .icr-segment{position:relative;z-index:1;margin-left:18px;margin-bottom:-24px;box-shadow:0 1px 0 rgba(27,30,29,.04)}
#irc-commercial .icr-coatnote{display:grid;grid-template-columns:28px minmax(0,1fr);gap:20px;padding:44px clamp(20px,2.2vw,30px) 26px;background:var(--icr-stone);border-radius:6px}
#irc-commercial .icr-coatkey{display:grid;align-content:start;gap:3px;padding-top:4px}
#irc-commercial .icr-coatkey i{display:block;height:9px;border-radius:2px;box-shadow:inset 0 0 0 1px rgba(27,30,29,.18);transition:opacity .35s var(--icr-ease)}
#irc-commercial .icr-coatkey i:nth-child(1){background:#fbfcf9}
#irc-commercial .icr-coatkey i:nth-child(2){background:#e3e7e0}
#irc-commercial .icr-coatkey i:nth-child(3){background:#bec5b8}
#irc-commercial .icr-coatkey i:nth-child(4){background:#a7aea2}
#irc-commercial .icr-coatkey i:nth-child(5){height:14px;margin-top:2px;background:repeating-linear-gradient(90deg,#c9cdcc 0 6px,#a9afb0 6px 8px)}
#irc-commercial [data-coat-view="primer"] .icr-coatkey i:is(:nth-child(1),:nth-child(2)),
#irc-commercial [data-coat-view="membrane"] .icr-coatkey i:is(:nth-child(3),:nth-child(4)){opacity:.22}
#irc-commercial .icr-coatnote h3{margin-bottom:8px;font-size:21px}
#irc-commercial .icr-coatnote p{font-size:17px;color:var(--icr-body)}
#irc-commercial .icr-spec{display:grid;gap:0}
#irc-commercial .icr-spec>*{min-width:0}
#irc-commercial .icr-spec .icr-more{margin-top:0}
#irc-commercial .icr-spec .icr-more+.icr-more{border-top:0}
#irc-commercial .icr-spec__table .icr-more__body{max-width:none}
#irc-commercial .icr-spec h3{margin:4px 0 6px;font-size:19px}
#irc-commercial .icr-tablewrap{overflow-x:auto}
#irc-commercial .icr-tablewrap:focus-visible{outline-offset:4px}
#irc-commercial table{width:100%;border-collapse:collapse;font-size:16.5px;line-height:1.4;font-variant-numeric:tabular-nums}
#irc-commercial th,#irc-commercial td{padding:14px 16px 14px 0;text-align:left;vertical-align:top;border-bottom:1px solid var(--icr-line);font-weight:400}
#irc-commercial thead th{font-size:14.5px;font-weight:600;color:var(--icr-muted);border-bottom-color:#c9c5be}
#irc-commercial tbody th,#irc-commercial tfoot th{font-weight:500}
#irc-commercial .icr-spec table{min-width:500px}
#irc-commercial .icr-spec tfoot :is(th,td){border-bottom:0;color:var(--icr-green);font-weight:500}
/* text version of the layers (the drawing carries the labels on large screens) */
#irc-commercial .icr-layerlist{position:absolute!important;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}

/* ---------- products ---------- */
#irc-commercial .icr-products{position:relative;padding-block:var(--icr-space);background:#fff;border-top:1px solid var(--icr-line)}
#irc-commercial .icr-products__head{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:28px clamp(32px,6vw,96px);align-items:end;margin-bottom:clamp(40px,5vw,72px)}
#irc-commercial .icr-products__head h2{max-width:none}
#irc-commercial .icr-products__intro{max-width:50ch;color:var(--icr-body);padding-bottom:6px}
/* The pail: the authentic photograph, trimmed of its transparent margin (roof-protect-pail-trim.webp, 696 x 816) so its
   box is the visible pail. It sits in normal flow, centred in its column and sized by width alone: no frame, absolute
   offsets or negative margins. It is not sticky, so its position never depends on the accordion's height:
   opening or closing a panel cannot move it. */
#irc-commercial .icr-products__layout{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(40px,6vw,112px);align-items:start}
#irc-commercial .icr-products__media{display:grid;justify-items:center;gap:16px;margin:0;padding-top:clamp(16px,4.4vw,64px)}
#irc-commercial .icr-products__pail{display:block;width:min(100%,380px,calc((100svh - var(--icr-header-offset) - var(--icr-nav-h) - 160px) * .853));height:auto}
#irc-commercial .icr-products__caption{font-size:14px;line-height:1.4;color:var(--icr-muted);text-align:center}
#irc-commercial .icr-product{border-bottom:1px solid var(--icr-line)}
#irc-commercial .icr-product summary{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:4px 24px;padding:26px 0;cursor:pointer;list-style:none}
#irc-commercial .icr-product summary::-webkit-details-marker{display:none}
#irc-commercial .icr-product summary::after{content:'';grid-column:2;grid-row:1/3;width:16px;height:16px;background:linear-gradient(currentColor,currentColor) center/16px 1.6px no-repeat,linear-gradient(currentColor,currentColor) center/1.6px 16px no-repeat;transition:transform .3s var(--icr-ease)}
#irc-commercial .icr-product[open] summary::after{transform:rotate(45deg)}
#irc-commercial .icr-product__role{grid-column:1;font-size:14.5px;font-weight:600;line-height:1.4;color:var(--icr-green)}
#irc-commercial .icr-product h3{grid-column:1;font-size:clamp(23px,2vw,30px);line-height:1.15;letter-spacing:-.022em}
#irc-commercial .icr-product summary:hover h3{color:var(--icr-green-d)}
#irc-commercial .icr-product__body{display:grid;gap:12px;justify-items:start;padding:0 0 28px}
#irc-commercial .icr-product__body p:not([class]){font-size:17px;line-height:1.65;color:var(--icr-body)}
#irc-commercial .icr-products__list{display:grid;align-content:start}
#irc-commercial .icr-pcard{display:grid;gap:10px;padding:34px 0}
#irc-commercial .icr-pcard:first-child{padding-top:4px}
#irc-commercial .icr-pcard+.icr-pcard{border-top:1px solid #e6e3de}
#irc-commercial .icr-pcard__role{font-size:15px;font-weight:600;line-height:1.4;color:var(--icr-green)}
#irc-commercial .icr-pcard h3{font-size:clamp(28px,2.5vw,38px);line-height:1.1;letter-spacing:-.028em}
#irc-commercial .icr-pcard__full{margin-top:-4px;font-size:16.5px;color:var(--icr-muted)}
#irc-commercial .icr-pcard p:not([class]){font-size:17px;line-height:1.65;color:var(--icr-body)}
/* film build as one quiet row */
#irc-commercial .icr-specrow{display:flex;flex-wrap:wrap;gap:4px 0;margin-top:4px;font-size:15.5px;font-weight:500;line-height:1.5;color:var(--icr-text);font-variant-numeric:tabular-nums}
#irc-commercial .icr-specrow li+li::before{content:'';display:inline-block;width:4px;height:4px;margin:0 12px 3px;border-radius:50%;background:#b3afa7;vertical-align:middle}
#irc-commercial .icr-pcard__link{display:inline-flex;align-items:center;gap:8px;justify-self:start;margin-top:4px;padding-bottom:3px;border-bottom:1px solid currentColor;font-size:16.5px;font-weight:500;line-height:1.35;color:var(--icr-green);text-decoration:none}
#irc-commercial .icr-pcard__link .icr-i{width:16px;height:16px}
#irc-commercial .icr-products__total{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:6px 24px;max-width:none;margin-top:0;padding:28px 0 0;border-top:0;font-size:16.5px;color:var(--icr-body)}
#irc-commercial .icr-products__total strong{font-size:clamp(34px,3vw,44px);font-weight:500;letter-spacing:-.035em;line-height:1;color:var(--icr-text);font-variant-numeric:tabular-nums}
/* Australian Made: the closing feature of the products. Copy and the Australian Made and Owned mark beside IRC's
   manufacturing footage (silent, looping, no controls; see commercial.js). The panel takes the applicator page's
   feature radius; the footage frame inside it takes the control radius, so the two corners nest. The video and
   its poster are clipped by the frame and carry the same radius themselves (Safari clips video unreliably otherwise). */
#irc-commercial .icr-made{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(32px,5vw,80px);align-items:center;margin-top:clamp(80px,10vw,144px);padding:clamp(24px,3.4vw,52px);border-radius:var(--icr-radius);background:#f1f3ee}
#irc-commercial .icr-made__copy{display:grid;gap:24px;justify-items:start;min-width:0}
#irc-commercial .icr-made__copy .icr-eyebrow{margin:0;font-size:12px}
#irc-commercial .icr-made h3{font-size:clamp(31px,3.05vw,46px);line-height:1.1;letter-spacing:-.03em;text-wrap:balance}
#irc-commercial .icr-made__copy p{max-width:41ch;font-size:17px;line-height:1.6;color:var(--icr-body)}
#irc-commercial .icr-made__identity{display:flex;align-items:center;gap:24px;flex-wrap:wrap;margin-top:4px}
#irc-commercial .icr-made__identity img{width:128px;height:auto;flex:none}
#irc-commercial .icr-made__identity .icr-link{font-size:15.5px}
#irc-commercial .icr-made__media{position:relative;min-width:0;aspect-ratio:16/9;overflow:hidden;isolation:isolate;border-radius:var(--icr-radius-control);background:#e4e7df}
#irc-commercial .icr-made__film{display:block;width:100%;height:100%;object-fit:cover;border-radius:inherit;pointer-events:none}
#irc-commercial .icr-made__film::-webkit-media-controls{display:none!important}

/* ---------- before and after ---------- */
#irc-commercial .icr-results{background:var(--icr-ink);color:#fff;padding-block:var(--icr-space)}
#irc-commercial .icr-results__head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:28px;margin-bottom:clamp(32px,4vw,56px)}
#irc-commercial .icr-results__head>div{flex:1 1 640px;min-width:0}
#irc-commercial .icr-results__head>.icr-segment{flex:none}
#irc-commercial .icr-results h2{font-size:clamp(40px,4.6vw,72px);line-height:1.05;letter-spacing:-.035em;max-width:none}
#irc-commercial .icr-results__lead{margin-top:20px;max-width:46ch;font-size:clamp(18px,1.4vw,21px);line-height:1.55;color:var(--icr-dtext)}
#irc-commercial .icr-segment--light{border-color:var(--icr-dline);background:transparent}
#irc-commercial .icr-segment--light button{color:var(--icr-dtext)}
#irc-commercial .icr-segment--light button:hover{background:rgba(255,255,255,.08);color:#fff}
#irc-commercial .icr-segment--light button[aria-pressed="true"]{background:#fff;color:var(--icr-ink)}
#irc-commercial .icr-results__frame{padding-inline:var(--icr-gutter)}
#irc-commercial .icr-compare{--ci:0px;position:relative;overflow:hidden;width:min(100%,1440px,calc((100svh - var(--icr-header-offset) - var(--icr-nav-h) - 16px) * 1.5));aspect-ratio:3/2;margin-inline:auto;background:#101211;touch-action:pan-y;user-select:none;
  clip-path:inset(var(--ci) round 4px)}
#irc-commercial .icr-compare img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;-webkit-user-drag:none;user-select:none;pointer-events:none}
#irc-commercial .icr-compare__before{position:absolute;inset:0;clip-path:inset(0 calc(100% - var(--pos)) 0 0)}
#irc-commercial .icr-compare__tag{position:absolute;bottom:calc(var(--ci) + 20px);z-index:3;padding:7px 12px;border-radius:3px;background:rgba(27,30,29,.8);font-size:14.5px;font-weight:500;color:#fff;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
#irc-commercial .icr-compare__tag--before{left:calc(var(--ci) + 20px)}
#irc-commercial .icr-compare__tag--after{right:calc(var(--ci) + 20px)}
#irc-commercial .icr-compare__handle{position:absolute;top:0;bottom:0;left:var(--pos);z-index:3;width:2px;margin-left:-1px;background:#fff;pointer-events:none}
#irc-commercial .icr-compare__handle span{position:absolute;top:50%;left:50%;width:54px;height:54px;margin:-27px 0 0 -27px;border-radius:50%;background:#fff;box-shadow:0 6px 20px rgba(0,0,0,.25)}
#irc-commercial .icr-compare__handle span::before,#irc-commercial .icr-compare__handle span::after{content:'';position:absolute;top:50%;width:9px;height:9px;margin-top:-4.5px;border:solid var(--icr-ink);border-width:0 0 2px 2px}
#irc-commercial .icr-compare__handle span::before{left:15px;transform:rotate(45deg)}
#irc-commercial .icr-compare__handle span::after{right:15px;transform:rotate(-135deg)}
#irc-commercial .icr-compare__range{position:absolute;inset:0;z-index:4;width:100%;height:100%;margin:0;opacity:0;cursor:ew-resize;-webkit-appearance:none;appearance:none}
#irc-commercial .icr-compare:has(.icr-compare__range:focus-visible) .icr-compare__handle span{outline:3px solid var(--icr-accent);outline-offset:3px}
#irc-commercial .icr-compare__transition{position:absolute;inset:0;z-index:2;pointer-events:none}
#irc-commercial .icr-results__foot{display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px 30px;margin-top:22px;font-size:16px;color:var(--icr-dmuted)}

/* ---------- solar reflectance ---------- */
#irc-commercial .icr-thermal{background:var(--icr-stone)}
#irc-commercial .icr-thermal h2{font-size:clamp(36px,3.8vw,58px)}
#irc-commercial .icr-thermal .icr-head--split{align-items:start}
#irc-commercial .icr-thermal .icr-head__copy{gap:14px;padding-top:6px;color:var(--icr-body)}
#irc-commercial .icr-intro{font-size:clamp(18px,1.35vw,19.5px);line-height:1.65;color:var(--icr-text)}
#irc-commercial .icr-solar{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);grid-template-areas:"pick pick" "diag read";gap:28px clamp(28px,5vw,72px);align-items:center;padding:clamp(24px,3.6vw,56px);background:#fff;border-radius:4px;--tsr:.75}
#irc-commercial .icr-solar__picker{grid-area:pick;display:flex;flex-wrap:wrap;align-items:center;gap:14px 24px;padding-bottom:22px;border-bottom:1px solid var(--icr-line)}
#irc-commercial .icr-solar__picker[hidden]{display:none}
#irc-commercial .icr-solar__pickerlabel{font-size:16px;font-weight:500}
#irc-commercial .icr-swatches{display:flex;flex-wrap:wrap;gap:8px}
#irc-commercial .icr-swatches button{display:inline-flex;align-items:center;gap:10px;min-height:46px;padding:7px 14px 7px 8px;border:1px solid var(--icr-line);border-radius:6px;background:#fff;font-size:15.5px;cursor:pointer;transition:border-color .2s,box-shadow .2s}
#irc-commercial .icr-swatches button:hover{border-color:#b9b5ad}
#irc-commercial .icr-swatches button::before{content:'';width:26px;height:26px;border-radius:4px;background:var(--swatch);box-shadow:inset 0 0 0 1px rgba(0,0,0,.2)}
#irc-commercial .icr-swatches button[aria-pressed="true"]{border-color:var(--icr-green);box-shadow:inset 0 0 0 1px var(--icr-green)}
#irc-commercial .icr-solar__diagram{grid-area:diag}
#irc-commercial .icr-solar__diagram svg{width:100%;height:auto;overflow:visible}
#irc-commercial .icr-ray path{fill:none;stroke-linecap:round}
#irc-commercial .icr-sun circle{fill:var(--icr-sun)}
#irc-commercial .icr-sun path{stroke:var(--icr-sun);stroke-width:3;stroke-linecap:round}
#irc-commercial .icr-ray--in path{stroke:var(--icr-sun);stroke-width:4}
#irc-commercial .icr-ray--out path{stroke:var(--icr-sun);stroke-width:calc(1.5px + 4.5px * var(--tsr));stroke-opacity:calc(.3 + .7 * var(--tsr));stroke-dasharray:9 8;transition:stroke-width .5s var(--icr-ease),stroke-opacity .5s var(--icr-ease)}
#irc-commercial .icr-ray--abs path{stroke:var(--icr-heat);stroke-width:calc(1.5px + 9px * (1 - var(--tsr)));stroke-opacity:.9;transition:stroke-width .5s var(--icr-ease)}
#irc-commercial .icr-solar__surface{fill:var(--icr-surface,#f1f0e6);stroke:#8d918e;stroke-width:1;transition:fill .5s}
#irc-commercial .icr-solar__heat{fill:var(--icr-heat);opacity:calc(.08 + .6 * (1 - var(--tsr)));transition:opacity .5s var(--icr-ease)}
#irc-commercial .icr-solar__label{fill:var(--icr-muted);font:500 15px var(--icr-font)}
#irc-commercial .icr-sun{transform-box:fill-box;transform-origin:50% 50%}
#irc-commercial .icr-solar__readout{grid-area:read;display:grid;gap:22px}
#irc-commercial .icr-solar__name{font-size:22px;font-weight:500}
#irc-commercial .icr-solar__type{display:inline-block;margin-left:6px;padding:2px 8px;border-radius:3px;background:var(--icr-ink);color:#fff;font:600 13.5px/1.4 var(--icr-font);letter-spacing:.06em;vertical-align:4px}
#irc-commercial .icr-solar__figures{display:grid;gap:20px}
#irc-commercial :is(.icr-solar__figures,.icr-solar__unrated)[hidden]{display:none}
#irc-commercial .icr-solar__unrated{display:grid;gap:10px;padding-top:16px;border-top:1px solid var(--icr-line)}
#irc-commercial .icr-solar__unrated p{font-size:17px;color:var(--icr-body)}
#irc-commercial .icr-solar__unrated .icr-solar__unratedhead{font-size:clamp(26px,2.4vw,34px);font-weight:500;line-height:1.15;letter-spacing:-.02em;color:var(--icr-text)}
/* Unrated colour: the picture stays qualitative (equal, neutral weights), so it implies no reflectance value. */
#irc-commercial .icr-solar.is-unrated .icr-ray--out path{stroke-width:3px;stroke-opacity:.6}
#irc-commercial .icr-solar.is-unrated .icr-ray--abs path{stroke-width:3px;stroke-opacity:.5}
#irc-commercial .icr-solar.is-unrated .icr-solar__heat{opacity:.2}
#irc-commercial .icr-solar__figures p{display:grid;gap:2px;padding-top:16px;border-top:1px solid var(--icr-line)}
#irc-commercial .icr-solar__figures strong{font-size:clamp(42px,4.4vw,66px);font-weight:500;line-height:1;letter-spacing:-.04em;font-variant-numeric:tabular-nums}
#irc-commercial .icr-solar__figures p:last-child strong{color:var(--icr-heat)}
#irc-commercial .icr-solar__figures span{font-size:15.5px;color:var(--icr-muted)}
#irc-commercial .icr-explain{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(24px,3vw,48px);margin-top:clamp(40px,5vw,64px)}
#irc-commercial .icr-explain li{display:grid;grid-template-columns:44px minmax(0,1fr);gap:6px 18px;align-content:start}
#irc-commercial .icr-explain__icon{grid-row:span 2;width:44px;height:44px;fill:none;stroke:var(--icr-text);stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
#irc-commercial .icr-explain__accent{stroke:var(--icr-sun)}
#irc-commercial .icr-explain__heat{fill:rgba(180,85,47,.18);stroke:var(--icr-heat)}
#irc-commercial .icr-explain p{font-size:17px;color:var(--icr-body)}
#irc-commercial .icr-thermal>.icr-wrap>.icr-small{margin-top:24px}
#irc-commercial .icr-tsr{margin-top:clamp(48px,6vw,80px)}
#irc-commercial .icr-tsr h3{margin-bottom:16px}
#irc-commercial .icr-tsr .icr-small{margin-top:14px}
#irc-commercial .icr-tsr__table tbody :is(th,td){vertical-align:middle}
#irc-commercial .icr-tsr__table th[scope="row"]{white-space:nowrap}
#irc-commercial .icr-tsr__table th[scope="row"],#irc-commercial .icr-tsr__table thead th:first-child{width:24%}
#irc-commercial .icr-tsr__table td,#irc-commercial .icr-tsr__table thead th:not(:first-child){width:38%;padding-right:clamp(16px,2.4vw,40px)}
#irc-commercial .icr-chip{display:inline-block;width:18px;height:18px;margin-right:12px;border-radius:3px;background:var(--c);box-shadow:inset 0 0 0 1px rgba(0,0,0,.22);vertical-align:-3px}
#irc-commercial .icr-bar{display:grid;grid-template-columns:minmax(0,1fr) 6.4em;align-items:center;gap:16px}
#irc-commercial .icr-bar::before{content:'';grid-area:1/1;height:8px;border-radius:4px;background:#e2dfd9}
#irc-commercial .icr-bar__fill{grid-area:1/1;width:calc(var(--v) * 100%);height:8px;border-radius:4px;background:#8f9491;transform-origin:0 50%}
#irc-commercial .icr-bar--hrc .icr-bar__fill{background:var(--icr-green)}
#irc-commercial .icr-bar__val{font-weight:500;white-space:nowrap;font-variant-numeric:tabular-nums}
#irc-commercial .icr-na{font-size:15.5px;color:var(--icr-muted)}

/* ---------- assessment to handover ---------- */
#irc-commercial .icr-process{background:#fff}
#irc-commercial .icr-steps{position:relative;display:grid;--icr-step-pad:clamp(44px,5vw,72px)}
#irc-commercial .icr-step{position:relative;display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:28px clamp(32px,5vw,88px);align-items:start;padding:var(--icr-step-pad) 0 var(--icr-step-pad) 64px}
#irc-commercial .icr-step:first-child{padding-top:0}
#irc-commercial .icr-step:last-child{padding-bottom:0}
/* progress rail: a dot per stage, joined by a line that fills with the scroll */
#irc-commercial .icr-step::before,#irc-commercial .icr-step::after{content:'';position:absolute;left:8px;top:calc(var(--icr-step-pad) + 14px);bottom:calc(-1px - var(--icr-step-pad) - 14px);width:2px;background:var(--icr-line)}
#irc-commercial .icr-step::after{z-index:1;background:var(--icr-green);transform:scaleY(var(--seg,1));transform-origin:50% 0}
#irc-commercial .icr-step:first-child::before,#irc-commercial .icr-step:first-child::after{top:14px}
#irc-commercial .icr-step:last-child::before,#irc-commercial .icr-step:last-child::after{display:none}
#irc-commercial .icr-step__n{position:absolute;left:0;top:calc(var(--icr-step-pad) + 6px);z-index:2;width:18px;height:18px;border-radius:50%;background:#fff;border:2px solid var(--icr-green);transition:background .4s var(--icr-ease)}
#irc-commercial .icr-step:first-child .icr-step__n{top:6px}
#irc-commercial .icr-step__n{background:var(--icr-green)}
#irc-commercial[data-motion="on"] .icr-step__n{background:#fff}
#irc-commercial[data-motion="on"] .icr-step.is-on .icr-step__n{background:var(--icr-green)}
#irc-commercial .icr-step__text{display:grid;gap:16px;align-content:start}
#irc-commercial .icr-step h3{font-size:clamp(27px,2.5vw,36px);letter-spacing:-.025em;line-height:1.12}
#irc-commercial .icr-step__text>p:not(.icr-small){color:var(--icr-body)}
#irc-commercial .icr-step__text .icr-more{margin-top:4px}
#irc-commercial .icr-marks{display:grid;gap:2px}
#irc-commercial .icr-marks li{display:grid;grid-template-columns:26px minmax(0,1fr);gap:14px;align-items:center;padding:6px 0;font-size:17px;line-height:1.45}
#irc-commercial .icr-marks span{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:var(--icr-green);color:#fff;font-size:14px;font-weight:600;line-height:1}
#irc-commercial .icr-conditions{display:grid}
#irc-commercial .icr-conditions>div{display:grid;grid-template-columns:minmax(120px,.6fr) minmax(0,1.4fr);gap:16px;padding:11px 0;border-bottom:1px solid var(--icr-line);font-size:16.5px}
#irc-commercial .icr-conditions dt{font-weight:500}
#irc-commercial .icr-step__art{position:relative;display:grid;gap:18px;align-content:center;margin:0;padding:clamp(24px,3vw,44px);background:var(--icr-stone);border-radius:4px}
#irc-commercial .icr-art{width:100%;height:auto;overflow:visible}
#irc-commercial .icr-art__line{fill:none;stroke:var(--icr-text);stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
#irc-commercial .icr-mark__lead{fill:none;stroke:var(--icr-green);stroke-width:1.4;stroke-dasharray:3 3}
#irc-commercial .icr-mark{transform-box:fill-box;transform-origin:50% 50%;transform:scale(var(--m,1))}
#irc-commercial .icr-mark circle{fill:var(--icr-green);stroke:#fff;stroke-width:2}
#irc-commercial .icr-mark text{fill:#fff;font:600 16px var(--icr-font);text-anchor:middle}
#irc-commercial .icr-assess .icr-art__field{fill:#e4e2dc;stroke:#8f938f;stroke-width:1.2}
#irc-commercial .icr-art__rib{fill:none;stroke:#a3a6a2;stroke-width:2.4;stroke-linecap:round}
#irc-commercial .icr-art__rib--lap{stroke:#5f6461}
#irc-commercial .icr-assess .icr-art__fix{fill:#fff;stroke:#3a3f3c;stroke-width:1.2}
#irc-commercial .icr-art__worn{fill:#c4b9a3;opacity:.6}
#irc-commercial .icr-assess .icr-art__spot{fill:#a7542e;opacity:.85}
#irc-commercial .icr-art__flash,#irc-commercial .icr-art__gutter{fill:#dcdad4;stroke:#5f6461;stroke-width:1.3}
#irc-commercial .icr-art__gutterline{fill:none;stroke:#a3a6a2;stroke-width:1}
#irc-commercial .icr-assess-art figcaption{font-size:15px;line-height:1.5;color:var(--icr-muted);max-width:45ch}
#irc-commercial .icr-doc{gap:0}
#irc-commercial .icr-doc__title{display:flex;justify-content:space-between;align-items:baseline;gap:12px;max-width:none;padding-bottom:14px;font-size:22px;font-weight:500}
#irc-commercial .icr-doc__title span{font-size:14.5px;font-weight:500;color:var(--icr-muted)}
#irc-commercial .icr-doc dl{display:grid;padding:4px 0 0;border-top:1px solid #c9c5be}
#irc-commercial .icr-doc dl>div{display:grid;grid-template-columns:minmax(100px,.8fr) minmax(0,1.3fr);gap:12px;padding:12px 0;border-bottom:1px solid var(--icr-line);font-size:16.5px;line-height:1.45}
#irc-commercial .icr-doc dt{color:var(--icr-muted)}
#irc-commercial .icr-doc dd{font-weight:500}
#irc-commercial .icr-doc dd strong{color:var(--icr-green);font-weight:600}
#irc-commercial .icr-doc__swatch{display:inline-block;width:14px;height:14px;margin-right:8px;border-radius:3px;background:#f1f0e6;box-shadow:inset 0 0 0 1px rgba(0,0,0,.25);vertical-align:-2px}
#irc-commercial .icr-gauge{max-width:360px}
#irc-commercial .icr-gauge__wet{fill:rgba(54,119,0,.28)}
#irc-commercial .icr-gauge__body{fill:#fff;stroke:var(--icr-text);stroke-width:1.4;stroke-linejoin:round}
#irc-commercial .icr-gauge__hit{fill:var(--icr-green)}
#irc-commercial .icr-gauge__label{fill:var(--icr-muted);font:500 15px var(--icr-font)}
#irc-commercial .icr-record__rows{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 22px}
#irc-commercial .icr-record__rows>div{display:grid;gap:2px;padding:10px 0;border-top:1px solid var(--icr-line)}
#irc-commercial .icr-record dt{font-size:14.5px;color:var(--icr-muted)}
#irc-commercial .icr-record dd{font-size:16.5px}
#irc-commercial .icr-record dd strong{color:var(--icr-green);font-weight:600}
#irc-commercial .icr-timeline{gap:22px}
#irc-commercial .icr-timeline__label{font-size:22px;font-weight:500}
#irc-commercial .icr-timeline__sub{margin-top:-10px;font-size:16.5px;line-height:1.5;color:var(--icr-body)}
#irc-commercial .icr-timeline__track{position:relative;height:78px;margin:0 34px 0 22px;--tl:1}
#irc-commercial .icr-timeline__line{position:absolute;left:0;right:0;top:20px;height:2px;background:linear-gradient(var(--icr-green),var(--icr-green)) 0 0/calc(var(--tl) * 100%) 100% no-repeat,#cfccc5}
#irc-commercial .icr-timeline__mark{position:absolute;left:calc(var(--x) * 100%);top:11px;display:flex;flex-direction:column;align-items:center;width:0}
#irc-commercial .icr-timeline__mark::before{content:'';flex:none;width:20px;height:20px;border-radius:50%;background:#fff;border:2px solid var(--icr-green);box-sizing:border-box}
#irc-commercial .icr-timeline__mark--wash::before{background:var(--icr-green)}
#irc-commercial .icr-timeline__mark--open::before{border-style:dashed}
#irc-commercial .icr-timeline__mark b{margin-top:10px;font-size:15px;font-weight:500;white-space:nowrap}
#irc-commercial .icr-timeline__note{font-size:15px;color:var(--icr-muted)}

/* ---------- working with IRC ---------- */
#irc-commercial .icr-roles{background:var(--icr-stone)}
#irc-commercial .icr-roles h2{font-size:clamp(34px,3.6vw,54px)}
/* One introduction for the section: heading and copy beside IRC's video, then the three support stages. */
#irc-commercial .icr-roles__intro{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(36px,5vw,88px);align-items:center;margin-bottom:clamp(56px,6.4vw,96px)}
#irc-commercial .icr-roles__head .icr-lead{margin-top:24px;max-width:34ch}
/* Support video. The poster carries IRC's own title card and logo, so the play button sits under the frame, aligned
   with its left edge, beside the Watch on YouTube link, rather than covering the artwork. Clicking the poster also
   starts the video (the button remains the keyboard and screen-reader control). YouTube's player, with its own
   controls, replaces the poster in the same frame. */
#irc-commercial .icr-film{margin:0;min-width:0}
#irc-commercial .icr-film__frame{position:relative;aspect-ratio:16/9;overflow:hidden;isolation:isolate;border-radius:var(--icr-radius);background:var(--icr-forest)}
#irc-commercial .icr-film__poster{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .6s var(--icr-ease)}
#irc-commercial .icr-film.is-ready:not(.is-playing) .icr-film__frame{cursor:pointer}
@media (hover:hover){#irc-commercial .icr-film.is-ready:not(.is-playing) .icr-film__frame:hover .icr-film__poster{transform:scale(1.015)}}
#irc-commercial .icr-film__play[hidden]{display:none}
#irc-commercial .icr-film__play .icr-i--play{fill:currentColor;stroke:none;margin-left:-4px}
#irc-commercial .icr-film__play:is(:hover,:focus-visible) .icr-i--play{transform:scale(1.14)}
#irc-commercial .icr-film__player{position:absolute;inset:0;z-index:3;width:100%;height:100%;border:0}
#irc-commercial .icr-film.is-playing .icr-film__poster{visibility:hidden}
#irc-commercial .icr-film__meta{display:flex;flex-wrap:wrap;align-items:center;gap:16px 32px;margin-top:20px}
#irc-commercial .icr-film__yt{font-size:15.5px}
#irc-commercial .icr-film__status{flex-basis:100%;font-size:15px;line-height:1.45;color:var(--icr-body)}
#irc-commercial .icr-film__status:empty{display:none}
/* Three connected stages on one line: our product advice, the applicator's work, the shared completion. */
#irc-commercial .icr-roles__map{position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px clamp(28px,3.6vw,64px);--rl:1}
#irc-commercial .icr-roles__map::before{content:'';position:absolute;left:10px;right:0;top:10px;height:2px;background:linear-gradient(var(--icr-green),var(--icr-green)) 0 0/calc(var(--rl) * 100%) 100% no-repeat,#cfccc5}
#irc-commercial .icr-role{position:relative;display:grid;align-content:start;gap:12px;padding-top:48px}
#irc-commercial .icr-role__node{position:absolute;left:0;top:0;width:22px;height:22px;border-radius:50%;background:var(--icr-stone);border:2px solid var(--icr-green)}
#irc-commercial .icr-role h3{font-size:clamp(22px,1.9vw,27px);letter-spacing:-.015em}
#irc-commercial .icr-role p{max-width:36ch;font-size:17px;line-height:1.65;color:var(--icr-body)}
#irc-commercial .icr-roles__note{margin-top:clamp(40px,4.4vw,64px);padding:20px 24px;border-radius:4px;background:#fff;font-size:17px;line-height:1.6;color:var(--icr-body);max-width:none}

/* ---------- questions ---------- */
#irc-commercial .icr-faq__grid{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,7fr);gap:clamp(40px,7vw,112px);align-items:start;max-width:calc(var(--icr-wrap) + var(--icr-gutter) * 2)}
#irc-commercial .icr-faq__grid>header{position:sticky;top:calc(var(--icr-header-offset) + var(--icr-nav-h) + 36px)}
#irc-commercial .icr-faq h2{font-size:clamp(34px,3.1vw,46px);line-height:1.13;text-wrap:initial}
#irc-commercial .icr-faq__intro{margin-top:24px;color:var(--icr-muted);font-size:17px;max-width:30ch}
#irc-commercial .icr-faq__grid>header .icr-link{margin-top:28px}
#irc-commercial .icr-faq__list details{border-bottom:1px solid var(--icr-line)}
#irc-commercial .icr-faq__list summary{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:25px 0;cursor:pointer;list-style:none}
#irc-commercial .icr-faq__list summary::-webkit-details-marker{display:none}
#irc-commercial .icr-faq__list details:first-child summary{padding-top:6px}
#irc-commercial .icr-faq__list details[open] .icr-faq__q{color:var(--icr-green-d)}
#irc-commercial .icr-faq__q{font-size:clamp(18px,1.4vw,20px);font-weight:500;line-height:1.45}
#irc-commercial .icr-faq__list summary::after{content:'';flex:none;width:14px;height:14px;background:linear-gradient(currentColor,currentColor) center/14px 1.6px no-repeat,linear-gradient(currentColor,currentColor) center/1.6px 14px no-repeat;transition:transform .3s var(--icr-ease)}
#irc-commercial .icr-faq__list details[open] summary::after{transform:rotate(45deg)}
#irc-commercial .icr-faq__a{padding:0 48px 26px 0}
#irc-commercial .icr-faq__a p{max-width:72ch;color:var(--icr-body)}

/* ---------- next steps ---------- */
#irc-commercial .icr-enquire{position:relative;overflow:hidden;background:linear-gradient(115deg,var(--icr-forest) 3%,#183d2a 62%,#295136);color:#fff;padding-block:var(--icr-space)}
/* The roof sits in the lower part of the section. It fades in through a mask (so it meets the green gradient
   without a coloured seam), keeps enough opacity for the rib geometry to read, and takes one forest tint. The copy
   column gets a little more shade; the white form panel sits over it unchanged. */
#irc-commercial .icr-enquire__field{position:absolute;left:0;right:0;bottom:0;height:min(62%,660px);pointer-events:none;-webkit-mask-image:linear-gradient(transparent,#000 30%,#000 65%,transparent 100%);mask-image:linear-gradient(transparent,#000 30%,#000 65%,transparent 100%)}
#irc-commercial .icr-enquire__field img{width:100%;height:100%;object-fit:cover;object-position:30% 100%;opacity:.62}
#irc-commercial .icr-enquire__field::after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(16,37,29,.7) 0%,rgba(16,37,29,.42) 40%,rgba(16,37,29,.14) 72%,rgba(16,37,29,.1) 100%),rgba(23,61,41,.2)}
#irc-commercial .icr-enquire__grid{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.95fr);gap:clamp(36px,6vw,104px);align-items:start}
#irc-commercial .icr-enquire__copy{padding-top:clamp(0px,2vw,24px)}
#irc-commercial .icr-enquire__copy h2{font-size:clamp(40px,4.6vw,68px);line-height:1.05;letter-spacing:-.035em}
#irc-commercial .icr-enquire__copy .icr-lead{margin-top:24px;max-width:32em;color:var(--icr-dtext)}
#irc-commercial .icr-enquire__actions{display:flex;flex-wrap:wrap;align-items:center;gap:20px 32px;margin-top:clamp(28px,3.5vw,40px)}
#irc-commercial .icr-enquire__phone{display:inline-grid;gap:2px;font-size:clamp(22px,1.9vw,26px);font-weight:500;line-height:1.15;letter-spacing:-.01em;color:#fff;text-decoration:none;transition:color .2s}
#irc-commercial .icr-enquire__phone span{font-size:14.5px;font-weight:500;letter-spacing:0;color:var(--icr-dtext)}
#irc-commercial .icr-enquire__phone:hover{color:var(--icr-accent)}
#irc-commercial .icr-enquire__form{position:relative;padding:clamp(28px,3.4vw,52px);background:#fff;color:var(--icr-text);border-radius:6px}
#irc-commercial .icr-enquire__form :focus-visible{outline-color:var(--icr-green)}
#irc-commercial .icr-enquire__formtitle{margin-bottom:22px;font-size:clamp(23px,2vw,29px);font-weight:500;line-height:1.2;letter-spacing:-.015em}
#irc-commercial .icr-enquire__formintro{margin:-10px 0 24px;font-size:16.5px;line-height:1.55;color:var(--icr-muted)}
#irc-commercial .icr-contact{display:grid;gap:18px}
#irc-commercial .icr-contact p{color:var(--icr-muted)}
#irc-commercial .icr-contact ul{display:grid;border-top:1px solid var(--icr-line)}
#irc-commercial .icr-contact li{padding:12px 0;border-bottom:1px solid var(--icr-line);font-size:16.5px}
#irc-commercial .icr-contact .icr-btn{justify-self:start}

/* Gravity Forms inside this page only */
#irc-commercial .gform_wrapper,#irc-commercial .gform_wrapper form{margin:0}
#irc-commercial .gform-theme--framework{--gf-font-family:var(--icr-font);--gf-color-primary:#367700;--gf-ctrl-font-size:16px;--gf-ctrl-radius:5px;--gf-ctrl-border-color:#cfcbc4;--gf-ctrl-bg-color:#f7f6f3}
#irc-commercial .gform_wrapper .gform_fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 14px;margin:0;padding:0;list-style:none}
#irc-commercial .gform_wrapper .gform_fields>.gfield{grid-column:1/-1;min-width:0;margin:0;padding:0}
#irc-commercial .gform_wrapper .gform_fields>:is(.gfield--width-half,.gfield--width-third,.gfield--width-quarter,.gfield--width-five-twelfths){grid-column:span 1}
#irc-commercial .gform_wrapper :is(.gfield_visibility_hidden,.gform_hidden,.gform_validation_container,.gfield--type-honeypot){display:none!important}
#irc-commercial .gform_wrapper .gfield_label{display:block;margin:0 0 7px;padding:0;font-size:15px;font-weight:500;line-height:1.5;color:var(--icr-text)}
#irc-commercial .gform_wrapper .gfield_required{color:var(--icr-green);font-size:14px;padding-left:3px}
#irc-commercial .gform_wrapper :is(input:not([type=submit]):not([type=checkbox]):not([type=radio]):not([type=hidden]),textarea,select){box-sizing:border-box;width:100%!important;max-width:100%!important;min-height:50px;padding:11px 13px;border:1px solid #cfcbc4;border-radius:5px;background:#f7f6f3;font:400 16px/1.4 var(--icr-font);color:var(--icr-text)}
#irc-commercial .gform_wrapper textarea{min-height:120px;resize:vertical}
#irc-commercial .gform_wrapper :is(input,textarea,select):focus{background:#fff;border-color:var(--icr-green);outline:2px solid var(--icr-green);outline-offset:1px}
#irc-commercial .gform_wrapper .gform_footer{display:flex;align-items:center;gap:12px;margin:22px 0 0;padding:0}
#irc-commercial .gform_wrapper .gform_button{width:100%;min-height:54px;padding:14px 20px;border:0;border-radius:6px;background:var(--icr-green);color:#fff;font:500 17px/1.3 var(--icr-font);cursor:pointer}
#irc-commercial .gform_wrapper .gform_button:hover{background:var(--icr-green-d)}
#irc-commercial .gform_wrapper .gform_ajax_spinner{flex:none;width:22px!important;height:22px!important;margin:0}
#irc-commercial .gform_wrapper :is(.gfield_validation_message,.validation_message){margin:6px 0 0;padding:0;border:0;background:none;font-size:14.5px;color:#a42b2b}
#irc-commercial .gform_wrapper .gform_validation_errors{margin:0 0 20px;padding:16px;border:1px solid #c67a7a;background:#fff5f4}
#irc-commercial .gform_confirmation_wrapper{padding:22px;background:var(--icr-stone);border-radius:5px}
#irc-commercial .gform_wrapper .ginput_counter{font-size:13.5px;color:var(--icr-muted)}
#irc-commercial .gform_wrapper :is(.ginput_container,.ginput_container_phone,.ginput_container_email,.ginput_container_text,.iti){display:block;width:100%!important;max-width:100%!important}
#irc-commercial .gform_wrapper .gfield:not(.gfield--type-textarea) .ginput_counter{display:none}
#irc-commercial .gform_wrapper .gform_fields>.gfield{width:auto!important;max-width:none!important;justify-self:stretch!important}
#irc-commercial .gform_wrapper .ginput_container>:not(.ginput_counter):not(.instruction){display:block;width:100%!important;max-width:100%!important}

/* ---------- notes ---------- */
#irc-commercial .icr-notes{position:relative;z-index:1;padding-top:36px;background:transparent;border:0}
#irc-commercial .icr-notes__grid{font-size:14px;line-height:1.6;color:#bec9c2}
#irc-commercial .icr-notes__grid>p{max-width:110ch;font-size:14px;line-height:1.6}
#irc-commercial .icr-notes__links{display:flex;flex-wrap:wrap;gap:6px 22px}
#irc-commercial .icr-notes__links a{color:var(--icr-text);text-underline-offset:3px}

/* ---------- motion states (only while the page script runs motion) ---------- */
/* Coating system, scroll-linked on large screens: the roof surface gives way to the section, then the layers. */
#irc-commercial[data-motion="on"] .icr-system--scrub .icr-stage__roof{display:block}
#irc-commercial[data-motion="on"] .icr-system--scrub .icr-system__steps{position:absolute;left:clamp(20px,2.4vw,36px);right:clamp(20px,2.4vw,36px);bottom:clamp(18px,2.4vh,28px);display:flex;gap:14px;font-size:14px;line-height:1.35;color:var(--icr-dmuted)}
#irc-commercial[data-motion="on"] .icr-system--scrub .icr-system__steps li{flex:1;padding-top:12px;border-top:2px solid var(--icr-dline);transition:color .3s,border-color .3s}
#irc-commercial[data-motion="on"] .icr-system--scrub .icr-system__steps li.is-active{color:#fff;border-color:var(--icr-accent)}
/* The scroll-linked sequence gets a steady run: about 1.6 screens of scrolling at 900px tall, the first quarter
   holding the intact roof. */
#irc-commercial[data-motion="on"] .icr-system--scrub .icr-system__grid{min-height:calc(100vh + 1120px);min-height:calc(100svh + 1120px)}
/* The text column keeps its natural spacing and stays in view beside the stage: it sticks below the section bar,
   or, when it is taller than the window, as soon as its last line is in view (the script measures this). */
#irc-commercial[data-motion="on"] .icr-system--scrub .icr-system__body{position:sticky;top:var(--icr-sysbody-top,calc(var(--icr-header-offset) + var(--icr-nav-h) + 24px));align-self:start}

/* Opening: before paint, the script announces itself and the coated roof is held back for the reveal.
   If the script never runs, the fail-safe shows the finished state after 1.4s. */
.icr-enter #irc-commercial .icr-field__after{clip-path:polygon(-263.87% 140.90%,29.97% 140.90%,60.23% 13.52%,11.43% 13.52%);animation:icr-failsafe-coat 0s linear 1.4s forwards}
@keyframes icr-failsafe-coat{to{clip-path:inset(0)}}

/* ---------- responsive ---------- */
@media (max-width:1100px){
  #irc-commercial .icr-facts{grid-template-columns:repeat(3,minmax(0,1fr));row-gap:18px}
  #irc-commercial .icr-facts li:first-child{grid-column:1/-1;padding-bottom:16px;border-bottom:1px solid rgba(255,255,255,.18)}
  #irc-commercial .icr-facts li:nth-child(2){padding-left:0;border-left:0}
  #irc-commercial .icr-case__outcome{grid-template-columns:minmax(0,1fr)}
  #irc-commercial .icr-case__close{max-width:34ch}
  #irc-commercial .icr-system__grid{grid-template-columns:minmax(0,1fr)}
  #irc-commercial .icr-system__visual{position:relative;top:auto;height:auto;min-height:0;max-height:none;order:2}
  #irc-commercial .icr-system__body{display:contents}
  #irc-commercial .icr-system__intro{order:1}
  #irc-commercial .icr-stage__metric{order:3}
  #irc-commercial .icr-system__controls{order:4}
  #irc-commercial .icr-spec{order:5}
  #irc-commercial .icr-stage{height:auto;aspect-ratio:16/11}
  #irc-commercial .icr-products__layout{grid-template-columns:minmax(0,1fr)}
  #irc-commercial .icr-products__media{padding-block:0;gap:12px}
  #irc-commercial .icr-products__pail{width:clamp(180px,34vw,300px)}
  #irc-commercial .icr-step{grid-template-columns:minmax(0,1fr)}
}
@media (max-width:860px){
  /* Phones and small tablets: a compact introduction, then a generous roof picture, then the facts. */
  #irc-commercial .icr-hero{grid-template-rows:auto auto auto;grid-template-areas:"text" "stage" "facts";min-height:0}
  #irc-commercial .icr-hero__art{grid-area:stage}
  #irc-commercial .icr-hero__inner{grid-area:text;align-self:start;padding-top:calc(var(--icr-header-overlap) + 48px);padding-bottom:16px}
  #irc-commercial .icr-hero__art::after{background:linear-gradient(180deg,#153825 0%,rgba(16,37,29,.22) 65%,rgba(16,37,29,.55))}
  #irc-commercial .icr-hero__group{max-width:640px;margin-left:0;top:0}
  #irc-commercial .icr-hero__facts{background:rgba(16,37,29,.94);-webkit-backdrop-filter:none;backdrop-filter:none}
  #irc-commercial .icr-btn--toform .icr-i--wide{display:none}
  #irc-commercial .icr-btn--toform .icr-i--narrow{display:block}
  #irc-commercial .icr-made{grid-template-columns:minmax(0,1fr)}
  #irc-commercial .icr-made__copy{max-width:700px}
  #irc-commercial .icr-hero__art{margin-top:-8px}
  #irc-commercial .icr-field{width:170%;margin-left:-40%}
  #irc-commercial .icr-benefits{grid-template-columns:minmax(0,1fr)}
  #irc-commercial .icr-roles__intro,#irc-commercial .icr-faq__grid{grid-template-columns:minmax(0,1fr);align-items:start}
  #irc-commercial .icr-faq__grid>header{position:static}
  #irc-commercial .icr-roles__map{grid-template-columns:minmax(0,1fr);gap:32px}
  #irc-commercial .icr-roles__map::before{left:10px;right:auto;top:10px;bottom:10px;width:2px;height:auto;background:linear-gradient(var(--icr-green),var(--icr-green)) 0 0/100% calc(var(--rl) * 100%) no-repeat,#cfccc5}
  #irc-commercial .icr-role{padding:0 0 0 48px}
  #irc-commercial .icr-head--split,#irc-commercial .icr-products__head{grid-template-columns:minmax(0,1fr);align-items:start}
  #irc-commercial .icr-scope{grid-template-columns:minmax(0,1fr);gap:16px}
  #irc-commercial .icr-stage{display:grid;gap:18px;aspect-ratio:auto;padding:64px 20px 22px}
  #irc-commercial .icr-stage__section{position:relative;inset:auto}
  #irc-commercial .icr-stratum__label{display:none}
  #irc-commercial .icr-layerlist{position:static!important;width:auto;height:auto;overflow:visible;clip-path:none;white-space:normal;display:grid;border-top:1px solid var(--icr-dline)}
  #irc-commercial .icr-layerlist li{display:flex;justify-content:space-between;gap:16px;padding:11px 0;border-bottom:1px solid var(--icr-dline);font-size:16px;transition:opacity .45s var(--icr-ease)}
  #irc-commercial .icr-layerlist li span{color:var(--icr-dmuted);text-align:right}
  #irc-commercial [data-coat-view="primer"]~.icr-layerlist li:is([data-layer="3"],[data-layer="4"]),
  #irc-commercial [data-coat-view="membrane"]~.icr-layerlist li:is([data-layer="1"],[data-layer="2"]){opacity:.4}
  #irc-commercial .icr-solar{grid-template-columns:minmax(0,1fr);grid-template-areas:"pick" "diag" "read"}
  #irc-commercial .icr-explain{grid-template-columns:minmax(0,1fr);gap:28px}
  #irc-commercial .icr-enquire__grid{grid-template-columns:minmax(0,1fr)}
  #irc-commercial .icr-enquire__field{height:44%}
  #irc-commercial .icr-sectionnav .icr-btn--small{display:none}
  #irc-commercial .icr-sectionnav__links{-webkit-mask-image:linear-gradient(90deg,#000 88%,transparent);mask-image:linear-gradient(90deg,#000 88%,transparent);padding-right:24px}
}
@media (max-width:600px){
  #irc-commercial .icr-made{padding:24px 20px}
  #irc-commercial .icr-made__identity{gap:20px}
  #irc-commercial .icr-made__identity img{width:110px}
  #irc-commercial{--icr-gutter:20px;--icr-nav-h:56px;font-size:17px}
  #irc-commercial h2,#irc-commercial :is(.icr-case,.icr-results,.icr-enquire__copy,.icr-system__body,.icr-thermal,.icr-roles,.icr-faq) h2{font-size:clamp(31px,8.4vw,40px);line-height:1.1}
  #irc-commercial .icr-hero__title{font-size:clamp(42px,11.6vw,54px);line-height:1.06}
  #irc-commercial .icr-hero__kicker{font-size:14.5px;margin-bottom:14px}
  #irc-commercial .icr-hero__lead{margin-top:18px}
  #irc-commercial .icr-field{width:210%;margin-left:-62%}
  #irc-commercial .icr-hero__actions{flex-direction:column;align-items:stretch;gap:14px}
  #irc-commercial .icr-btn:not(.icr-btn--small){padding:14px 18px;gap:10px;font-size:16px}
  #irc-commercial .icr-hero__actions .icr-link{align-self:flex-start}
  #irc-commercial .icr-hero__note{font-size:15.5px}
  #irc-commercial .icr-facts{grid-template-columns:repeat(2,minmax(0,1fr))}
  #irc-commercial .icr-facts li{padding-inline:14px}
  #irc-commercial .icr-facts li:is(:first-child,:last-child){grid-column:1/-1}
  #irc-commercial .icr-facts li:nth-child(2){padding-left:0;border-left:0}
  #irc-commercial .icr-facts li:last-child{padding:14px 0 0;border-left:0;border-top:1px solid rgba(255,255,255,.18)}
  #irc-commercial .icr-facts strong{font-size:19px}
  #irc-commercial .icr-facts span{font-size:15px}
  #irc-commercial .icr-sectionnav__inner{gap:8px}
  #irc-commercial .icr-sectionnav__links a{padding:9px 10px;font-size:15px}
  #irc-commercial .icr-motionbtn{padding:8px 10px}
  #irc-commercial .icr-motionbtn__label{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
  #irc-commercial .icr-case__panel{padding:24px 18px;margin-inline:-4px}
  #irc-commercial .icr-scope__count b{font-size:44px}
  #irc-commercial .icr-lead,#irc-commercial .icr-results__lead,#irc-commercial .icr-hero__lead,#irc-commercial .icr-intro{font-size:17.5px}
  #irc-commercial .icr-benefits p,#irc-commercial .icr-pcard p:not([class]),#irc-commercial .icr-explain p,#irc-commercial .icr-role p,#irc-commercial .icr-coatnote p{font-size:17px}
  #irc-commercial .icr-coatnote{grid-template-columns:minmax(0,1fr);gap:14px}
  #irc-commercial .icr-coatkey{grid-template-columns:repeat(5,minmax(0,1fr));align-items:end;max-width:200px}
  #irc-commercial .icr-system__controls{width:100%;min-width:0}
  #irc-commercial .icr-system__controls .icr-segment{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));width:100%;margin:0;gap:4px;padding:4px;border-bottom:0;border-radius:8px 8px 0 0;box-shadow:none}
  #irc-commercial .icr-system__controls .icr-segment button{min-width:0;min-height:52px;padding:10px 4px;font-size:14.5px;line-height:1.2;white-space:normal;text-wrap:balance}
  #irc-commercial .icr-system__controls .icr-coatnote{width:100%;margin:0;padding:20px;border:1px solid var(--icr-line);border-top:0;border-radius:0 0 8px 8px}
  #irc-commercial .icr-conditions>div,#irc-commercial .icr-doc dl>div{grid-template-columns:minmax(0,1fr);gap:2px}
  #irc-commercial .icr-products__total{grid-template-columns:minmax(0,1fr)}
  #irc-commercial .icr-step{padding-left:40px}
  #irc-commercial .icr-step__art{padding:20px}
  #irc-commercial .icr-timeline__track{margin:0 24px 0 12px;height:100px}
  #irc-commercial .icr-timeline__mark b{font-size:14.5px}
  #irc-commercial .icr-timeline__mark--start b{transform:translateX(50%)}
  #irc-commercial .icr-timeline__mark--open b{transform:translateX(-50%)}
  #irc-commercial .icr-timeline__mark:nth-child(odd) b{margin-top:34px}
  #irc-commercial .icr-tsr__table td{width:auto}
  #irc-commercial .icr-tsr__table :is(th,td){padding-right:12px}
  #irc-commercial .icr-bar{grid-template-columns:minmax(0,1fr);gap:6px}
  #irc-commercial .icr-bar::before,#irc-commercial .icr-bar__fill{grid-area:2/1}
  #irc-commercial .icr-bar__val{grid-area:1/1;font-size:15.5px}
  #irc-commercial .icr-chip{margin-right:8px}
  #irc-commercial .icr-solar__label{display:none}
  #irc-commercial .icr-compare{width:100%;aspect-ratio:4/3.4}
  #irc-commercial .icr-compare__tag{bottom:calc(var(--ci) + 12px);font-size:14px}
  #irc-commercial .icr-compare__tag--before{left:calc(var(--ci) + 12px)}
  #irc-commercial .icr-compare__tag--after{right:calc(var(--ci) + 12px)}
  #irc-commercial .icr-enquire__actions{flex-direction:column;align-items:stretch}
  #irc-commercial .icr-enquire__actions .icr-link{align-self:flex-start}
  #irc-commercial .gform_wrapper .gform_fields>.gfield{grid-column:1/-1!important}
  #irc-commercial .icr-faq__a{padding-right:0}
  #irc-commercial .icr-enquire__actions .icr-enquire__phone{align-self:flex-start}
}
/* Compact phones need a third label row, keeping both endpoints inside the card. */
@media(max-width:360px){
  #irc-commercial .icr-timeline__track{height:125px}
  #irc-commercial .icr-timeline__mark:nth-child(4) b{margin-top:58px}
  #irc-commercial .icr-hero__actions .icr-btn,#irc-commercial .icr-enquire__actions .icr-btn{font-size:14.5px;padding-inline:12px;gap:8px}
}
@media (prefers-reduced-motion:reduce){
  #irc-commercial .icr-film__poster{transition:none;transform:none!important}
  #irc-commercial *,#irc-commercial *::before,#irc-commercial *::after{transition-duration:.01ms!important;animation-duration:.01ms!important}
  #irc-commercial .icr-i{transform:none!important}
  .icr-enter #irc-commercial .icr-field__after{clip-path:inset(0);animation:none}
  .icr-enter #irc-commercial .icr-hero__sheet{opacity:1;animation:none}
}
@media print{
  #irc-commercial [data-reveal],#irc-commercial [data-reveal] *,#irc-commercial [data-text-reveal]{opacity:1!important;transform:none!important}
  #irc-commercial .icr-hero__sheet{display:none!important}
  #irc-commercial .icr-hero__inner{padding-bottom:24px}
  #irc-commercial .icr-sectionnav,#irc-commercial .icr-hero__art,#irc-commercial .icr-solar__picker,#irc-commercial .icr-enquire__field,#irc-commercial .icr-stage__roof,#irc-commercial .icr-made__media,#irc-commercial .icr-film__play{display:none!important}
  #irc-commercial .icr-hero,#irc-commercial .icr-results,#irc-commercial .icr-enquire{background:#fff;color:#000}
  #irc-commercial .icr-system__visual{position:static;height:auto}
}

/* R11: roof health and indoor comfort. Diagrams remain readable without motion or JavaScript. */
#irc-commercial .icr-rust{background:var(--icr-stone);padding-block:clamp(64px,7vw,108px)}
#irc-commercial .icr-comfort{background:#f6f6f2;padding-block:clamp(64px,7vw,108px)}
#irc-commercial .icr-science-grid{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:clamp(36px,6vw,88px);align-items:center}
#irc-commercial .icr-science-copy h2{font-size:clamp(32px,3vw,46px);line-height:1.13;text-wrap:balance;margin-bottom:24px}
#irc-commercial .icr-science-copy>p:not(.icr-eyebrow){font-size:18px;line-height:1.65;color:var(--icr-body);margin-top:16px}
#irc-commercial .icr-science-note{margin-top:28px;padding-left:20px;border-left:2px solid #a4aaa1}
#irc-commercial .icr-science-note h3{font-size:20px;line-height:1.35;margin-bottom:9px}
#irc-commercial .icr-science-note p{font-size:16.5px;line-height:1.65;color:var(--icr-muted)}
#irc-commercial .icr-science-copy>.icr-inline{display:inline-block;margin-top:24px;font-size:16px}
#irc-commercial .icr-science-figure{min-width:0;width:100%;align-self:center}
#irc-commercial .icr-science-figure svg{width:100%;height:auto;overflow:visible;font-family:var(--icr-font)}
#irc-commercial .icr-science-figure figcaption{font-size:14px;line-height:1.55;color:var(--icr-muted);margin-top:16px;max-width:55ch}
@media(max-width:860px){
  #irc-commercial .icr-science-grid{grid-template-columns:minmax(0,1fr);gap:36px}
  #irc-commercial .icr-science-copy{max-width:640px}
  #irc-commercial .icr-science-copy>p:not(.icr-eyebrow){font-size:17px}
  #irc-commercial .icr-science-figure{max-width:660px;margin-inline:auto}
}
@media print{
  #irc-commercial .icr-science-figure{break-inside:avoid}
  #irc-commercial .icr-science-figure svg *{opacity:1!important;visibility:visible!important;transform:none!important;stroke-dashoffset:0!important}
}

/* Smaller desktop diagram labels, with readable sizing on a narrow phone figure. */
@media(max-width:600px){
  #irc-commercial .icr-comfort-diagram text{font-size:21px}
  #irc-commercial .icr-rust__sites text{font-size:20px}
  #irc-commercial .icr-rust__labels text{font-size:22px}
  #irc-commercial .icr-rust__water text,#irc-commercial .icr-rust__stages text,#irc-commercial .icr-rust__ion-label{font-size:20px}
}

/* R16: actual roof texture introduces the subject; the mechanism has its own clear space below. */
#irc-commercial .icr-rust__intro{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:clamp(36px,6vw,88px);align-items:center}
#irc-commercial .icr-rust__photo{min-width:0;margin:0}
#irc-commercial .icr-rust__photo img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;border-radius:8px}
#irc-commercial .icr-rust__photo figcaption{font-size:14px;line-height:1.5;color:var(--icr-muted);margin-top:12px}
#irc-commercial .icr-rust__detail{display:grid;grid-template-columns:minmax(0,6fr) minmax(0,5fr);gap:clamp(36px,6vw,88px);align-items:center;margin-top:clamp(36px,4vw,64px)}
#irc-commercial .icr-rust__guidance{max-width:440px}
#irc-commercial .icr-rust__guidance .icr-science-note{margin-top:26px}
#irc-commercial .icr-rust__guidance .icr-inline{display:inline-block;margin-top:24px;font-size:16px}
@media(max-width:860px){
  #irc-commercial .icr-rust__intro,#irc-commercial .icr-rust__detail{grid-template-columns:minmax(0,1fr);gap:28px}
  #irc-commercial .icr-rust__photo{width:100%;max-width:660px;margin-inline:auto}
  #irc-commercial .icr-rust__detail{margin-top:36px}
  #irc-commercial .icr-rust__guidance{max-width:640px}
}
@media(max-width:600px){#irc-commercial .icr-notes{padding-top:28px}}
@media print{
  #irc-commercial .icr-notes__grid{color:#555}
  #irc-commercial .icr-rust__photo{break-inside:avoid}
}

/* R16: explanatory copy beside the mechanism, followed by the metal-loss limitation. */
#irc-commercial .icr-rust__explanation h3{font-size:20px;line-height:1.35;margin:0 0 9px}
#irc-commercial .icr-rust__explanation h3:not(:first-child){margin-top:24px}
#irc-commercial .icr-rust__explanation p{font-size:16.5px;line-height:1.65;color:var(--icr-body)}
#irc-commercial .icr-coatnote.is-resizing{overflow:hidden;align-items:start}