.grout-page { display:block !important; pointer-events:auto !important; height:auto !important; min-height:0 !important; color:#f7f8fa; background:#0b2033; font-family:wf_717bd931499847df8ef165f33,sans-serif; }
.grout-page * { box-sizing:border-box; }
.grout-page h1,.grout-page h2 { margin:0; font-family:wf_db88ef0b45fa46279b7afeb6b,sans-serif; font-weight:400; text-wrap:balance; }
.grout-page p { margin:0; }
.grout-shell { width:calc(100% - clamp(48px,11vw,192px)); max-width:1280px; margin-inline:auto; }
.grout-hero { position:relative; height:clamp(420px,44vw,680px); overflow:hidden; background:#071725; }
.grout-hero > img { display:block; width:100%; height:100%; object-fit:cover; object-position:center 45%; }
.grout-hero::after { content:""; position:absolute; inset:0; background:linear-gradient(180deg,transparent 45%,rgba(7,23,37,.85)); pointer-events:none; }
.grout-hero-title { position:absolute; z-index:1; left:clamp(24px,5.5vw,96px); right:24px; bottom:clamp(32px,5vw,72px); }
.grout-hero h1 { font-size:clamp(48px,5.3vw,84px); line-height:1.08; }
.grout-intro { padding-block:56px 16px; }
.grout-heading { position:relative; top:auto !important; margin-bottom:30px; }
.grout-page h2 { font-size:clamp(30px,3vw,48px); line-height:1.22; }
.grout-intro .grout-heading { max-width:850px; }
.grout-deck,.grout-copy { font-size:clamp(18px,1.4vw,21px); line-height:1.6; font-weight:400; }
.grout-deck { max-width:70ch; color:#c2ccd7; }
.grout-copy { min-width:0; max-width:67ch; }
.grout-copy p+p { margin-top:1.1em; }
.grout-split { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:clamp(32px,4vw,64px); align-items:center; }
.grout-intro-row { grid-template-columns:minmax(0,1.08fr) minmax(0,1fr); }
.grout-art { display:block; width:100%; min-width:0; margin:0; padding:0; border:0; background:none; cursor:zoom-in; }
.grout-art img { display:block; width:100%; height:auto; object-fit:contain; }
.grout-art:focus-visible,.grout-page a:focus-visible { outline:2px solid #d4b160; outline-offset:6px; }
.grout-jump { display:flex; flex-wrap:wrap; gap:16px 30px; margin-top:30px; font-size:16px; line-height:1.5; }
.grout-jump a { color:#c2ccd7; text-decoration:underline; text-underline-offset:6px; }
.grout-jump a:hover { color:#d4b160; }
.grout-chapter { padding-block:48px; scroll-margin-top:96px; }
.grout-gap { margin-top:30px; }
.grout-brand { padding-bottom:32px; }
.grout-social-lead { grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr); }
.grout-pair { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:28px; align-items:center; }
.grout-social-posts { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:24px; align-items:start; }
.grout-film { min-width:0; aspect-ratio:16/9; background:#071725; }
.grout-film .local-video { display:block; width:100%; height:auto; aspect-ratio:16/9; border:0; }
.grout-product-row { grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr); }
.grout-product-row > .grout-art:first-child { max-width:420px; margin-inline:auto; }
.grout-feature { max-width:1080px; margin-inline:auto; }
.grout-print-row { display:grid; grid-template-columns:minmax(0,.65fr) minmax(0,1.35fr); gap:30px; align-items:center; }
.grout-print-row > .grout-art:first-child { max-width:380px; margin-inline:auto; }
.grout-stack { display:grid; gap:28px; }
@media(max-width:900px) {
 .grout-intro { padding-block:40px 12px; }
 .grout-heading { margin-bottom:26px; }
 .grout-chapter { padding-block:36px; }
 .grout-split { grid-template-columns:minmax(0,1fr); gap:26px; }
 .grout-split > .grout-copy { grid-row:1; }
 .grout-pair { gap:20px; }
 .grout-social-posts { grid-template-columns:repeat(2,minmax(0,1fr)); gap:24px; max-width:720px; margin-inline:auto; }
 .grout-print-row { grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr); gap:22px; }
 .grout-stack { gap:22px; }
}
@media(max-width:600px) {
 .grout-hero { height:400px; }
 .grout-hero > img { object-position:24% center; }
 .grout-jump { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; margin-top:26px; }
 .grout-pair,.grout-print-row { grid-template-columns:minmax(0,1fr); gap:24px; }
 .grout-social-posts { grid-template-columns:minmax(0,1fr); max-width:330px; gap:24px; }
 .grout-gap { margin-top:24px; }
 .grout-product-row > .grout-art:first-child { max-width:300px; }
 .grout-print-row > .grout-art:first-child { max-width:330px; }
}