@font-face{font-family:"Roboto";src:url("https://lp.sprinturf.com/hubfs/OverDrive%20TFE/roboto-latin-300-normal.woff2") format("woff2");font-weight:300;font-style:normal;font-display:swap}
@font-face{font-family:"Roboto";src:url("https://lp.sprinturf.com/hubfs/OverDrive%20TFE/roboto-latin-400-normal.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"Roboto";src:url("https://lp.sprinturf.com/hubfs/OverDrive%20TFE/roboto-latin-500-normal.woff2") format("woff2");font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:"Roboto";src:url("https://lp.sprinturf.com/hubfs/OverDrive%20TFE/roboto-latin-700-normal.woff2") format("woff2");font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:"Roboto";src:url("https://lp.sprinturf.com/hubfs/OverDrive%20TFE/roboto-latin-400-italic.woff2") format("woff2");font-weight:400;font-style:italic;font-display:swap}
@font-face{font-family:"Roboto Condensed";src:url("https://lp.sprinturf.com/hubfs/OverDrive%20TFE/roboto-condensed-latin-700-normal.woff2") format("woff2");font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:"Uni Sans";src:url("https://lp.sprinturf.com/hubfs/OverDrive%20TFE/UniSans-Heavy.otf") format("opentype");font-weight:900;font-style:normal;font-display:swap}
@font-face{font-family:"Uni Sans";src:url("https://lp.sprinturf.com/hubfs/OverDrive%20TFE/UniSans-HeavyItalicCaps.otf") format("opentype");font-weight:900;font-style:italic;font-display:swap}
@font-face{font-family:"Uni Sans";src:url("https://lp.sprinturf.com/hubfs/OverDrive%20TFE/UniSans-Thin.otf") format("opentype");font-weight:100;font-style:normal;font-display:swap}
@font-face{font-family:"Uni Sans";src:url("https://lp.sprinturf.com/hubfs/OverDrive%20TFE/UniSans-ThinItalicCaps.otf") format("opentype");font-weight:100;font-style:italic;font-display:swap}
:root{
  /* ---- Fiber colors (spec sheets). Supplied by the Sprinturf team, Oct 2026. Used only as fiber color cells in spec tables, always with white type. ---- */
  --fiber-field-green:#4f7e3a;
  --fiber-lime-green:#6ba342;
  --fiber-black:#000000;
  /* ---- Primary palette (Manual p.5) ---- */
  --st-green:#00ae41;              /* PMS 354, C94 M0 Y100 K0, the brand color */
  --st-black:#000000;              /* Black, C50 M35 Y35 K100 rich black in print */
  --st-cool-gray-10:#646469;       /* Cool Gray 10, C61 M52 Y48 K19 */
  --st-white:#ffffff;

  /* ---- American palette (Manual p.5) ----
     Used ONLY in the Made in America logo. Never as page, product, or UI color. */
  --st-red:#c5093b;                /* PMS 193 */
  --st-navy:#031d40;               /* PMS 282 */

  /* ---- Secondary palette (Manual p.5) ---- */
  --st-blue:#1c3c6e;               /* Sprinturf Blue, C100 M85 Y30 K16. Screen value taken from the approved Predator spec sheet PDF (print-accurate CMYK conversion). Not #002096, which was a naive conversion and reads too purple. */
  --st-blue-light:#4e5f8f;         /* Light Sprinturf Blue. Approved by the Sprinturf team; value from the Predator spec sheet PDF. Secondary bands under a Sprinturf Blue band; white type passes 4.5:1. */
  --st-silver:#8e8f90;             /* PMS 877, C47 M38 Y38 K2, in place of Cool Gray 10 */

  /* ---- GreenPlay sub-brand (natural infill line) ----
     GreenPlay has its own palette and does NOT inherit the Sprinturf green.
     Sampled from the supplied logo artwork; see guidelines/greenplay.md. */
  --gp-green:#238a46;              /* GreenPlay green, the "GREEN" half of the wordmark */
  --gp-brown:#7c5c24;              /* GreenPlay brown, the "PLAY" half */
  --gp-mint:#72bf44;               /* CoreFill highlight */
  --gp-olive:#6b7a4c;              /* CoreFill outer */
  --gp-corefill-green:#2c7f2f;     /* CoreFill "FILL" */
  --gp-evo-navy:#203a71;           /* GreenPlay EVO navy */
  --gp-corkonut-orange:#f7941d;    /* CORKONUT orange */

  /* ---- Natural Series + trade-show extensions (Manual p.9) ---- */
  --st-natural-sage:#52a981;       /* PMS 2247 */
  --st-natural-teal:#009582;       /* PMS 3255 */
  --st-natural-cyan:#0097aa;       /* PMS 3115 */
  --st-natural-lime:#74bf43;       /* PMS 7488 */
  --st-natural-moss:#70b470;       /* PMS 360  */
  --st-gray-10:#5a5b5d;            /* PMS Cool Gray 10 (trade-show build) */
  --st-gray-5:#bbbdc0;             /* PMS Cool Gray 5 */

  /* ---- Neutral ramp: derived from Black / Cool Gray 10 / Cool Gray 5 / Sand ---- */
  --st-n-0:#ffffff;
  --st-n-50:#f7f7f8;
  --st-n-100:#eeeef0;
  --st-n-200:#e2e3e6;
  --st-n-300:#bbbdc0;
  --st-n-400:#8e8f90;
  --st-n-500:#646469;
  --st-n-600:#5a5b5d;
  --st-n-700:#3c3d41;
  --st-n-800:#25262a;
  --st-n-900:#131417;
  --st-n-1000:#000000;

  /* ---- Green ramp: tints/shades of PMS 354, for states only ---- */
  --st-green-50:#e6f7ed;
  --st-green-100:#c0ecd2;
  --st-green-300:#4cc77c;
  --st-green-500:#00ae41;
  --st-green-600:#009338;
  --st-green-700:#00752c;
  --st-green-900:#004a1c;

  /* Pattern ink for background use: the pale cool gray the honeycomb reads as in literature */
  --st-pattern-gray:#e8e9ea;

  /* Small honeycomb background pattern ink (cards, cover panels). Approved Oct 2026 */
  --pattern-honeycomb-gray:#dcdcdd;

  /* Large flat-top honeycomb on Sprinturf Green: lines are Sprinturf Green tinted 20% toward white (approved Oct 2026) */
  --pattern-green-line:#33be67;

  /* ---- Semantic aliases ---- */
  --brand:var(--st-green);
  --brand-hover:var(--st-green-600);
  --brand-active:var(--st-green-700);
  --brand-subtle:var(--st-green-50);

  --text-strong:var(--st-black);
  --text-body:var(--st-n-800);
  --text-muted:var(--st-n-500);
  --text-faint:var(--st-n-400);
  --text-on-brand:var(--st-white);
  --text-on-dark:var(--st-white);
  --text-on-dark-muted:rgba(255,255,255,.68);
  --text-link:var(--st-green-700);
  --text-link-hover:var(--st-black);

  --surface-page:var(--st-white);
  --surface-literature:var(--st-white);  /* Literature backgrounds are white. PMS 7527 sand is retired. */
  --surface-card:var(--st-white);
  --surface-sunken:var(--st-n-50);
  --surface-inverse:var(--st-black);
  --surface-inverse-2:var(--st-n-900);
  --surface-brand:var(--st-green);
  --surface-pattern:var(--st-pattern-gray);

  --border-subtle:var(--st-n-100);
  --border-default:var(--st-n-200);
  --border-strong:var(--st-n-300);
  --border-inverse:rgba(255,255,255,.16);
  --border-focus:var(--st-green);

  --accent-flag-red:var(--st-red);
  --accent-flag-navy:var(--st-navy);

  --status-success:var(--st-green-600);
  --status-warning:#b8781a;
  --status-danger:var(--st-red);
  --status-info:var(--st-natural-cyan);
  --status-neutral:var(--st-n-500);
  /* ---- Healthy Spaces Council: separate brand, see guidelines/hsc.md ----
     Taken from the Healthy Spaces Council logo; approved by the Sprinturf team, Oct 2026. Use only on Healthy Spaces Council materials.
     All other colors on those materials come from the Sprinturf palette. */
  --hsc-blue:#25aae1;              /* Lead accent. Fills, rules, borders. Black type only on it; never as text on white. */
}

:root{
  /* Families. Condensed carries every headline; Roboto carries every body run. */
  --font-heading:"Uni Sans","Roboto Condensed","Arial Narrow",Helvetica,sans-serif;
  --font-condensed:"Roboto Condensed","Roboto Condensed Fallback","Arial Narrow",Helvetica,sans-serif;
  --font-sans:"Roboto","Helvetica Neue",Helvetica,Arial,sans-serif;
  --font-display:var(--font-heading);
  --font-body:var(--font-sans);
  --font-mono:ui-monospace,"SFMono-Regular",Menlo,Consolas,monospace;

  /* Weights actually licensed in the manual's specimen (p.4) */
  --fw-thin:100; /* @kind font */
  --fw-light:300; /* @kind font */
  --fw-regular:400; /* @kind font */
  --fw-medium:500; /* @kind font */
  --fw-bold:700; /* @kind font */
  --fw-black:900; /* @kind font */

  /* Type scale: 1.25 major-third-ish, tuned for condensed headlines */
  --fs-2xs:11px;--fs-xs:12px;--fs-sm:14px;--fs-md:16px;--fs-lg:18px;
  --fs-xl:22px;--fs-2xl:28px;--fs-3xl:36px;--fs-4xl:48px;--fs-5xl:64px;--fs-6xl:84px;--fs-7xl:112px;

  --lh-tight:.92; /* @kind font */
  --lh-snug:1.06; /* @kind font */
  --lh-heading:1.14; /* @kind font */
  --lh-body:1.55; /* @kind font */
  --lh-loose:1.7; /* @kind font */

  --ls-display:-0.015em; /* @kind font */
  --ls-heading:-0.005em; /* @kind font */
  --ls-body:0em; /* @kind font */
  --ls-eyebrow:0.14em; /* @kind font */
  --ls-button:0.06em; /* @kind font */

  /* Real italic cuts of Uni Sans Heavy and Thin are installed, so the display italic
     echoes the oblique wordmark with the designed slant, never a synthetic one. */
  --display-oblique:italic; /* @kind font */
}

/* Reusable type roles */
.st-display{font-family:var(--font-display);font-weight:var(--fw-black);font-style:var(--display-oblique);text-transform:uppercase;font-size:var(--fs-6xl);line-height:var(--lh-tight);letter-spacing:var(--ls-display)}
.st-h1{font-family:var(--font-display);font-weight:var(--fw-black);text-transform:uppercase;font-size:var(--fs-4xl);line-height:var(--lh-snug);letter-spacing:var(--ls-display)}
.st-h2{font-family:var(--font-display);font-weight:var(--fw-bold);text-transform:uppercase;font-size:var(--fs-3xl);line-height:var(--lh-heading);letter-spacing:var(--ls-heading)}
.st-h3{font-family:var(--font-display);font-weight:var(--fw-bold);font-size:var(--fs-xl);line-height:var(--lh-heading)}
.st-eyebrow{font-family:var(--font-condensed);font-weight:var(--fw-bold);text-transform:uppercase;font-size:var(--fs-xs);letter-spacing:var(--ls-eyebrow);color:var(--brand)}
.st-lede{font-family:var(--font-body);font-weight:var(--fw-light);font-size:var(--fs-lg);line-height:var(--lh-body);color:var(--text-body)}
.st-body{font-family:var(--font-body);font-weight:var(--fw-regular);font-size:var(--fs-md);line-height:var(--lh-body);color:var(--text-body)}
.st-small{font-family:var(--font-body);font-size:var(--fs-sm);line-height:var(--lh-body);color:var(--text-muted)}
.st-spec{font-family:var(--font-condensed);font-weight:var(--fw-bold);font-variant-numeric:tabular-nums;font-size:var(--fs-sm);letter-spacing:.02em;text-transform:uppercase}

:root{
  /* 4px base grid */
  --sp-0:0; /* @kind spacing */--sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-5:20px;--sp-6:24px;
  --sp-8:32px;--sp-10:40px;--sp-12:48px;--sp-16:64px;--sp-20:80px;--sp-24:96px;--sp-32:128px;--sp-40:160px;

  /* Layout */
  --container-max:1280px;
  --container-narrow:768px;
  --gutter:24px;
  --gutter-lg:40px;
  --section-y:96px;
  --section-y-sm:56px;

  /* Logo clear space. Manual p.2: recommended non-encroachment area; minimum
     reproduction width 1in. Clear space = 1 cap-height of the wordmark on all sides. */
  --logo-min-width:96px;      /* ≈1in at 96dpi */
  --logo-clearspace:0.34em;   /* em-relative to the logo block height */
}

:root{
  /* The wordmark is angular and sheared, so rounding stays slight:
     6px on cards and panels, 4px on controls. Nothing softer. */
  --radius-0:0px; /* @kind radius */
  --radius-1:2px;
  --radius-2:4px;
  --radius-3:6px;
  --radius-pill:999px;
  --radius-circle:50%;
  --radius-card:var(--radius-3);
  --radius-control:var(--radius-2);

  --bw-hairline:1px;
  --bw-default:1px;
  --bw-emphasis:2px;
  --bw-rule:4px;          /* green rule under section headings */

  /* Shadows: sparse and low. Print-derived brand, so elevation is quiet. */
  --shadow-none:none;
  --shadow-1:0 1px 2px rgba(0,0,0,.08);
  --shadow-2:0 2px 8px rgba(0,0,0,.10);
  --shadow-3:0 10px 28px rgba(0,0,0,.14);
  --shadow-overlay:0 24px 64px rgba(0,0,0,.28);
  --shadow-inset-hairline:inset 0 0 0 1px var(--border-default);
  --focus-ring:0 0 0 2px var(--st-white),0 0 0 4px var(--st-green);
  --focus-ring-dark:0 0 0 2px var(--st-black),0 0 0 4px var(--st-green);

  /* Photo protection gradient for text over turf/action imagery */
  --scrim-bottom:linear-gradient(to top,rgba(0,0,0,.78) 0%,rgba(0,0,0,.45) 38%,rgba(0,0,0,0) 78%); /* @kind other */
  --scrim-left:linear-gradient(to right,rgba(0,0,0,.76) 0%,rgba(0,0,0,.3) 52%,rgba(0,0,0,0) 100%); /* @kind other */

  /* Angular shear that echoes the oblique logo, for accent bars and badges */
  --shear:skewX(-12deg); /* @kind other */

  /* Honeycomb pattern: approved render scale and tint on white (letter page) */
  --pattern-width:108%; /* @kind other */ /* of the band width: 880px on a letter page, scales to any width */
  --pattern-offset-x:-3.7%; /* @kind other */
  --pattern-color:#e9eaeb; /* @kind color */ /* header band honeycomb, solid; lightened from #dcdddf so the green slogan stands out */
  --pattern-pitch:2.52%; /* @kind other */ /* header band: hexagon centre-to-centre spacing as % of band width (about 20.6px on letter), point-up, tiled from assets/patterns/honeycomb-tile.png */
  --pattern-opacity:.24; /* @kind other */
  --pattern-header-height:1.05in; /* @kind other */
}

:root{
  --dur-instant:80ms; /* @kind other */
  --dur-fast:140ms; /* @kind other */ 
  --dur-base:220ms; /* @kind other */
  --dur-slow:400ms; /* @kind other */
  --dur-reveal:640ms; /* @kind other */

  /* Grounded, athletic easing. No bounce, no overshoot. */
  --ease-standard:cubic-bezier(.2,0,.2,1); /* @kind other */
  --ease-out:cubic-bezier(.16,1,.3,1); /* @kind other */
  --ease-in:cubic-bezier(.5,0,1,1); /* @kind other */

  --transition-control:background-color var(--dur-fast) var(--ease-standard),color var(--dur-fast) var(--ease-standard),border-color var(--dur-fast) var(--ease-standard),box-shadow var(--dur-fast) var(--ease-standard); /* @kind other */
  --transition-surface:transform var(--dur-base) var(--ease-standard),box-shadow var(--dur-base) var(--ease-standard); /* @kind other */
}
@media (prefers-reduced-motion:reduce){:root{
  --dur-fast:0ms; /* @kind other */
  --dur-base:0ms; /* @kind other */
  --dur-slow:0ms; /* @kind other */
  --dur-reveal:0ms; /* @kind other */
}}

*,*::before,*::after{box-sizing:border-box}
body{margin:0;font-family:var(--font-body);font-size:var(--fs-md);line-height:var(--lh-body);color:var(--text-body);background:var(--surface-page);-webkit-font-smoothing:antialiased}
h1,h2,h3,h4,h5,h6{font-family:var(--font-display);margin:0;color:var(--text-strong);line-height:var(--lh-heading)}
h1,h2{text-transform:uppercase;letter-spacing:var(--ls-display);font-weight:var(--fw-black)}
p{margin:0 0 var(--sp-4)}
a{color:var(--text-link);text-decoration:none;border-bottom:1px solid rgba(0,174,65,.35);transition:var(--transition-control)}
a:hover{color:var(--text-link-hover);border-bottom-color:var(--st-black)}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,[tabindex]:focus-visible{outline:none;box-shadow:var(--focus-ring)}
hr{border:0;border-top:var(--bw-rule) solid var(--brand);margin:var(--sp-8) 0;width:64px}
::selection{background:var(--st-green);color:#fff}
img{max-width:100%}
sup.reg{font-size:.6em;line-height:0;vertical-align:super;font-style:normal;font-family:var(--font-body);font-weight:300;-webkit-text-stroke:0}

/* Honeycomb pattern background: point-up small honeycomb in --pattern-honeycomb-gray on white. Approved Oct 2026 (LMA cover). Apply to an absolutely positioned layer behind content. The seamless tile is 13 x 7 lattice periods; keep the mask size at 752px 235px (or the same 16:5 ratio) so it repeats without seams. */

/* SPP news pages */
body{margin:0;background:#fff;font-family:var(--font-sans);color:#25262a}
h1,h2,h3{text-wrap:balance}p{text-wrap:pretty}
a{color:#00752c;border-bottom:0}a:hover{color:#00ae41}
.wrap{max-width:1240px;margin:0 auto;padding:0 20px;box-sizing:border-box}
.hdr{position:sticky;top:0;z-index:20;background:#fff}
.hdr{overflow:visible}.hdr::after{content:"";position:absolute;left:0;right:0;bottom:0;height:22px;background:linear-gradient(to top,rgba(0,0,0,.16) 0%,rgba(0,0,0,.07) 40%,rgba(0,0,0,.02) 75%,rgba(0,0,0,0) 100%);pointer-events:none;z-index:1}.hc-right{position:absolute;left:49%;right:0;top:0;bottom:0;overflow:hidden;pointer-events:none;display:none}.hc-right canvas{position:absolute;left:0;top:0;width:100%;height:100%}@media (min-width:600px){.hc-right{display:block}}@media (min-width:1440px){.nav>ul>li:not(.cta)>a{-webkit-text-stroke:4px #fff;paint-order:stroke fill}}
.hdr .wrap{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:clamp(92px,9.5vw,116px)}
.logo img{display:block;width:225px;max-width:52vw;height:auto}
.menu-btn{display:inline-flex;align-items:center;gap:10px;min-height:44px;padding:0 14px;border:2px solid #000;border-radius:6px;background:#fff;font-family:var(--font-condensed);font-weight:700;text-transform:uppercase;letter-spacing:.08em;font-size:14px;cursor:pointer;color:#000}
.menu-btn i{display:block;width:18px;height:2px;background:#000;box-shadow:0 -6px 0 #000,0 6px 0 #000}
.nav{display:none;position:absolute;left:0;right:0;top:100%;background:#fff;border-bottom:1px solid #e6e7e9;max-height:calc(100vh - 88px);overflow:auto}
.hdr.open .nav{display:block}
.nav>ul{list-style:none;margin:0;padding:8px 20px 20px;display:flex;flex-direction:column}
.nav li{list-style:none}
.nav>ul>li{border-bottom:1px solid #eeeff0}
.nav>ul>li>a{display:flex;align-items:center;min-height:48px;font-family:var(--font-condensed);font-weight:700;text-transform:uppercase;letter-spacing:.06em;font-size:15px;color:#000;text-decoration:none}
.nav>ul>li>a:hover{color:#00752c}
.sub{margin:0 0 12px;padding:0 0 0 14px;display:flex;flex-direction:column}
.sub a{display:flex;align-items:center;min-height:40px;font-size:16px;color:#3a3b3f;text-decoration:none}
.sub a:hover{color:#00752c}
.nav .cta{border-bottom:0;padding-top:16px}
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:60px;padding:0 32px;border-radius:6px;background:var(--st-green);color:#000;font-family:var(--font-display);font-weight:900;font-style:italic;text-transform:uppercase;letter-spacing:.02em;font-size:18px;text-decoration:none;white-space:nowrap;box-sizing:border-box}
.btn:hover{background:#00752c;color:#fff}
.nav .cta .btn{min-height:60px;width:100%;font-size:18px;letter-spacing:.02em;font-family:var(--font-display);font-weight:900;color:#000}
.nav .cta .btn:hover{color:#fff}
@media (min-width:1440px){
.hdr .wrap{max-width:none}
.menu-btn{display:none}
.nav,.hdr.open .nav{display:block;position:static;border:0;max-height:none;overflow:visible;background:transparent}
.nav>ul{flex-direction:row;align-items:center;gap:20px;padding:0}
.nav>ul>li{border:0;position:relative}
.nav>ul>li>a{min-height:clamp(92px,9.5vw,116px);font-size:14px;white-space:nowrap}
.sub{display:none;position:absolute;left:-16px;top:100%;min-width:220px;background:#fff;border:1px solid #e6e7e9;border-top:3px solid var(--st-green);border-radius:0 0 6px 6px;padding:8px 16px;margin:0;box-shadow:0 8px 24px rgba(0,0,0,.08)}
.nav li:hover>.sub,.nav li:focus-within>.sub{display:flex}
.nav .cta{padding:0}.nav .cta .btn{width:auto;min-height:60px;padding:0 28px}
}
.disp{font-family:var(--font-display);font-weight:900;font-style:italic;text-transform:uppercase;line-height:.95;letter-spacing:-.01em;margin:0}
.thin{font-family:var(--font-display);font-weight:100;font-style:italic;text-transform:uppercase;letter-spacing:.01em;-webkit-text-stroke:.6px currentColor;margin:0;line-height:1.05}
.bar1{background:var(--st-blue)}.bar1 .wrap{padding-top:clamp(12px,1.6vw,18px);padding-bottom:clamp(12px,1.6vw,18px)}
.bar1 .disp{font-size:clamp(30px,4.6vw,56px);color:#fff}.bar1 .disp span{color:var(--st-green)}
.bar2{background:var(--st-blue-light)}.bar2 .wrap{padding-top:clamp(6px,1vw,10px);padding-bottom:clamp(6px,1vw,10px)}
.bar2 .wrap{padding-top:clamp(14px,1.8vw,22px);padding-bottom:clamp(14px,1.8vw,22px)}.bar2 h1{color:#fff;margin:0;font-size:clamp(24px,3vw,40px);line-height:1.02;max-width:30em;text-wrap:balance}
.hero{position:relative;background:#f4f5f6}
.hero-img{position:relative}
.slides{position:relative;aspect-ratio:16/9;overflow:hidden;background:#25262a}.slides img{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .9s ease}.slides img.on{opacity:1}@media (prefers-reduced-motion:reduce){.slides img{transition:none}}
.sctl{position:absolute;right:16px;top:16px;z-index:2;display:flex;align-items:center;gap:6px;background:rgba(0,0,0,.45);border-radius:999px;padding:4px 6px}.sctl button{appearance:none;border:0;background:transparent;cursor:pointer;width:28px;height:28px;display:flex;align-items:center;justify-content:center;padding:0}.sctl .dot::before{content:"";width:9px;height:9px;border-radius:50%;background:rgba(255,255,255,.55)}.sctl .dot[aria-current="true"]::before{background:var(--st-green)}.sctl .pp{color:#fff;font:700 12px/1 var(--font-condensed);letter-spacing:.06em;text-transform:uppercase;width:auto;padding:0 8px}
.hcap{margin:0;font-size:14px;line-height:1.4;color:#25262a;text-wrap:pretty}
.credit{margin:0;font-size:14px;line-height:1.4;color:#5a5b5d}
.capline{display:flex;flex-direction:column;gap:2px;padding:10px 20px 0}
@media (min-width:760px){.capline{padding:10px 40px 0;flex-direction:row;justify-content:space-between;gap:24px}}
@media (min-width:1100px){.slides{max-height:760px;aspect-ratio:auto;height:min(56.25vw,760px)}.capline{position:absolute;left:0;right:0;bottom:0;z-index:1;max-width:1240px;margin:0 auto;padding:0 40px 24px;box-sizing:border-box;align-items:flex-end}.capline p{color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.7),0 0 12px rgba(0,0,0,.45)}.hcap{max-width:440px;font-size:15px;font-weight:500;margin-left:auto;order:2;text-align:right}.credit{order:1;font-size:13px}.sctl{top:auto;bottom:72px;right:auto;left:40px}.hero{background:#25262a}}
main{padding:clamp(32px,5vw,64px) 0}
.art{max-width:880px;margin:0 auto;padding:0 20px;display:flex;flex-direction:column}
.cta-wrap{padding-bottom:clamp(48px,7vw,88px)}
.ctap{background:#e9eaeb;color:#25262a;border-radius:6px;padding:clamp(24px,4vw,44px);display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:20px 40px}
.ctap .thin{font-size:clamp(24px,3vw,36px);color:#fff}
.ctap .btn{white-space:normal;text-align:center;line-height:1.1;padding:12px 28px;background:var(--st-green-700);color:#fff}.ctap .btn:hover{background:var(--st-green);color:#000}
.back{align-self:flex-start;display:inline-flex;align-items:center;gap:8px;min-height:44px;font-family:var(--font-condensed);font-weight:700;text-transform:uppercase;letter-spacing:.08em;font-size:14px;text-decoration:none}
.label{display:none;margin:12px 0 0;font-family:var(--font-condensed);font-weight:700;text-transform:uppercase;letter-spacing:.14em;font-size:14px;color:#00752c}
h1{font-family:var(--font-display);font-weight:900;font-style:italic;text-transform:uppercase;line-height:1;letter-spacing:-.005em;font-size:clamp(32px,6vw,48px);color:var(--st-blue);margin:10px 0 0}
.meta{margin:18px 0 0;font-size:15px;line-height:1.5;color:#5a5b5d;display:flex;flex-wrap:wrap;gap:4px 10px}
.meta span+span::before{content:"|";margin-right:10px;color:#bbbdc0}
.orig{margin:4px 0 0;font-size:15px;line-height:1.5;color:#5a5b5d}
figure{margin:28px 0 0}
.ph-box{aspect-ratio:16/9;border-radius:6px;border:2px dashed #c98a2e;background:#fbeedd;display:flex;align-items:center;justify-content:center;padding:24px;box-sizing:border-box;text-align:center;font-family:var(--font-condensed);font-weight:700;text-transform:uppercase;letter-spacing:.06em;font-size:15px;line-height:1.4;color:#8a5413}
figure img{display:block;width:100%;height:auto;border-radius:6px}
figcaption{margin-top:10px;font-size:14px;line-height:1.4;color:#5a5b5d}
.sum{margin-top:28px;display:flex;flex-direction:column;gap:20px}
.sum p{margin:0;font-size:18px;line-height:1.65}
.sec{display:inline-flex;align-items:center;min-height:44px;font-weight:500;font-size:17px}
.ftr{background:#25262a;color:#fff;overflow:hidden}
.ftr .cols{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:36px 24px;padding-top:56px;padding-bottom:40px}
.ftr h2{margin:0 0 14px;font-family:var(--font-condensed);font-weight:700;text-transform:uppercase;letter-spacing:.12em;font-size:14px}
.ftr h2 a{color:var(--st-green);text-decoration:none}.ftr h2 a:hover{color:#fff}
.ftr h2.x{color:var(--st-green)}
.ftr .cols ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px}
.ftr li a{display:inline-flex;align-items:center;min-height:32px;color:#d9dadc;text-decoration:none;font-size:15px}
.ftr li a:hover{color:#fff}
.ftr .baseline{background:#3a3b3f}.ftr .base{display:flex;flex-wrap:wrap;align-items:center;gap:20px 32px;padding-top:24px;padding-bottom:32px}.ftr .brand{flex:1 1 auto}
.ftr .brand{display:flex;flex-wrap:wrap;align-items:center;gap:12px 24px;font-size:14px;color:#d9dadc}
.ftr .brand img{display:block;width:150px;height:auto}
.slog{position:relative;flex:1 0 100%;display:flex;align-items:center;background:var(--st-green-700);padding:18px 32px 18px 0;margin:-24px 0 0}@media (min-width:760px){.ftr .base{flex-wrap:nowrap}.slog{flex:0 0 auto;align-self:stretch;margin:-24px 0 -32px}}.slog::before{content:"";position:absolute;right:100%;top:0;bottom:0;width:100vw;background:var(--st-green-700)}.slog p{margin:0;font-family:var(--font-display);font-weight:900;font-style:italic;text-transform:uppercase;font-size:clamp(22px,2.4vw,30px);line-height:.95;color:#fff;max-width:7.5em;text-wrap:balance}
.soc{list-style:none;margin:0;padding:0;display:flex;gap:10px}
.soc a{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;background:#25262a}
.soc a:hover{background:var(--st-green)}
.soc span{display:block;width:20px;height:20px;background:#fff;-webkit-mask:var(--i) center/contain no-repeat;mask:var(--i) center/contain no-repeat}
@media (min-width:760px){.wrap{padding:0 40px}.ftr .cols{grid-template-columns:repeat(5,minmax(0,1fr))}main{padding:40px 0 64px}}
.sum p+p{margin-top:0}