/* Service education follows the site's dark/light material transitions. */
.film-material{position:relative;background:linear-gradient(#fff,var(--paper));color:var(--ink);padding:120px 0 0}
.material-layout{display:grid;grid-template-columns:1.1fr .9fr;gap:clamp(50px,8vw,120px);align-items:center}
.film-material .eyebrow{color:var(--red);font-size:12px;letter-spacing:.1em;max-width:400px}
.material-heading h2{font-size:clamp(40px,4.3vw,62px);line-height:1.12}
.material-summary>p{font-size:19px;color:var(--muted);line-height:1.85;max-width:460px}
.material-summary .text-link{font-size:15px;margin-top:28px}
.material-benefits{position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(30px,6vw,100px);color:var(--ink);margin:65px 0 0;padding:50px 0 80px;border-top:1px solid var(--line);list-style:none}
.material-number{display:block;color:var(--red);font-size:14px;margin-bottom:25px}
.material-benefits h3{font-size:26px;line-height:1.25}
.material-benefits p{font-size:17px;line-height:1.8;color:var(--muted);margin-top:17px;max-width:350px}
.film-science{padding:110px 0 85px;background:radial-gradient(ellipse at 70% 35%,#c72a3007,transparent 65%),linear-gradient(var(--paper),#fff)}
.science-heading{display:grid;grid-template-columns:1.05fr .95fr;gap:70px;align-items:end;margin-bottom:70px}
.film-science .eyebrow,.film-comparison .eyebrow{color:var(--red)}
.science-heading>p{font-size:18px;line-height:1.85;color:var(--muted);max-width:430px}
.light-diagram{border-block:1px solid #d4d6d6}
.light-diagram-head{display:grid;grid-template-columns:1fr 1.65fr 1.25fr;gap:35px;padding:26px 0;font-size:12px;font-weight:600;letter-spacing:.1em;color:#62676b;border-bottom:1px solid #ddd}
.light-diagram-head>span:nth-child(2){text-align:center}
.light-row{display:grid;grid-template-columns:1fr 1.65fr 1.25fr;gap:35px;align-items:center;padding:34px 0;min-height:180px;border-bottom:1px solid #dedfdf}
.light-row:last-child{border:0}
.light-label{display:flex;align-items:baseline;gap:22px}
.light-label>span{color:var(--red);font-size:13px}
.light-label h3{font-size:23px;line-height:1.35;letter-spacing:-.035em}
.light-path svg{width:100%;display:block;overflow:visible;fill:none;stroke-linecap:round;stroke-linejoin:round}
.ray-in{stroke:#867611;stroke-width:3}
.ray-out{stroke:#867611;stroke-width:1.5;stroke-dasharray:3 7}
.glass-plane{stroke:#7c8489;stroke-width:2}
.ray-return{stroke:#bd3f45;stroke-width:2}
.light-row-1 .ray-in,.light-row-1 .ray-out{stroke:#65727b}
.light-row-2 .ray-in,.light-row-2 .ray-out{stroke:#c72a30}
.light-explanation h4{font-size:16px;letter-spacing:-.02em;margin:0 0 8px;font-weight:650;line-height:1.5}
.light-explanation p{color:var(--muted);font-size:16px;line-height:1.75}
.science-note{font-size:14px;color:#62676b;max-width:800px;margin-top:24px;line-height:1.75}
.science-takeaway{display:flex;gap:30px;align-items:baseline;max-width:850px;margin:85px auto 0;padding-left:50px}
.science-takeaway>span{color:var(--red);font-size:48px;line-height:1}
.science-takeaway p{font-size:clamp(26px,3vw,42px);line-height:1.35;letter-spacing:-.045em;color:#777d80}
.science-takeaway strong{color:#17191b;font-weight:600}
.film-comparison{background:linear-gradient(#fff,var(--paper));padding:65px 0 100px}
.comparison-heading{max-width:760px;margin-bottom:60px}
.comparison-heading>p:last-child{font-size:18px;line-height:1.8;color:var(--muted);max-width:590px;margin-top:27px}
.film-table{border-collapse:collapse;width:100%;table-layout:fixed;text-align:left}
.film-table thead th{font-size:25px;line-height:1.3;letter-spacing:-.035em;font-weight:600;padding:28px 30px 32px;border-bottom:2px solid #333}
.film-table thead th span{display:block;font-size:13px;letter-spacing:0;color:var(--red);margin-bottom:18px}
.film-table thead td{width:24%;border-bottom:1px solid #ced1d2}
.film-table th:last-child,.film-table td:last-child{background:linear-gradient(100deg,#c72a3008,#c72a3003)}
.film-table thead th:last-child{border-bottom-color:var(--red)}
.film-table tbody th,.film-table tbody td{padding:27px 30px;font-size:17px;line-height:1.75;border-bottom:1px solid #d9dbdc;vertical-align:top}
.film-table tbody th{font-weight:600;padding-left:0}
.film-table tbody td{color:#5d6366}
.comparison-bottom{display:flex;justify-content:space-between;align-items:center;gap:55px;margin-top:32px}
.comparison-bottom>p{max-width:680px;font-size:15px;line-height:1.8;color:#61676a}
.comparison-bottom .text-link{flex-shrink:0;font-size:15px}
.film-sources{font-size:14px;color:#62676b;margin-top:30px;max-width:820px;line-height:1.8}
.film-sources summary{cursor:pointer;text-underline-offset:5px;text-decoration:underline;display:list-item}
.film-sources p{margin-top:16px}
.film-sources a{text-decoration:underline;text-underline-offset:3px}
.film-table .visually-hidden,.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.page-tint .service-story,.page-ceramic .service-story{border-top:1px solid #dadddd}

@media(max-width:1000px){.material-layout{gap:45px;grid-template-columns:1fr 1fr}.material-summary>p{font-size:18px}.light-row,.light-diagram-head{grid-template-columns:.8fr 1fr 1.3fr;gap:22px}.light-label{gap:12px}.light-label h3{font-size:20px}.science-heading{gap:40px}.film-table thead th{font-size:22px}}
@media(max-width:760px){.film-material{padding-top:75px}.material-layout{grid-template-columns:1fr;gap:30px}.material-heading h2{font-size:42px}.material-summary>p{font-size:17px;max-width:none}.material-benefits{grid-template-columns:1fr;gap:30px;margin-top:40px;padding:35px 0 55px}.material-benefits li{padding-left:42px;position:relative}.material-number{position:absolute;left:0;top:3px}.material-benefits h3{font-size:25px}.material-benefits p{max-width:none;font-size:16px;margin-top:12px}.film-science{padding:70px 0 55px}.science-heading{grid-template-columns:1fr;gap:25px;margin-bottom:40px}.science-heading h2,.comparison-heading h2{font-size:42px}.science-heading>p{max-width:none;font-size:17px}.light-diagram-head{display:none}.light-row{grid-template-columns:1fr;gap:12px;padding:30px 0}.light-label h3{font-size:24px}.light-path{max-width:440px;width:100%;margin-inline:auto}.light-path svg{height:75px}.light-explanation{padding-left:0}.light-explanation h4{font-size:17px}.science-note{font-size:14px;margin-top:22px}.science-takeaway{margin-top:48px;padding-left:0;gap:16px}.science-takeaway>span{font-size:32px}.science-takeaway p{font-size:27px}.film-comparison{padding:45px 0 65px}.comparison-heading{margin-bottom:35px}.comparison-heading>p:last-child{font-size:17px}.film-table{display:block}.film-table thead{display:block}.film-table thead tr{display:grid;grid-template-columns:1fr 1fr}.film-table thead td{display:none}.film-table thead th{padding:20px 15px 24px;font-size:20px}.film-table tbody{display:block}.film-table tbody tr{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.film-table tbody th{grid-column:1/-1;padding:22px 0 12px;border-bottom:0;font-size:16px}.film-table tbody td{padding:10px 15px 22px;font-size:16px}.comparison-bottom{display:block;margin-top:26px}.comparison-bottom .text-link{margin-top:24px}.film-sources{margin-top:28px}}
@media(prefers-reduced-motion:reduce){.film-material .reveal,.film-science .reveal{transition:none;transform:none}}

/* Each service has its own cinematic opening, followed by a clean light chapter. */
.hero.service-hero{min-height:730px;background:#0b0c0d}
.service-hero .subhero-content{padding-top:185px;padding-bottom:145px}
.service-hero .subhero-content>h1{font-size:clamp(52px,5.1vw,74px);max-width:630px;line-height:1.1;text-wrap:balance}
.service-hero .subhero-intro{max-width:470px;font-size:18px;margin-top:30px;margin-bottom:35px}
.service-hero .hero-art{inset:95px -3% 0 41%;opacity:1}
.service-hero .hero-art img{object-position:48% 50%}
.service-hero .hero-art-shade{background:linear-gradient(90deg,#0b0c0d 0%,#0b0c0de6 8%,#0b0c0d70 28%,transparent 56%),linear-gradient(0deg,#0b0c0d 0%,transparent 20%,transparent 75%,#0b0c0d 100%)}
.service-hero-credit{position:absolute;right:var(--gutter);bottom:30px;color:#a2a5a7;font-size:12px;letter-spacing:.04em}
@media(max-width:1000px) and (min-width:761px){.service-hero .subhero-content{padding-top:165px;padding-bottom:115px}.service-hero .subhero-content>h1{font-size:60px;max-width:580px}.service-hero .hero-art{left:30%;opacity:.65}}
@media(max-width:760px){.hero.service-hero{min-height:0}.service-hero .subhero-content{padding-top:145px;padding-bottom:335px}.service-hero .subhero-content>h1{font-size:clamp(42px,8vw,58px);max-width:580px}.service-hero .subhero-intro{font-size:17px;max-width:500px;margin-top:25px}.service-hero .hero-art{inset:auto -4% 0 -4%;height:330px;opacity:1}.service-hero .hero-art img{object-position:50% 52%}.service-hero .hero-art-shade{background:linear-gradient(0deg,#0b0c0d 0%,transparent 20%,transparent 70%,#0b0c0d 100%)}.service-hero-credit{bottom:20px;font-size:12px}}
