.materials-intro{padding-bottom:60px}.materials-intro h1{max-width:1050px;font-size:clamp(42px,5.7vw,80px);line-height:1.04;letter-spacing:-.055em}.materials-lead{display:grid;grid-template-columns:1.3fr 1fr;gap:60px;align-items:center;margin:30px 0}.materials-lead>p:last-child{max-width:430px;color:var(--muted)}.material-shortcuts{display:flex;flex-wrap:wrap;gap:10px;margin:32px 0 60px}.material-shortcuts a{padding:13px 20px;border:1px solid var(--line);border-radius:40px;font-size:14px;transition:background .25s,transform .25s}.material-shortcuts a:hover{background:var(--card);transform:translateY(-3px)}.materials-catalog{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:30px}.material-card{display:block;border:1px solid var(--line);border-radius:28px;overflow:hidden;background:var(--card);transition:transform .35s,box-shadow .35s}.material-card:hover{transform:translateY(-5px);box-shadow:0 20px 50px #00000012}.material-card-image{height:300px;overflow:hidden;position:relative}.material-card-image img{width:100%;height:100%;object-fit:cover;transition:transform .8s cubic-bezier(.2,.65,.2,1)}.material-card:hover img{transform:scale(1.045)}.material-card-image>span{position:absolute;left:20px;top:20px;border:1px solid #ffffff70;border-radius:50%;width:44px;height:44px;display:grid;place-items:center;background:#1c2b3680;color:white;backdrop-filter:blur(12px);font-size:12px}.material-card-copy{padding:26px 30px 30px}.material-card-copy h2,.material-card-copy h3{font-size:clamp(24px,2.4vw,34px);letter-spacing:-.035em;line-height:1.15;display:flex;justify-content:space-between;gap:12px;margin:14px 0}.material-card-copy h2 span,.material-card-copy h3 span{font-size:25px;font-weight:400}.material-card-copy>p:last-child{font-size:15px;color:var(--muted);margin-bottom:0}.material-card-copy .eyebrow{font-size:10px}.material-help{margin-bottom:100px;padding:45px;border:1px solid var(--line);border-radius:28px;display:grid;grid-template-columns:1.2fr 1fr;gap:50px}.material-help .text-link{display:block;margin-top:22px}.material-hero{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center;padding-top:30px;padding-bottom:90px}.material-hero h1{font-size:clamp(35px,4.2vw,58px);line-height:1.06;letter-spacing:-.045em}.material-headline{font-size:clamp(22px,2.4vw,34px);line-height:1.2;margin:28px 0 20px;color:var(--muted)}.material-hero .intro{font-size:18px;margin-bottom:28px}.material-hero figure{margin:0}.material-hero figure img{width:100%;height:520px;object-fit:cover;border-radius:28px}.material-hero figcaption{font-size:11px;color:var(--muted);margin-top:12px}.material-layout{display:grid;grid-template-columns:250px minmax(0,1fr);gap:95px}.material-toc{align-self:start;position:sticky;top:155px}.material-toc nav{display:grid;gap:0}.material-toc a{display:block;padding:12px 0;border-bottom:1px solid var(--line);font-size:14px;line-height:1.5;color:var(--muted)}.material-toc a:hover{color:var(--ink)}.material-body{max-width:800px}.material-text{margin-bottom:64px;scroll-margin-top:175px}.material-text h2,.material-check h2,.material-archive h2{font-size:clamp(27px,3vw,40px);letter-spacing:-.035em;line-height:1.15;margin:14px 0 22px}.material-text p{font-size:18px;line-height:1.8;color:var(--muted)}.material-check{padding:32px;border:1px solid var(--line);border-radius:24px;background:var(--card);scroll-margin-top:175px}.material-check ul{padding-left:22px}.material-check li{padding:8px 0}.material-check>p:not(.eyebrow){color:var(--muted);font-size:15px}.material-archive{margin-top:60px}.material-archive details{border-bottom:1px solid var(--line);padding:20px 0}.material-archive summary{cursor:pointer;font-weight:600}.material-archive figure{margin:20px 0}.material-archive img{width:100%;height:auto;background:white}.material-archive figcaption,.material-source{font-size:12px;color:var(--muted);line-height:1.6}.material-source{margin-top:30px}.material-source a{text-decoration:underline}.material-related{padding-top:10px}
/* Five navigation links keep the contact block readable. */
@media(min-width:1081px){.header .header-inner{gap:12px}.header #nav a{padding-inline:8px;font-size:12px}.header .header-contact{max-width:220px}}
@media(max-width:1080px) and (min-width:951px){.header #nav a{font-size:12px;padding-inline:7px}}
@media(max-width:950px){.material-hero{gap:30px}.material-hero figure img{height:430px}.material-layout{grid-template-columns:190px minmax(0,1fr);gap:35px}.material-card-image{height:230px}.material-card-copy{padding:24px}.materials-lead{gap:25px}.material-help{gap:25px;padding:30px}}
@media(max-width:680px){.materials-lead,.material-help,.material-hero,.material-layout{grid-template-columns:1fr;gap:24px}.materials-lead{margin-top:20px}.materials-lead .intro{margin:0}.materials-catalog{grid-template-columns:1fr;gap:22px}.material-shortcuts{margin-bottom:35px;gap:8px}.material-shortcuts a{font-size:12px;padding:11px 14px}.material-hero{padding-bottom:42px;padding-top:15px}.material-hero figure img{height:340px}.material-toc{position:static;border:1px solid var(--line);border-radius:20px;padding:20px}.material-toc a:last-child{border:0}.material-text{margin-bottom:40px}.material-text p{font-size:16px}.material-check{padding:23px}.material-help{padding:25px;margin-bottom:60px}.material-card-image{height:260px}.material-related .section-head{align-items:start;gap:18px}.material-hero .intro{font-size:16px}}
@media(prefers-reduced-motion:reduce){.material-card,.material-card-image img,.material-shortcuts a{transition:none}.material-card:hover,.material-card:hover img,.material-shortcuts a:hover{transform:none}}