.gnj-material-guide{padding-block:clamp(20px,3.5vw,48px)}.gnj-material-hero{background:var(--forest);color:var(--paper);grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr);align-items:stretch;display:grid}.gnj-material-hero>div{align-self:center;padding:clamp(24px,4.3vw,65px)}.sbj .gnj-material-hero h1{font-size:clamp(45px,5.6vw,84px);line-height:.99}.sbj .gnj-material-hero p{max-width:44ch;color:var(--surface);margin-top:18px;font-size:clamp(16px,1.25vw,20px)}.gnj-material-hero figure{min-height:230px;position:relative}.gnj-material-hero figure img{object-fit:cover;object-position:46% 53%;width:100%;height:100%;display:block;position:absolute;inset:0}.gnj-material-hero figcaption{background:linear-gradient(transparent, color-mix(in srgb, var(--ink) 90%, transparent) 55%);padding:32px 18px 12px;font-size:13px;position:absolute;inset:auto 0 0}.gnj-material-topics{margin-top:clamp(30px,4vw,55px)}.gnj-material-topic{border-top:1px solid var(--line);grid-template-columns:minmax(0,.9fr) minmax(0,1.3fr);align-items:center;gap:clamp(24px,5vw,75px);padding-block:clamp(24px,3vw,44px);display:grid}.gnj-material-topic:first-of-type{border-color:var(--brass)}.sbj .gnj-material-guide h2{font-size:clamp(29px,3.1vw,46px);line-height:1.08}.sbj .gnj-material-topic header p,.sbj .gnj-material-records header p,.sbj .gnj-material-brief p{color:var(--muted);max-width:54ch;margin-top:12px}.gnj-material-examples{grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(12px,1.65vw,26px);display:grid}.gnj-material-sample{min-width:0;text-decoration:none}.gnj-material-photo{background:var(--paper);border:1px solid var(--line);overflow:hidden}.gnj-material-photo .sbj-photo{aspect-ratio:1.45;object-fit:contain;width:100%;height:auto;max-height:none;display:block}.sbj .gnj-material-sample h3{letter-spacing:-.025em;margin-top:9px;font:600 clamp(15px,1.25vw,19px)/1.28 Arial,Helvetica,sans-serif}.gnj-material-sample h3 span{color:var(--brass);font-size:.82em}.gnj-material-sample:hover h3{text-decoration:underline}.sbj .gnj-material-sample p{color:var(--muted);margin-top:3px;font-size:13px}.gnj-material-records{border-top:2px solid var(--forest);background:var(--surface);padding:clamp(20px,3vw,42px)}.sbj .gnj-material-records header p{max-width:72ch}.sbj .gnj-material-records ul{margin-top:18px;padding:0;list-style:none}.gnj-material-records li{border-top:1px solid var(--line)}.gnj-material-records li:last-child{border-bottom:1px solid var(--line)}.gnj-material-records li a{grid-template-columns:90px minmax(0,1fr) auto;align-items:center;gap:16px;padding:10px 0;text-decoration:none;display:grid}.gnj-material-records li img{width:100%;height:auto;display:block}.gnj-material-records li strong,.gnj-material-records li div span{display:block}.gnj-material-records li div span{color:var(--muted);margin-top:4px;font-size:14px}.gnj-material-file{color:var(--forest);font-size:14px;font-weight:600;text-decoration:underline}.gnj-material-records>.sbj-link{min-height:44px;margin-top:6px}.gnj-material-brief{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;padding-block:clamp(25px,4vw,60px) 10px;display:flex}.sbj .gnj-material-brief p{max-width:66ch}@media (max-width:720px){.gnj-material-hero,.gnj-material-topic{grid-template-columns:1fr}.gnj-material-hero figure{aspect-ratio:2.4;min-height:0}.gnj-material-topic{gap:16px}.gnj-material-photo .sbj-photo{aspect-ratio:1.14}.gnj-material-records li a{grid-template-columns:65px minmax(0,1fr);gap:4px 12px}.gnj-material-records li img{grid-row:span 2}.gnj-material-file{grid-column:2}}@media (max-width:480px){.gnj-material-sample h3 span{display:none}}
